create-aziz-app 3.0.3 → 3.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-aziz-app",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "Create Aziz.js apps — lightweight Next.js clone with file-based routing, React hooks, and API routes",
   "keywords": [
     "aziz.js",
@@ -25,6 +25,9 @@
     "create-aziz-app": "bin/create-aziz-app.js"
   },
   "scripts": {
+    "preversion": "git add -A && (git diff --cached --quiet || git commit -m \"chore: pre-release changes\")",
+    "version": "git add -A",
+    "postversion": "git push && git push --tags",
     "dev": "cd template && node scripts/dev-server.js"
   }
 }

package/template/_framework/router.js

@@ -180,11 +180,9 @@ export const router = {
 
     async loadRoutes() {
         try {
-            // Dev server exposes the route manifest
             const res = await fetch('/_framework/routes.json');
             const manifest = await res.json();
 
-            // Dynamically import each page and layout
             for (const { pathname, filePath, type } of manifest) {
                 try {
                     const mod = await import(filePath + '?t=' + Date.now());
@@ -194,11 +192,11 @@ export const router = {
                         this.registerLayout(pathname, mod);
                     }
                 } catch (err) {
-                    console.error(`Failed to load ${filePath}:`, err);
+                    console.error(`❌ Failed to load ${filePath}:`, err);
                 }
             }
 
-            console.log(`📄 Loaded ${Object.keys(routes).length} routes`);
+            console.log(`📄 Loaded routes: ${Object.keys(routes).join(', ')}`);
         } catch (err) {
             console.error('Failed to load routes:', err);
         }
@@ -211,6 +209,9 @@ export const router = {
         // Find matching route
         const match = resolveRoute(pathname);
 
+        // Find matching route
+        const match = resolveRoute(pathname);
+
         if (!match) {
             root.innerHTML = '';
             const notFound = h('div', { style: { padding: '40px', textAlign: 'center' } },

package/template/app/about/page.js

@@ -1,6 +1,5 @@
 /** @jsx h */
 import { h } from '/_framework/runtime.js';
-import { navigate } from '/_framework/router.js';
 
 // About page — route: /about
 export default function Page() {

package/template/app/layout.js

@@ -2,7 +2,6 @@
 import { h } from '/_framework/runtime.js';
 import Navbar from '/components/Navbar.js';
 import Footer from '/components/Footer.js';
-
 // Root layout — wraps every page (like Next.js app/layout.js)
 export default function Layout({ children }) {
     return (

package/template/app/page.js

@@ -1,6 +1,5 @@
 /** @jsx h */
 import { h } from '/_framework/runtime.js';
-import { navigate } from '/_framework/router.js';
 
 // Home page — route: /
 export default function Page() {

package/template/components/Navbar.js

@@ -1,16 +1,15 @@
 /** @jsx h */
 import { h } from '/_framework/runtime.js';
-import { navigate, useRouter } from '/_framework/router.js';
 
+// navigate and useRouter are globals set by boot.js
 export default function Navbar() {
     const { pathname } = useRouter();
 
     const links = [
-        { href: '/',       label: 'Home'     },
-        { href: '/about',  label: 'About'    },
-        { href: '/test',   label: 'Test'     },
-        { href: '/api-demo', label: 'API Demo' },
-        { href: '/contact', label: 'Contact' },
+        { href: '/',         label: 'Home'     },
+        { href: '/about',    label: 'About'    },
+        { href: '/test',     label: 'Test'     },
+        { href: '/contact',  label: 'Contact'  },
     ];
 
     return (