juxscript 1.1.128 → 1.1.130

package/dom-structure-map.json

@@ -1,6 +1,6 @@
 {
   "totalComponents": 69,
-  "generatedAt": "2026-02-13T05:38:34.158Z",
+  "generatedAt": "2026-02-13T05:43:29.417Z",
   "components": [
     {
       "file": "alert.js",

package/machinery/compiler3.js

@@ -478,57 +478,94 @@ document.addEventListener('click', (e) => {
     }
 
     async build() {
-        console.log('🔨 Building JUX project...\n');
+        console.log('🚀 JUX Build\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 });
+        const juxscriptPath = this.findJuxscriptPath();
+        if (!juxscriptPath) {
+            console.error('❌ Could not locate juxscript package');
+            return { success: false, errors: [{ message: 'juxscript not found' }], warnings: [] };
+        }
+        console.log(`📦 Using: ${juxscriptPath}`);
 
-            // 2. Scan .jux files recursively
-            const juxFiles = this.scanJuxFiles(this.config.srcDir);
-            console.log(`📂 Found ${juxFiles.length} .jux files\n`);
+        await this.loadJuxscriptExports();
 
-            // 3. ✅ Bundle all .jux files → entry.js
-            await this.bundleJuxFiles(juxFiles);
+        if (fs.existsSync(this.distDir)) {
+            fs.rmSync(this.distDir, { recursive: true, force: true });
+        }
+        fs.mkdirSync(this.distDir, { recursive: true });
 
-            // 4. ✅ Bundle vendor libraries → bundle.js
-            await this.bundleVendorFiles();
+        // ✅ Copy public folder if exists
+        this.copyPublicFolder();
 
-            // 5. Copy public assets (CSS, images, etc.)
-            await this.copyPublicAssets();
+        const { views, dataModules, sharedModules } = this.scanFiles();
+        console.log(`📁 Found ${views.length} views, ${sharedModules.length} shared, ${dataModules.length} data`);
 
-            // 6. Generate index.html (with entry.js + bundle.js)
-            await this.generateIndexHtml();
+        // Copy data/shared modules to dist
+        const juxDistDir = path.join(this.distDir, 'jux');
+        fs.mkdirSync(juxDistDir, { recursive: true });
+        [...dataModules, ...sharedModules].forEach(m => {
+            fs.writeFileSync(path.join(juxDistDir, m.file), m.content);
+        });
 
-            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`);
+        const entryContent = this.generateEntryPoint(views, dataModules, sharedModules);
+        const entryPath = path.join(this.distDir, 'entry.js');
+        fs.writeFileSync(entryPath, entryContent);
 
-            // ✅ Consistent return object
-            return {
-                success: true,
-                errors: [],
-                warnings: [],
-                fileCount: juxFiles.length
-            };
+        const snapshotPath = path.join(this.distDir, '__jux_sources.json');
+        fs.writeFileSync(snapshotPath, JSON.stringify(this._sourceSnapshot, null, 2));
+        console.log(`📸 Source snapshot written`);
 
-        } catch (error) {
-            console.error('\n❌ Build failed:', error.message);
-            console.error(error.stack);
+        const validation = this.reportValidationIssues();
+        if (!validation.isValid) {
+            console.log('🛑 BUILD FAILED\n');
+            return { success: false, errors: validation.errors, warnings: validation.warnings };
+        }
 
-            // ✅ Return failure object
-            return {
-                success: false,
-                errors: [error.message],
-                warnings: []
-            };
+        try {
+            await esbuild.build({
+                entryPoints: [entryPath],
+                bundle: true,
+                outfile: path.join(this.distDir, 'bundle.js'),
+                format: 'esm',
+                platform: 'browser',
+                target: 'esnext',
+                sourcemap: true,
+                loader: { '.jux': 'js', '.css': 'empty' },
+                plugins: [{
+                    name: 'juxscript-resolver',
+                    setup: (build) => {
+                        build.onResolve({ filter: /^juxscript$/ }, () => ({ path: juxscriptPath }));
+                    }
+                }],
+            });
+            console.log('✅ esbuild complete');
+        } catch (err) {
+            console.error('❌ esbuild failed:', err);
+            return { success: false, errors: [{ message: err.message }], warnings: [] };
         }
+
+        const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JUX Application</title>
+    <script type="module" src="./bundle.js"></script>
+    <script src="./entry.js"></script>
+</head>
+<body>
+    <div id="app"></div>
+</body>
+</html>`;
+
+        fs.writeFileSync(
+            path.join(this.config.distDir, 'index.html'),
+            html,
+            'utf8'
+        );
+
+        console.log('   ✅ Generated index.html');
+        return { success: true, errors: [], warnings: validation.warnings };
     }
 
     /**

package/package.json

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