npm - vfsjs-test - Versions diffs - 1.0.20 → 1.0.22 - Mend

vfsjs-test 1.0.20 → 1.0.22

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/main.js CHANGED Viewed

@@ -1,113 +1,41 @@
-// main.js - Production Developer Environment Layout
+// main.js - Production Asset Orchestrator
 window.vfs = {
-    // Write local strings straight to memory mapping keyspaces
     add(filename, contentString, customMime = null) {
         return window._vfsKernel.write(filename, contentString, customMime);
     },
-    // Remote Proxy Asset Grabber (Requires target destination to support CORS)
     async importRemote(localFilename, remoteUrl, customMime = null) {
         try {
-            console.log(`[VFS Proxy] Pulling remote source stream: ${remoteUrl}`);
             const response = await fetch(remoteUrl);
-            if (!response.ok) throw new Error(`HTTP network fault code: ${response.status}`);
-            const remoteTextContent = await response.text();
-            this.add(localFilename, remoteTextContent, customMime);
+            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] Could not map ${localFilename}:`, err);
+            console.error(`[VFS Proxy Error] Failed loading remote path:`, err);
             return false;
         }
     }
 };
-async function startDeveloperWorkspace() {
-    // 1. Target a real, open-source library on CDNJS (Canvas Confetti)
-    const remoteLibraryUrl = 'https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.4/dist/confetti.browser.min.js';
-    // 2. Map the remote asset to a virtual file named "my-confetti-engine.js"
-    const importSuccess = await vfs.importRemote('my-confetti-engine.js', remoteLibraryUrl, 'text/javascript');
+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');
-    if (!importSuccess) {
-        console.error("Failed to fetch library from CDNJS.");
-        return;
-    }
-    // 3. Create the standard HTML layout referencing the newly mapped virtual file
-    // Inside main.js -> startDeveloperWorkspace()
-vfs.add('index.html', `
-    <!DOCTYPE html>
-    <html>
-    <head>
-        <meta charset="UTF-8">
-        <title>Scrollable Workspace Demo</title>
-        <link rel="stylesheet" href="live_theme.css?vfs=true">
-    </head>
-    <body>
-        <h2>Infrared Scrollable Core</h2>
-        <p>Scroll down! This page natively handles height overflows now.</p>
-        <div style="margin-top: 400px;">👇 Way down here...</div>
-        <div style="margin-top: 500px;">🎨 Keep scrolling...</div>
-        <div style="margin-top: 600px;">🚀 Deep in the VFS layout!</div>
-        <script src="my-confetti-engine.js?vfs=true"></script>
-        <script src="index.js?vfs=true"></script>
-    </body>
-    </html>
-`, 'text/html');
-// Make sure the developer's virtual CSS allows vertical scrolling!
-vfs.add('live_theme.css', `
-    html { height: 100%; }
-    body {
-        margin: 0;
-        padding: 40px;
-        font-family: monospace;
-        background: linear-gradient(-45deg, #1e1b4b, #311042, #0f172a) !important;
-        color: #ffffff !important;
-        text-align: center;
-        /* ALLOW THE VIRTUAL BODY TO SCROLL NATURALLY */
-        min-height: 100%;
-        overflow-y: auto;
-    }
-    h2 { color: #38bdf8; }
-`, 'text/css');
-    // 5. Execution Script: Call the global function initialized by the CDNJS script
-    vfs.add('index.js', `
-        console.log("Launcher script running. Invoking confetti...");
-        // Ensure the library attached itself to the virtual window context safely
-        if (typeof window.confetti === 'function') {
-            // Fire an endless burst of celebratory confetti particles!
-            setInterval(() => {
-                window.confetti({
-                    particleCount: 50,
-                    spread: 60,
-                    origin: { y: 0.6 }
-                });
-            }, 1500);
-        } else {
-            console.error("Confetti engine not found in virtual window global scope.");
-        }
-    `, 'text/javascript');
+    // 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');
-    // 6. Point the fullscreen viewport to the directory root
-    const viewport = document.getElementById('canvas-viewport');
-    if (viewport) {
-        viewport.src = './?vfs=true';
-    }
+    // 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 () => {
-    const isReady = await window._vfsKernel.init();
-    if (isReady) {
-        startDeveloperWorkspace();
+// 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 CHANGED Viewed

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

package/vfsjs.js CHANGED Viewed

@@ -1,28 +1,26 @@
-// vfsjs.js - Version 3.0.0 (Universal Production Routing Engine)
+// vfsjs.js - Version 5.0.0 (Production Synchronization Engine)
 (function() {
     const encoder = new TextEncoder();
     const engineCore = {
         async init() {
             try {
-                // 1. Register the Service Worker
+                // 1. Boot the Service Worker thread
                 await navigator.serviceWorker.register('./sw.js');
-                // Ensure the worker is actively controlling the page before proceeding
                 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
+                // 2. Capture raw HTML layout
                 const developerRawHtml = `<!DOCTYPE html>\n<html>${document.documentElement.innerHTML}</html>`;
                 this.write('index.html', developerRawHtml, 'text/html');
-                // 3. Clear out the main window and lock down body dimensions
+                // 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' });
-                // 4. Mount the clean, scrollable iframe viewport canvas
+                // 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, {
@@ -31,26 +29,30 @@
                 });
                 document.body.appendChild(iframe);
-                // 5. Point the canvas to the virtual root directory
-                iframe.src = './?vfs=true';
                 return true;
             } catch (err) {
-                console.error("VFS Universal Core Initialization Failure:", err);
+                console.error("VFS Kernel Initialization Fault:", err);
                 return false;
             }
         },
+        // 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) {
             if (!navigator.serviceWorker.controller) return false;
-            // Extract a clean relative filename path if an absolute or query-string URL slips in
             let cleanKey = filename.split('?')[0];
             if (cleanKey.includes('/')) {
                 cleanKey = cleanKey.split('/').pop();
             }
-            // Auto-detect basic mime types if not provided
             if (!customMime) {
                 const ext = cleanKey.split('.').pop().toLowerCase();
                 const mimeMatrix = { 'js': 'text/javascript', 'css': 'text/css', 'html': 'text/html', 'json': 'application/json' };
@@ -69,7 +71,6 @@
     window._vfsKernel = engineCore;
-    // Execute immediately or when DOM structural elements are ready
     if (document.readyState === 'loading') {
         document.addEventListener('DOMContentLoaded', () => engineCore.init());
     } else {