revine 1.2.1 → 1.4.0

package/dist/client.d.ts

@@ -1,11 +1,14 @@
-export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams, } from "react-router-dom";
+export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
 export { Image } from "./components/Image.js";
 export type { ImageProps } from "./components/Image.js";
 export { Link } from "./components/Link.js";
 export type { LinkProps } from "./components/Link.js";
 export { NavLink } from "./components/NavLink.js";
 export type { NavLinkProps } from "./components/NavLink.js";
+export { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";
+export { middlewareResponse } from "./runtime/middleware.js";
+export type { MiddlewareConfig, MiddlewareFn, MiddlewareRequest, MiddlewareResponse } from "./runtime/middleware.js";
 export type { LayoutProps } from "./runtime/types.js";
 //# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,SAAS,EACT,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,SAAS,EACT,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACrH,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/client.js

@@ -1,6 +1,8 @@
-export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams, } from "react-router-dom";
+export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
 export { Image } from "./components/Image.js";
 export { Link } from "./components/Link.js";
 export { NavLink } from "./components/NavLink.js";
+export { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";
+export { middlewareResponse } from "./runtime/middleware.js";

package/dist/components/MiddlewareGuard.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { MiddlewareFn } from "../runtime/middleware.js";
+type Props = {
+    middleware: MiddlewareFn;
+    children: React.ReactNode;
+    loadingFallback?: React.ReactNode;
+};
+export declare function MiddlewareGuard({ middleware, children, loadingFallback }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MiddlewareGuard.d.ts.map

package/dist/components/MiddlewareGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddlewareGuard.d.ts","sourceRoot":"","sources":["../../src/components/MiddlewareGuard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,KAAK,KAAK,GAAG;IACT,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,KAAK,2CA4B/E"}

package/dist/components/MiddlewareGuard.js

@@ -0,0 +1,28 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+export function MiddlewareGuard({ middleware, children, loadingFallback }) {
+    const location = useLocation();
+    const navigate = useNavigate();
+    const [status, setStatus] = useState("pending");
+    useEffect(() => {
+        setStatus("pending");
+        const request = {
+            pathname: location.pathname,
+            searchParams: new URLSearchParams(location.search),
+        };
+        Promise.resolve(middleware(request)).then((response) => {
+            if (response.type === "redirect") {
+                setStatus("redirecting");
+                navigate(response.destination, { replace: true });
+            }
+            else {
+                setStatus("allowed");
+            }
+        });
+    }, [location.pathname]);
+    if (status === "pending" || status === "redirecting") {
+        return _jsx(_Fragment, { children: loadingFallback ?? null });
+    }
+    return _jsx(_Fragment, { children: children });
+}

package/dist/hooks/useRouter.d.ts

@@ -0,0 +1,12 @@
+export declare function useRouter(): {
+    pathname: string;
+    params: Readonly<import("react-router").Params<string>>;
+    searchParams: URLSearchParams;
+    setSearchParams: import("react-router-dom").SetURLSearchParams;
+    push: (path: string) => void;
+    replace: (path: string) => void;
+    back: () => void;
+    forward: () => void;
+    prefetch: (_path: string) => void;
+};
+//# sourceMappingURL=useRouter.d.ts.map

package/dist/hooks/useRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRouter.d.ts","sourceRoot":"","sources":["../../src/hooks/useRouter.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS;;;;;iBAcR,MAAM;oBACH,MAAM;;;sBAGJ,MAAM;EAI3B"}

package/dist/hooks/useRouter.js

@@ -0,0 +1,22 @@
+import { useNavigate, useLocation, useParams, useSearchParams } from "react-router-dom";
+export function useRouter() {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const params = useParams();
+    const [searchParams, setSearchParams] = useSearchParams();
+    return {
+        // Current route info
+        pathname: location.pathname,
+        params,
+        searchParams,
+        setSearchParams,
+        // Navigation methods
+        push: (path) => navigate(path),
+        replace: (path) => navigate(path, { replace: true }),
+        back: () => navigate(-1),
+        forward: () => navigate(1),
+        prefetch: (_path) => {
+            // Reserved for future prefetch support
+        },
+    };
+}

package/dist/runtime/bundler/revinePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revinePlugin.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/revinePlugin.ts"],"names":[],"mappings":"AA2VA,wBAAgB,YAAY,IAAI,GAAG,CA6IlC"}
+{"version":3,"file":"revinePlugin.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/revinePlugin.ts"],"names":[],"mappings":"AA2VA,wBAAgB,YAAY,IAAI,GAAG,CA4LlC"}

package/dist/runtime/bundler/revinePlugin.js

@@ -365,12 +365,51 @@ export function revinePlugin() {
         load(id) {
             if (id === VIRTUAL_ROUTING_ID) {
                 return `
-import { createBrowserRouter, useRouteError } from "react-router-dom";
-import { lazy, Suspense, createElement } from "react";
+import { createBrowserRouter, useRouteError, Outlet } from "react-router-dom";
+import { lazy, Suspense, createElement, useState, useEffect, useRef } from "react";
 import React from "react";
 
+// ── Middleware support ──────────────────────────────────────────────
+const middlewareModules = import.meta.glob("/src/middleware.{ts,tsx}", { eager: true });
+const middlewareMod = Object.values(middlewareModules)[0];
+const userMiddleware = middlewareMod?.default ?? null;
+
 ${errorBoundaryComponent}
 
+// ── MiddlewareGuard ─────────────────────────────────────────────────
+function MiddlewareGuard({ children }) {
+  const [status, setStatus] = React.useState("pending");
+  const lastPathnameRef = React.useRef(null);
+
+  React.useEffect(() => {
+    if (!userMiddleware) { setStatus("allowed"); return; }
+
+    const run = async (pathname, search) => {
+      if (pathname === lastPathnameRef.current) return;
+      lastPathnameRef.current = pathname;
+
+      setStatus("pending");
+      const req = { pathname, searchParams: new URLSearchParams(search) };
+      const res = await Promise.resolve(userMiddleware(req));
+      if (res.type === "redirect") {
+        router.navigate(res.destination, { replace: true });
+        setStatus("redirecting");
+      } else {
+        setStatus("allowed");
+      }
+    };
+
+    run(window.location.pathname, window.location.search);
+
+    return router.subscribe((state) => {
+      run(state.location.pathname, state.location.search);
+    });
+  }, []);
+
+  if (status === "pending" || status === "redirecting") return null;
+  return React.createElement(React.Fragment, null, children);
+}
+
 const notFoundModules = import.meta.glob("/src/NotFound.tsx", { eager: true });
 const NotFoundComponent = Object.values(notFoundModules)[0]?.default;
 
@@ -430,7 +469,7 @@ const pageEntries = Object.entries(pages).filter(([filePath]) => {
   return !segments.some((s) => s.startsWith("_"));
 });
 
-const routes = pageEntries.map(([filePath, component]) => {
+const innerRoutes = pageEntries.map(([filePath, component]) => {
   const routePath = toRoutePath(filePath);
   const Component = lazy(component);
   const layouts = getLayoutsForPath(filePath);
@@ -453,7 +492,7 @@ const routes = pageEntries.map(([filePath, component]) => {
   };
 });
 
-routes.push({
+innerRoutes.push({
   path: "*",
   element: NotFoundComponent
     ? createElement(NotFoundComponent)
@@ -461,6 +500,14 @@ routes.push({
   errorElement: createElement(RevineErrorDialog),
 });
 
+const routes = [
+  {
+    element: createElement(MiddlewareGuard, null, createElement(Outlet)),
+    children: innerRoutes,
+    errorElement: createElement(RevineErrorDialog),
+  },
+];
+
 export const router = createBrowserRouter(routes, {
   future: {
     v7_startTransition: true,

package/dist/runtime/middleware.d.ts

@@ -0,0 +1,24 @@
+export type MiddlewareRequest = {
+    pathname: string;
+    searchParams: URLSearchParams;
+};
+export type MiddlewareResponse = {
+    type: "next";
+} | {
+    type: "redirect";
+    destination: string;
+};
+export declare const middlewareResponse: {
+    next: () => MiddlewareResponse;
+    redirect: (destination: string) => MiddlewareResponse;
+};
+export type MiddlewareFn = (request: MiddlewareRequest) => MiddlewareResponse | Promise<MiddlewareResponse>;
+export type MiddlewareConfig = {
+    publicPaths?: string[];
+    authPaths?: string[];
+    redirects?: {
+        whenAuthenticated?: string;
+        whenUnauthenticated?: string;
+    };
+};
+//# sourceMappingURL=middleware.d.ts.map

package/dist/runtime/middleware.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"middleware.d.ts","sourceRoot":"","sources":["../../src/runtime/middleware.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,eAAO,MAAM,kBAAkB;gBACnB,kBAAkB;4BACJ,MAAM,KAAG,kBAAkB;CAIpD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CACzB,OAAO,EAAE,iBAAiB,KACvB,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH,CAAC"}

package/dist/runtime/middleware.js

@@ -0,0 +1,7 @@
+export const middlewareResponse = {
+    next: () => ({ type: "next" }),
+    redirect: (destination) => ({
+        type: "redirect",
+        destination,
+    }),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revine",
-  "version": "1.2.1",
+  "version": "1.4.0",
   "description": "A react framework, but better.",
   "license": "MIT",
   "author": "Rachit Bharadwaj",

package/src/client.ts

@@ -4,7 +4,7 @@ export {
   useLocation,
   useNavigate,
   useParams,
-  useSearchParams,
+  useSearchParams
 } from "react-router-dom";
 export { Image } from "./components/Image.js";
 export type { ImageProps } from "./components/Image.js";
@@ -12,6 +12,9 @@ export { Link } from "./components/Link.js";
 export type { LinkProps } from "./components/Link.js";
 export { NavLink } from "./components/NavLink.js";
 export type { NavLinkProps } from "./components/NavLink.js";
+export { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";
+export { middlewareResponse } from "./runtime/middleware.js";
+export type { MiddlewareConfig, MiddlewareFn, MiddlewareRequest, MiddlewareResponse } from "./runtime/middleware.js";
 export type { LayoutProps } from "./runtime/types.js";

package/src/components/MiddlewareGuard.tsx

@@ -0,0 +1,39 @@
+import React, { useEffect, useState } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+import type { MiddlewareFn } from "../runtime/middleware.js";
+
+type Props = {
+    middleware: MiddlewareFn;
+    children: React.ReactNode;
+    loadingFallback?: React.ReactNode;
+};
+
+export function MiddlewareGuard({ middleware, children, loadingFallback }: Props) {
+    const location = useLocation();
+    const navigate = useNavigate();
+    const [status, setStatus] = useState<"pending" | "allowed" | "redirecting">("pending");
+
+    useEffect(() => {
+        setStatus("pending");
+
+        const request = {
+            pathname: location.pathname,
+            searchParams: new URLSearchParams(location.search),
+        };
+
+        Promise.resolve(middleware(request)).then((response) => {
+            if (response.type === "redirect") {
+                setStatus("redirecting");
+                navigate(response.destination, { replace: true });
+            } else {
+                setStatus("allowed");
+            }
+        });
+    }, [location.pathname]);
+
+    if (status === "pending" || status === "redirecting") {
+        return <>{loadingFallback ?? null}</>;
+    }
+
+    return <>{children}</>;
+}

package/src/hooks/useRouter.ts

@@ -0,0 +1,25 @@
+import { useNavigate, useLocation, useParams, useSearchParams } from "react-router-dom";
+
+export function useRouter() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const params = useParams();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  return {
+    // Current route info
+    pathname: location.pathname,
+    params,
+    searchParams,
+    setSearchParams,
+
+    // Navigation methods
+    push: (path: string) => navigate(path),
+    replace: (path: string) => navigate(path, { replace: true }),
+    back: () => navigate(-1),
+    forward: () => navigate(1),
+    prefetch: (_path: string) => {
+      // Reserved for future prefetch support
+    },
+  };
+}

package/src/runtime/bundler/revinePlugin.ts

@@ -380,12 +380,51 @@ export function revinePlugin(): any {
     load(id: string) {
       if (id === VIRTUAL_ROUTING_ID) {
         return `
-import { createBrowserRouter, useRouteError } from "react-router-dom";
-import { lazy, Suspense, createElement } from "react";
+import { createBrowserRouter, useRouteError, Outlet } from "react-router-dom";
+import { lazy, Suspense, createElement, useState, useEffect, useRef } from "react";
 import React from "react";
 
+// ── Middleware support ──────────────────────────────────────────────
+const middlewareModules = import.meta.glob("/src/middleware.{ts,tsx}", { eager: true });
+const middlewareMod = Object.values(middlewareModules)[0];
+const userMiddleware = middlewareMod?.default ?? null;
+
 ${errorBoundaryComponent}
 
+// ── MiddlewareGuard ─────────────────────────────────────────────────
+function MiddlewareGuard({ children }) {
+  const [status, setStatus] = React.useState("pending");
+  const lastPathnameRef = React.useRef(null);
+
+  React.useEffect(() => {
+    if (!userMiddleware) { setStatus("allowed"); return; }
+
+    const run = async (pathname, search) => {
+      if (pathname === lastPathnameRef.current) return;
+      lastPathnameRef.current = pathname;
+
+      setStatus("pending");
+      const req = { pathname, searchParams: new URLSearchParams(search) };
+      const res = await Promise.resolve(userMiddleware(req));
+      if (res.type === "redirect") {
+        router.navigate(res.destination, { replace: true });
+        setStatus("redirecting");
+      } else {
+        setStatus("allowed");
+      }
+    };
+
+    run(window.location.pathname, window.location.search);
+
+    return router.subscribe((state) => {
+      run(state.location.pathname, state.location.search);
+    });
+  }, []);
+
+  if (status === "pending" || status === "redirecting") return null;
+  return React.createElement(React.Fragment, null, children);
+}
+
 const notFoundModules = import.meta.glob("/src/NotFound.tsx", { eager: true });
 const NotFoundComponent = Object.values(notFoundModules)[0]?.default;
 
@@ -445,7 +484,7 @@ const pageEntries = Object.entries(pages).filter(([filePath]) => {
   return !segments.some((s) => s.startsWith("_"));
 });
 
-const routes = pageEntries.map(([filePath, component]) => {
+const innerRoutes = pageEntries.map(([filePath, component]) => {
   const routePath = toRoutePath(filePath);
   const Component = lazy(component);
   const layouts = getLayoutsForPath(filePath);
@@ -468,7 +507,7 @@ const routes = pageEntries.map(([filePath, component]) => {
   };
 });
 
-routes.push({
+innerRoutes.push({
   path: "*",
   element: NotFoundComponent
     ? createElement(NotFoundComponent)
@@ -476,6 +515,14 @@ routes.push({
   errorElement: createElement(RevineErrorDialog),
 });
 
+const routes = [
+  {
+    element: createElement(MiddlewareGuard, null, createElement(Outlet)),
+    children: innerRoutes,
+    errorElement: createElement(RevineErrorDialog),
+  },
+];
+
 export const router = createBrowserRouter(routes, {
   future: {
     v7_startTransition: true,

package/src/runtime/middleware.ts

@@ -0,0 +1,29 @@
+export type MiddlewareRequest = {
+  pathname: string;
+  searchParams: URLSearchParams;
+};
+
+export type MiddlewareResponse =
+  | { type: "next" }
+  | { type: "redirect"; destination: string };
+
+export const middlewareResponse = {
+  next: (): MiddlewareResponse => ({ type: "next" }),
+  redirect: (destination: string): MiddlewareResponse => ({
+    type: "redirect",
+    destination,
+  }),
+};
+
+export type MiddlewareFn = (
+  request: MiddlewareRequest,
+) => MiddlewareResponse | Promise<MiddlewareResponse>;
+
+export type MiddlewareConfig = {
+  publicPaths?: string[]; // paths accessible WITHOUT login
+  authPaths?: string[];   // paths only for GUESTS (login, register)
+  redirects?: {
+    whenAuthenticated?: string; // redirect auth pages to (default: "/")
+    whenUnauthenticated?: string; // redirect private pages to (default: "/login")
+  };
+};

package/dist/runtime/bundler/errorBoundary.d.ts

@@ -1,2 +0,0 @@
-export declare const errorBoundaryComponent = "\nfunction RevineErrorDialog() {\n  const error = useRouteError();\n  const [expanded, setExpanded] = React.useState(false);\n\n  const message = error?.message || String(error) || \"An unexpected error occurred.\";\n  const stack = error?.stack || \"\";\n  // Pull only the first meaningful line from the stack (skip the error message repeat)\n  const stackLines = stack\n    .split(\"\\n\")\n    .filter((l) => l.trim().startsWith(\"at \"))\n    .slice(0, 8);\n\n  return React.createElement(\n    \"div\",\n    { style: overlayStyle },\n    React.createElement(\n      \"div\",\n      { style: dialogStyle },\n      // Header\n      React.createElement(\n        \"div\",\n        { style: headerStyle },\n        React.createElement(\"span\", { style: iconStyle }, \"\u2715\"),\n        React.createElement(\"span\", { style: titleStyle }, \"Application Error\")\n      ),\n      // Message\n      React.createElement(\"p\", { style: messageStyle }, message),\n      // Stack toggle\n      stackLines.length > 0 &&\n        React.createElement(\n          \"div\",\n          null,\n          React.createElement(\n            \"button\",\n            { onClick: () => setExpanded((v) => !v), style: toggleBtnStyle },\n            expanded ? \"\u25B2 Hide stack trace\" : \"\u25BC Show stack trace\"\n          ),\n          expanded &&\n            React.createElement(\n              \"pre\",\n              { style: stackStyle },\n              stackLines.join(\"\\n\")\n            )\n        ),\n      // Actions\n      React.createElement(\n        \"div\",\n        { style: actionsStyle },\n        React.createElement(\n          \"button\",\n          { onClick: () => window.location.reload(), style: primaryBtnStyle },\n          \"Reload page\"\n        ),\n        React.createElement(\n          \"button\",\n          { onClick: () => (window.location.href = \"/\"), style: secondaryBtnStyle },\n          \"Go to home\"\n        )\n      )\n    )\n  );\n}\n\nconst overlayStyle = {\n  position: \"fixed\", inset: 0, background: \"rgba(0,0,0,0.65)\",\n  backdropFilter: \"blur(4px)\", display: \"flex\",\n  alignItems: \"center\", justifyContent: \"center\",\n  zIndex: 9999, fontFamily: \"ui-monospace, 'Cascadia Code', monospace\",\n};\nconst dialogStyle = {\n  background: \"#1a1a1a\", border: \"1px solid #ff4d4f55\",\n  borderRadius: \"10px\", padding: \"28px 32px\",\n  maxWidth: \"560px\", width: \"90%\", boxShadow: \"0 24px 64px rgba(0,0,0,0.6)\",\n  color: \"#e5e5e5\",\n};\nconst headerStyle = {\n  display: \"flex\", alignItems: \"center\", gap: \"10px\",\n  marginBottom: \"14px\",\n};\nconst iconStyle = {\n  display: \"inline-flex\", alignItems: \"center\", justifyContent: \"center\",\n  width: \"26px\", height: \"26px\", borderRadius: \"50%\",\n  background: \"#ff4d4f22\", color: \"#ff4d4f\", fontSize: \"13px\", fontWeight: 700,\n};\nconst titleStyle = {\n  fontFamily: \"system-ui, sans-serif\",\n  fontSize: \"16px\", fontWeight: 600, color: \"#fff\",\n};\nconst messageStyle = {\n  fontFamily: \"ui-monospace, monospace\",\n  fontSize: \"13px\", color: \"#ff7875\",\n  background: \"#ff4d4f0f\", border: \"1px solid #ff4d4f22\",\n  borderRadius: \"6px\", padding: \"10px 14px\",\n  marginBottom: \"16px\", wordBreak: \"break-word\", lineHeight: 1.6,\n};\nconst toggleBtnStyle = {\n  background: \"none\", border: \"none\", cursor: \"pointer\",\n  color: \"#888\", fontSize: \"12px\", padding: \"0 0 10px 0\",\n  fontFamily: \"system-ui, sans-serif\",\n};\nconst stackStyle = {\n  background: \"#111\", borderRadius: \"6px\", padding: \"12px 14px\",\n  fontSize: \"11px\", color: \"#aaa\", overflowX: \"auto\",\n  lineHeight: 1.7, marginBottom: \"16px\",\n  border: \"1px solid #2a2a2a\",\n};\nconst actionsStyle = {\n  display: \"flex\", gap: \"10px\", marginTop: \"6px\",\n};\nconst primaryBtnStyle = {\n  flex: 1, padding: \"9px 0\", borderRadius: \"6px\", border: \"none\",\n  background: \"#ff4d4f\", color: \"#fff\", fontWeight: 600,\n  fontSize: \"13px\", cursor: \"pointer\", fontFamily: \"system-ui, sans-serif\",\n};\nconst secondaryBtnStyle = {\n  flex: 1, padding: \"9px 0\", borderRadius: \"6px\",\n  border: \"1px solid #333\", background: \"transparent\",\n  color: \"#aaa\", fontSize: \"13px\", cursor: \"pointer\",\n  fontFamily: \"system-ui, sans-serif\",\n};\n";
-//# sourceMappingURL=errorBoundary.d.ts.map

package/dist/runtime/bundler/errorBoundary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"errorBoundary.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/errorBoundary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,suIAyHlC,CAAC"}

package/dist/runtime/bundler/errorBoundary.js

@@ -1,122 +0,0 @@
-export const errorBoundaryComponent = `
-function RevineErrorDialog() {
-  const error = useRouteError();
-  const [expanded, setExpanded] = React.useState(false);
-
-  const message = error?.message || String(error) || "An unexpected error occurred.";
-  const stack = error?.stack || "";
-  // Pull only the first meaningful line from the stack (skip the error message repeat)
-  const stackLines = stack
-    .split("\\n")
-    .filter((l) => l.trim().startsWith("at "))
-    .slice(0, 8);
-
-  return React.createElement(
-    "div",
-    { style: overlayStyle },
-    React.createElement(
-      "div",
-      { style: dialogStyle },
-      // Header
-      React.createElement(
-        "div",
-        { style: headerStyle },
-        React.createElement("span", { style: iconStyle }, "✕"),
-        React.createElement("span", { style: titleStyle }, "Application Error")
-      ),
-      // Message
-      React.createElement("p", { style: messageStyle }, message),
-      // Stack toggle
-      stackLines.length > 0 &&
-        React.createElement(
-          "div",
-          null,
-          React.createElement(
-            "button",
-            { onClick: () => setExpanded((v) => !v), style: toggleBtnStyle },
-            expanded ? "▲ Hide stack trace" : "▼ Show stack trace"
-          ),
-          expanded &&
-            React.createElement(
-              "pre",
-              { style: stackStyle },
-              stackLines.join("\\n")
-            )
-        ),
-      // Actions
-      React.createElement(
-        "div",
-        { style: actionsStyle },
-        React.createElement(
-          "button",
-          { onClick: () => window.location.reload(), style: primaryBtnStyle },
-          "Reload page"
-        ),
-        React.createElement(
-          "button",
-          { onClick: () => (window.location.href = "/"), style: secondaryBtnStyle },
-          "Go to home"
-        )
-      )
-    )
-  );
-}
-
-const overlayStyle = {
-  position: "fixed", inset: 0, background: "rgba(0,0,0,0.65)",
-  backdropFilter: "blur(4px)", display: "flex",
-  alignItems: "center", justifyContent: "center",
-  zIndex: 9999, fontFamily: "ui-monospace, 'Cascadia Code', monospace",
-};
-const dialogStyle = {
-  background: "#1a1a1a", border: "1px solid #ff4d4f55",
-  borderRadius: "10px", padding: "28px 32px",
-  maxWidth: "560px", width: "90%", boxShadow: "0 24px 64px rgba(0,0,0,0.6)",
-  color: "#e5e5e5",
-};
-const headerStyle = {
-  display: "flex", alignItems: "center", gap: "10px",
-  marginBottom: "14px",
-};
-const iconStyle = {
-  display: "inline-flex", alignItems: "center", justifyContent: "center",
-  width: "26px", height: "26px", borderRadius: "50%",
-  background: "#ff4d4f22", color: "#ff4d4f", fontSize: "13px", fontWeight: 700,
-};
-const titleStyle = {
-  fontFamily: "system-ui, sans-serif",
-  fontSize: "16px", fontWeight: 600, color: "#fff",
-};
-const messageStyle = {
-  fontFamily: "ui-monospace, monospace",
-  fontSize: "13px", color: "#ff7875",
-  background: "#ff4d4f0f", border: "1px solid #ff4d4f22",
-  borderRadius: "6px", padding: "10px 14px",
-  marginBottom: "16px", wordBreak: "break-word", lineHeight: 1.6,
-};
-const toggleBtnStyle = {
-  background: "none", border: "none", cursor: "pointer",
-  color: "#888", fontSize: "12px", padding: "0 0 10px 0",
-  fontFamily: "system-ui, sans-serif",
-};
-const stackStyle = {
-  background: "#111", borderRadius: "6px", padding: "12px 14px",
-  fontSize: "11px", color: "#aaa", overflowX: "auto",
-  lineHeight: 1.7, marginBottom: "16px",
-  border: "1px solid #2a2a2a",
-};
-const actionsStyle = {
-  display: "flex", gap: "10px", marginTop: "6px",
-};
-const primaryBtnStyle = {
-  flex: 1, padding: "9px 0", borderRadius: "6px", border: "none",
-  background: "#ff4d4f", color: "#fff", fontWeight: 600,
-  fontSize: "13px", cursor: "pointer", fontFamily: "system-ui, sans-serif",
-};
-const secondaryBtnStyle = {
-  flex: 1, padding: "9px 0", borderRadius: "6px",
-  border: "1px solid #333", background: "transparent",
-  color: "#aaa", fontSize: "13px", cursor: "pointer",
-  fontFamily: "system-ui, sans-serif",
-};
-`;