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

vfsjs-test 1.0.5 → 1.0.7

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 (4) hide show

package/index.html CHANGED Viewed

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

package/main.js CHANGED Viewed

@@ -1,59 +1,53 @@
-// main.js - User API Facade and Browser Orchestration
+// main.js - Simple Developer Interface Facade
 const display = document.getElementById('status');
-// Expose clean interface functions to the developer
+// Clean user-facing API surface area
 window.vfs = {
     add(filename, contentString, customMime = null) {
-        if (!window._vfsKernel) return console.error("VFS Engine Kernel Offline.");
         return window._vfsKernel.write(filename, contentString, customMime);
     },
     delete(filename) {
-        if (!window._vfsKernel) return console.error("VFS Engine Kernel Offline.");
         return window._vfsKernel.remove(filename);
     },
     clear() {
-        if (!window._vfsKernel) return console.error("VFS Engine Kernel Offline.");
         return window._vfsKernel.wipe();
+    },
+    hook(filename, type) {
+        // type should be 'js' or 'css'
+        return window._vfsKernel.mount(filename, type);
+    },
+    unhook() {
+        return window._vfsKernel.unmount();
     }
 };
-async function bootEngine() {
-    try {
-        // Step 1: Fire up background kernel thread
-        const registration = await navigator.serviceWorker.register('./sw.js');
-        display.innerHTML += "<br>> Service worker synchronized.";
-        // Step 2: Await activation capture if first mount context
-        if (!navigator.serviceWorker.controller) {
-            display.innerHTML += "<br>> Activating routing links... (Refresh if text stays stuck)";
-            await new Promise(r => {
-                navigator.serviceWorker.addEventListener('controllerchange', r, { once: true });
-            });
-        }
-        display.innerHTML += "<br>> Pipeline linked. Running diagnostics...";
-        // Step 3: Diagnostic suite running through your clean user window.vfs API
-        vfs.add('live-theme.css', `
-            body { background: #030712 !important; color: #38bdf8 !important; }
-            #status { border-color: #1f2937 !important; background: #0b0f19 !important; }
-        `, 'text/css');
-        vfs.add('index.js', `
-            console.log("VFS Live: Running via separated vfsjs core engine loop.");
-            document.getElementById('status').innerHTML += "<br>> <span style='color: #34d399;'>Virtual routing diagnostics complete. Engine stable.</span>";
-        `, 'text/javascript');
-        // Test temporary file cycle
-        vfs.add('scratchpad.tmp', 'transient text layout storage structural array');
-        vfs.delete('scratchpad.tmp');
-    } catch (err) {
-        display.innerHTML += `<br>><span style="color: #ef4444;"> Boot Exception: ${err.message}</span>`;
-        console.error(err);
-    }
+async function startDeveloperWorkspace() {
+    // 1. Fire up the kernel underneath automatically
+    const ready = await window._vfsKernel.init();
+    if (!ready) return;
+    display.innerHTML += "<br>> Running developer asset deployment...";
+    // 2. Add your scripts and styles to memory
+    vfs.add('live-theme.css', `
+        body { background: #020617 !important; color: #a5f3fc !important; }
+        #status { border-color: #334155 !important; background: #0f172a !important; }
+    `, 'text/css');
+    vfs.add('index.js', `
+        console.log("VFS Engine: Hooked successfully!");
+        document.getElementById('status').innerHTML += "<br>> <span style='color: #22c55e;'>Virtual asset code running live!</span>";
+    `, 'text/javascript');
+    // Give the worker split-second thread cache timing
+    await new Promise(r => setTimeout(r, 50));
+    // 3. Mount them into the page environment using your new API!
+    vfs.hook('live-theme.css', 'css');
+    vfs.hook('index.js', 'js');
+    // Example Test: You can run vfs.unhook() anytime later to completely pull them out!
+    // setTimeout(() => { vfs.unhook(); }, 5000);
 }
-// Instantiate ecosystem initialization
-bootEngine();
+startDeveloperWorkspace();

package/package.json CHANGED Viewed

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

package/vfsjs.js CHANGED Viewed

@@ -1,13 +1,30 @@
-// vfsjs.js - Internal Core Logic Engine
+// vfsjs.js - Upgraded Core Logic Engine
 (function() {
     const encoder = new TextEncoder();
     const display = document.getElementById('status');
+    let injectedNodes = []; // Tracks dynamically mounted elements
-    // Internal core operations dictionary
     const engineCore = {
+        // Automatically registers and activates the Service Worker thread
+        async init() {
+            try {
+                await navigator.serviceWorker.register('./sw.js');
+                if (display) display.innerHTML += "<br>> Service worker synchronized.";
+                if (!navigator.serviceWorker.controller) {
+                    if (display) display.innerHTML += "<br>> Securing worker routing links...";
+                    await new Promise(r => navigator.serviceWorker.addEventListener('controllerchange', r, { once: true }));
+                }
+                if (display) display.innerHTML += "<br>> Matrix pipeline fully established.";
+                return true;
+            } catch (err) {
+                if (display) display.innerHTML += `<br>><span style="color: #ef4444;"> Core Init Failure: ${err.message}</span>`;
+                return false;
+            }
+        },
         write(filename, contentString, customMime) {
             if (!navigator.serviceWorker.controller) return false;
             navigator.serviceWorker.controller.postMessage({
                 type: 'VFS_WRITE',
                 filename: filename,
@@ -20,24 +37,42 @@
         remove(filename) {
             if (!navigator.serviceWorker.controller) return false;
-            navigator.serviceWorker.controller.postMessage({
-                type: 'VFS_DELETE',
-                filename: filename
-            });
+            navigator.serviceWorker.controller.postMessage({ type: 'VFS_DELETE', filename: filename });
             if (display) display.innerHTML += `<br>> Core Remove: <span style="color: #ef4444;">${filename}</span>`;
             return true;
         },
         wipe() {
             if (!navigator.serviceWorker.controller) return false;
             navigator.serviceWorker.controller.postMessage({ type: 'VFS_CLEAR' });
-            if (display) display.innerHTML += `<br>><span style="color: #f59e0b;"> Core Clear: Matrix registers flushed.</span>`;
+            if (display) display.innerHTML += `<br>><span style="color: #f59e0b;"> Core Clear: Matrix flushed.</span>`;
             return true;
+        },
+        // Dynamically injects virtual assets into the browser frame safely
+        mount(filename, type) {
+            if (type === 'css') {
+                const el = document.createElement('link');
+                el.rel = 'stylesheet';
+                el.href = filename;
+                document.head.appendChild(el);
+                injectedNodes.push(el);
+            } else if (type === 'js') {
+                const el = document.createElement('script');
+                el.src = filename;
+                document.body.appendChild(el);
+                injectedNodes.push(el);
+            }
+            if (display) display.innerHTML += `<br>> Frame Hooked: Loaded [${filename}]`;
+        },
+        // Pulls all injected elements back out of the DOM frame
+        unmount() {
+            injectedNodes.forEach(node => node.remove());
+            injectedNodes = [];
+            if (display) display.innerHTML += `<br>><span style="color: #f43f5e;"> Frame Unhooked: Virtual nodes detached.</span>`;
         }
     };
-    // Expose internal engine safely to global scope window context
     window._vfsKernel = engineCore;
 })();