Codeit 3.0.0

Author: benhatsor

api/link.js

@@ -17,6 +17,12 @@ export default function handler(request, response) {
 
     if (url[0] && url[1]) {
 
+      if (url[1].endsWith('.git')) {
+        
+        url[1] = url[1].slice(0, -('.git'.length));
+        
+      }
+      
       if (url[url.length-1].endsWith('.html')
           || url[url.length-1].endsWith('.svg')) {
 

filebrowser.js

@@ -103,7 +103,7 @@ async function renderSidebarHTML() {
 
 
     // if repo obj dosen't exist
-    if (!repoObj) {
+    if (!repoObj || !repoObj.defaultBranch) {
 
       // get repo obj from git
       // and save to modified repos
@@ -202,6 +202,20 @@ async function renderSidebarHTML() {
 
     alert('Hmm... we can\'t find that repo.\nIf it\'s private, try double checking you\'re on the account with access.');
 
+    
+    // get repo obj from local storage
+    const repoObj = modifiedRepos[user + '/' + repoName];
+    
+    // if repo obj exists
+    if (repoObj) {
+      
+      // delete repo obj from modified repos
+      deleteModRepo(user + '/' + repoName);
+      
+    }
+    
+    
+    // change location
     treeLoc[1] = '';
     treeLoc[2] = '';
     saveTreeLocLS(treeLoc);
@@ -276,13 +290,27 @@ async function renderSidebarHTML() {
 
     // if couldn't find branch, show not found screen
 
-    const defaultBranch = (await git.getRepo(treeLoc)).default_branch;
+    // get repo obj from local storage
+    const repoObj = modifiedRepos[user + '/' + repoName];
+    let defaultBranch;
+    
+    if (repoObj && repoObj.defaultBranch) {
+      
+      defaultBranch = repoObj.defaultBranch;
+      
+    } else {
+      
+      defaultBranch = (await git.getRepo(treeLoc)).default_branch;
+      
+    }
+    
 
     // stop loading
     stopLoading();
 
     showMessage('Hmm... we can\'t find that branch.', 5000);
 
+    // add branch to tree
     treeLoc[1] = repo.split(':')[0] + ':' + defaultBranch;
     saveTreeLocLS(treeLoc);
 
@@ -580,8 +608,11 @@ async function renderSidebarHTML() {
       // get rendered repos
       let renderedRepos = {};
 
+      // get all user-owned modified repos
+      const userModRepos = Object.keys(modifiedRepos).filter(repo => repo.split('/')[0] === loggedUser);
+      
       // if repositories exist
-      if (resp.length > 0 || Object.keys(modifiedRepos).length > 0) {
+      if (resp.length > 0 || userModRepos.length > 0) {
 
         // show search button
         searchButton.classList.remove('hidden');
@@ -620,7 +651,8 @@ async function renderSidebarHTML() {
           if (!modifiedRepos[item.full_name]) {
 
             // create repo obj
-            repoObj = createRepoObj(item.full_name, item.default_branch, (item.permissions.push ?? false),
+            repoObj = createRepoObj(item.full_name, item.default_branch, item.default_branch,
+                                    (item.permissions.push ?? false),
                                     null, item.private, item.fork, false);
 
           } else {
@@ -1535,6 +1567,22 @@ sidebarTitle.addEventListener('click', (e) => {
   } else { // show learn page
 
     sidebar.classList.add('learn');
+    
+    /*
+    // if there are no modified files
+    // and no pending promises
+    if (Object.values(modifiedFiles).length === 0
+        && !pendingPromise && !repoPromise) {
+      
+      // enable logout
+      learnWrapper.classList.add('logout-enabled');
+      
+    } else {
+      
+      learnWrapper.classList.remove('logout-enabled');
+      
+    }
+    */
 
   }
 
@@ -1763,8 +1811,8 @@ function createNewRepoInHTML() {
 
 
         // create new repo obj
-        const repoObj = createRepoObj((loggedUser + '/' + repoName), 'main', true,
-                                      null, true, false, true);
+        const repoObj = createRepoObj((loggedUser + '/' + repoName), 'main', 'main',
+                                      true, null, true, false, true);
 
         // add repo obj to modified repos
         addRepoToModRepos(repoObj);
@@ -2475,7 +2523,7 @@ function setupEditor() {
   });
 
   // disable context menu
-  if (!isMobile) {
+  if (!isMobile && !isDev) {
 
     window.addEventListener('contextmenu', (e) => {
 

full.css

@@ -1446,7 +1446,8 @@ body:not(.mobile) .sidebar .header .title .branch-icon:active {
 }
 
 .sidebar .button {
-  display: flex;
+  display: grid;
+  grid-auto-flow: column;
   justify-content: center;
   align-items: center;
   border-radius: 15px;
@@ -1514,6 +1515,18 @@ body:not(.mobile) .sidebar .header .title .branch-icon:active {
   -webkit-user-select: text;
 }
 
+.sidebar .learn-wrapper .logout {
+  display: none;
+}
+
+.sidebar .learn-wrapper.logout-enabled .logout {
+  display: grid;
+}
+
+.sidebar .learn-wrapper.logout-enabled .share {
+  margin-top: var(--spacing-2);
+}
+
 
 .menu {
   position: fixed;

full.html

@@ -208,6 +208,12 @@
           <div class="title">Codeit</div>
           <div class="subtitle version">-.-.-</div>
         </div>
+        <div class="button secondary large-spacing-top logout">
+          <svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+            <path d="M8 1C4.133 1 1 4.213 1 8.177c0 3.171 2.006 5.861 4.787 6.81.35.066.478-.155.478-.346 0-.17-.006-.621-.01-1.22-1.947.434-2.357-.962-2.357-.962-.319-.83-.778-1.05-.778-1.05-.635-.445.048-.437.048-.437.703.051 1.073.74 1.073.74.624 1.097 1.638.78 2.037.596.063-.463.244-.78.444-.959-1.554-.18-3.188-.797-3.188-3.547 0-.783.273-1.424.72-1.926-.072-.181-.312-.911.07-1.9 0 0 .586-.192 1.924.736A6.55 6.55 0 018 4.471a6.557 6.557 0 011.753.241c1.336-.928 1.923-.735 1.923-.735.382.988.141 1.718.07 1.9.448.5.72 1.142.72 1.925 0 2.757-1.638 3.364-3.197 3.542.251.221.475.66.475 1.329 0 .959-.009 1.733-.009 1.968 0 .193.127.416.482.346 2.78-.951 4.783-3.64 4.783-6.81C15 4.213 11.866 1 8 1z" fill="currentColor"></path>
+          </svg>
+          Logout
+        </div>
         <div class="button secondary large-spacing-top share">Invite friends</div>
         <div class="button teritary tiny-spacing-top close">Close</div>
       </div>

git/gitapi.js

@@ -99,6 +99,59 @@ let git = {
 
   },
 
+  // get public file content as ReadableStream
+  'getPublicFileAsStream': async (treeLoc, fileName) => {
+    
+    // map tree location
+    let query = 'https://raw.githubusercontent.com';
+    const [user, repo, contents] = treeLoc;
+
+    // get repository branch
+    let [repoName, branch] = repo.split(':');
+  
+    query += '/' + user + '/' + repoName +
+             '/' + branch +
+             '/' + contents + '/' + fileName;
+  
+    // get the query
+    const resp = await fetch(query);
+    
+    // if received an error
+    if (String(resp.status).startsWith('4')) {
+      
+      return {
+        errorCode: resp.status
+      };
+      
+    }
+    
+    
+    // get data from response
+    
+    const reader = resp.body.getReader();
+    let buffer = [];
+    
+    async function readChunk() {
+      
+      const chunk = await reader.read();
+      
+      // if finished reading, return
+      if (chunk.done) return;
+      
+      // add new chunk to buffer
+      buffer = new Uint8Array([...buffer, ...chunk.value]);
+      
+      // read next chunk
+      return readChunk();
+      
+    }
+    
+    await readChunk();
+
+    return buffer;
+    
+  },
+
   // get items in tree
   'getItems': async (treeLoc) => {
 

links.js

@@ -23,8 +23,9 @@ function createLink(linkData) {
 
       const modRepo = modifiedRepos[user + '/' + repoName];
 
-      if (modRepo && modRepo.branches
-          && modRepo.branches.length === 1) {
+      // if selected branch is the default branch
+      if (modRepo &&
+          (modRepo.defaultBranch === branch)) {
 
         branch = '';