vfsjs-test 1.0.8 → 1.0.9

package/main.js

@@ -1,7 +1,5 @@
-// main.js - Simple Developer Interface Facade
-const display = document.getElementById('status');
+// main.js - User API Facade and Browser Orchestration
 
-// Clean user-facing API surface area
 window.vfs = {
     add(filename, contentString, customMime = null) {
         return window._vfsKernel.write(filename, contentString, customMime);
@@ -11,43 +9,31 @@ window.vfs = {
     },
     clear() {
         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 startDeveloperWorkspace() {
-    // 1. Fire up the kernel underneath automatically
-    const ready = await window._vfsKernel.init();
-    if (!ready) return;
+    // FIX: Look up the display element now that the DOM layout is guaranteed to exist
+    const display = document.getElementById('status');
+    if (display) display.innerHTML += "<br>> Running developer asset deployment...";
 
-    display.innerHTML += "<br>> Running developer asset deployment...";
-
-    // 2. Add your scripts and styles to memory
-    vfs.add('live-theme.css', `
+    // Add your scripts and styles to memory target registers
+    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>";
+        console.log("VFS Engine: Intercepted via head script execution successfully!");
+        const statusEl = document.getElementById('status');
+        if (statusEl) statusEl.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);
 }
 
-startDeveloperWorkspace();
+// FIX: Wait for the DOM to be built before initializing the workspace thread structures
+document.addEventListener('DOMContentLoaded', async () => {
+    const ready = await window._vfsKernel.init();
+    if (ready) {
+        startDeveloperWorkspace();
+    }
+});

package/package.json

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