create-aziz-app 3.0.7 → 3.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-aziz-app",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "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 = '';

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 ─────────────────────────────────────────

package/template/styles/globals.css

@@ -64,8 +64,6 @@ nav a.active {
 /* Page wrapper */
 #root {
     flex: 1;
-    padding: 40px 32px;
-    max-width: 900px;
     width: 100%;
     margin: 0 auto;
 }