@getcronit/pylon 3.0.0-canary-20250328121549.7ad3dbef94d4506f66f9e5e084c9f1eedf4ad6e8 → 3.0.0-canary-20250407104538.a60dfeae82297f043070d0cbbaf98568962159d4

package/dist/index.js

@@ -878,7 +878,7 @@ function useViewer() {
 import { html as html2 } from "hono/html";
 
 // package.json
-var version = "3.0.0-canary-20250328121549.7ad3dbef94d4506f66f9e5e084c9f1eedf4ad6e8";
+var version = "3.0.0-canary-20250407104538.a60dfeae82297f043070d0cbbaf98568962159d4";
 
 // src/plugins/use-unhandled-route.ts
 function useUnhandledRoute() {
@@ -1063,15 +1063,15 @@ import { useDisableIntrospection } from "@graphql-yoga/plugin-disable-introspect
 var resolveLazyObject = (obj) => {
   return typeof obj === "function" ? obj() : obj;
 };
-var loadPluginsMiddleware = (plugins) => {
+var loadPluginsMiddleware = async (plugins) => {
   for (const plugin of plugins) {
-    plugin.setup?.(app);
+    await plugin.setup?.(app);
     if (plugin.middleware) {
       pluginsMiddleware.push(plugin.middleware);
     }
   }
 };
-var executeConfig = (config) => {
+var executeConfig = async (config) => {
   const plugins = [useSentry(), useViewer(), ...config?.plugins || []];
   if (config?.landingPage ?? true) {
     plugins.push(useUnhandledRoute());
@@ -1079,7 +1079,7 @@ var executeConfig = (config) => {
   if (config?.graphiql === false) {
     plugins.push(useDisableIntrospection());
   }
-  loadPluginsMiddleware(plugins);
+  await loadPluginsMiddleware(plugins);
   config.plugins = plugins;
   app.config = config;
 };
@@ -1199,22 +1199,13 @@ import fs2 from "fs";
 import path3 from "path";
 import reactServer from "react-dom/server";
 import { trimTrailingSlash } from "hono/trailing-slash";
-import { StaticRouter } from "react-router";
+import {
+  createStaticHandler,
+  createStaticRouter,
+  StaticRouterProvider
+} from "react-router";
 import { PassThrough, Readable as Readable2 } from "stream";
 
-// src/plugins/use-pages/setup/app-loader.tsx
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var AppLoader = (props) => {
-  props.client.useHydrateCache({ cacheSnapshot: props.pylonData.cacheSnapshot });
-  const data = props.client.useQuery();
-  const page = useMemo(() => {
-    const page2 = /* @__PURE__ */ jsx(props.App, { data });
-    return page2;
-  }, [props]);
-  return /* @__PURE__ */ jsx(props.Router, { ...props.routerProps, children: page });
-};
-
 // src/components/global-error-page.tsx
 import { useEffect } from "react";
 
@@ -1226,7 +1217,7 @@ function cn(...inputs) {
 }
 
 // src/components/logo.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Logo = (props) => {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -1240,15 +1231,15 @@ var Logo = (props) => {
       version: "1.0",
       children: [
         /* @__PURE__ */ jsxs("defs", { children: [
-          /* @__PURE__ */ jsx2("g", {}),
-          /* @__PURE__ */ jsx2("clipPath", { id: "38f6fcde47", children: /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx("g", {}),
+          /* @__PURE__ */ jsx("clipPath", { id: "38f6fcde47", children: /* @__PURE__ */ jsx(
             "path",
             {
               d: "M 0.339844 42 L 10 42 L 10 79 L 0.339844 79 Z M 0.339844 42 ",
               clipRule: "nonzero"
             }
           ) }),
-          /* @__PURE__ */ jsx2("clipPath", { id: "af000f7256", children: /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx("clipPath", { id: "af000f7256", children: /* @__PURE__ */ jsx(
             "path",
             {
               d: "M 64 23.925781 L 72.789062 23.925781 L 72.789062 96.378906 L 64 96.378906 Z M 64 23.925781 ",
@@ -1256,12 +1247,12 @@ var Logo = (props) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx2("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx2("g", { transform: "translate(107.11969, 78.49768)", children: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("path", { d: "M 10.078125 -25.046875 C 11.109375 -26.398438 12.507812 -27.535156 14.28125 -28.453125 C 16.0625 -29.378906 18.070312 -29.84375 20.3125 -29.84375 C 22.863281 -29.84375 25.195312 -29.210938 27.3125 -27.953125 C 29.425781 -26.691406 31.085938 -24.921875 32.296875 -22.640625 C 33.503906 -20.367188 34.109375 -17.757812 34.109375 -14.8125 C 34.109375 -11.863281 33.503906 -9.222656 32.296875 -6.890625 C 31.085938 -4.566406 29.425781 -2.753906 27.3125 -1.453125 C 25.195312 -0.160156 22.863281 0.484375 20.3125 0.484375 C 18.070312 0.484375 16.078125 0.03125 14.328125 -0.875 C 12.585938 -1.78125 11.171875 -2.910156 10.078125 -4.265625 L 10.078125 13.96875 L 4 13.96875 L 4 -29.359375 L 10.078125 -29.359375 Z M 27.921875 -14.8125 C 27.921875 -16.84375 27.503906 -18.59375 26.671875 -20.0625 C 25.835938 -21.539062 24.734375 -22.660156 23.359375 -23.421875 C 21.992188 -24.179688 20.53125 -24.5625 18.96875 -24.5625 C 17.445312 -24.5625 16 -24.171875 14.625 -23.390625 C 13.257812 -22.609375 12.160156 -21.472656 11.328125 -19.984375 C 10.492188 -18.492188 10.078125 -16.734375 10.078125 -14.703125 C 10.078125 -12.679688 10.492188 -10.914062 11.328125 -9.40625 C 12.160156 -7.894531 13.257812 -6.75 14.625 -5.96875 C 16 -5.1875 17.445312 -4.796875 18.96875 -4.796875 C 20.53125 -4.796875 21.992188 -5.191406 23.359375 -5.984375 C 24.734375 -6.785156 25.835938 -7.953125 26.671875 -9.484375 C 27.503906 -11.015625 27.921875 -12.789062 27.921875 -14.8125 Z M 27.921875 -14.8125 " }) }) }) }),
-        /* @__PURE__ */ jsx2("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx2("g", { transform: "translate(143.259256, 78.49768)", children: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("path", { d: "M 30.4375 -29.359375 L 12.421875 13.796875 L 6.125 13.796875 L 12.09375 -0.484375 L 0.53125 -29.359375 L 7.296875 -29.359375 L 15.5625 -6.984375 L 24.140625 -29.359375 Z M 30.4375 -29.359375 " }) }) }) }),
-        /* @__PURE__ */ jsx2("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx2("g", { transform: "translate(174.281707, 78.49768)", children: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("path", { d: "M 10.078125 -39.4375 L 10.078125 0 L 4 0 L 4 -39.4375 Z M 10.078125 -39.4375 " }) }) }) }),
-        /* @__PURE__ */ jsx2("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx2("g", { transform: "translate(188.353752, 78.49768)", children: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("path", { d: "M 16.734375 0.484375 C 13.960938 0.484375 11.457031 -0.144531 9.21875 -1.40625 C 6.976562 -2.664062 5.21875 -4.441406 3.9375 -6.734375 C 2.664062 -9.035156 2.03125 -11.691406 2.03125 -14.703125 C 2.03125 -17.691406 2.6875 -20.335938 4 -22.640625 C 5.3125 -24.953125 7.101562 -26.726562 9.375 -27.96875 C 11.65625 -29.21875 14.195312 -29.84375 17 -29.84375 C 19.8125 -29.84375 22.351562 -29.21875 24.625 -27.96875 C 26.894531 -26.726562 28.6875 -24.953125 30 -22.640625 C 31.320312 -20.335938 31.984375 -17.691406 31.984375 -14.703125 C 31.984375 -11.722656 31.304688 -9.078125 29.953125 -6.765625 C 28.597656 -4.453125 26.757812 -2.664062 24.4375 -1.40625 C 22.113281 -0.144531 19.546875 0.484375 16.734375 0.484375 Z M 16.734375 -4.796875 C 18.296875 -4.796875 19.757812 -5.164062 21.125 -5.90625 C 22.5 -6.65625 23.613281 -7.773438 24.46875 -9.265625 C 25.320312 -10.765625 25.75 -12.578125 25.75 -14.703125 C 25.75 -16.835938 25.335938 -18.640625 24.515625 -20.109375 C 23.703125 -21.585938 22.617188 -22.695312 21.265625 -23.4375 C 19.910156 -24.1875 18.453125 -24.5625 16.890625 -24.5625 C 15.328125 -24.5625 13.878906 -24.1875 12.546875 -23.4375 C 11.210938 -22.695312 10.15625 -21.585938 9.375 -20.109375 C 8.59375 -18.640625 8.203125 -16.835938 8.203125 -14.703125 C 8.203125 -11.546875 9.007812 -9.101562 10.625 -7.375 C 12.25 -5.65625 14.285156 -4.796875 16.734375 -4.796875 Z M 16.734375 -4.796875 " }) }) }) }),
-        /* @__PURE__ */ jsx2("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx2("g", { transform: "translate(222.361196, 78.49768)", children: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("path", { d: "M 18.8125 -29.84375 C 21.125 -29.84375 23.191406 -29.363281 25.015625 -28.40625 C 26.847656 -27.445312 28.28125 -26.023438 29.3125 -24.140625 C 30.34375 -22.253906 30.859375 -19.984375 30.859375 -17.328125 L 30.859375 0 L 24.84375 0 L 24.84375 -16.421875 C 24.84375 -19.046875 24.179688 -21.054688 22.859375 -22.453125 C 21.546875 -23.859375 19.753906 -24.5625 17.484375 -24.5625 C 15.210938 -24.5625 13.410156 -23.859375 12.078125 -22.453125 C 10.742188 -21.054688 10.078125 -19.046875 10.078125 -16.421875 L 10.078125 0 L 4 0 L 4 -29.359375 L 10.078125 -29.359375 L 10.078125 -26.015625 C 11.066406 -27.222656 12.332031 -28.160156 13.875 -28.828125 C 15.425781 -29.503906 17.070312 -29.84375 18.8125 -29.84375 Z M 18.8125 -29.84375 " }) }) }) }),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx("g", { transform: "translate(107.11969, 78.49768)", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M 10.078125 -25.046875 C 11.109375 -26.398438 12.507812 -27.535156 14.28125 -28.453125 C 16.0625 -29.378906 18.070312 -29.84375 20.3125 -29.84375 C 22.863281 -29.84375 25.195312 -29.210938 27.3125 -27.953125 C 29.425781 -26.691406 31.085938 -24.921875 32.296875 -22.640625 C 33.503906 -20.367188 34.109375 -17.757812 34.109375 -14.8125 C 34.109375 -11.863281 33.503906 -9.222656 32.296875 -6.890625 C 31.085938 -4.566406 29.425781 -2.753906 27.3125 -1.453125 C 25.195312 -0.160156 22.863281 0.484375 20.3125 0.484375 C 18.070312 0.484375 16.078125 0.03125 14.328125 -0.875 C 12.585938 -1.78125 11.171875 -2.910156 10.078125 -4.265625 L 10.078125 13.96875 L 4 13.96875 L 4 -29.359375 L 10.078125 -29.359375 Z M 27.921875 -14.8125 C 27.921875 -16.84375 27.503906 -18.59375 26.671875 -20.0625 C 25.835938 -21.539062 24.734375 -22.660156 23.359375 -23.421875 C 21.992188 -24.179688 20.53125 -24.5625 18.96875 -24.5625 C 17.445312 -24.5625 16 -24.171875 14.625 -23.390625 C 13.257812 -22.609375 12.160156 -21.472656 11.328125 -19.984375 C 10.492188 -18.492188 10.078125 -16.734375 10.078125 -14.703125 C 10.078125 -12.679688 10.492188 -10.914062 11.328125 -9.40625 C 12.160156 -7.894531 13.257812 -6.75 14.625 -5.96875 C 16 -5.1875 17.445312 -4.796875 18.96875 -4.796875 C 20.53125 -4.796875 21.992188 -5.191406 23.359375 -5.984375 C 24.734375 -6.785156 25.835938 -7.953125 26.671875 -9.484375 C 27.503906 -11.015625 27.921875 -12.789062 27.921875 -14.8125 Z M 27.921875 -14.8125 " }) }) }) }),
+        /* @__PURE__ */ jsx("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx("g", { transform: "translate(143.259256, 78.49768)", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M 30.4375 -29.359375 L 12.421875 13.796875 L 6.125 13.796875 L 12.09375 -0.484375 L 0.53125 -29.359375 L 7.296875 -29.359375 L 15.5625 -6.984375 L 24.140625 -29.359375 Z M 30.4375 -29.359375 " }) }) }) }),
+        /* @__PURE__ */ jsx("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx("g", { transform: "translate(174.281707, 78.49768)", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M 10.078125 -39.4375 L 10.078125 0 L 4 0 L 4 -39.4375 Z M 10.078125 -39.4375 " }) }) }) }),
+        /* @__PURE__ */ jsx("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx("g", { transform: "translate(188.353752, 78.49768)", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M 16.734375 0.484375 C 13.960938 0.484375 11.457031 -0.144531 9.21875 -1.40625 C 6.976562 -2.664062 5.21875 -4.441406 3.9375 -6.734375 C 2.664062 -9.035156 2.03125 -11.691406 2.03125 -14.703125 C 2.03125 -17.691406 2.6875 -20.335938 4 -22.640625 C 5.3125 -24.953125 7.101562 -26.726562 9.375 -27.96875 C 11.65625 -29.21875 14.195312 -29.84375 17 -29.84375 C 19.8125 -29.84375 22.351562 -29.21875 24.625 -27.96875 C 26.894531 -26.726562 28.6875 -24.953125 30 -22.640625 C 31.320312 -20.335938 31.984375 -17.691406 31.984375 -14.703125 C 31.984375 -11.722656 31.304688 -9.078125 29.953125 -6.765625 C 28.597656 -4.453125 26.757812 -2.664062 24.4375 -1.40625 C 22.113281 -0.144531 19.546875 0.484375 16.734375 0.484375 Z M 16.734375 -4.796875 C 18.296875 -4.796875 19.757812 -5.164062 21.125 -5.90625 C 22.5 -6.65625 23.613281 -7.773438 24.46875 -9.265625 C 25.320312 -10.765625 25.75 -12.578125 25.75 -14.703125 C 25.75 -16.835938 25.335938 -18.640625 24.515625 -20.109375 C 23.703125 -21.585938 22.617188 -22.695312 21.265625 -23.4375 C 19.910156 -24.1875 18.453125 -24.5625 16.890625 -24.5625 C 15.328125 -24.5625 13.878906 -24.1875 12.546875 -23.4375 C 11.210938 -22.695312 10.15625 -21.585938 9.375 -20.109375 C 8.59375 -18.640625 8.203125 -16.835938 8.203125 -14.703125 C 8.203125 -11.546875 9.007812 -9.101562 10.625 -7.375 C 12.25 -5.65625 14.285156 -4.796875 16.734375 -4.796875 Z M 16.734375 -4.796875 " }) }) }) }),
+        /* @__PURE__ */ jsx("g", { fill: "currentColor", fillOpacity: "1", children: /* @__PURE__ */ jsx("g", { transform: "translate(222.361196, 78.49768)", children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", { d: "M 18.8125 -29.84375 C 21.125 -29.84375 23.191406 -29.363281 25.015625 -28.40625 C 26.847656 -27.445312 28.28125 -26.023438 29.3125 -24.140625 C 30.34375 -22.253906 30.859375 -19.984375 30.859375 -17.328125 L 30.859375 0 L 24.84375 0 L 24.84375 -16.421875 C 24.84375 -19.046875 24.179688 -21.054688 22.859375 -22.453125 C 21.546875 -23.859375 19.753906 -24.5625 17.484375 -24.5625 C 15.210938 -24.5625 13.410156 -23.859375 12.078125 -22.453125 C 10.742188 -21.054688 10.078125 -19.046875 10.078125 -16.421875 L 10.078125 0 L 4 0 L 4 -29.359375 L 10.078125 -29.359375 L 10.078125 -26.015625 C 11.066406 -27.222656 12.332031 -28.160156 13.875 -28.828125 C 15.425781 -29.503906 17.070312 -29.84375 18.8125 -29.84375 Z M 18.8125 -29.84375 " }) }) }) }),
+        /* @__PURE__ */ jsx(
           "path",
           {
             fill: "currentColor",
@@ -1270,7 +1261,7 @@ var Logo = (props) => {
             fillRule: "nonzero"
           }
         ),
-        /* @__PURE__ */ jsx2("g", { clipPath: "url(#38f6fcde47)", children: /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx("g", { clipPath: "url(#38f6fcde47)", children: /* @__PURE__ */ jsx(
           "path",
           {
             fill: "currentColor",
@@ -1279,7 +1270,7 @@ var Logo = (props) => {
             fillRule: "nonzero"
           }
         ) }),
-        /* @__PURE__ */ jsx2("g", { clipPath: "url(#af000f7256)", children: /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx("g", { clipPath: "url(#af000f7256)", children: /* @__PURE__ */ jsx(
           "path",
           {
             fill: "currentColor",
@@ -1288,7 +1279,7 @@ var Logo = (props) => {
             fillRule: "nonzero"
           }
         ) }),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx(
           "path",
           {
             fill: "currentColor",
@@ -1297,7 +1288,7 @@ var Logo = (props) => {
             fillRule: "nonzero"
           }
         ),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx(
           "path",
           {
             fill: "currentColor",
@@ -1306,7 +1297,7 @@ var Logo = (props) => {
             fillRule: "nonzero"
           }
         ),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx(
           "path",
           {
             fill: "currentColor",
@@ -1322,8 +1313,8 @@ var Logo = (props) => {
 var logo_default = Logo;
 
 // src/components/global-error-page.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function GlobalError({ error }) {
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function GlobalError({ error, ...rest }) {
   useEffect(() => {
     console.error("Global error:", error);
   }, [error]);
@@ -1332,9 +1323,9 @@ function GlobalError({ error }) {
   };
   return /* @__PURE__ */ jsxs2("html", { lang: "en", children: [
     /* @__PURE__ */ jsxs2("head", { children: [
-      /* @__PURE__ */ jsx3("meta", { charSet: "utf-8" }),
-      /* @__PURE__ */ jsx3("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2("meta", { charSet: "utf-8" }),
+      /* @__PURE__ */ jsx2("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+      /* @__PURE__ */ jsx2(
         "link",
         {
           rel: "stylesheet",
@@ -1343,17 +1334,17 @@ function GlobalError({ error }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx3("body", { children: /* @__PURE__ */ jsx3("div", { className: "fixed inset-0 bg-black/90 z-50 overflow-y-auto p-4 flex items-center justify-center", children: /* @__PURE__ */ jsxs2("div", { className: "w-full max-w-3xl bg-black border border-red-600 rounded-lg overflow-hidden text-white font-sans", children: [
-      /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between border-b border-neutral-800 p-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx3("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx3(logo_default, { className: "h-8 w-auto text-white" }) }),
-        /* @__PURE__ */ jsx3("div", { children: /* @__PURE__ */ jsx3("h1", { className: "text-xl font-medium text-red-500", children: "Application Crashed" }) })
+    /* @__PURE__ */ jsx2("body", { children: /* @__PURE__ */ jsx2("div", { className: "fixed inset-0 bg-black/90 z-50 overflow-y-auto p-4 flex items-center justify-center", children: /* @__PURE__ */ jsxs2("div", { className: "w-full max-w-3xl bg-black border border-red-600 rounded-lg overflow-hidden text-white font-sans", children: [
+      /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between border-b border-neutral-800 p-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx2("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx2(logo_default, { className: "h-8 w-auto text-white" }) }),
+        /* @__PURE__ */ jsx2("div", { children: /* @__PURE__ */ jsx2("h1", { className: "text-xl font-medium text-red-500", children: "Application Crashed" }) })
       ] }) }),
       /* @__PURE__ */ jsxs2("div", { className: "p-4", children: [
-        /* @__PURE__ */ jsx3("div", { className: "mb-4 text-neutral-400", children: "The application encountered a critical error and could not continue." }),
-        /* @__PURE__ */ jsx3("h2", { className: "text-2xl font-bold mb-4 text-white", children: error.message || "A critical error occurred" }),
+        /* @__PURE__ */ jsx2("div", { className: "mb-4 text-neutral-400", children: "The application encountered a critical error and could not continue." }),
+        /* @__PURE__ */ jsx2("h2", { className: "text-2xl font-bold mb-4 text-white", children: error.message || "A critical error occurred" }),
         error.digest && /* @__PURE__ */ jsxs2("div", { className: "mb-4", children: [
-          /* @__PURE__ */ jsx3("h3", { className: "text-sm uppercase tracking-wider text-neutral-500 font-medium mb-2", children: "Error ID" }),
-          /* @__PURE__ */ jsx3("div", { className: "bg-neutral-900 rounded-md p-3 text-neutral-300 font-mono", children: error.digest })
+          /* @__PURE__ */ jsx2("h3", { className: "text-sm uppercase tracking-wider text-neutral-500 font-medium mb-2", children: "Error ID" }),
+          /* @__PURE__ */ jsx2("div", { className: "bg-neutral-900 rounded-md p-3 text-neutral-300 font-mono", children: error.digest })
         ] })
       ] })
     ] }) }) })
@@ -1441,7 +1432,8 @@ var serveFilePath = async ({
 };
 
 // src/plugins/use-pages/setup/index.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { __PYLON_INTERNALS_DO_NOT_USE } from "@getcronit/pylon/pages";
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 var disableCacheMiddleware = async (c, next) => {
   const env3 = getEnv();
   if (true) {
@@ -1455,134 +1447,73 @@ var disableCacheMiddleware = async (c, next) => {
   }
   return next();
 };
-var setup = (app2) => {
-  const pagesFilePath = path3.resolve(process.cwd(), ".pylon", "pages.json");
-  let pageRoutes = [];
-  try {
-    pageRoutes = JSON.parse(fs2.readFileSync(pagesFilePath, "utf-8"));
-  } catch (error) {
-    console.error("Error reading pages.json", error);
-  }
+var setup = async (app2) => {
+  const cacheBustingSuffix = `?v=${Date.now()}`;
+  const slugs = (await import(`${process.cwd()}/.pylon/slugs.js`)).default;
+  const routes = (await import(`${process.cwd()}/.pylon/__pylon/pages/app.js`)).default;
+  const client = await import(`${process.cwd()}/.pylon/client/index.js`);
+  let handler2 = createStaticHandler(routes);
   app2.use(trimTrailingSlash());
-  let App = void 0;
-  let client = void 0;
-  app2.on(
-    "GET",
-    pageRoutes.map((pageRoute) => pageRoute.slug),
-    disableCacheMiddleware,
-    async (c) => {
+  app2.get("/test1234", async (c) => {
+    return c.json({ hello: "world" });
+  });
+  app2.on("GET", slugs, disableCacheMiddleware, async (c) => {
+    const context = await handler2.query(c.req.raw);
+    if (context instanceof Response) {
+      return context;
+    }
+    const router = createStaticRouter(handler2.dataRoutes, context);
+    const component = /* @__PURE__ */ jsx3(__PYLON_INTERNALS_DO_NOT_USE.DataClientProvider, { client, children: /* @__PURE__ */ jsx3(StaticRouterProvider, { router, context }) });
+    if (c.req.header("accept")?.includes("application/json")) {
+      const prepared = await client.prepareReactRender(component);
+      const data = prepared.cacheSnapshot;
+      return c.json(data);
+    }
+    try {
+      let cacheSnapshot = void 0;
       try {
-        if (!App) {
-          const module = await import(`${process.cwd()}/.pylon/__pylon/pages/app.js`);
-          App = module.default;
-        }
-        if (!client) {
-          client = await import(`${process.cwd()}/.pylon/client/index.js`);
-        }
-        const requestUrl = new URL(c.req.url);
-        let cacheSnapshot = void 0;
+        const prepared = await client.prepareReactRender(/* @__PURE__ */ jsx3(Fragment, {}));
+        cacheSnapshot = prepared.cacheSnapshot;
+      } catch (error) {
+      }
+      if (reactServer.renderToReadableStream) {
         try {
-          const prepared = await client.prepareReactRender(
-            /* @__PURE__ */ jsx4(
-              AppLoader,
-              {
-                Router: StaticRouter,
-                routerProps: {
-                  location: {
-                    pathname: requestUrl.pathname,
-                    search: requestUrl.search,
-                    hash: requestUrl.hash
-                  }
-                },
-                App,
-                client,
-                pylonData: {
-                  cacheSnapshot: void 0
-                }
-              }
-            )
-          );
-          cacheSnapshot = prepared.cacheSnapshot;
+          const stream = await reactServer.renderToReadableStream(component, {
+            bootstrapModules: ["/__pylon/static/app.js" + cacheBustingSuffix]
+          });
+          return c.body(stream);
         } catch (error) {
+          throw error;
         }
-        if (reactServer.renderToReadableStream) {
-          try {
-            const stream = await reactServer.renderToReadableStream(
-              /* @__PURE__ */ jsx4(
-                AppLoader,
-                {
-                  Router: StaticRouter,
-                  routerProps: {
-                    location: c.req.path
-                  },
-                  App,
-                  client,
-                  pylonData: {
-                    cacheSnapshot
-                  }
-                }
-              ),
-              {
-                bootstrapModules: ["/__pylon/static/app.js"],
-                bootstrapScriptContent: `window.__PYLON_DATA__ = ${JSON.stringify(
-                  {
-                    cacheSnapshot
-                  }
-                )}`
-              }
-            );
-            return c.body(stream);
-          } catch (error) {
-            throw error;
-          }
-        } else if (reactServer.renderToPipeableStream) {
-          return await new Promise((resolve, reject) => {
-            const { pipe } = reactServer.renderToPipeableStream(
-              /* @__PURE__ */ jsx4(
-                AppLoader,
-                {
-                  Router: StaticRouter,
-                  routerProps: {
-                    location: c.req.path
-                  },
-                  App,
-                  client,
-                  pylonData: {
-                    cacheSnapshot
-                  }
-                }
-              ),
-              {
-                bootstrapModules: ["/__pylon/static/app.js"],
-                bootstrapScriptContent: `window.__PYLON_DATA__ = ${JSON.stringify(
-                  {
-                    cacheSnapshot
-                  }
-                )}`,
-                onShellReady: async () => {
-                  c.header("Content-Type", "text/html");
-                  const passThrough = new PassThrough();
-                  pipe(passThrough);
-                  resolve(c.body(Readable2.toWeb(passThrough)));
-                },
-                onShellError: async (error) => {
-                  reject(error);
-                }
+      } else if (reactServer.renderToPipeableStream) {
+        return await new Promise((resolve, reject) => {
+          const { pipe } = reactServer.renderToPipeableStream(
+            component,
+            {
+              bootstrapModules: ["/__pylon/static/app.js" + cacheBustingSuffix],
+              onShellReady: async () => {
+                c.header("Content-Type", "text/html");
+                const passThrough = new PassThrough();
+                pipe(passThrough);
+                resolve(c.body(Readable2.toWeb(passThrough)));
+              },
+              onShellError: async (error) => {
+                reject(error);
               }
-            );
-          });
-        } else {
-          throw new Error("Environment not supported");
-        }
-      } catch (error) {
-        c.header("Content-Type", "text/html");
-        c.status(500);
-        return c.html(
-          reactServer.renderToString(/* @__PURE__ */ jsx4(GlobalError, { error }))
-        );
+            }
+          );
+        });
+      } else {
+        throw new Error("Environment not supported");
       }
+    } catch (error) {
+      c.header("Content-Type", "text/html");
+      c.status(500);
+      return c.html(
+        reactServer.renderToString(/* @__PURE__ */ jsx3(GlobalError, { error }))
+      );
     }
-  );
+  });
   const publicFilesPath = path3.resolve(
     process.cwd(),
     ".pylon",
@@ -1795,184 +1726,207 @@ var downloadImage = async (url) => {
 import path7 from "path";
 
 // src/plugins/use-pages/build/app-utils.ts
+import fs3 from "fs";
 import path4 from "path";
-import glob2 from "tiny-glob";
-function fnv1aHash(str) {
-  let hash = 2166136261;
-  for (let i = 0; i < str.length; i++) {
-    hash ^= str.charCodeAt(i);
-    hash += (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24);
+var PAGES_DIR = "./pages";
+var imports = [];
+var routeSlugs = [];
+function getLayoutComponentName(filePath) {
+  return filePath.replace(PAGES_DIR, "").replace(/\\/g, "/").replace(/layout\.tsx$/, "").split("/").filter(Boolean).map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join("") + "Layout";
+}
+function convertToDynamicRoute(segment) {
+  if (segment.startsWith("[") && segment.endsWith("]")) {
+    return `:${segment.slice(1, -1)}`;
   }
-  return (hash >>> 0).toString(16);
+  return segment;
 }
-var APP_DIR = path4.join(process.cwd(), "pages");
-async function getPageRoutes(dir = APP_DIR) {
-  const routes = [];
-  const pagePattern = path4.join(dir, "**/page.{ts,tsx,js}");
-  const layoutPattern = path4.join(dir, "**/layout.tsx");
-  const pageFiles = await glob2(pagePattern);
-  const layoutFiles = await glob2(layoutPattern);
-  for (const pagePath of pageFiles) {
-    const relativePagePath = path4.relative(APP_DIR, pagePath);
-    let slug = "/" + relativePagePath.replace(/page\.(ts|tsx|js)$/, "").replace(/\[([\w-]+)\]/g, ":$1");
-    slug = slug.replace(/\/$/, "");
-    const layouts = layoutFiles.filter((layout) => {
-      return pagePath.startsWith(layout.replace("layout.tsx", ""));
-    });
-    const layoutsWithoutRootLayout = layouts.slice(1);
-    routes.push({
-      pagePath,
-      slug: slug || "/",
-      layouts: layoutsWithoutRootLayout
-    });
+function scanDirectory(directory, basePath = "") {
+  const items = fs3.readdirSync(directory, { withFileTypes: true });
+  const route = { path: basePath || "/", children: [] };
+  let hasLayout = false;
+  let pageFound = false;
+  for (const item of items) {
+    const itemPath = path4.join(directory, item.name);
+    const relativePath = path4.join(basePath, item.name).replace(/\\/g, "/");
+    const importPath = `"./${path4.join("..", PAGES_DIR, relativePath).replace(/\.tsx$/, "")}"`;
+    if (item.isDirectory()) {
+      const childRoute = scanDirectory(itemPath, relativePath);
+      if (childRoute) {
+        route.children.push(childRoute);
+      }
+    } else if (item.name === "layout.tsx") {
+      const layoutComponentName = getLayoutComponentName(relativePath);
+      imports.push(`import ${layoutComponentName} from ${importPath};`);
+      const componentName = layoutComponentName === "Layout" ? `RootLayout` : `${layoutComponentName}`;
+      route.Component = `withLoaderData(() => <${componentName} children={<Outlet />} />)`;
+      if (route.path === "/") {
+        route.errorElement = "<ErrorElement />";
+      }
+      hasLayout = true;
+    } else if (item.name === "page.tsx") {
+      route.children.push({
+        path: void 0,
+        index: true,
+        lazy: `async () => {const i = await import(${importPath}); return {Component: withLoaderData(i.default)}}`,
+        loader: `loader`
+      });
+      pageFound = true;
+    }
+  }
+  if (route.path) {
+    const segments = route.path.split("/").map((segment) => convertToDynamicRoute(segment)).filter(Boolean);
+    const fullPath = segments.length > 0 ? `/${segments.join("/")}` : "/";
+    route.path = segments[segments.length - 1] || "/";
+    if (hasLayout || pageFound) {
+      routeSlugs.push(fullPath);
+    }
+  }
+  if (hasLayout || route.lazy || route.children && route.children.length > 0) {
+    return route;
   }
-  return routes;
+  return null;
 }
-var generateAppFile = (pageRoutes) => {
-  const makePageMap = (routes) => {
-    const pageMap2 = {};
-    for (const route of routes) {
-      pageMap2[route.pagePath] = `Page${fnv1aHash(route.pagePath)}`;
+function serialize(obj, parentKey) {
+  if (Array.isArray(obj)) {
+    return `[${obj.map(serialize).join(", ")}]`;
+  } else if (obj && typeof obj === "object") {
+    const entries = Object.entries(obj).map(
+      ([key, value]) => `${JSON.stringify(key)}: ${serialize(value, key)}`
+    );
+    return `{${entries.join(", ")}}`;
+  } else if (typeof obj === "string") {
+    if (parentKey === "lazy" || parentKey === "loader" || parentKey === "Component" || parentKey === "errorElement") {
+      return obj;
     }
-    return pageMap2;
+    return JSON.stringify(obj);
+  } else {
+    return String(obj);
+  }
+}
+function makeAppFiles() {
+  imports = [];
+  routeSlugs = [];
+  const rootRoute = scanDirectory(PAGES_DIR);
+  const notFoundRoute = {
+    path: "*",
+    Component: "NotFoundPage"
   };
-  const makeLayoutMap = (routes) => {
-    const layoutMap2 = {};
-    for (const route of routes) {
-      for (const layout of route.layouts) {
-        layoutMap2[layout] = `Layout${fnv1aHash(layout)}`;
-      }
-    }
-    return layoutMap2;
+  const routes = `${imports.join("\n")}
+
+import {__PYLON_ROUTER_INTERNALS_DO_NOT_USE, __PYLON_INTERNALS_DO_NOT_USE, GlobalErrorPage} from '@getcronit/pylon/pages'
+const Outlet = __PYLON_ROUTER_INTERNALS_DO_NOT_USE.Outlet
+
+const ErrorElement = () => {
+  const error = __PYLON_ROUTER_INTERNALS_DO_NOT_USE.useRouteError()
+
+  return <GlobalErrorPage error={error} />
+}
+
+function withLoaderData<T>(Component: React.ComponentType<{ data: T }>) {
+  return function WithLoaderDataWrapper(props: T) {
+    const client = __PYLON_INTERNALS_DO_NOT_USE.useDataClient()
+    const cacheSnapshot = __PYLON_ROUTER_INTERNALS_DO_NOT_USE.useLoaderData()
+
+
+    const location = __PYLON_ROUTER_INTERNALS_DO_NOT_USE.useLocation()
+    const [searchParams] = __PYLON_ROUTER_INTERNALS_DO_NOT_USE.useSearchParams()
+    const searchParamsObject = Object.fromEntries(searchParams.entries())
+    const params = __PYLON_ROUTER_INTERNALS_DO_NOT_USE.useParams()
+
+    client.useHydrateCache({cacheSnapshot})
+    const data = client.useQuery()
+
+    return <Component {...(props as any)} path={location.pathname} params={params} searchParams={searchParamsObject} data={data} />;
   };
-  const pageMap = makePageMap(pageRoutes);
-  const layoutMap = makeLayoutMap(pageRoutes);
-  const importPages = Object.keys(pageMap).map((pagePath, index) => {
-    const importLocation = `../${pagePath}`.replace(".tsx", ".js");
-    const componentName = pageMap[pagePath];
-    return `const ${componentName} = lazy(() => import('${importLocation}'))
-      `;
-  }).join("\n");
-  const importLayouts = Object.keys(layoutMap).map((layoutPath, index) => {
-    const importLocation = `../${layoutPath}`.replace(".tsx", ".js");
-    const componentName = layoutMap[layoutPath];
-    return `const ${componentName} = lazy(() => import('${importLocation}'))
-      `;
-  }).join("\n");
-  const appComponent = `"use client";
-  import {lazy, Suspense, useMemo} from 'react'
- import { __PYLON_ROUTER_INTERNALS_DO_NOT_USE, DevOverlay, PageProps} from '@getcronit/pylon/pages';
-   const {Routes, Route, useParams, useSearchParams, useLocation} = __PYLON_ROUTER_INTERNALS_DO_NOT_USE
-  ${importPages}
-  const RootLayout = lazy(() => import('../pages/layout.js'))
-  ${importLayouts}
-
-  const InjectPageProps: React.FC<{Page: React.FC, data: PageProps["data"]}> = ({Page, data}) => {
-    const params = useParams();
-    const [searchParams] = useSearchParams();
-    const location = useLocation();
-
-    const pageProps = useMemo(() => {
-      return {
-        data,
-        params,
-        searchParams: Object.fromEntries(searchParams.entries()),
-        location: location.pathname
-      }
-    }, [data, params, searchParams, location.pathname])
+}
 
-    return <Page {...pageProps} />
-  }
-  
-  const App: React.FC<{data: PageProps["data"]}> = (props) => {
-    return (
-      <DevOverlay>
-        <RootLayout>
-            <meta charSet="utf-8" />
-            <meta name="viewport" content="width=device-width, initial-scale=1" />
-            <link rel="stylesheet" href="/__pylon/static/app.css" precedence="high" />
-              <Routes>
-              ${pageRoutes.map((route, index) => {
-    return `<Route key={${index}} index={${index === 0 ? "true" : "false"}} path="${route.slug}" element={
-                  ${route.layouts.reduceRight(
-      (child, layoutPath, layoutIndex) => {
-        const layoutName = layoutMap[layoutPath];
-        return `<${layoutName}>${child}</${layoutName}>`;
-      },
-      `<InjectPageProps Page={${pageMap[route.pagePath]} as React.FC} data={props.data} />`
-    )}
-            } />`;
-  }).join("\n")}
-          </Routes>
-          </RootLayout>
-        </DevOverlay>
-    )
+const loader: __PYLON_ROUTER_INTERNALS_DO_NOT_USE.LoaderFunction  = async ({ request }) => {
+ if (
+    request.headers.has('accept') &&
+    request.headers.get('accept') === 'application/json'
+  ) {
+    // Skip the loader if the request is for JSON
+    return null
   }
-  
-  export default App;
-    `;
-  return appComponent;
-};
+  const url = new URL(request.url)
+  const headers = new Headers()
+  headers.set('Accept', 'application/json')
+  try {
+  const response = await fetch(url, {
+    method: 'GET',
+    headers: headers,
+  })
+  const data = await response.json<object>()
+  return data
+  } catch (error) {
+   return null
+   }
+}
+
+const RootLayout = (props: { children: React.ReactNode; [key: string]: any }) => {
+  return (
+    <Layout {...props}>
+      <meta charSet="utf-8" />
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <link rel="stylesheet" href="/__pylon/static/app.css" precedence="high" />
+      {props.children}
+    </Layout>
+  )
+}
+
+const NotFoundPage = () => {
+  return <div>Page Not Found</div>
+}
+
+const routes = ${serialize([rootRoute, notFoundRoute].filter(Boolean))}
+
+export default routes
+
+`;
+  const slugs = `export default ${JSON.stringify(routeSlugs, null, 2)}`;
+  return {
+    routes,
+    slugs
+  };
+}
 
 // src/plugins/use-pages/build/index.ts
 import chokidar from "chokidar";
-import fs6 from "fs/promises";
+import fs7 from "fs/promises";
 import esbuild from "esbuild";
 
 // src/plugins/use-pages/build/plugins/inject-app-hydration.ts
 import path5 from "path";
-import fs3 from "fs/promises";
+import fs4 from "fs/promises";
 var injectAppHydrationPlugin = {
   name: "inject-hydration",
   setup(build2) {
     build2.onLoad({ filter: /.*/, namespace: "file" }, async (args) => {
       if (args.path === path5.resolve(process.cwd(), ".pylon", "app.tsx")) {
-        let contents = await fs3.readFile(args.path, "utf-8");
+        let contents = await fs4.readFile(args.path, "utf-8");
         const clientPath = path5.resolve(process.cwd(), ".pylon/client");
         const pathToClient = path5.relative(path5.dirname(args.path), clientPath);
         contents += `
           import {hydrateRoot} from 'react-dom/client'
           import * as client from './${pathToClient}'
-          import { __PYLON_ROUTER_INTERNALS_DO_NOT_USE, DevOverlay, onCaughtErrorProd, onRecoverableErrorProd, onUncaughtErrorProd } from '@getcronit/pylon/pages';
-          const {BrowserRouter} = __PYLON_ROUTER_INTERNALS_DO_NOT_USE
+          import { __PYLON_ROUTER_INTERNALS_DO_NOT_USE, __PYLON_INTERNALS_DO_NOT_USE, DevOverlay, onCaughtErrorProd, onRecoverableErrorProd, onUncaughtErrorProd } from '@getcronit/pylon/pages';
+          const {createBrowserRouter, RouterProvider} = __PYLON_ROUTER_INTERNALS_DO_NOT_USE
+          const {DataClientProvider} = __PYLON_INTERNALS_DO_NOT_USE
           import React, {useMemo} from 'react'
 
-          const pylonData = window.__PYLON_DATA__
-
-          const AppLoader = (props: {
-            client: any
-            pylonData: {
-              cacheSnapshot?: any
-            }
-            App: React.FC<{
-              data: PageProps['data']
-            }>
-            Router: React.FC<any>
-            routerProps: any
-          }) => {
-            props.client.useHydrateCache({cacheSnapshot: props.pylonData.cacheSnapshot})
-          
-            const data = props.client.useQuery()
-            const page = useMemo(() => {
-              const page = (
-                <props.App data={data} />
-              )
-          
-              return page
-            }, [props])
-          
-            return <props.Router {...props.routerProps}>{page}</props.Router>
-          }
-
-        
-          
+          const router = createBrowserRouter(routes)
 
           hydrateRoot(
-          document,
-            <AppLoader Router={BrowserRouter} client={client} pylonData={pylonData} App={App} />, {
-                  onCaughtError: onCaughtErrorProd,
-      onRecoverableError: onRecoverableErrorProd,
-      onUncaughtError: onUncaughtErrorProd,
+            document,
+            <DevOverlay>
+              <DataClientProvider client={client}>
+                <RouterProvider router={router} />
+              </DataClientProvider>
+            </DevOverlay>,
+            {
+              onCaughtError: onCaughtErrorProd,
+              onRecoverableError: onRecoverableErrorProd,
+              onUncaughtError: onUncaughtErrorProd
             }
           )
           `;
@@ -1988,7 +1942,7 @@ var injectAppHydrationPlugin = {
 // src/plugins/use-pages/build/plugins/image-plugin.ts
 import { createHash as createHash2 } from "crypto";
 import path6 from "path";
-import fs4 from "fs/promises";
+import fs5 from "fs/promises";
 var imagePlugin = {
   name: "image-plugin",
   setup(build2) {
@@ -2001,11 +1955,11 @@ var imagePlugin = {
       const filePath = path6.resolve(args.resolveDir, args.path);
       const fileName = path6.basename(filePath);
       const extname = path6.extname(filePath);
-      const hash = createHash2("md5").update(filePath + await fs4.readFile(filePath)).digest("hex").slice(0, 8);
+      const hash = createHash2("md5").update(filePath + await fs5.readFile(filePath)).digest("hex").slice(0, 8);
       const newFilename = `${fileName}-${hash}${extname}`;
       const newFilePath = path6.join(outdir, "media", newFilename);
-      await fs4.mkdir(path6.dirname(newFilePath), { recursive: true });
-      await fs4.copyFile(filePath, newFilePath);
+      await fs5.mkdir(path6.dirname(newFilePath), { recursive: true });
+      await fs5.copyFile(filePath, newFilePath);
       return {
         path: newFilePath,
         namespace: "image"
@@ -2043,7 +1997,7 @@ var imagePlugin = {
 };
 
 // src/plugins/use-pages/build/plugins/postcss-plugin.ts
-import fs5 from "fs/promises";
+import fs6 from "fs/promises";
 import loadConfig from "postcss-load-config";
 import postcss from "postcss";
 var postcssPlugin = {
@@ -2051,7 +2005,7 @@ var postcssPlugin = {
   setup(build2) {
     build2.onLoad({ filter: /.css$/, namespace: "file" }, async (args) => {
       const { plugins, options } = await loadConfig();
-      const css = await fs5.readFile(args.path, "utf-8");
+      const css = await fs6.readFile(args.path, "utf-8");
       const result = await postcss(plugins).process(css, {
         ...options,
         from: args.path
@@ -2069,32 +2023,27 @@ var DIST_STATIC_DIR = path7.join(process.cwd(), ".pylon/__pylon/static");
 var DIST_PAGES_DIR = path7.join(process.cwd(), ".pylon/__pylon/pages");
 async function updateFileIfChanged(path8, newContent) {
   try {
-    const currentContent = await fs6.readFile(path8);
+    const currentContent = await fs7.readFile(path8);
     if (currentContent.equals(newContent)) {
       return false;
     }
   } catch (err) {
     if (err.code !== "ENOENT") throw err;
   }
-  await fs6.writeFile(path8, newContent);
+  await fs7.writeFile(path8, newContent);
   return true;
 }
 var build = async () => {
   const buildAppFile = async () => {
-    const pagesRoutes = await getPageRoutes();
-    const appContent = generateAppFile(pagesRoutes);
-    const pagesFile = path7.resolve(process.cwd(), ".pylon", "pages.json");
+    const appFiles = makeAppFiles();
     await updateFileIfChanged(
-      pagesFile,
-      Buffer.from(JSON.stringify(pagesRoutes, null, 2))
+      path7.resolve(process.cwd(), ".pylon", "app.tsx"),
+      Buffer.from(appFiles.routes)
     );
-    const appFilePath = path7.resolve(process.cwd(), ".pylon", "app.tsx");
-    const state = await updateFileIfChanged(
-      appFilePath,
-      Buffer.from(appContent)
+    await updateFileIfChanged(
+      path7.resolve(process.cwd(), ".pylon", "slugs.js"),
+      Buffer.from(appFiles.slugs)
     );
-    if (state) {
-    }
   };
   const copyPublicDir = async () => {
     const publicDir = path7.resolve(process.cwd(), "public");
@@ -2105,9 +2054,9 @@ var build = async () => {
       "public"
     );
     try {
-      await fs6.access(publicDir);
-      await fs6.mkdir(pylonPublicDir, { recursive: true });
-      await fs6.cp(publicDir, pylonPublicDir, { recursive: true });
+      await fs7.access(publicDir);
+      await fs7.mkdir(pylonPublicDir, { recursive: true });
+      await fs7.cp(publicDir, pylonPublicDir, { recursive: true });
     } catch (err) {
       if (err.code !== "ENOENT") throw err;
     }
@@ -2124,12 +2073,12 @@ var build = async () => {
       "__pylon",
       "static"
     );
-    await fs6.mkdir(pylonCssDestDir, { recursive: true });
-    await fs6.cp(
+    await fs7.mkdir(pylonCssDestDir, { recursive: true });
+    await fs7.cp(
       path7.join(pylonCssPathDir, "index.css"),
       path7.join(pylonCssDestDir, "pylon.css")
     );
-    await fs6.cp(
+    await fs7.cp(
       path7.join(pylonCssPathDir, "index.css.map"),
       path7.join(pylonCssDestDir, "pylon.css.map")
     );
@@ -2140,7 +2089,7 @@ var build = async () => {
       build2.onEnd(async (result) => {
         await Promise.all(
           result.outputFiles.map(async (file) => {
-            await fs6.mkdir(path7.dirname(file.path), { recursive: true });
+            await fs7.mkdir(path7.dirname(file.path), { recursive: true });
             await updateFileIfChanged(file.path, file.contents);
           })
         );