juxscript 1.1.120 → 1.1.122

package/dom-structure-map.json

@@ -1,6 +1,6 @@
 {
   "totalComponents": 69,
-  "generatedAt": "2026-02-13T05:01:41.327Z",
+  "generatedAt": "2026-02-13T05:09:43.298Z",
   "components": [
     {
       "file": "alert.js",

package/machinery/compiler3.js

@@ -53,24 +53,47 @@ export class JuxCompiler {
         return null;
     }
 
+    /**
+     * ✅ Recursively scan for .jux and .js files in srcDir and subdirectories
+     */
     scanFiles() {
-        const files = fs.readdirSync(this.srcDir)
-            .filter(f => (f.endsWith('.jux') || f.endsWith('.js')) && !this.isAssetFile(f));
-
         const views = [], dataModules = [], sharedModules = [];
 
-        files.forEach(file => {
-            const content = fs.readFileSync(path.join(this.srcDir, file), 'utf8');
-            const name = file.replace(/\.[^/.]+$/, '');
-
-            if (file.includes('data')) {
-                dataModules.push({ name, file, content });
-            } else if (/export\s+(function|const|let|var|class)\s+/.test(content)) {
-                sharedModules.push({ name, file, content });
-            } else {
-                views.push({ name, file, content });
+        /**
+         * Recursive directory scanner
+         */
+        const scanDirectory = (currentDir) => {
+            const entries = fs.readdirSync(currentDir, { withFileTypes: true });
+
+            for (const entry of entries) {
+                const fullPath = path.join(currentDir, entry.name);
+
+                if (entry.isDirectory()) {
+                    // ✅ Recurse into subdirectories
+                    scanDirectory(fullPath);
+                } else if (entry.isFile()) {
+                    const file = entry.name;
+
+                    // ✅ Only process .jux and .js files (skip assets)
+                    if ((file.endsWith('.jux') || file.endsWith('.js')) && !this.isAssetFile(file)) {
+                        const content = fs.readFileSync(fullPath, 'utf8');
+                        const relativePath = path.relative(this.srcDir, fullPath);
+                        const name = relativePath.replace(/\.[^/.]+$/, ''); // Remove extension
+
+                        if (file.includes('data')) {
+                            dataModules.push({ name, file: relativePath, content });
+                        } else if (/export\s+(function|const|let|var|class)\s+/.test(content)) {
+                            sharedModules.push({ name, file: relativePath, content });
+                        } else {
+                            views.push({ name, file: relativePath, content });
+                        }
+                    }
+                }
             }
-        });
+        };
+
+        // ✅ Start recursive scan from srcDir
+        scanDirectory(this.srcDir);
 
         return { views, dataModules, sharedModules };
     }
@@ -209,8 +232,10 @@ export class JuxCompiler {
         entry += `\n// --- VIEW FUNCTIONS ---\n`;
 
         views.forEach(v => {
-            const capitalized = v.name.charAt(0).toUpperCase() + v.name.slice(1);
-            allIssues.push(...this.validateViewCode(v.name, v.content));
+            // ✅ Sanitize the name for use in function names
+            // Replace slashes, dots, and other invalid characters with underscores
+            const sanitizedName = v.name.replace(/[\/\\.\\-\s]/g, '_');
+            const capitalized = sanitizedName.charAt(0).toUpperCase() + sanitizedName.slice(1);
 
             sourceSnapshot[v.file] = {
                 name: v.name,
@@ -222,6 +247,7 @@ export class JuxCompiler {
             let viewCode = this.removeImports(v.content).replace(/^\s*export\s+default\s+.*$/gm, '');
             const asyncPrefix = viewCode.includes('await ') ? 'async ' : '';
 
+            // ✅ Use sanitized name in function declaration
             entry += `\n${asyncPrefix}function render${capitalized}() {\n${viewCode}\n}\n`;
         });
 
@@ -580,4 +606,18 @@ navigate(location.pathname);
         };
         return icons[ext.toLowerCase()] || '📦';
     }
+
+    /**
+     * ✅ Generate name from folder structure
+     * Example: abc/aaa.jux -> abc_aaa
+     * Example: components/header.jux -> components_header
+     */
+    _generateNameFromPath(filepath) {
+        return filepath
+            .replace(/\.jux$/, '')          // Remove .jux extension
+            .replace(/[\/\\]/g, '_')        // Replace slashes with underscores
+            .replace(/[^a-zA-Z0-9_]/g, '_') // Replace any other invalid chars
+            .replace(/_+/g, '_')            // Collapse multiple underscores
+            .replace(/^_|_$/g, '');         // Remove leading/trailing underscores
+    }
 }

package/package.json

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