izen-react-starter 2.2.4 → 2.2.6

package/README.md

@@ -127,6 +127,50 @@ function AppRouter() {
 }
 ```
 
+### App Router Hook (Simplified Routing)
+
+The `useAppRouter` hook simplifies route configuration by automatically handling:
+- Dashboard layout wrapping
+- Authentication protection
+- Route structure management
+
+```tsx
+import { useAppRouter } from 'izen-react-starter';
+import { Suspense } from 'react';
+import DashboardLayout from '@/components/layout/dashboard-layout';
+
+// Define your dashboard child routes
+const dashboardChildren = [
+  { path: 'users', element: <UsersPage /> },
+  { path: 'clients', element: <ClientsPage /> },
+  { path: 'preferences', element: <PreferencesPage /> },
+];
+
+// Define your public routes
+const publicRoutes = [
+  { path: '/', element: <HomePage />, index: true },
+  { path: '/login', element: <LoginPage /> },
+  { path: '/404', element: <NotFoundPage /> }
+];
+
+export default function AppRouter() {
+  const routes = useAppRouter({
+    DashboardLayout,
+    dashboardChildren,
+    publicRoutes,
+    includeDefaultNotFound: true // adds default 404 if not provided
+  });
+
+  return routes;
+}
+```
+
+The hook automatically:
+- Wraps dashboard routes with `RequiredAuth` 
+- Applies `DashboardLayout` wrapper
+- Merges with public routes
+- Handles 404 fallback
+
 ### Router Hooks
 
 ```tsx

package/dist/{MIMHJGAX-BBncSsI7.js → MIMHJGAX-QHfr44HB.js}

@@ -1,7 +1,7 @@
 var ws = Object.defineProperty;
 var xs = (e, t, n) => t in e ? ws(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Re = (e, t, n) => xs(e, typeof t != "symbol" ? t + "" : t, n);
-import { b as $e, d as B, o as xt, e as H, c as L, a as v, P as zo, m as ye, S as K, t as P, i as k, f as U, h as F, j as $s, k as sr, u as Ce, l as V, s as Vn, n as jn, p as ft, q as T, r as Cs, v as cn, w as qe, x as Ss, y as _t, z as Kt, A as ks, B as Es, C as Cn, F as Ds, D as Hr, E as Nt, $ as Ko, G as Ms, H as As, I as W, J as Gr, K as Ts, L as Fs, M as ar, N as Is, O as Os, Q as Kn, R as Ls, T as Ps, U as ie, V as qs, W as _s } from "./index-0c_IyFAY.js";
+import { b as $e, d as B, o as xt, e as H, c as L, a as v, P as zo, m as ye, S as K, t as P, i as k, f as U, h as F, j as $s, k as sr, u as Ce, l as V, s as Vn, n as jn, p as ft, q as T, r as Cs, v as cn, w as qe, x as Ss, y as _t, z as Kt, A as ks, B as Es, C as Cn, F as Ds, D as Hr, E as Nt, $ as Ko, G as Ms, H as As, I as W, J as Gr, K as Ts, L as Fs, M as ar, N as Is, O as Os, Q as Kn, R as Ls, T as Ps, U as ie, V as qs, W as _s } from "./index-BqTfpBWD.js";
 var Rs = (e) => e != null, zs = (e) => e.filter(Rs);
 function Ks(e) {
   return (...t) => {

package/dist/{Q7LWSL4U-MG9u6Fj5.js → Q7LWSL4U-BArv4XpB.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./MIMHJGAX-BBncSsI7.js";
-import { g as d, c as f, a as e } from "./index-0c_IyFAY.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./MIMHJGAX-QHfr44HB.js";
+import { g as d, c as f, a as e } from "./index-BqTfpBWD.js";
 var h = (t) => {
   const [r, o] = c({
     prefix: "TanstackQueryDevtools"

package/dist/{VLTTJS3N-BEzWhNLa.js → VLTTJS3N-DAIMU_ht.js}

@@ -1,5 +1,5 @@
-import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./MIMHJGAX-BBncSsI7.js";
-import { g as h, c as v, a as e } from "./index-0c_IyFAY.js";
+import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./MIMHJGAX-QHfr44HB.js";
+import { g as h, c as v, a as e } from "./index-BqTfpBWD.js";
 var C = (r) => {
   const [t, o] = s({
     prefix: "TanstackQueryDevtools"