create-aziz-app 3.0.6 → 3.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-aziz-app",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "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

@@ -183,13 +183,17 @@ export const router = {
             const res = await fetch('/_framework/routes.json');
             const manifest = await res.json();
 
+            console.log('📋 Route manifest:', manifest);
+
             for (const { pathname, filePath, type } of manifest) {
                 try {
                     const mod = await import(filePath + '?t=' + Date.now());
                     if (type === 'page') {
                         this.register(pathname, mod);
+                        console.log(`✅ Registered page: ${pathname} → ${filePath}`);
                     } else if (type === 'layout') {
                         this.registerLayout(pathname, mod);
+                        console.log(`✅ Registered layout: ${pathname} → ${filePath}`);
                     }
                 } catch (err) {
                     console.error(`❌ Failed to load ${filePath}:`, err);
@@ -208,6 +212,7 @@ export const router = {
 
         // Find matching route
         const match = resolveRoute(pathname);
+        console.log(`🔍 resolveRoute('${pathname}'):`, match);
 
         if (!match) {
             root.innerHTML = '';

package/template/scripts/dev-server.js

@@ -62,23 +62,17 @@ function buildRouteManifest() {
             const fullPath = path.join(dir, entry.name);
 
             if (entry.isDirectory()) {
-                // Dynamic route: [slug] → :slug
-                const segment = entry.name.startsWith('[') && entry.name.endsWith(']')
-                    ? ':' + entry.name.slice(1, -1)
-                    : entry.name;
+                // Keep [slug] as-is — router.js matchRoute expects square bracket syntax
+                const segment = entry.name;
                 scan(fullPath, routeBase === '/' ? '/' + segment : routeBase + '/' + segment);
             } else if (entry.name === 'page.js' || entry.name === 'page.jsx') {
-                manifest.push({
-                    type: 'page',
-                    pathname: routeBase || '/',
-                    filePath: '/app' + (routeBase === '/' ? '' : routeBase) + '/' + entry.name
-                });
+                const pathname = routeBase || '/';
+                const filePath = '/app' + (pathname === '/' ? '' : pathname) + '/' + entry.name;
+                manifest.push({ type: 'page', pathname, filePath });
             } else if (entry.name === 'layout.js' || entry.name === 'layout.jsx') {
-                manifest.push({
-                    type: 'layout',
-                    pathname: routeBase || '/',
-                    filePath: '/app' + (routeBase === '/' ? '' : routeBase) + '/' + entry.name
-                });
+                const pathname = routeBase || '/';
+                const filePath = '/app' + (pathname === '/' ? '' : pathname) + '/' + entry.name;
+                manifest.push({ type: 'layout', pathname, filePath });
             }
         }
     }

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;
 }