one 1.4.4 → 1.4.6

package/dist/cjs/router/useNavigation.js

@@ -0,0 +1,60 @@
+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 useNavigation_exports = {};
+__export(useNavigation_exports, {
+  resolveParentId: () => resolveParentId,
+  useNavigation: () => useNavigation
+});
+module.exports = __toCommonJS(useNavigation_exports);
+var import_native = require("@react-navigation/native"), import_react = __toESM(require("react"), 1), import_matchers = require("./matchers"), import_Route = require("./Route");
+function useNavigation(parent) {
+  const navigation = (0, import_native.useNavigation)(), contextKey = (0, import_Route.useContextKey)(), normalizedParent = import_react.default.useMemo(() => {
+    if (!parent)
+      return null;
+    const normalized = (0, import_matchers.getNameFromFilePath)(parent);
+    return parent.startsWith(".") ? relativePaths(contextKey, parent) : normalized;
+  }, [contextKey, parent]);
+  if (normalizedParent != null) {
+    const parentNavigation = navigation.getParent(normalizedParent);
+    if (!parentNavigation)
+      throw new Error(
+        `Could not find parent navigation with route "${parent}".` + (normalizedParent !== parent ? ` (normalized: ${normalizedParent})` : "")
+      );
+    return parentNavigation;
+  }
+  return navigation;
+}
+function resolveParentId(contextKey, parentId) {
+  return parentId ? parentId.startsWith(".") ? (0, import_matchers.getNameFromFilePath)(relativePaths(contextKey, parentId)) : (0, import_matchers.getNameFromFilePath)(parentId) : null;
+}
+function relativePaths(from, to) {
+  const fromParts = from.split("/").filter(Boolean), toParts = to.split("/").filter(Boolean);
+  for (const part of toParts)
+    if (part === "..") {
+      if (fromParts.length === 0)
+        throw new Error(`Cannot resolve path "${to}" relative to "${from}"`);
+      fromParts.pop();
+    } else part === "." || fromParts.push(part);
+  return "/" + fromParts.join("/");
+}
+//# sourceMappingURL=useNavigation.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/router/useNavigation.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO,qCACP,eAAkB,8BAElB,kBAAoC,uBACpC,eAA8B;AAgBvB,SAAS,cACd,QACG;AACH,QAAM,iBAAa,cAAAA,eAA2B,GAExC,iBAAa,4BAAc,GAC3B,mBAAmB,aAAAC,QAAM,QAAQ,MAAM;AAC3C,QAAI,CAAC;AACH,aAAO;AAET,UAAM,iBAAa,qCAAoB,MAAM;AAE7C,WAAI,OAAO,WAAW,GAAG,IAChB,cAAc,YAAY,MAAM,IAElC;AAAA,EACT,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,oBAAoB,MAAM;AAC5B,UAAM,mBAAmB,WAAW,UAAU,gBAAgB;AAE9D,QAAI,CAAC;AACH,YAAM,IAAI;AAAA,QACR,gDAAgD,MAAM,QACnD,qBAAqB,SAAS,iBAAiB,gBAAgB,MAAM;AAAA,MAC1E;AAEF,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,gBACd,YACA,UACe;AACf,SAAK,WAID,SAAS,WAAW,GAAG,QAClB,qCAAoB,cAAc,YAAY,QAAQ,CAAC,QAEzD,qCAAoB,QAAQ,IAN1B;AAOX;AAGA,SAAS,cAAc,MAAc,IAAoB;AACvD,QAAM,YAAY,KAAK,MAAM,GAAG,EAAE,OAAO,OAAO,GAC1C,UAAU,GAAG,MAAM,GAAG,EAAE,OAAO,OAAO;AAE5C,aAAW,QAAQ;AACjB,QAAI,SAAS,MAAM;AACjB,UAAI,UAAU,WAAW;AACvB,cAAM,IAAI,MAAM,wBAAwB,EAAE,kBAAkB,IAAI,GAAG;AAErE,gBAAU,IAAI;AAAA,IAChB,MAAO,CAAI,SAAS,OAGlB,UAAU,KAAK,IAAI;AAIvB,SAAO,MAAM,UAAU,KAAK,GAAG;AACjC;",
+  "names": ["useUpstreamNavigation", "React"]
+}

package/dist/cjs/router/useNavigation.native.js

@@ -0,0 +1,87 @@
+"use strict";
+
+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 useNavigation_exports = {};
+__export(useNavigation_exports, {
+  resolveParentId: () => resolveParentId,
+  useNavigation: () => useNavigation
+});
+module.exports = __toCommonJS(useNavigation_exports);
+var import_native = require("@react-navigation/native"),
+  import_react = __toESM(require("react"), 1),
+  import_matchers = require("./matchers.native.js"),
+  import_Route = require("./Route.native.js");
+function useNavigation(parent) {
+  var navigation = (0, import_native.useNavigation)(),
+    contextKey = (0, import_Route.useContextKey)(),
+    normalizedParent = import_react.default.useMemo(function () {
+      if (!parent) return null;
+      var normalized = (0, import_matchers.getNameFromFilePath)(parent);
+      return parent.startsWith(".") ? relativePaths(contextKey, parent) : normalized;
+    }, [contextKey, parent]);
+  if (normalizedParent != null) {
+    var parentNavigation = navigation.getParent(normalizedParent);
+    if (!parentNavigation) throw new Error(`Could not find parent navigation with route "${parent}".` + (normalizedParent !== parent ? ` (normalized: ${normalizedParent})` : ""));
+    return parentNavigation;
+  }
+  return navigation;
+}
+function resolveParentId(contextKey, parentId) {
+  return parentId ? parentId.startsWith(".") ? (0, import_matchers.getNameFromFilePath)(relativePaths(contextKey, parentId)) : (0, import_matchers.getNameFromFilePath)(parentId) : null;
+}
+function relativePaths(from, to) {
+  var fromParts = from.split("/").filter(Boolean),
+    toParts = to.split("/").filter(Boolean),
+    _iteratorNormalCompletion = !0,
+    _didIteratorError = !1,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = toParts[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+      var part = _step.value;
+      if (part === "..") {
+        if (fromParts.length === 0) throw new Error(`Cannot resolve path "${to}" relative to "${from}"`);
+        fromParts.pop();
+      } else part === "." || fromParts.push(part);
+    }
+  } catch (err) {
+    _didIteratorError = !0, _iteratorError = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+    } finally {
+      if (_didIteratorError) throw _iteratorError;
+    }
+  }
+  return "/" + fromParts.join("/");
+}
+//# sourceMappingURL=useNavigation.native.js.map

package/dist/cjs/router/useNavigation.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useNavigation_exports","__export","resolveParentId","useNavigation","module","exports","import_native","require","import_react","__toESM","import_matchers","import_Route","parent","navigation","contextKey","useContextKey","normalizedParent","default","useMemo","normalized","getNameFromFilePath","startsWith","relativePaths","parentNavigation","getParent","Error","parentId","from","to","fromParts","split","filter","Boolean","toParts","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","part","length"],"sources":["../../../src/router/useNavigation.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAGO,CAAAK,qBAAA;AAoBA,IAAAM,aAAS,GAAAC,OACd,2BACG;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,eAAA,GAAAH,OAAA;EAAAI,YAAA,GAAAJ,OAAA;AACH,SAAMJ,cAAAS,MAAa;EAIjB,IAAAC,UAAK,OAAAP,aAAA,CAAAH,aAAA;IAAAW,UAAA,OAAAH,YAAA,CAAAI,aAAA;IAAAC,gBAAA,GAAAR,YAAA,CAAAS,OAAA,CAAAC,OAAA;MACH,KAAAN,MAAO,EAET,OAAM;MAEN,IAAAO,UAAW,OAAAT,eACF,CAAAU,mBAAc,EAAYR,MAAM;MAG3C,OAAIA,MAAA,CAAYS,UAAO,QAAAC,aAAA,CAAAR,UAAA,EAAAF,MAAA,IAAAO,UAAA;IAEvB,IACEL,UAAM,EAENF,MAAK,CACH;EAAU,IAAAI,gBACR;IACwE,IAC1EO,gBAAA,GAAAV,UAAA,CAAAW,SAAA,CAAAR,gBAAA;IAEF,KAAAO,gBAAO,EACT,UAAAE,KAAA,iDAAAb,MAAA,QAAAI,gBAAA,KAAAJ,MAAA,oBAAAI,gBAAA;IACA,OAAOO,gBAAA;EACT;EAEO,OAASV,UAAA;AAId;AAQF,SAAAX,gBAAAY,UAAA,EAAAY,QAAA;EAGA,OAASA,QAAA,GAAAA,QAAc,CAAcL,UAAoB,YAAAX,eAAA,CAAAU,mBAAA,EAAAE,aAAA,CAAAR,UAAA,EAAAY,QAAA,SAAAhB,eAAA,CAAAU,mBAAA,EAAAM,QAAA;AACvD;AAGA,SAAAJ,aAAmBA,CAAAK,IAAA,EAAAC,EAAA;EACjB,IAAAC,SAAI,GAASF,IAAA,CAAMG,KAAA,MAAAC,MAAA,CAAAC,OAAA;IAAAC,OAAA,GAAAL,EAAA,CAAAE,KAAA,MAAAC,MAAA,CAAAC,OAAA;IAAAE,yBAAA;IAAAC,iBAAA;IAAAC,cAAA;EACjB;IACE,SAAAC,SAAU,GAAMJ,OAAA,CAAAK,MAAA,CAAAC,QAAwB,EAAE,GAAAC,KAAA,IAAAN,yBAAyB,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MAErE,IAAAS,IAAA,GAAUH,KAAI,CAAAzC,KAAA;MAChB,IAAO4C,IAAI,SAAS;QAOtB,IAAOd,SAAM,CAAAe,MAAU,KAAQ,GACjC,UAAAnB,KAAA,yBAAAG,EAAA,kBAAAD,IAAA","ignoreList":[]}

package/dist/cjs/router/useScreens.cjs

@@ -0,0 +1,402 @@
+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");
+function hasMetaCharset(children) {
+  if (process.env.NODE_ENV === "development") {
+    if (!children) return !1;
+    const checkElement = child => {
+      if (!import_react.default.isValidElement(child)) return !1;
+      if (child.type === "meta") {
+        const props = child.props;
+        if ("charSet" in props || "charset" in props) return !0;
+      }
+      const childProps = child.props;
+      return childProps.children ? hasMetaCharset(childProps.children) : !1;
+    };
+    return Array.isArray(children) ? children.some(checkElement) : checkElement(children);
+  }
+  return !0;
+}
+const {
+    Screen,
+    Group
+  } = (0, import_core.createNavigatorFactory)({})(),
+  cachedInlineCSSElements = typeof document < "u" ? Array.from(document.querySelectorAll('style[id^="__one_css_"]')).map((el, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+    id: el.id,
+    dangerouslySetInnerHTML: {
+      __html: el.innerHTML
+    }
+  }, `inline-css-${i}`)) : [];
+function RootLayoutRenderer({
+  LayoutComponent,
+  layoutProps,
+  forwardedRef
+}) {
+  if (process.env.NODE_ENV === "development") {
+    const [, setHmrKey] = (0, import_react.useState)(0);
+    (0, import_react.useEffect)(() => {
+      const handler = () => setHmrKey(k => k + 1);
+      return window.addEventListener("one-hmr-update", handler), () => window.removeEventListener("one-hmr-update", handler);
+    }, []);
+  }
+  const out = LayoutComponent(layoutProps, forwardedRef),
+    {
+      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 process.env.NODE_ENV === "development" && (hasMetaCharset(headChildren) || console.warn('[one] Missing <meta charSet="utf-8" /> in your root _layout.tsx <head>. This can cause React hydration issues due to encoding mismatch. Add it as the first element in your <head> tag.')), 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?.cssContents?.length || serverContext?.cssInlineCount ?
+      // Inline CSS: SSR renders fresh, client uses cached elements from module load
+      serverContext?.cssContents ? serverContext.cssContents.map((content, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+        id: `__one_css_${i}`,
+        dangerouslySetInnerHTML: {
+          __html: content
+        }
+      }, `inline-css-${i}`)) : cachedInlineCSSElements : 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
+  });
+}
+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) : []).filter(value => !options?.protectedScreens?.has(value.route.route)).map(value => routeToScreen(value.route, value.props)), [node?.children, node?.initialRouteName, order, options?.protectedScreens]);
+}
+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) => {
+      if (process.env.NODE_ENV === "development") {
+        const [, setHmrKey] = (0, import_react.useState)(0);
+        (0, import_react.useEffect)(() => {
+          const handler = () => setHmrKey(k => k + 1);
+          return window.addEventListener("one-hmr-update", handler), () => window.removeEventListener("one-hmr-update", handler);
+        }, []);
+      }
+      const res = value.loadRoute(),
+        Component = (0, import_getPageExport.getPageExport)(fromImport(res));
+      return 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 === "" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootLayoutRenderer, {
+        LayoutComponent: Component,
+        layoutProps: props,
+        forwardedRef: ref
+      }) : /* @__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;
+  }
+}