juxscript 1.0.72 → 1.0.73

package/machinery/compiler.js

@@ -367,7 +367,19 @@ function transformJuxToViewFunction(juxContent, functionName, pageName, relative
   }
   result = result.replace(/\.renderTo\(container\)/g, '.render("#app")').replace(/\.render\(\s*\)/g, '.render("#app")');
   const cleanName = functionName.replace(/[-_]/g, ' ').split(' ').map(w => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join('');
-  return `\n// View: ${cleanName}\nfunction ${cleanName}() {\n${result}\n  \n  return document.getElementById('app');\n}`;
+
+  // ✅ Wrap View implementation in underscore function, then export Wrapped version
+  return `
+// View: ${cleanName}
+function _${cleanName}() {
+${result}
+  
+  return document.getElementById('app');
+}
+const ${cleanName} = JuxError.wrap('${cleanName}', _${cleanName});
+// Register Source
+JuxError.register('${cleanName}', '${relativePath}');
+`;
 }
 
 function resolveImportPath(importPath, currentFilePath) {
@@ -428,13 +440,71 @@ function generateRouterBundle(views, routes, sharedModules = new Map(), allImpor
     else if (parts.length > 0) filteredImports.push(`import ${parts.join(', ')} from '${source}';`);
   });
 
+  const juxDebugUtils = `
+// ============================================
+// JUX DEBUG UTILITIES
+// ============================================
+const JUX_DEBUG = true; 
+
+const JuxError = {
+    sourceMap: {},
+    
+    register(viewName, sourceFile) {
+        this.sourceMap[viewName] = sourceFile;
+    },
+    
+    wrap(viewName, viewFn) {
+        return function() {
+            const sourceFile = JuxError.sourceMap[viewName] || 'unknown';
+            if (JUX_DEBUG) console.log(\`🚀 [JUX] Rendering: \${viewName} (\${sourceFile})\`);
+            
+            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;
+            }
+        };
+    }
+};
+`;
+
   return `// Generated Jux Router Bundle
 ${filteredImports.join('\n')}
 
+${juxDebugUtils}
+
 // SHARED MODULES
 ${Array.from(sharedModules.values()).filter(c => c.trim()).join('\n\n')}
 
-// VIEWS
+// VIEWS (Wrapped in JuxError)
 ${views.filter(v => v.trim()).join('\n\n')}
 
 function JuxNotFound() { jux.heading(1, { text: '404 - Page Not Found' }).render('#app'); return document.getElementById('app'); }
@@ -459,7 +529,7 @@ document.addEventListener('click', e => {
   const a = e.target.closest('a');
   if (!a || a.dataset.router === 'false' || new URL(a.href).origin !== location.origin) return;
   e.preventDefault();
-  history.pushState({}, '', url.pathname);
+  history.pushState({}, '', a.href);
   render();
 });
 window.addEventListener('popstate', render);

package/package.json

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