create-aziz-app 3.0.8 → 3.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-aziz-app",
-  "version": "3.0.8",
+  "version": "3.0.10",
   "description": "Create Aziz.js apps — lightweight Next.js clone with file-based routing, React hooks, and API routes",
   "keywords": [
     "aziz.js",

package/template/_framework/router.js

@@ -118,15 +118,19 @@ function matchRoute(pattern, pathname) {
 
 // Find the best matching route for a pathname
 function resolveRoute(pathname) {
+    // Normalize: treat '' and '/' the same
+    const normalized = pathname === '' ? '/' : pathname;
+
     // Exact match first
-    if (routes[pathname]) {
-        return { route: routes[pathname], params: {} };
+    const exact = routes[normalized];
+    if (exact !== undefined) {
+        return { route: exact, params: {} };
     }
 
-    // Pattern match
+    // Pattern match (dynamic segments like /blog/[slug])
     for (const pattern in routes) {
         if (pattern.includes('[')) {
-            const params = matchRoute(pattern, pathname);
+            const params = matchRoute(pattern, normalized);
             if (params !== null) {
                 return { route: routes[pattern], params };
             }
@@ -213,6 +217,7 @@ export const router = {
         // Find matching route
         const match = resolveRoute(pathname);
         console.log(`🔍 resolveRoute('${pathname}'):`, match);
+        console.log('📦 All registered routes:', Object.keys(routes));
 
         if (!match) {
             root.innerHTML = '';
@@ -266,7 +271,15 @@ export const router = {
             };
         }
 
-        // Render
+        // Render — preserve focus so inputs don't lose cursor on state update
+        const activeEl = document.activeElement;
+        const activeId = activeEl?.id || null;
+        const activeName = activeEl?.getAttribute?.('name') || null;
+        const activePlaceholder = activeEl?.getAttribute?.('placeholder') || null;
+        const activeTag = activeEl?.tagName || null;
+        const activeCursorStart = activeEl?.selectionStart ?? null;
+        const activeCursorEnd = activeEl?.selectionEnd ?? null;
+
         root.innerHTML = '';
         const tree = content();
         if (Array.isArray(tree)) {
@@ -276,6 +289,24 @@ export const router = {
         } else if (tree instanceof Node) {
             root.appendChild(tree);
         }
+
+        // Restore focus to the previously active input
+        let restored = null;
+        if (activeId) {
+            restored = root.querySelector(`#${CSS.escape(activeId)}`);
+        }
+        if (!restored && activeName) {
+            restored = root.querySelector(`[name="${activeName}"]`);
+        }
+        if (!restored && activePlaceholder && activeTag) {
+            restored = root.querySelector(`${activeTag.toLowerCase()}[placeholder="${activePlaceholder}"]`);
+        }
+        if (restored && typeof restored.focus === 'function') {
+            restored.focus();
+            if (activeCursorStart !== null && restored.setSelectionRange) {
+                try { restored.setSelectionRange(activeCursorStart, activeCursorEnd); } catch {}
+            }
+        }
     }
 };
 

package/template/scripts/dev-server.js

@@ -86,25 +86,34 @@ function buildRouteManifest() {
 // Transforms: import X from '@/lib/db'  →  import X from '/lib/db.js'
 
 function rewriteImports(code, filePath) {
-    // Rewrite @/ alias to absolute path
-    code = code.replace(
-        /from\s+['"]@\/([^'"]+)['"]/g,
-        (_, p) => `from '/${p}'`
-    );
-
-    // Rewrite bare specifiers (not starting with /, ./, ../)
-    code = code.replace(
-        /from\s+['"]([^'"./][^'"]*)['"]/g,
-        (match, specifier) => `from '/_modules/${specifier}'`
-    );
+    // Process line by line — only rewrite actual import/export statements
+    // This avoids corrupting string literals that contain import-like syntax
+    return code.split('\n').map(line => {
+        const trimmed = line.trimStart();
+
+        // Only process lines that are import or export statements
+        if (!trimmed.startsWith('import ') && !trimmed.startsWith('export ')) {
+            return line;
+        }
 
-    // Same for dynamic imports
-    code = code.replace(
-        /import\s*\(\s*['"]([^'"./][^'"]*)['"]\s*\)/g,
+        // Rewrite @/ alias → absolute path
+        line = line.replace(
+            /from\s+['"]@\/([^'"]+)['"]/g,
+            (_, p) => `from '/${p}'`
+        );
+
+        // Rewrite bare specifiers (not starting with /, ./, ../)
+        line = line.replace(
+            /from\s+['"]([^'"./][^'"]*)['"]/g,
+            (_, specifier) => `from '/_modules/${specifier}'`
+        );
+
+        return line;
+    }).join('\n').replace(
+        // Dynamic imports can appear anywhere — but only rewrite bare specifiers
+        /\bimport\s*\(\s*['"]([^'"./][^'"]*)['"]\s*\)/g,
         (_, specifier) => `import('/_modules/${specifier}')`
     );
-
-    return code;
 }
 
 // ─── Module Resolver ─────────────────────────────────────────