juxscript 1.0.73 → 1.0.75

package/machinery/compiler.js

@@ -206,7 +206,8 @@ export async function bundleJuxFilesToRouter(projectRoot, distDir, options = {})
 
           // ✅ CHECK: Is this import pointing to a file we are bundling?
           let isBundledLocal = false;
-          if (moduleName.startsWith('.')) {
+          // Support relative (./, ../) OR project-root relative (/) imports
+          if (moduleName.startsWith('.') || moduleName.startsWith('/')) {
             const resolved = resolveImportPath(moduleName, relativePath);
             if (bundledPaths.has(resolved)) {
               isBundledLocal = true;
@@ -338,6 +339,7 @@ function transformJuxToViewFunction(juxContent, functionName, pageName, relative
         const resolvedPath = resolveImportPath(importPath, relativePath);
 
         // ✅ Check if this import is pointing to a bundled file
+        // Handle BOTH relative and absolute-relative imports (starting with /)
         const isBundled = (bundledPaths && bundledPaths.has(resolvedPath)) || importPath.endsWith('.jux');
 
         if (isBundled) {
@@ -383,6 +385,10 @@ JuxError.register('${cleanName}', '${relativePath}');
 }
 
 function resolveImportPath(importPath, currentFilePath) {
+  // ✅ FIX: Handle root-relative imports (start with /)
+  if (importPath.startsWith('/')) {
+    return importPath.substring(1).replace(/\\/g, '/');
+  }
   const currentDir = path.dirname(currentFilePath);
   return path.join(currentDir, importPath).replace(/\\/g, '/');
 }
@@ -453,6 +459,41 @@ const JuxError = {
         this.sourceMap[viewName] = sourceFile;
     },
     
+    // Global Error Handler Setup
+    init() {
+        window.addEventListener('error', (event) => {
+             JuxError.displayError('Uncaught Exception', event.error);
+        });
+        window.addEventListener('unhandledrejection', (event) => {
+             JuxError.displayError('Unhandled Promise Rejection', event.reason);
+        });
+    },
+
+    displayError(title, error) {
+        console.error(\`🚨 JUX \${title}\`, error);
+        const app = document.getElementById('app');
+        if (app) {
+            // Prevent multiple error overlays stacking
+            if (document.getElementById('jux-error-overlay')) return;
+
+            app.innerHTML = \`
+                <div id="jux-error-overlay" style="font-family: monospace; background: #1e1e1e; color: #ff6b6b; min-height: 100vh; padding: 2rem; position:fixed; top:0; left:0; width:100%; z-index:99999;">
+                    <div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;">
+                        <div style="font-size: 2rem;">🚨</div>
+                        <div>
+                            <h1 style="margin:0; font-size: 1.5rem; color: #ff6b6b;">JUX Runtime Error</h1>
+                            <div style="color: #888; margin-top: 4px;">\${title}</div>
+                        </div>
+                    </div>
+                    
+                    <pre style="background: #2d2d2d; padding: 20px; border-radius: 8px; overflow-x: auto; color: #e0e0e0; border-left: 4px solid #ff6b6b; font-size: 14px; line-height: 1.5;">\${error?.stack || error?.message || String(error)}</pre>
+                    
+                    <button onclick="window.location.reload()" style="margin-top:20px; padding: 10px 20px; background: #333; color: white; border: 1px solid #555; cursor: pointer; border-radius: 4px;">Reload Application</button>
+                </div>
+            \`;
+        }
+    },
+    
     wrap(viewName, viewFn) {
         return function() {
             const sourceFile = JuxError.sourceMap[viewName] || 'unknown';
@@ -461,39 +502,18 @@ const JuxError = {
             try {
                 return viewFn.apply(this, arguments);
             } catch (error) {
-                console.error(\`🚨 JUX RUNTIME ERROR\\nView:   \${viewName}\\nSource: \${sourceFile}\`);
-                console.error(error);
-                
-                const app = document.getElementById('app');
-                if (app) {
-                    app.innerHTML = \`
-                        <div style="font-family: monospace; background: #1e1e1e; color: #ff6b6b; min-height: 100vh; padding: 2rem;">
-                            <div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;">
-                                <div style="font-size: 2rem;">🚨</div>
-                                <div>
-                                    <h1 style="margin:0; font-size: 1.5rem; color: #ff6b6b;">JUX Runtime Error</h1>
-                                </div>
-                            </div>
-                            
-                            <div style="margin-bottom: 1rem;">
-                                <div style="color: #888; margin-bottom: 4px;">View:</div> 
-                                <span style="color: #fff; font-weight: bold;">\${viewName}</span>
-                            </div>
-
-                            <div style="margin-bottom: 2rem;">
-                                <div style="color: #888; margin-bottom: 4px;">Source:</div> 
-                                <span style="color: #4caf50; font-family: monospace;">\${sourceFile}</span>
-                            </div>
-
-                            <pre style="background: #2d2d2d; padding: 20px; border-radius: 8px; overflow-x: auto; color: #e0e0e0; border-left: 4px solid #ff6b6b;">\${error.message}\\n\\n\${error.stack}</pre>
-                        </div>
-                    \`;
-                }
-                throw error;
+                // Enhance error object with view context if possible
+                error.message = \`[View: \${viewName}] \${error.message}\`;
+                JuxError.displayError('View Rendering Error', error);
+                // We do NOT rethrow here to prevent console noise, as we handled it UI-wise.
+                // However, stopping execution flow is implicitly handled by not returning valid DOM.
             }
         };
     }
 };
+
+// Initialize Global Handlers
+JuxError.init();
 `;
 
   return `// Generated Jux Router Bundle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.0.73",
+  "version": "1.0.75",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "lib/jux.js",