Git LFS support for Live View

Enables loading files stored with Git LFS in Live View.

Author: benhatsor

git/gitapi.js

@@ -150,6 +150,39 @@ let git = {
 
     return buffer;
 
+  },
+  
+   // get public LFS file content as ReadableStream
+  'getPublicLFSFileAsStream': async (treeLoc, fileName) => {
+
+    // map tree location
+    let query = 'https://media.githubusercontent.com/media';
+    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
+      };
+      
+    }
+
+    
+    const buffer = await resp.arrayBuffer();
+
+    return buffer;
+    
   },
 
   // get items in tree
@@ -184,7 +217,7 @@ let git = {
     return resp;
 
   },
-
+  
   // get a repository
   'getRepo': async (treeLoc) => {
 

live-view/live-view.js

@@ -1009,6 +1009,7 @@ async function handleLiveViewRequest(requestPath) {
 
         // get public file from git as ReadableStream
         respObj = await git.getPublicFileAsStream(liveFileDir, fileName);
+
 
         // if couldn't fetch file
         if (respObj.errorCode) {
@@ -1023,6 +1024,35 @@ async function handleLiveViewRequest(requestPath) {
           };
 
         }
+
+        
+        // if the file's stored with Git LFS
+        // (see: https://github.com/git-lfs/git-lfs/blob/main/docs/spec.md)
+        
+        const fileContentStr = new TextDecoder().decode(respObj);
+
+        const isLFS = fileContentStr.startsWith('version https://git-lfs.github.com/spec/');
+        
+        if (isLFS) {
+        
+          respObj = await git.getPublicLFSFileAsStream(liveFileDir, fileName);
+
+          
+          // if couldn't fetch file
+          if (respObj.errorCode) {
+            
+            // return an error
+            
+            const respStatus = respObj.errorCode;
+            
+            return {
+              fileContent: '',
+              respStatus: respStatus
+            };
+            
+          }
+        
+        }
 
       } else {
 

service-worker.js

@@ -1,6 +1,6 @@
 
 // update worker name when updating cached files
-const WORKER_NAME = 'codeit-worker-v769';
+const WORKER_NAME = 'codeit-worker-v770';
 
 
 self.importScripts('/worker/client-channel.js');

worker/client-channel.js

@@ -22,7 +22,7 @@ const INTERNAL_PATHS = {
 
 const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 
-const isDev = (self.origin === 'https://dev.codeit.codes');
+const isDev = (self.location.origin === 'https://dev.codeit.codes');
 
 
 // key                : value
@@ -295,4 +295,3 @@ self.addEventListener('fetch', (evt) => {
   evt.respondWith(handleFetchRequest(evt.request, evt));
 
 });
-