one 1.2.0 → 1.2.2

package/dist/cjs/router/useScreens.cjs

@@ -0,0 +1,351 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var useScreens_exports = {};
+__export(useScreens_exports, {
+  Group: () => Group,
+  Screen: () => Screen,
+  createGetIdForRoute: () => createGetIdForRoute,
+  getQualifiedRouteComponent: () => getQualifiedRouteComponent,
+  useSortedScreens: () => useSortedScreens
+});
+module.exports = __toCommonJS(useScreens_exports);
+var import_core = require("@react-navigation/core"),
+  import_elements = require("@react-navigation/elements"),
+  import_react = __toESM(require("react"), 1),
+  import_react_native = require("react-native-web"),
+  import_ServerContextScript = require("../server/ServerContextScript.cjs"),
+  import_getPageExport = require("../utils/getPageExport.cjs"),
+  import_EmptyRoute = require("../views/EmptyRoute.cjs"),
+  import_Try = require("../views/Try.cjs"),
+  import_DevHead = require("../vite/DevHead.cjs"),
+  import_one_server_only = require("../vite/one-server-only.cjs"),
+  import_filterRootHTML = require("./filterRootHTML.cjs"),
+  import_Route = require("./Route.cjs"),
+  import_sortRoutes = require("./sortRoutes.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime"),
+  import_react2 = require("react");
+const {
+  Screen,
+  Group
+} = (0, import_core.createNavigatorFactory)({})();
+function getSortedChildren(children, order, initialRouteName, options) {
+  if (!order?.length) return children.sort((0, import_sortRoutes.sortRoutesWithInitial)(initialRouteName)).map(route => ({
+    route,
+    props: {}
+  }));
+  const entries = [...children],
+    ordered = order.map(({
+      name,
+      redirect,
+      initialParams,
+      listeners,
+      options: options2,
+      getId
+    }) => {
+      if (!entries.length) return console.warn(`[Layout children]: Too many screens defined. Route "${name}" is extraneous.`), null;
+      const matchIndex = entries.findIndex(child => child.route === name);
+      if (matchIndex === -1) return console.warn(`[Layout children]: No route named "${name}" exists in nested children:`, children.map(({
+        route
+      }) => route)), null;
+      const match = entries[matchIndex];
+      if (entries.splice(matchIndex, 1), redirect) {
+        if (typeof redirect == "string") throw new Error("Redirecting to a specific route is not supported yet.");
+        return null;
+      }
+      return {
+        route: match,
+        props: {
+          initialParams,
+          listeners,
+          options: options2,
+          getId
+        }
+      };
+    }).filter(Boolean);
+  return options?.onlyMatching || ordered.push(...entries.sort((0, import_sortRoutes.sortRoutesWithInitial)(initialRouteName)).map(route => ({
+    route,
+    props: {}
+  }))), ordered;
+}
+function useSortedScreens(order, options) {
+  const node = (0, import_Route.useRouteNode)();
+  return import_react.default.useMemo(() => (node?.children?.length ? getSortedChildren(node.children, order, node.initialRouteName, options) : []).map(value => routeToScreen(value.route, value.props)), [node?.children, node?.initialRouteName, order]);
+}
+function fromImport({
+  ErrorBoundary,
+  ...component
+}) {
+  if (ErrorBoundary) return {
+    default: import_react.default.forwardRef((props, ref) => {
+      const children = import_react.default.createElement((0, import_getPageExport.getPageExport)(component) || import_EmptyRoute.EmptyRoute, {
+        ...props,
+        ref
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Try.Try, {
+        catch: ErrorBoundary,
+        children
+      });
+    })
+  };
+  if (process.env.NODE_ENV !== "production") {
+    const exported = (0, import_getPageExport.getPageExport)(component);
+    if (exported && typeof exported == "object" && Object.keys(exported).length === 0) return {
+      default: import_EmptyRoute.EmptyRoute
+    };
+  }
+  return {
+    default: (0, import_getPageExport.getPageExport)(component)
+  };
+}
+const qualifiedStore = /* @__PURE__ */new WeakMap();
+function getQualifiedRouteComponent(value) {
+  if (value && qualifiedStore.has(value)) return qualifiedStore.get(value);
+  const ScreenComponent = import_react.default.forwardRef((props, ref) => {
+      const res = value.loadRoute(),
+        Component = (0, import_getPageExport.getPageExport)(fromImport(res));
+      if (process.env.NODE_ENV === "development" && process.env.DEBUG === "one" && (console.groupCollapsed(`Render ${props.key} ${props.segment}`), console.info("value", value), console.info("Component", Component), console.groupEnd()), props.segment === "") {
+        const out = Component(props, ref),
+          {
+            children,
+            bodyProps,
+            head,
+            htmlProps
+          } = (0, import_filterRootHTML.filterRootHTML)(out),
+          {
+            children: headChildren,
+            ...headProps
+          } = head?.props || {},
+          serverContext = (0, import_one_server_only.useServerContext)();
+        let finalChildren = children;
+        return finalChildren = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)("head", {
+            ...headProps,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DevHead.DevHead, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
+              dangerouslySetInnerHTML: {
+                __html: "globalThis['global'] = globalThis"
+              }
+            }), serverContext?.css?.map(file => /* @__PURE__ */(0, import_jsx_runtime.jsx)("link", {
+              rel: "stylesheet",
+              href: file
+            }, file)), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ServerContextScript.ServerContextScript, {}), headChildren]
+          }, "head"), /* @__PURE__ */(0, import_jsx_runtime.jsx)("body", {
+            suppressHydrationWarning: !0,
+            ...bodyProps,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_elements.SafeAreaProviderCompat, {
+              children: finalChildren
+            })
+          }, "body")]
+        }),
+        // tamagui and libraries can add className on hydration to have ssr safe styling
+        // so supress hydration warnings here
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)("html", {
+          suppressHydrationWarning: !0,
+          lang: "en-US",
+          ...htmlProps,
+          children: finalChildren
+        });
+      }
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RouteErrorBoundary, {
+        routeName: value.route,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+          ...props,
+          ref
+        })
+      });
+    }),
+    wrapSuspense = children => process.env.ONE_SUSPEND_ROUTES === "1" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Suspense, {
+      fallback: null,
+      children
+    }) : children,
+    QualifiedRoute = import_react.default.forwardRef(({
+      // Remove these React Navigation props to
+      // enforce usage of router hooks (where the query params are correct).
+      route,
+      navigation,
+      // Pass all other props to the component
+      ...props
+    }, ref) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Route.Route, {
+      route,
+      node: value,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: wrapSuspense(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ScreenComponent, {
+          ...props,
+          ref,
+          // Expose the template segment path, e.g. `(home)`, `[foo]`, `index`
+          // the intention is to make it possible to deduce shared routes.
+          segment: value.route
+        }))
+      })
+    }));
+  return QualifiedRoute.displayName = `Route(${value.route})`, qualifiedStore.set(value, QualifiedRoute), (0, import_react.memo)(QualifiedRoute);
+}
+function createGetIdForRoute(route) {
+  const include = /* @__PURE__ */new Map();
+  if (route.dynamic) for (const segment of route.dynamic) include.set(segment.name, segment);
+  return ({
+    params = {}
+  } = {}) => {
+    const segments = [];
+    for (const dynamic of include.values()) {
+      const value = params?.[dynamic.name];
+      Array.isArray(value) && value.length > 0 ? segments.push(value.join("/")) : value && !Array.isArray(value) ? segments.push(value) : dynamic.deep ? segments.push(`[...${dynamic.name}]`) : segments.push(`[${dynamic.name}]`);
+    }
+    return segments.join("/") ?? route.contextKey;
+  };
+}
+function routeToScreen(route, {
+  options,
+  ...props
+} = {}) {
+  return /* @__PURE__ */(0, import_react2.createElement)(Screen, {
+    getId: createGetIdForRoute(route),
+    ...props,
+    name: route.route,
+    key: route.route,
+    options: args => {
+      const staticOptions = route.generated ? route.loadRoute()?.getNavOptions : null,
+        staticResult = typeof staticOptions == "function" ? staticOptions(args) : staticOptions,
+        dynamicResult = typeof options == "function" ? options?.(args) : options,
+        output = {
+          ...staticResult,
+          ...dynamicResult
+        };
+      return route.generated && (output.tabBarButton = () => null, output.drawerItemStyle = {
+        height: 0,
+        display: "none"
+      }), output;
+    },
+    getComponent: () => getQualifiedRouteComponent(route)
+  });
+}
+const ROUTE_ERROR_BOUNDARY_INITIAL_STATE = {
+  hasError: !1,
+  error: null,
+  errorInfo: null
+};
+class RouteErrorBoundary extends import_react.default.Component {
+  constructor(props) {
+    super(props), this.state = ROUTE_ERROR_BOUNDARY_INITIAL_STATE;
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: !0,
+      error
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(`Error occurred while running route "${this.props.routeName}": ${error instanceof Error ? error.message : error}
+
+${error.stack}
+
+Component Stack:
+${errorInfo.componentStack}`), this.setState({
+      errorInfo
+    });
+  }
+  clearError() {
+    this.setState(ROUTE_ERROR_BOUNDARY_INITIAL_STATE);
+  }
+  render() {
+    if (this.state.hasError) {
+      const {
+        error,
+        errorInfo
+      } = this.state;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.SafeAreaView, {
+        style: {
+          backgroundColor: "#000"
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
+          style: {
+            margin: 16,
+            gap: 16
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.Text, {
+            style: {
+              alignSelf: "flex-start",
+              padding: 5,
+              margin: -5,
+              backgroundColor: "red",
+              color: "white",
+              fontSize: 20,
+              fontFamily: "monospace"
+            },
+            children: ['Error on route "', this.props.routeName, '"']
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Text, {
+            style: {
+              color: "white",
+              fontSize: 16,
+              fontFamily: "monospace"
+            },
+            children: error instanceof Error ? error.message : error
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.TouchableOpacity, {
+            onPress: this.clearError.bind(this),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Text, {
+              style: {
+                alignSelf: "flex-start",
+                margin: -6,
+                padding: 6,
+                backgroundColor: "white",
+                color: "black",
+                fontSize: 14,
+                fontFamily: "monospace"
+              },
+              children: "Retry"
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.ScrollView, {
+            contentContainerStyle: {
+              gap: 12
+            },
+            children: [error instanceof Error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Text, {
+              style: {
+                color: "white",
+                fontSize: 12,
+                fontFamily: "monospace"
+              },
+              children: error.stack
+            }) : null, errorInfo?.componentStack ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.Text, {
+              style: {
+                color: "white",
+                fontSize: 12,
+                fontFamily: "monospace"
+              },
+              children: ["Component Stack: ", errorInfo.componentStack]
+            }) : null]
+          })]
+        })
+      });
+    }
+    return this.props.children;
+  }
+}

package/dist/cjs/router/useScreens.js

@@ -0,0 +1,245 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var useScreens_exports = {};
+__export(useScreens_exports, {
+  Group: () => Group,
+  Screen: () => Screen,
+  createGetIdForRoute: () => createGetIdForRoute,
+  getQualifiedRouteComponent: () => getQualifiedRouteComponent,
+  useSortedScreens: () => useSortedScreens
+});
+module.exports = __toCommonJS(useScreens_exports);
+var import_core = require("@react-navigation/core"), import_elements = require("@react-navigation/elements"), import_react = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_ServerContextScript = require("../server/ServerContextScript"), import_getPageExport = require("../utils/getPageExport"), import_EmptyRoute = require("../views/EmptyRoute"), import_Try = require("../views/Try"), import_DevHead = require("../vite/DevHead"), import_one_server_only = require("../vite/one-server-only"), import_filterRootHTML = require("./filterRootHTML"), import_Route = require("./Route"), import_sortRoutes = require("./sortRoutes"), import_jsx_runtime = require("react/jsx-runtime"), import_react2 = require("react");
+const { Screen, Group } = (0, import_core.createNavigatorFactory)({})();
+function getSortedChildren(children, order, initialRouteName, options) {
+  if (!order?.length)
+    return children.sort((0, import_sortRoutes.sortRoutesWithInitial)(initialRouteName)).map((route) => ({ route, props: {} }));
+  const entries = [...children], ordered = order.map(({ name, redirect, initialParams, listeners, options: options2, getId }) => {
+    if (!entries.length)
+      return console.warn(`[Layout children]: Too many screens defined. Route "${name}" is extraneous.`), null;
+    const matchIndex = entries.findIndex((child) => child.route === name);
+    if (matchIndex === -1)
+      return console.warn(
+        `[Layout children]: No route named "${name}" exists in nested children:`,
+        children.map(({ route }) => route)
+      ), null;
+    const match = entries[matchIndex];
+    if (entries.splice(matchIndex, 1), redirect) {
+      if (typeof redirect == "string")
+        throw new Error("Redirecting to a specific route is not supported yet.");
+      return null;
+    }
+    return {
+      route: match,
+      props: { initialParams, listeners, options: options2, getId }
+    };
+  }).filter(Boolean);
+  return options?.onlyMatching || ordered.push(
+    ...entries.sort((0, import_sortRoutes.sortRoutesWithInitial)(initialRouteName)).map((route) => ({ route, props: {} }))
+  ), ordered;
+}
+function useSortedScreens(order, options) {
+  const node = (0, import_Route.useRouteNode)();
+  return import_react.default.useMemo(() => (node?.children?.length ? getSortedChildren(node.children, order, node.initialRouteName, options) : []).map((value) => routeToScreen(value.route, value.props)), [node?.children, node?.initialRouteName, order]);
+}
+function fromImport({ ErrorBoundary, ...component }) {
+  if (ErrorBoundary)
+    return {
+      default: import_react.default.forwardRef((props, ref) => {
+        const children = import_react.default.createElement((0, import_getPageExport.getPageExport)(component) || import_EmptyRoute.EmptyRoute, {
+          ...props,
+          ref
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Try.Try, { catch: ErrorBoundary, children });
+      })
+    };
+  if (process.env.NODE_ENV !== "production") {
+    const exported = (0, import_getPageExport.getPageExport)(component);
+    if (exported && typeof exported == "object" && Object.keys(exported).length === 0)
+      return { default: import_EmptyRoute.EmptyRoute };
+  }
+  return { default: (0, import_getPageExport.getPageExport)(component) };
+}
+const qualifiedStore = /* @__PURE__ */ new WeakMap();
+function getQualifiedRouteComponent(value) {
+  if (value && qualifiedStore.has(value))
+    return qualifiedStore.get(value);
+  const ScreenComponent = import_react.default.forwardRef((props, ref) => {
+    const res = value.loadRoute(), Component = (0, import_getPageExport.getPageExport)(fromImport(res));
+    if (process.env.NODE_ENV === "development" && process.env.DEBUG === "one" && (console.groupCollapsed(`Render ${props.key} ${props.segment}`), console.info("value", value), console.info("Component", Component), console.groupEnd()), props.segment === "") {
+      const out = Component(props, ref), { children, bodyProps, head, htmlProps } = (0, import_filterRootHTML.filterRootHTML)(out), { children: headChildren, ...headProps } = head?.props || {}, serverContext = (0, import_one_server_only.useServerContext)();
+      let finalChildren = children;
+      return finalChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("head", { ...headProps, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DevHead.DevHead, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "script",
+            {
+              dangerouslySetInnerHTML: {
+                __html: "globalThis['global'] = globalThis"
+              }
+            }
+          ),
+          serverContext?.css?.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("link", { rel: "stylesheet", href: file }, file)),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ServerContextScript.ServerContextScript, {}),
+          headChildren
+        ] }, "head"),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("body", { suppressHydrationWarning: !0, ...bodyProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SafeAreaProviderCompat, { children: finalChildren }) }, "body")
+      ] }), // tamagui and libraries can add className on hydration to have ssr safe styling
+      // so supress hydration warnings here
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("html", { suppressHydrationWarning: !0, lang: "en-US", ...htmlProps, children: finalChildren });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RouteErrorBoundary, { routeName: value.route, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, ref }) });
+  }), wrapSuspense = (children) => process.env.ONE_SUSPEND_ROUTES === "1" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children }) : children, QualifiedRoute = import_react.default.forwardRef(
+    ({
+      // Remove these React Navigation props to
+      // enforce usage of router hooks (where the query params are correct).
+      route,
+      navigation,
+      // Pass all other props to the component
+      ...props
+    }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Route.Route, { route, node: value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: wrapSuspense(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ScreenComponent,
+        {
+          ...props,
+          ref,
+          // Expose the template segment path, e.g. `(home)`, `[foo]`, `index`
+          // the intention is to make it possible to deduce shared routes.
+          segment: value.route
+        }
+      )
+    ) }) })
+  );
+  return QualifiedRoute.displayName = `Route(${value.route})`, qualifiedStore.set(value, QualifiedRoute), (0, import_react.memo)(QualifiedRoute);
+}
+function createGetIdForRoute(route) {
+  const include = /* @__PURE__ */ new Map();
+  if (route.dynamic)
+    for (const segment of route.dynamic)
+      include.set(segment.name, segment);
+  return ({ params = {} } = {}) => {
+    const segments = [];
+    for (const dynamic of include.values()) {
+      const value = params?.[dynamic.name];
+      Array.isArray(value) && value.length > 0 ? segments.push(value.join("/")) : value && !Array.isArray(value) ? segments.push(value) : dynamic.deep ? segments.push(`[...${dynamic.name}]`) : segments.push(`[${dynamic.name}]`);
+    }
+    return segments.join("/") ?? route.contextKey;
+  };
+}
+function routeToScreen(route, { options, ...props } = {}) {
+  return /* @__PURE__ */ (0, import_react2.createElement)(
+    Screen,
+    {
+      getId: createGetIdForRoute(route),
+      ...props,
+      name: route.route,
+      key: route.route,
+      options: (args) => {
+        const staticOptions = route.generated ? route.loadRoute()?.getNavOptions : null, staticResult = typeof staticOptions == "function" ? staticOptions(args) : staticOptions, dynamicResult = typeof options == "function" ? options?.(args) : options, output = {
+          ...staticResult,
+          ...dynamicResult
+        };
+        return route.generated && (output.tabBarButton = () => null, output.drawerItemStyle = { height: 0, display: "none" }), output;
+      },
+      getComponent: () => getQualifiedRouteComponent(route)
+    }
+  );
+}
+const ROUTE_ERROR_BOUNDARY_INITIAL_STATE = {
+  hasError: !1,
+  error: null,
+  errorInfo: null
+};
+class RouteErrorBoundary extends import_react.default.Component {
+  constructor(props) {
+    super(props), this.state = ROUTE_ERROR_BOUNDARY_INITIAL_STATE;
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: !0, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(
+      `Error occurred while running route "${this.props.routeName}": ${error instanceof Error ? error.message : error}
+
+${error.stack}
+
+Component Stack:
+${errorInfo.componentStack}`
+    ), this.setState({ errorInfo });
+  }
+  clearError() {
+    this.setState(ROUTE_ERROR_BOUNDARY_INITIAL_STATE);
+  }
+  render() {
+    if (this.state.hasError) {
+      const { error, errorInfo } = this.state;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.SafeAreaView, { style: { backgroundColor: "#000" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: { margin: 16, gap: 16 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_react_native.Text,
+          {
+            style: {
+              alignSelf: "flex-start",
+              padding: 5,
+              margin: -5,
+              backgroundColor: "red",
+              color: "white",
+              fontSize: 20,
+              fontFamily: "monospace"
+            },
+            children: [
+              'Error on route "',
+              this.props.routeName,
+              '"'
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: { color: "white", fontSize: 16, fontFamily: "monospace" }, children: error instanceof Error ? error.message : error }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.TouchableOpacity, { onPress: this.clearError.bind(this), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_native.Text,
+          {
+            style: {
+              alignSelf: "flex-start",
+              margin: -6,
+              padding: 6,
+              backgroundColor: "white",
+              color: "black",
+              fontSize: 14,
+              fontFamily: "monospace"
+            },
+            children: "Retry"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.ScrollView, { contentContainerStyle: { gap: 12 }, children: [
+          error instanceof Error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: { color: "white", fontSize: 12, fontFamily: "monospace" }, children: error.stack }) : null,
+          errorInfo?.componentStack ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.Text, { style: { color: "white", fontSize: 12, fontFamily: "monospace" }, children: [
+            "Component Stack: ",
+            errorInfo.componentStack
+          ] }) : null
+        ] })
+      ] }) });
+    }
+    return this.props.children;
+  }
+}
+//# sourceMappingURL=useScreens.js.map

package/dist/cjs/router/useScreens.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/router/useScreens.tsx"],
+  "mappings": "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",
+  "names": ["import_react", "options", "React"]
+}