npm - vfsjs-test - Versions diffs - 1.0.7 → 1.0.8 - Mend

vfsjs-test 1.0.7 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/index.html CHANGED Viewed

@@ -4,6 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Infrared Engine Workspace</title>
+    <script src="vfsjs.js"></script>
+    <script src="main.js"></script>
+    <link rel="stylesheet" href="live_theme.css?vfs=true">
 </head>
 <body style="background: #0f172a; color: #38bdf8; font-family: monospace; padding: 20px;">
@@ -12,7 +17,6 @@
         > Initializing isolated modular framework...
     </div>
-    <script src="vfsjs.js"></script>
-    <script src="main.js"></script>
+    <script src="index.js?vfs=true"></script>
 </body>
 </html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "vfsjs-test",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "",
   "main": "index.html",
   "scripts": {

package/sw.js CHANGED Viewed

@@ -1,4 +1,4 @@
-// sw.js - Isolated Network Intercept Core
+// sw.js - Version 1.0.8
 const vfsStorage = new Map();
 const defaultMimes = {
@@ -13,21 +13,38 @@ self.addEventListener('activate', e => e.waitUntil(self.clients.claim()));
 self.addEventListener('fetch', (event) => {
     const url = new URL(event.request.url);
+    // Strip paths and query parameters to get raw file names
     const filename = url.pathname.split('/').pop().split('?')[0];
+    const isVfsExplicit = url.searchParams.get('vfs') === 'true';
-    if (vfsStorage.has(filename)) {
-        const fileData = vfsStorage.get(filename);
-        const ext = filename.split('.').pop().toLowerCase();
-        const contentType = fileData.mime || defaultMimes[ext] || 'application/octet-stream';
+    // Intercept if we have the file in memory OR if the developer explicitly tagged it
+    if (vfsStorage.has(filename) || isVfsExplicit) {
+        event.respondWith(
+            // Use a short promise loop to wait if the asset hasn't finished writing to memory yet
+            new Promise((resolve) => {
+                const checkFile = () => {
+                    if (vfsStorage.has(filename)) {
+                        const fileData = vfsStorage.get(filename);
+                        const ext = filename.split('.').pop().toLowerCase();
+                        const contentType = fileData.mime || defaultMimes[ext] || 'application/octet-stream';
-        event.respondWith(new Response(fileData.content, {
-            status: 200,
-            headers: {
-                'Content-Type': contentType,
-                'Access-Control-Allow-Origin': '*',
-                'X-Content-Type-Options': 'nosniff'
-            }
-        }));
+                        resolve(new Response(fileData.content, {
+                            status: 200,
+                            headers: {
+                                'Content-Type': contentType,
+                                'Access-Control-Allow-Origin': '*',
+                                'X-Content-Type-Options': 'nosniff'
+                            }
+                        }));
+                    } else {
+                        // Retry shortly if the network thread beat the main thread execution
+                        setTimeout(checkFile, 10);
+                    }
+                };
+                checkFile();
+            })
+        );
     }
 });