juxscript 1.1.124 → 1.1.126

package/dom-structure-map.json

@@ -1,6 +1,6 @@
 {
   "totalComponents": 69,
-  "generatedAt": "2026-02-13T05:15:24.014Z",
+  "generatedAt": "2026-02-13T05:27:51.273Z",
   "components": [
     {
       "file": "alert.js",

package/machinery/compiler3.js

@@ -289,9 +289,36 @@ export class JuxCompiler {
     _generateRouter(views) {
         let routeMap = '';
         views.forEach(v => {
-            const cap = v.name.charAt(0).toUpperCase() + v.name.slice(1);
-            if (v.name.toLowerCase() === 'index') routeMap += `  '/': render${cap},\n`;
-            routeMap += `  '/${v.name.toLowerCase()}': render${cap},\n`;
+            // ✅ Sanitize function name (same as above)
+            const sanitizedName = v.name
+                .replace(/[\/\\.\\-\s]/g, '_')
+                .replace(/[^a-zA-Z0-9_]/g, '_')
+                .replace(/_+/g, '_')
+                .replace(/^_|_$/g, '');
+
+            const cap = sanitizedName.charAt(0).toUpperCase() + sanitizedName.slice(1);
+
+            // ✅ Generate URL-safe route path from original name
+            // Convert: 'menus/main' → '/menus/main'
+            // Convert: 'about-us' → '/about-us'
+            // Convert: 'blog.post' → '/blog-post' (dots become dashes for URLs)
+            const routePath = v.name
+                .toLowerCase()
+                .replace(/\\/g, '/')          // Normalize backslashes to forward slashes
+                .replace(/\.jux$/i, '')       // Remove .jux extension if present
+                .replace(/\./g, '-')          // Convert dots to dashes (blog.post → blog-post)
+                .replace(/\s+/g, '-')         // Convert spaces to dashes
+                .replace(/[^a-z0-9\/_-]/g, '') // Remove any other unsafe URL chars
+                .replace(/-+/g, '-')          // Collapse multiple dashes
+                .replace(/^-|-$/g, '');       // Remove leading/trailing dashes
+
+            // ✅ Handle index route
+            if (routePath === 'index' || routePath === '') {
+                routeMap += `  '/': render${cap},\n`;
+            }
+
+            // ✅ Add regular route
+            routeMap += `  '/${routePath}': render${cap},\n`;
         });
 
         return `
@@ -419,29 +446,34 @@ window.addEventListener('unhandledrejection', function(e) { __juxErrorOverlay.sh
 // --- JUX ROUTER ---
 const routes = {\n${routeMap}};
 
-async function navigate(path) {
-    const view = routes[path];
-    if (!view) {
-        document.getElementById('app').innerHTML = '<h1 style="padding:40px;">404 - Not Found</h1>';
-        return;
+// Simple router
+function route(path) {
+    const renderFn = routes[path] || routes['/'];
+    if (renderFn) {
+        document.getElementById('app').innerHTML = '';
+        renderFn();
+    } else {
+        document.getElementById('app').innerHTML = '<h1>404 - Page Not Found</h1>';
     }
-    document.getElementById('app').innerHTML = '';
-    var overlay = document.getElementById('__jux-error-overlay');
-    if (overlay) overlay.remove();
-    try { await view(); } catch (err) { __juxErrorOverlay.show(err, 'Jux Render Error'); }
 }
 
-document.addEventListener('click', e => {
-    const a = e.target.closest('a');
-    if (!a || a.dataset.router === 'false') return;
-    try { if (new URL(a.href, location.origin).origin !== location.origin) return; } catch { return; }
-    e.preventDefault();
-    history.pushState({}, '', a.href);
-    navigate(new URL(a.href, location.origin).pathname);
-});
+// Initial route
+route(window.location.pathname);
 
-window.addEventListener('popstate', () => navigate(location.pathname));
-navigate(location.pathname);
+// Handle navigation
+window.addEventListener('popstate', () => route(window.location.pathname));
+
+// Intercept link clicks
+document.addEventListener('click', (e) => {
+    if (e.target.matches('a[href]')) {
+        const href = e.target.getAttribute('href');
+        if (href.startsWith('/') && !href.startsWith('//')) {
+            e.preventDefault();
+            window.history.pushState({}, '', href);
+            route(href);
+        }
+    }
+});
 `;
     }
 
@@ -518,11 +550,11 @@ navigate(location.pathname);
     <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>
-    <script src="/bundle.js"></script>
-    <script src="/entry.js"></script>
 </body>
 </html>`;
 

package/package.json

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