what-router 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "what-router",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "What Framework - File-based & programmatic router with View Transitions",
   "type": "module",
   "main": "src/index.js",
@@ -26,7 +26,7 @@
   "author": "",
   "license": "MIT",
   "peerDependencies": {
-    "what-core": "^0.2.0"
+    "what-core": "^0.3.0"
   },
   "repository": {
     "type": "git",

package/src/index.js

@@ -2,7 +2,7 @@
 // Production-grade file-based routing with nested layouts, loading states,
 // route groups, view transitions, and middleware.
 
-import { signal, effect, computed, batch, h } from 'what-core';
+import { signal, effect, computed, batch, h, ErrorBoundary } from 'what-core';
 
 // --- Route State (global singleton) ---
 
@@ -187,6 +187,24 @@ export function Router({ routes, fallback, globalLayout }) {
     });
 
     const { route: r, params } = matched;
+    const queryObj = parseQuery(search);
+
+    // Run middleware (sync only — async middleware should use asyncGuard)
+    if (r.middleware && r.middleware.length > 0) {
+      for (const mw of r.middleware) {
+        const result = mw({ path, params, query: queryObj, route: r });
+        if (result === false) {
+          // Middleware rejected — show fallback
+          if (fallback) return h(fallback, {});
+          return h('div', { class: 'what-403' }, h('h1', null, '403'), h('p', null, 'Access denied'));
+        }
+        if (typeof result === 'string') {
+          // Middleware returned a redirect path
+          navigate(result, { replace: true });
+          return null;
+        }
+      }
+    }
 
     // Build element with loading state support
     let element;
@@ -196,15 +214,20 @@ export function Router({ routes, fallback, globalLayout }) {
     } else {
       element = h(r.component, {
         params,
-        query: parseQuery(search),
+        query: queryObj,
         route: r,
       });
     }
 
+    // Wrap with per-route error boundary if specified
+    if (r.error) {
+      element = h(ErrorBoundary, { fallback: r.error }, element);
+    }
+
     // Wrap with nested layouts (innermost to outermost)
     const layouts = buildLayoutChain(r, routes);
     for (const Layout of layouts.reverse()) {
-      element = h(Layout, { params, query: parseQuery(search) }, element);
+      element = h(Layout, { params, query: queryObj }, element);
     }
 
     // Global layout wrapper