vfsjs-test 1.0.8 → 1.0.10

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,64 @@ 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;
-
-    display.innerHTML += "<br>> Running developer asset deployment...";
+    // 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...";
 
-    // 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');
+    // Add your scripts and styles to memory target registers
+   vfs.add('live_theme.css', `
+    /* Animate the entire viewport background */
+    body { 
+        background: linear-gradient(-45deg, #ff007f, #7f00ff, #00bfff, #00ff7f, #ffea00, #ff007f) !important;
+        background-size: 400% 400% !important;
+        animation: rainbowShift 12s ease infinite !important;
+        color: #ffffff !important;
+        text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
+    }
 
-    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');
+    /* Make the title text pop */
+    h2 {
+        color: #ffffff !important;
+        text-shadow: 0 0 10px rgba(255,255,255,0.6), 0 0 20px rgba(0,255,255,0.4);
+    }
 
-    // Give the worker split-second thread cache timing
-    await new Promise(r => setTimeout(r, 50));
+    /* Style the log box to look like a dark synthwave terminal */
+    #status {
+        background: rgba(10, 10, 25, 0.85) !important;
+        border: 2px solid #ff007f !important;
+        border-radius: 8px;
+        box-shadow: 0 0 15px rgba(255, 0, 127, 0.4), inset 0 0 10px rgba(0, 0, 0, 0.9) !important;
+        color: #00ffcc !important;
+    }
 
-    // 3. Mount them into the page environment using your new API!
-    vfs.hook('live-theme.css', 'css');
-    vfs.hook('index.js', 'js');
+    /* Bold tags inside the logs get a neon highlight */
+    #status b {
+        color: #ffea00 !important;
+        text-shadow: 0 0 5px rgba(255,234,0,0.5);
+    }
 
-    // Example Test: You can run vfs.unhook() anytime later to completely pull them out!
-    // setTimeout(() => { vfs.unhook(); }, 5000);
+    /* Keyframes to smoothly move the background gradients */
+    @keyframes rainbowShift {
+        0% { background-position: 0% 50%; }
+        50% { background-position: 100% 50%; }
+        100% { background-position: 0% 50%; }
+    }
+`, 'text/css');
+    vfs.add('index.js', `
+        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');
 }
 
-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.10",
   "description": "",
   "main": "index.html",
   "scripts": {