vfsjs-test 1.0.21 → 1.0.22

package/main.js

@@ -1,29 +1,41 @@
-// Inside main.js
+// main.js - Production Asset Orchestrator
 
-async function startDeveloperWorkspace() {
-    // 1. Fetch remote libraries, populate virtual files, etc.
-    const remoteLibraryUrl = 'https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.4/dist/confetti.browser.min.js';
-    await vfs.importRemote('my-confetti-engine.js', remoteLibraryUrl, 'text/javascript');
+window.vfs = {
+    add(filename, contentString, customMime = null) {
+        return window._vfsKernel.write(filename, contentString, customMime);
+    },
 
-    // 2. Populate your script and style data maps into the active worker cache state
-    vfs.add('app.js', `console.log("App script running natively inside virtualized layout context!");`, 'text/javascript');
-    vfs.add('style.css', `body { background: #020617; color: #38bdf8; font-family: monospace; }`, 'text/css');
+    async importRemote(localFilename, remoteUrl, customMime = null) {
+        try {
+            const response = await fetch(remoteUrl);
+            if (!response.ok) throw new Error(`HTTP network error: ${response.status}`);
+            const text = await response.text();
+            this.add(localFilename, text, customMime);
+            return true;
+        } catch (err) {
+            console.error(`[VFS Proxy Error] Failed loading remote path:`, err);
+            return false;
+        }
+    }
+};
+
+async function buildProductionApplication() {
+    // 1. Map assets into the active Service Worker cache storage map first
+    vfs.add('app.js', `console.log("App running cleanly inside VFS!");`, 'text/javascript');
+    vfs.add('style.css', `body { background: #020617; color: #38bdf8; font-family: monospace; padding: 20px; }`, 'text/css');
 
-    // 3. CRITICAL: The VFS is loaded, call launch() to spawn the iframe safely!
-    window._vfsKernel.launch();
+    // 2. Fetch remote modules
+    await vfs.importRemote('my-confetti-engine.js', 'https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.4/dist/confetti.browser.min.js', 'text/javascript');
+
+    // 3. CRITICAL: Everything is safely in memory. Signal the kernel to open the iframe viewport!
+    window._vfsKernel.openViewport();
 }
 
-// Global invocation hook listener
-document.addEventListener('DOMContentLoaded', async () => {
-    // Loop interval ensures window._vfsKernel is instantiated and done setting up step 1
-    const checker = setInterval(async () => {
-        if (window._vfsKernel) {
-            clearInterval(checker);
-            // Wait for the service worker confirmation to pass back up
-            const isReady = await navigator.serviceWorker.ready;
-            if (isReady) {
-                startDeveloperWorkspace();
-            }
-        }
-    }, 10);
-});
+// Polling initialization hook to bridge cleanly across asynchronous script loads
+(function verifyKernelAvailability() {
+    if (window._vfsKernel && navigator.serviceWorker.controller) {
+        buildProductionApplication();
+    } else {
+        setTimeout(verifyKernelAvailability, 10);
+    }
+})();

package/package.json

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

package/vfsjs.js

@@ -1,48 +1,48 @@
-// vfsjs.js - Version 4.0.0 (Race-Condition Proof Production Engine)
+// vfsjs.js - Version 5.0.0 (Production Synchronization Engine)
 (function() {
     const encoder = new TextEncoder();
 
     const engineCore = {
         async init() {
             try {
-                // 1. Core Service Worker Handshake
+                // 1. Boot the Service Worker thread
                 await navigator.serviceWorker.register('./sw.js');
                 if (!navigator.serviceWorker.controller) {
                     await new Promise(r => navigator.serviceWorker.addEventListener('controllerchange', r, { once: true }));
                 }
 
-                // 2. Capture the physical file's raw HTML structure exactly as it is written
+                // 2. Capture raw HTML layout
                 const developerRawHtml = `<!DOCTYPE html>\n<html>${document.documentElement.innerHTML}</html>`;
                 this.write('index.html', developerRawHtml, 'text/html');
 
-                // 3. Structural Reset: Wipe page visual nodes and lock outer body down solid
+                // 3. Clear window layout & lock sizing boundaries
                 document.documentElement.innerHTML = ''; 
                 Object.assign(document.documentElement.style, { width: '100%', height: '100%', overflow: 'hidden', margin: '0', padding: '0' });
                 Object.assign(document.body.style, { width: '100%', height: '100%', overflow: 'hidden', margin: '0', padding: '0', background: '#020617' });
 
-                console.log("[VFS Kernel] Stage 1 Ready: Core cached. Awaiting developer vfs.add() execution...");
+                // 4. Create the iframe canvas, but leave it blank (src="") so it doesn't request files yet!
+                const iframe = document.createElement('iframe');
+                iframe.id = 'canvas-viewport';
+                Object.assign(iframe.style, {
+                    position: 'absolute', top: '0', left: '0', width: '100%', height: '100%',
+                    border: 'none', margin: '0', padding: '0', zIndex: '999999'
+                });
+                document.body.appendChild(iframe);
+
                 return true;
             } catch (err) {
-                console.error("VFS Core Initialization Failure:", err);
+                console.error("VFS Kernel Initialization Fault:", err);
                 return false;
             }
         },
 
-        // PHASE 2: Call this ONLY when files are completely mapped to safely spawn the iframe!
-        launch() {
-            if (document.getElementById('canvas-viewport')) return;
-
-            console.log("[VFS Kernel] Stage 2 Triggered: All assets populated. Mounting secure viewport sandbox.");
-            const iframe = document.createElement('iframe');
-            iframe.id = 'canvas-viewport';
-            Object.assign(iframe.style, {
-                position: 'absolute', top: '0', left: '0', width: '100%', height: '100%',
-                border: 'none', margin: '0', padding: '0', zIndex: '999999'
-            });
-            document.body.appendChild(iframe);
-
-            // Point to the virtual root route safely now that assets are loaded
-            iframe.src = './?vfs=true';
+        // Called exclusively by main.js once all local/remote files are committed to memory
+        openViewport() {
+            const iframe = document.getElementById('canvas-viewport');
+            if (iframe) {
+                console.log("[VFS Kernel] Memory mapping complete. Opening virtual system pipeline.");
+                iframe.src = './?vfs=true';
+            }
         },
 
         write(filename, contentString, customMime) {