juxscript 1.1.117 → 1.1.118

package/dom-structure-map.json

@@ -1,6 +1,6 @@
 {
   "totalComponents": 69,
-  "generatedAt": "2026-02-13T04:55:13.466Z",
+  "generatedAt": "2026-02-13T04:58:53.712Z",
   "components": [
     {
       "file": "alert.js",

package/machinery/compiler3.js

@@ -203,160 +203,20 @@ export class JuxCompiler {
     }
 
     /**
-     * ✅ Generate route path from file path
-     * Examples:
-     *   index.jux -> /
-     *   abc/juxabc.jux -> /abc/juxabc
-     *   abc/index.jux -> /abc
-     */
-    _generateRoutePath(filePath) {
-        // Normalize separators
-        const normalized = filePath.replace(/\\/g, '/');
-
-        // Remove extension
-        const withoutExt = normalized.replace(/\.[^/.]+$/, '');
-
-        // Handle index files
-        if (withoutExt === 'index') {
-            return '/';
-        }
-
-        // Remove trailing /index
-        const cleaned = withoutExt.replace(/\/index$/, '');
-
-        // Ensure leading slash
-        return '/' + cleaned.toLowerCase();
-    }
-
-    /**
-     * ✅ Generate PascalCase function name from sanitized name
-     * Examples:
-     *   abc_juxabc -> AbcJuxabc
-     *   index -> Index
-     */
-    _generateFunctionName(name) {
-        return name
-            .split('_')
-            .map(part => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase())
-            .join('');
-    }
-
-    /**
-     * ✅ Generate entry point with nested folder support
-     */
-    generateEntryPoint(views, dataModules, sharedModules) {
-        let entry = `// Auto-generated JUX entry point\n\n`;
-        const allIssues = [];
-        const sourceSnapshot = {};
-
-        const juxImports = new Set();
-        const layoutImports = new Set(); // ✅ Track layout imports separately
-
-        // Scan for imports
-        [...views, ...dataModules, ...sharedModules].forEach(m => {
-            // Regular juxscript imports
-            for (const match of m.content.matchAll(/import\s*\{\s*([^}]+)\s*\}\s*from\s*['"]juxscript['"]/g)) {
-                match[1].split(',').map(s => s.trim()).forEach(imp => {
-                    if (imp) {
-                        // ✅ Separate layout imports
-                        if (imp === 'VStack' || imp === 'HStack' || imp === 'ZStack') {
-                            layoutImports.add(imp);
-                        } else {
-                            juxImports.add(imp);
-                        }
-                    }
-                });
-            }
-        });
-
-        // ✅ Import layouts separately
-        if (layoutImports.size > 0) {
-            entry += `import { ${[...layoutImports].sort().join(', ')} } from 'juxscript';\n`;
-        }
-
-        // ✅ Import regular components
-        if (juxImports.size > 0) {
-            entry += `import { ${[...juxImports].sort().join(', ')} } from 'juxscript';\n\n`;
-        }
-
-        // Data and shared modules
-        dataModules.forEach(m => {
-            entry += `import * as ${this.sanitizeName(m.name)}Data from './jux/${m.file}';\n`;
-        });
-        sharedModules.forEach(m => {
-            entry += `import * as ${this.sanitizeName(m.name)}Shared from './jux/${m.file}';\n`;
-        });
-
-        entry += `\n// Expose to window\n`;
-        dataModules.forEach(m => entry += `Object.assign(window, ${this.sanitizeName(m.name)}Data);\n`);
-        sharedModules.forEach(m => entry += `Object.assign(window, ${this.sanitizeName(m.name)}Shared);\n`);
-
-        // ✅ Expose layouts to window
-        if (layoutImports.size > 0) {
-            entry += `\n// Expose layout components\n`;
-            layoutImports.forEach(layout => {
-                entry += `window.${layout} = ${layout};\n`;
-            });
-        }
-
-        // ✅ Expose regular components
-        if (juxImports.size > 0) {
-            entry += `\n// Expose components\n`;
-            entry += `Object.assign(window, { ${[...juxImports].join(', ')} });\n`;
-        }
-
-        entry += `\n// --- VIEW FUNCTIONS ---\n`;
-
-        views.forEach(v => {
-            const functionName = this._generateFunctionName(v.name);
-            allIssues.push(...this.validateViewCode(v.name, v.content));
-
-            sourceSnapshot[v.file] = {
-                name: v.name,
-                file: v.file,
-                content: v.content,
-                lines: v.content.split('\n')
-            };
-
-            let viewCode = this.removeImports(v.content).replace(/^\s*export\s+default\s+.*$/gm, '');
-            const asyncPrefix = viewCode.includes('await ') ? 'async ' : '';
-
-            entry += `\n${asyncPrefix}function render${functionName}() {\n${viewCode}\n}\n`;
-        });
-
-        dataModules.forEach(m => {
-            sourceSnapshot[m.file] = { name: m.name, file: m.file, content: m.content, lines: m.content.split('\n') };
-        });
-        sharedModules.forEach(m => {
-            sourceSnapshot[m.file] = { name: m.name, file: m.file, content: m.content, lines: m.content.split('\n') };
-        });
-
-        this._sourceSnapshot = sourceSnapshot;
-        this._validationIssues = allIssues;
-        entry += this._generateRouter(views);
-        return entry;
-    }
-
-    reportValidationIssues() {
-        if (!this._validationIssues || this._validationIssues.length === 0) return;
-
-        console.log('\n⚠️  Validation Issues:\n');
-        this._validationIssues.forEach(issue => {
-            const icon = issue.type === 'error' ? '❌' : '⚠️';
-            console.log(`   ${icon} ${issue.view}:${issue.line} - ${issue.message}`);
-        });
-        console.log('');
-    }
-
-    /**
-     * ✅ Generate routes based on folder structure (SINGLE DEFINITION)
+     * ✅ Generate routes based on folder structure
      */
     _generateRouter(views) {
         let routeMap = '';
 
         views.forEach(v => {
+            // ✅ Generate route from folder structure
+            // abc/juxabc.jux -> /abc/juxabc
+            // index.jux -> /
+            // abc/index.jux -> /abc
+
             const routePath = this._generateRoutePath(v.file);
             const functionName = this._generateFunctionName(v.name);
+
             routeMap += `  '${routePath}': render${functionName},\n`;
         });
 
@@ -488,8 +348,7 @@ window.addEventListener('error', function(e) { __juxErrorOverlay.show(e.error ||
 window.addEventListener('unhandledrejection', function(e) { __juxErrorOverlay.show(e.reason || new Error('Promise rejected'), 'Unhandled Promise Rejection'); }, true);
 
 // --- JUX ROUTER ---
-const routes = {
-${routeMap}};
+const routes = {\n${routeMap}};
 
 async function navigate(path) {
     const view = routes[path];
@@ -518,218 +377,29 @@ navigate(location.pathname);
     }
 
     /**
-     * ✅ Copy source files to dist/jux for esbuild to resolve
-     */
-    _copySourceToDist() {
-        const distJuxDir = path.join(this.distDir, 'jux');
-
-        // Ensure dist/jux directory exists
-        if (!fs.existsSync(distJuxDir)) {
-            fs.mkdirSync(distJuxDir, { recursive: true });
-        }
-
-        // Copy all .jux and .js files from source to dist
-        this._copySourceFilesRecursive(this.srcDir, this.srcDir, distJuxDir);
-    }
-
-    /**
-     * Recursively copy .jux and .js files preserving folder structure
-     */
-    _copySourceFilesRecursive(src, baseDir, distBase) {
-        const entries = fs.readdirSync(src, { withFileTypes: true });
-
-        entries.forEach(entry => {
-            if (entry.name.startsWith('.')) return; // Skip hidden
-
-            const srcPath = path.join(src, entry.name);
-            const relativePath = path.relative(baseDir, srcPath);
-            const destPath = path.join(distBase, relativePath);
-
-            if (entry.isDirectory()) {
-                // Create directory if it doesn't exist
-                if (!fs.existsSync(destPath)) {
-                    fs.mkdirSync(destPath, { recursive: true });
-                }
-                // Recurse into subdirectory
-                this._copySourceFilesRecursive(srcPath, baseDir, distBase);
-            } else if (entry.name.endsWith('.jux') || entry.name.endsWith('.js')) {
-                // Copy .jux and .js files (skip assets)
-                if (!this.isAssetFile(entry.name)) {
-                    // Ensure parent directory exists
-                    const destDir = path.dirname(destPath);
-                    if (!fs.existsSync(destDir)) {
-                        fs.mkdirSync(destDir, { recursive: true });
-                    }
-                    fs.copyFileSync(srcPath, destPath);
-                    console.log(`   📋 Copied: ${relativePath}`);
-                }
-            }
-        });
-    }
-
-    /**
-     * Copy ONLY public assets (CSS, images, fonts) to dist
-     * ❌ Does NOT copy .jux files (they are compiled separately)
-     */
-    async copyPublicAssets() {
-        const { publicDir, distDir, paths } = this.config;
-
-        // Resolve public folder path
-        const publicPath = paths?.public || path.resolve(this.config.srcDir, '..', publicDir);
-
-        if (!fs.existsSync(publicPath)) {
-            console.log(`ℹ️  No public folder found at ${publicPath}, skipping asset copy`);
-            return;
-        }
-
-        console.log(`📦 Copying public assets from ${publicPath}...`);
-
-        // ✅ ONLY copy known asset file types
-        const assetTypes = [
-            '.css', '.scss', '.sass', '.less',           // Stylesheets
-            '.jpg', '.jpeg', '.png', '.gif', '.svg',     // Images
-            '.ico', '.webp', '.avif',                     // Icons/modern images
-            '.woff', '.woff2', '.ttf', '.eot', '.otf',   // Fonts
-            '.mp4', '.webm', '.ogg',                      // Video
-            '.mp3', '.wav', '.m4a',                       // Audio
-            '.pdf', '.txt', '.json', '.xml'               // Documents
-        ];
-
-        const copyRecursive = (src, dest) => {
-            if (!fs.existsSync(src)) return;
-
-            const entries = fs.readdirSync(src, { withFileTypes: true });
-
-            for (const entry of entries) {
-                const srcPath = path.join(src, entry.name);
-                const destPath = path.join(dest, entry.name);
-
-                if (entry.isDirectory()) {
-                    fs.mkdirSync(destPath, { recursive: true });
-                    copyRecursive(srcPath, destPath);
-                } else {
-                    const ext = path.extname(entry.name).toLowerCase();
-
-                    // ✅ ONLY copy known asset types
-                    // ❌ SKIP .jux files (they're bundled into entry.js)
-                    if (assetTypes.includes(ext)) {
-                        fs.copyFileSync(srcPath, destPath);
-                        console.log(`   ✓ ${entry.name}`);
-                    } else if (ext === '.jux') {
-                        // Silently skip .jux files
-                        continue;
-                    } else {
-                        // Warn about unknown file types
-                        console.warn(`   ⚠️  Skipped: ${entry.name} (unknown type: ${ext})`);
-                    }
-                }
-            }
-        };
-
-        copyRecursive(publicPath, distDir);
-    }
-
-    /**
-     * Main build pipeline
+     * ✅ Generate route path from file path
+     * Examples:
+     *   index.jux -> /
+     *   abc/juxabc.jux -> /abc/juxabc
+     *   abc/index.jux -> /abc
      */
-    async build() {
-        console.log('🔨 Building JUX project...\n');
-
-        try {
-            // 1. Clean dist
-            if (fs.existsSync(this.config.distDir)) {
-                fs.rmSync(this.config.distDir, { recursive: true, force: true });
-            }
-            fs.mkdirSync(this.config.distDir, { recursive: true });
-
-            // 2. Scan .jux files
-            const juxFiles = this.scanJuxFiles(this.config.srcDir);
-            console.log(`📂 Found ${juxFiles.length} .jux files\n`);
-
-            // 3. ✅ Bundle all .jux files → entry.js
-            await this.bundleJuxFiles(juxFiles);
-
-            // 4. ✅ Bundle vendor libraries → bundle.js
-            await this.bundleVendorFiles();
-
-            // 5. Copy public assets (CSS, images, etc.)
-            await this.copyPublicAssets();
-
-            // 6. Generate index.html (with entry.js + bundle.js)
-            await this.generateIndexHtml();
-
-            console.log('\n✅ Build completed successfully!\n');
-            console.log(`📁 Output: ${this.config.distDir}`);
-            console.log(`   ✓ entry.js (${juxFiles.length} .jux files bundled)`);
-            console.log(`   ✓ bundle.js (vendor libraries)`);
-            console.log(`   ✓ index.html`);
-            console.log(`   ✓ Public assets copied\n`);
+    _generateRoutePath(filePath) {
+        // Normalize separators
+        const normalized = filePath.replace(/\\/g, '/');
 
-            return { success: true };
+        // Remove extension
+        const withoutExt = normalized.replace(/\.[^/.]+$/, '');
 
-        } catch (error) {
-            console.error('\n❌ Build failed:', error.message);
-            console.error(error.stack);
-            return { success: false, error };
+        // Handle index files
+        if (withoutExt === 'index') {
+            return '/';
         }
-    }
-
-    /**
-     * Scan for .jux files ONLY in source directory
-     */
-    scanJuxFiles(dir) {
-        const juxFiles = [];
-
-        const scan = (currentDir) => {
-            const entries = fs.readdirSync(currentDir, { withFileTypes: true });
-
-            for (const entry of entries) {
-                const fullPath = path.join(currentDir, entry.name);
-
-                if (entry.isDirectory()) {
-                    scan(fullPath);
-                } else if (entry.name.endsWith('.jux')) {
-                    juxFiles.push(fullPath);
-                }
-            }
-        };
-
-        scan(dir);
-        return juxFiles;
-    }
 
-    /**
-     * Compile a single .jux file to .js
-     */
-    async compileFile(juxFilePath) {
-        const relativePath = path.relative(this.config.srcDir, juxFilePath);
-        const outputPath = path.join(this.config.distDir, relativePath.replace(/\.jux$/, '.js'));
-
-        // Ensure output directory exists
-        fs.mkdirSync(path.dirname(outputPath), { recursive: true });
-
-        // Read .jux source
-        const juxCode = fs.readFileSync(juxFilePath, 'utf8');
-
-        // Compile to JavaScript
-        const jsCode = this.transformJuxToJs(juxCode);
-
-        // Write compiled .js file
-        fs.writeFileSync(outputPath, jsCode, 'utf8');
-
-        console.log(`   ✓ ${relativePath} → ${path.basename(outputPath)}`);
-    }
+        // Remove trailing /index
+        const cleaned = withoutExt.replace(/\/index$/, '');
 
-    /**
-     * ✅ Generate name from folder structure
-     * Example: abc/juxabc.jux -> abc_juxabc
-     */
-    _generateNameFromPath(path) {
-        return path
-            .replace(/\.[^/.]+$/, '') // Remove extension
-            .replace(/\\/g, '/') // Normalize Windows paths
-            .replace(/\//g, '_') // Folder separator -> underscore
-            .replace(/[^a-zA-Z0-9_]/g, '_'); // Sanitize
+        // Ensure leading slash
+        return '/' + cleaned.toLowerCase();
     }
 
     /**
@@ -754,36 +424,18 @@ navigate(location.pathname);
         const sourceSnapshot = {};
 
         const juxImports = new Set();
-        const layoutImports = new Set(); // ✅ Track layout imports separately
-
-        // Scan for imports
         [...views, ...dataModules, ...sharedModules].forEach(m => {
-            // Regular juxscript imports
             for (const match of m.content.matchAll(/import\s*\{\s*([^}]+)\s*\}\s*from\s*['"]juxscript['"]/g)) {
                 match[1].split(',').map(s => s.trim()).forEach(imp => {
-                    if (imp) {
-                        // ✅ Separate layout imports
-                        if (imp === 'VStack' || imp === 'HStack' || imp === 'ZStack') {
-                            layoutImports.add(imp);
-                        } else {
-                            juxImports.add(imp);
-                        }
-                    }
+                    if (imp) juxImports.add(imp);
                 });
             }
         });
 
-        // ✅ Import layouts separately
-        if (layoutImports.size > 0) {
-            entry += `import { ${[...layoutImports].sort().join(', ')} } from 'juxscript';\n`;
-        }
-
-        // ✅ Import regular components
         if (juxImports.size > 0) {
             entry += `import { ${[...juxImports].sort().join(', ')} } from 'juxscript';\n\n`;
         }
 
-        // Data and shared modules
         dataModules.forEach(m => {
             entry += `import * as ${this.sanitizeName(m.name)}Data from './jux/${m.file}';\n`;
         });
@@ -795,18 +447,8 @@ navigate(location.pathname);
         dataModules.forEach(m => entry += `Object.assign(window, ${this.sanitizeName(m.name)}Data);\n`);
         sharedModules.forEach(m => entry += `Object.assign(window, ${this.sanitizeName(m.name)}Shared);\n`);
 
-        // ✅ Expose layouts to window
-        if (layoutImports.size > 0) {
-            entry += `\n// Expose layout components\n`;
-            layoutImports.forEach(layout => {
-                entry += `window.${layout} = ${layout};\n`;
-            });
-        }
-
-        // ✅ Expose regular components
         if (juxImports.size > 0) {
-            entry += `\n// Expose components\n`;
-            entry += `Object.assign(window, { ${[...juxImports].join(', ')} });\n`;
+            entry += `\nObject.assign(window, { ${[...juxImports].join(', ')} });\n`;
         }
 
         entry += `\n// --- VIEW FUNCTIONS ---\n`;
@@ -842,25 +484,34 @@ navigate(location.pathname);
     }
 
     reportValidationIssues() {
-        if (!this._validationIssues || this._validationIssues.length === 0) return;
+        const issues = this._validationIssues || [];
+        const errors = issues.filter(i => i.type === 'error');
+        const warnings = issues.filter(i => i.type === 'warning');
+
+        if (issues.length > 0) {
+            console.log('\n⚠️  Validation Issues:\n');
+            issues.forEach(issue => {
+                const icon = issue.type === 'error' ? '❌' : '⚠️';
+                console.log(`${icon} [${issue.view}:${issue.line}] ${issue.message}`);
+            });
+            console.log('');
+        }
 
-        console.log('\n⚠️  Validation Issues:\n');
-        this._validationIssues.forEach(issue => {
-            const icon = issue.type === 'error' ? '❌' : '⚠️';
-            console.log(`   ${icon} ${issue.view}:${issue.line} - ${issue.message}`);
-        });
-        console.log('');
+        return { isValid: errors.length === 0, errors, warnings };
     }
 
-    /**
-     * ✅ Generate routes based on folder structure (SINGLE DEFINITION)
-     */
     _generateRouter(views) {
         let routeMap = '';
 
         views.forEach(v => {
+            // ✅ Generate route from folder structure
+            // abc/juxabc.jux -> /abc/juxabc
+            // index.jux -> /
+            // abc/index.jux -> /abc
+
             const routePath = this._generateRoutePath(v.file);
             const functionName = this._generateFunctionName(v.name);
+
             routeMap += `  '${routePath}': render${functionName},\n`;
         });
 
@@ -992,8 +643,7 @@ window.addEventListener('error', function(e) { __juxErrorOverlay.show(e.error ||
 window.addEventListener('unhandledrejection', function(e) { __juxErrorOverlay.show(e.reason || new Error('Promise rejected'), 'Unhandled Promise Rejection'); }, true);
 
 // --- JUX ROUTER ---
-const routes = {
-${routeMap}};
+const routes = {\n${routeMap}};
 
 async function navigate(path) {
     const view = routes[path];
@@ -1022,218 +672,81 @@ navigate(location.pathname);
     }
 
     /**
-     * ✅ Copy source files to dist/jux for esbuild to resolve
+     * Copy public folder contents to dist
      */
-    _copySourceToDist() {
-        const distJuxDir = path.join(this.distDir, 'jux');
-
-        // Ensure dist/jux directory exists
-        if (!fs.existsSync(distJuxDir)) {
-            fs.mkdirSync(distJuxDir, { recursive: true });
+    copyPublicFolder() {
+        // ✅ Use configured public path or resolve from paths object
+        const publicSrc = this.paths.public
+            ? this.paths.public
+            : path.resolve(process.cwd(), this.publicDir);
+
+        if (!fs.existsSync(publicSrc)) {
+            return; // No public folder, skip
         }
 
-        // Copy all .jux and .js files from source to dist
-        this._copySourceFilesRecursive(this.srcDir, this.srcDir, distJuxDir);
+        console.log('📦 Copying public assets...');
+
+        try {
+            this._copyDirRecursive(publicSrc, this.distDir, 0);
+            console.log('✅ Public assets copied');
+        } catch (err) {
+            console.warn('⚠️  Error copying public folder:', err.message);
+        }
     }
 
     /**
-     * Recursively copy .jux and .js files preserving folder structure
+     * Recursively copy directory contents
      */
-    _copySourceFilesRecursive(src, baseDir, distBase) {
+    _copyDirRecursive(src, dest, depth = 0) {
         const entries = fs.readdirSync(src, { withFileTypes: true });
 
         entries.forEach(entry => {
-            if (entry.name.startsWith('.')) return; // Skip hidden
+            // Skip hidden files and directories
+            if (entry.name.startsWith('.')) return;
 
             const srcPath = path.join(src, entry.name);
-            const relativePath = path.relative(baseDir, srcPath);
-            const destPath = path.join(distBase, relativePath);
+            const destPath = path.join(dest, entry.name);
 
             if (entry.isDirectory()) {
-                // Create directory if it doesn't exist
+                // Create directory and recurse
                 if (!fs.existsSync(destPath)) {
                     fs.mkdirSync(destPath, { recursive: true });
                 }
-                // Recurse into subdirectory
-                this._copySourceFilesRecursive(srcPath, baseDir, distBase);
-            } else if (entry.name.endsWith('.jux') || entry.name.endsWith('.js')) {
-                // Copy .jux and .js files (skip assets)
-                if (!this.isAssetFile(entry.name)) {
-                    // Ensure parent directory exists
-                    const destDir = path.dirname(destPath);
-                    if (!fs.existsSync(destDir)) {
-                        fs.mkdirSync(destDir, { recursive: true });
-                    }
-                    fs.copyFileSync(srcPath, destPath);
-                    console.log(`   📋 Copied: ${relativePath}`);
+                this._copyDirRecursive(srcPath, destPath, depth + 1);
+            } else {
+                // Copy file
+                fs.copyFileSync(srcPath, destPath);
+
+                // Log files at root level only
+                if (depth === 0) {
+                    const ext = path.extname(entry.name);
+                    const icon = this._getFileIcon(ext);
+                    console.log(`   ${icon} ${entry.name}`);
                 }
             }
         });
     }
 
     /**
-     * Copy ONLY public assets (CSS, images, fonts) to dist
-     * ❌ Does NOT copy .jux files (they are compiled separately)
+     * Get icon for file type
      */
-    async copyPublicAssets() {
-        const { publicDir, distDir, paths } = this.config;
-
-        // Resolve public folder path
-        const publicPath = paths?.public || path.resolve(this.config.srcDir, '..', publicDir);
-
-        if (!fs.existsSync(publicPath)) {
-            console.log(`ℹ️  No public folder found at ${publicPath}, skipping asset copy`);
-            return;
-        }
-
-        console.log(`📦 Copying public assets from ${publicPath}...`);
-
-        // ✅ ONLY copy known asset file types
-        const assetTypes = [
-            '.css', '.scss', '.sass', '.less',           // Stylesheets
-            '.jpg', '.jpeg', '.png', '.gif', '.svg',     // Images
-            '.ico', '.webp', '.avif',                     // Icons/modern images
-            '.woff', '.woff2', '.ttf', '.eot', '.otf',   // Fonts
-            '.mp4', '.webm', '.ogg',                      // Video
-            '.mp3', '.wav', '.m4a',                       // Audio
-            '.pdf', '.txt', '.json', '.xml'               // Documents
-        ];
-
-        const copyRecursive = (src, dest) => {
-            if (!fs.existsSync(src)) return;
-
-            const entries = fs.readdirSync(src, { withFileTypes: true });
-
-            for (const entry of entries) {
-                const srcPath = path.join(src, entry.name);
-                const destPath = path.join(dest, entry.name);
-
-                if (entry.isDirectory()) {
-                    fs.mkdirSync(destPath, { recursive: true });
-                    copyRecursive(srcPath, destPath);
-                } else {
-                    const ext = path.extname(entry.name).toLowerCase();
-
-                    // ✅ ONLY copy known asset types
-                    // ❌ SKIP .jux files (they're bundled into entry.js)
-                    if (assetTypes.includes(ext)) {
-                        fs.copyFileSync(srcPath, destPath);
-                        console.log(`   ✓ ${entry.name}`);
-                    } else if (ext === '.jux') {
-                        // Silently skip .jux files
-                        continue;
-                    } else {
-                        // Warn about unknown file types
-                        console.warn(`   ⚠️  Skipped: ${entry.name} (unknown type: ${ext})`);
-                    }
-                }
-            }
+    _getFileIcon(ext) {
+        const icons = {
+            '.html': '📄',
+            '.css': '🎨',
+            '.js': '📜',
+            '.json': '📋',
+            '.png': '🖼️',
+            '.jpg': '🖼️',
+            '.jpeg': '🖼️',
+            '.gif': '🖼️',
+            '.svg': '🎨',
+            '.ico': '🔖',
+            '.woff': '🔤',
+            '.woff2': '🔤',
+            '.ttf': '🔤',
+            '.eot': '🔤'
         };
-
-        copyRecursive(publicPath, distDir);
-    }
-
-    /**
-     * Main build pipeline
-     */
-    async build() {
-        console.log('🔨 Building JUX project...\n');
-
-        try {
-            // 1. Clean dist
-            if (fs.existsSync(this.config.distDir)) {
-                fs.rmSync(this.config.distDir, { recursive: true, force: true });
-            }
-            fs.mkdirSync(this.config.distDir, { recursive: true });
-
-            // 2. Scan .jux files
-            const juxFiles = this.scanJuxFiles(this.config.srcDir);
-            console.log(`📂 Found ${juxFiles.length} .jux files\n`);
-
-            // 3. ✅ Bundle all .jux files → entry.js
-            await this.bundleJuxFiles(juxFiles);
-
-            // 4. ✅ Bundle vendor libraries → bundle.js
-            await this.bundleVendorFiles();
-
-            // 5. Copy public assets (CSS, images, etc.)
-            await this.copyPublicAssets();
-
-            // 6. Generate index.html (with entry.js + bundle.js)
-            await this.generateIndexHtml();
-
-            console.log('\n✅ Build completed successfully!\n');
-            console.log(`📁 Output: ${this.config.distDir}`);
-            console.log(`   ✓ entry.js (${juxFiles.length} .jux files bundled)`);
-            console.log(`   ✓ bundle.js (vendor libraries)`);
-            console.log(`   ✓ index.html`);
-            console.log(`   ✓ Public assets copied\n`);
-
-            return { success: true };
-
-        } catch (error) {
-            console.error('\n❌ Build failed:', error.message);
-            console.error(error.stack);
-            return { success: false, error };
-        }
-    }
-
-    /**
-     * Scan for .jux files ONLY in source directory
-     */
-    scanJuxFiles(dir) {
-        const juxFiles = [];
-
-        const scan = (currentDir) => {
-            const entries = fs.readdirSync(currentDir, { withFileTypes: true });
-
-            for (const entry of entries) {
-                const fullPath = path.join(currentDir, entry.name);
-
-                if (entry.isDirectory()) {
-                    scan(fullPath);
-                } else if (entry.name.endsWith('.jux')) {
-                    juxFiles.push(fullPath);
-                }
-            }
-        };
-
-        scan(dir);
-        return juxFiles;
-    }
-
-    /**
-     * Compile a single .jux file to .js
-     */
-    async compileFile(juxFilePath) {
-        const relativePath = path.relative(this.config.srcDir, juxFilePath);
-        const outputPath = path.join(this.config.distDir, relativePath.replace(/\.jux$/, '.js'));
-
-        // Ensure output directory exists
-        fs.mkdirSync(path.dirname(outputPath), { recursive: true });
-
-        // Read .jux source
-        const juxCode = fs.readFileSync(juxFilePath, 'utf8');
-
-        // Compile to JavaScript
-        const jsCode = this.transformJuxToJs(juxCode);
-
-        // Write compiled .js file
-        fs.writeFileSync(outputPath, jsCode, 'utf8');
-
-        console.log(`   ✓ ${relativePath} → ${path.basename(outputPath)}`);
-    }
-
-    /**
-     * ✅ Generate name from folder structure
-     * Example: abc/juxabc.jux -> abc_juxabc
-     */
-    _generateNameFromPath(filepath) {
-        // Convert file path to module name
-        // e.g., "pages/about.jux" → "pages_about"
-        return filepath
-            .replace(/\.jux$/, '')
-            .replace(/[\/\\]/g, '_')
-            .replace(/[^a-zA-Z0-9_]/g, '');
+        return icons[ext.toLowerCase()] || '📦';
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.117",
+  "version": "1.1.118",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",