juxscript 1.1.96 → 1.1.98

package/dom-structure-map.json

@@ -1,6 +1,6 @@
 {
   "totalComponents": 63,
-  "generatedAt": "2026-02-12T20:07:36.301Z",
+  "generatedAt": "2026-02-12T20:48:20.139Z",
   "components": [
     {
       "file": "alert.js",

package/machinery/compiler3.js

@@ -250,18 +250,36 @@ export class JuxCompiler {
         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) juxImports.add(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`;
         });
@@ -273,8 +291,18 @@ export class JuxCompiler {
         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 += `\nObject.assign(window, { ${[...juxImports].join(', ')} });\n`;
+            entry += `\n// Expose components\n`;
+            entry += `Object.assign(window, { ${[...juxImports].join(', ')} });\n`;
         }
 
         entry += `\n// --- VIEW FUNCTIONS ---\n`;
@@ -501,13 +529,13 @@ navigate(location.pathname);
         }
 
         // Copy all .jux and .js files from source to dist
-        this._copySourceFilesRecursive(this.srcDir, distJuxDir, this.srcDir);
+        this._copySourceFilesRecursive(this.srcDir, this.srcDir, distJuxDir);
     }
 
     /**
      * Recursively copy .jux and .js files preserving folder structure
      */
-    _copySourceFilesRecursive(src, dest, baseDir) {
+    _copySourceFilesRecursive(src, baseDir, distBase) {
         const entries = fs.readdirSync(src, { withFileTypes: true });
 
         entries.forEach(entry => {
@@ -515,18 +543,25 @@ navigate(location.pathname);
 
             const srcPath = path.join(src, entry.name);
             const relativePath = path.relative(baseDir, srcPath);
-            const destPath = path.join(dest, relativePath);
+            const destPath = path.join(distBase, relativePath);
 
             if (entry.isDirectory()) {
-                // Create directory and recurse
+                // Create directory if it doesn't exist
                 if (!fs.existsSync(destPath)) {
                     fs.mkdirSync(destPath, { recursive: true });
                 }
-                this._copySourceFilesRecursive(srcPath, dest, baseDir);
+                // Recurse into subdirectory
+                this._copySourceFilesRecursive(srcPath, baseDir, distBase);
             } else if (entry.name.endsWith('.jux') || entry.name.endsWith('.js')) {
-                // Copy .jux and .js files
+                // 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}`);
                 }
             }
         });
@@ -557,6 +592,7 @@ navigate(location.pathname);
             // ✅ Copy source files to dist/jux BEFORE generating entry point
             console.log('📋 Copying source files to dist...');
             this._copySourceToDist();
+            console.log('✅ Source files copied\n');
 
             // Generate entry point
             const entryCode = this.generateEntryPoint(views, dataModules, sharedModules);

package/package.json

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