vfsjs-test 1.0.24 → 1.0.25

package/main.js

@@ -1,51 +1,57 @@
 // main.js - Production Build Core Orchestrator
 
-window.vfs = {
-    add(filename, contentString, customMime = null) {
-        return window._vfsKernel.write(filename, contentString, customMime);
-    },
-    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]`, err);
-            return false;
+// SECURITY SHIELD: Do not execute orchestrations inside the iframe viewport container
+if (window.self !== window.top) {
+    // Hide the uncompiled natively authored markup inside the frame until VFS style loads
+    document.addEventListener('DOMContentLoaded', () => {
+        document.documentElement.style.visibility = 'hidden';
+    });
+} else {
+    window.vfs = {
+        add(filename, contentString, customMime = null) {
+            return window._vfsKernel.write(filename, contentString, customMime);
+        },
+        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]`, err);
+                return false;
+            }
         }
-    }
-};
-
-async function runProductionBuild() {
-    // 1. Seed assets safely into the worker environment
-    vfs.add('app.js', `
-        console.log("Application loop booted inside clean VFS space!");
-        if (typeof window.confetti === 'function') {
-            setInterval(() => {
-                window.confetti({ particleCount: 50, spread: 60 });
-            }, 2500);
-        }
-    `, 'text/javascript');
+    };
 
-    vfs.add('style.css', `
-        body { background: radial-gradient(circle, #1e1b4b, #020617) !important; color: #f8fafc !important; font-family: monospace; text-align: center; padding: 50px; }
-        h2 { color: #38bdf8; }
-    `, 'text/css');
+    async function runProductionBuild() {
+        // Seed files exactly ONCE
+        vfs.add('app.js', `
+            console.log("Application loop booted inside clean VFS space!");
+            if (typeof window.confetti === 'function') {
+                setInterval(() => {
+                    window.confetti({ particleCount: 50, spread: 60 });
+                }, 2500);
+            }
+        `, 'text/javascript');
 
-    // 2. Fetch external dependencies smoothly
-    await vfs.importRemote('my-confetti-engine.js', 'https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.4/dist/confetti.browser.min.js', 'text/javascript');
+        vfs.add('style.css', `
+            html, body { background: #020617 !important; color: #f8fafc !important; font-family: monospace !important; visibility: visible !important; }
+            body { text-align: center; padding: 50px; }
+            h2 { color: #38bdf8; }
+        `, 'text/css');
 
-    // 3. Fire up the layout iframe viewport now that everything is safely registered
-    window._vfsKernel.openViewport();
-}
+        await vfs.importRemote('my-confetti-engine.js', 'https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.4/dist/confetti.browser.min.js', 'text/javascript');
 
-// Verification initialization hook loop
-(function verifyKernelAvailability() {
-    if (window._vfsKernel && navigator.serviceWorker && navigator.serviceWorker.controller) {
-        runProductionBuild();
-    } else {
-        setTimeout(verifyKernelAvailability, 15);
+        window._vfsKernel.openViewport();
     }
-})();
+
+    (function verifyKernelAvailability() {
+        if (window._vfsKernel && navigator.serviceWorker && navigator.serviceWorker.controller) {
+            runProductionBuild();
+        } else {
+            setTimeout(verifyKernelAvailability, 15);
+        }
+    })();
+}

package/package.json

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

package/vfsjs.js

@@ -1,17 +1,26 @@
-// vfsjs.js - Version 7.0.0 (Universal Service Worker Sandbox)
+// vfsjs.js - Version 8.0.0 (Anti-Recursion Production Engine)
 (function() {
+    // SECURITY SHIELD: If this is running inside the iframe, KILL EXECUTION IMMEDIATELY.
+    if (window.self !== window.top) {
+        return; 
+    }
+
     const encoder = new TextEncoder();
 
     const engineCore = {
         async init() {
+            // Reassuring Console Explanation Message
+            console.log(
+                "%c[VFS Kernel] NOTICE: Any 'MIME type text/plain' or 'NS_ERROR_CORRUPTED_CONTENT' errors appearing above this line are completely normal Phase-1 browser artifacts. The VFS engine gracefully abandons those uninstalled network requests and handles them safely in memory.", 
+                "color: #38bdf8; font-weight: bold; background: #0f172a; padding: 4px 8px; border-radius: 4px;"
+            );
+
             try {
-                // 1. Boot up the background network interception thread
                 await navigator.serviceWorker.register('./sw.js');
                 if (!navigator.serviceWorker.controller) {
                     await new Promise(r => navigator.serviceWorker.addEventListener('controllerchange', r, { once: true }));
                 }
 
-                // 2. Capture layout markup cleanly before UI shift
                 const rawHtml = document.documentElement.innerHTML;
                 this.write('index.html', `<!DOCTYPE html>\n<html>${rawHtml}</html>`, 'text/html');
 
@@ -23,25 +32,25 @@
             }
         },
 
-        // Called dynamically by main.js after your cache writes complete
         openViewport() {
             console.log("[VFS Kernel] Deploying canvas sandboxed frame wrapper.");
             
-            // Re-enforce main window shell structures cleanly
+            // FLASH FIX: Give the main body a dark background instantly so there is no bright/unstyled flash
+            document.documentElement.style.background = '#020617';
+            document.body.style.background = '#020617';
             document.body.style.margin = '0';
             document.body.style.padding = '0';
             document.body.style.overflow = 'hidden';
-            document.body.style.background = '#020617';
 
             const iframe = document.createElement('iframe');
             iframe.id = 'canvas-viewport';
             Object.assign(iframe.style, {
                 position: 'fixed', top: '0', left: '0', width: '100%', height: '100%',
-                border: 'none', margin: '0', padding: '0', zIndex: '999999'
+                border: 'none', margin: '0', padding: '0', zIndex: '999999',
+                background: '#020617' // Force iframe background dark before content arrives
             });
             document.body.appendChild(iframe);
 
-            // Force execution routing directly inside our Service Worker scope zone
             iframe.src = './index.html?vfs=true';
         },