one 1.14.4 → 1.15.0

package/dist/cjs/router/useScreens.cjs

@@ -2,33 +2,35 @@ 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 __getProtoOf = Object.getPrototypeOf;
+var __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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var useScreens_exports = {};
 __export(useScreens_exports, {
   Group: () => Group,
@@ -38,92 +40,113 @@ __export(useScreens_exports, {
   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_SpaShellContext = require("./SpaShellContext.cjs"),
-  import_Navigator = require("../views/Navigator.cjs"),
-  import_sortRoutes = require("./sortRoutes.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime"),
-  import_react2 = require("react");
+var import_core = require("@react-navigation/core");
+var import_elements = require("@react-navigation/elements");
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native-web");
+var import_ServerContextScript = require("../server/ServerContextScript.cjs");
+var import_getPageExport = require("../utils/getPageExport.cjs");
+var import_EmptyRoute = require("../views/EmptyRoute.cjs");
+var import_Try = require("../views/Try.cjs");
+var import_DevHead = require("../vite/DevHead.cjs");
+var import_one_server_only = require("../vite/one-server-only.cjs");
+var import_filterRootHTML = require("./filterRootHTML.cjs");
+var import_Route = require("./Route.cjs");
+var import_SpaShellContext = require("./SpaShellContext.cjs");
+var import_Navigator = require("../views/Navigator.cjs");
+var import_sortRoutes = require("./sortRoutes.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react2 = require("react");
 function hasMetaCharset(children) {
   if (process.env.NODE_ENV === "development") {
-    if (!children) return !1;
+    if (!children) return false;
     const checkElement = child => {
-      if (!import_react.default.isValidElement(child)) return !1;
+      if (!import_react.default.isValidElement(child)) return false;
       if (child.type === "meta") {
         const props = child.props;
-        if ("charSet" in props || "charset" in props) return !0;
+        if ("charSet" in props || "charset" in props) {
+          return true;
+        }
       }
       const childProps = child.props;
-      return childProps.children ? hasMetaCharset(childProps.children) : !1;
+      if (childProps.children) {
+        return hasMetaCharset(childProps.children);
+      }
+      return false;
     };
-    return Array.isArray(children) ? children.some(checkElement) : checkElement(children);
+    if (Array.isArray(children)) {
+      return children.some(checkElement);
+    }
+    return checkElement(children);
   }
-  return !0;
+  return true;
 }
 const {
-    Screen,
-    Group
-  } = (0, import_core.createNavigatorFactory)({})(),
-  cachedInlineCSSElements = typeof document < "u" ? (() => {
-    const elements = [];
-    return document.querySelectorAll('style[id^="__one_css_"], link[rel="stylesheet"][data-one-css]').forEach((el, i) => {
-      if (el.tagName === "STYLE") elements.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+  Screen,
+  Group
+} = (0, import_core.createNavigatorFactory)({})();
+const cachedInlineCSSElements = typeof document !== "undefined" ? (() => {
+  const elements = [];
+  const cssElements = document.querySelectorAll('style[id^="__one_css_"], link[rel="stylesheet"][data-one-css]');
+  cssElements.forEach((el, i) => {
+    if (el.tagName === "STYLE") {
+      elements.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
         id: el.id,
         dangerouslySetInnerHTML: {
           __html: el.innerHTML
         }
-      }, `inline-css-${i}`));else {
-        const href = el.getAttribute("href");
-        elements.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)("link", {
-          rel: "stylesheet",
-          href,
-          "data-one-css": ""
-        }, href));
-      }
-    }), elements;
-  })() : [];
+      }, `inline-css-${i}`));
+    } else {
+      const href = el.getAttribute("href");
+      elements.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)("link", {
+        rel: "stylesheet",
+        href,
+        "data-one-css": ""
+      }, href));
+    }
+  });
+  return elements;
+})() : [];
 function RootLayoutRenderer({
   LayoutComponent,
   layoutProps,
   forwardedRef
 }) {
-  if (process.env.NODE_ENV === "development") {
+  if (process.env.NODE_ENV === "development" && true) {
     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);
+      window.addEventListener("one-hmr-update", handler);
+      return () => 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)();
+  const out = LayoutComponent(layoutProps, forwardedRef);
+  const {
+    children,
+    bodyProps,
+    head,
+    htmlProps
+  } = (0, import_filterRootHTML.filterRootHTML)(out);
+  const {
+    children: headChildren,
+    ...headProps
+  } = head?.props || {};
+  const 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, {
+  if (false) {
+    return finalChildren;
+  }
+  if (process.env.NODE_ENV === "development") {
+    if (!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"
+          __html: `globalThis['global'] = globalThis`
         }
       }), serverContext?.cssContents?.length || serverContext?.cssInlineCount ?
       // inline/mixed CSS: render each entry as <style> (if content) or <link>
@@ -140,91 +163,115 @@ function RootLayoutRenderer({
         href: file
       }, file)), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ServerContextScript.ServerContextScript, {}), headChildren]
     }, "head"), /* @__PURE__ */(0, import_jsx_runtime.jsx)("body", {
-      suppressHydrationWarning: !0,
+      suppressHydrationWarning: true,
       ...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 (
+    // 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: true,
+      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(({
+  if (!order?.length) {
+    return children.sort((0, import_sortRoutes.sortRoutesWithInitial)(initialRouteName)).map(route => ({
+      route,
+      props: {}
+    }));
+  }
+  const entries = [...children];
+  const ordered = order.map(({
+    name,
+    redirect,
+    initialParams,
+    listeners,
+    options: options2,
+    getId
+  }) => {
+    if (!entries.length) {
+      console.warn(`[Layout children]: Too many screens defined. Route "${name}" is extraneous.`);
+      return null;
+    }
+    const matchIndex = entries.findIndex(child => child.route === name);
+    if (matchIndex === -1) {
+      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;
+      }) => route));
+      return null;
+    }
+    const match = entries[matchIndex];
+    entries.splice(matchIndex, 1);
+    if (redirect) {
+      if (typeof redirect === "string") {
+        throw new Error(`Redirecting to a specific route is not supported yet.`);
       }
-      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;
+      return null;
+    }
+    return {
+      route: match,
+      props: {
+        initialParams,
+        listeners,
+        options: options2,
+        getId
+      }
+    };
+  }).filter(Boolean);
+  if (!options?.onlyMatching) {
+    ordered.push(...entries.sort((0, import_sortRoutes.sortRoutesWithInitial)(initialRouteName)).map(route => ({
+      route,
+      props: {}
+    })));
+  }
+  return 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 => {
-    const routeName = value.route.route,
-      normalized = routeName.replace(/\/index$/, "");
-    return !(options?.protectedScreens?.has(routeName) || options?.protectedScreens?.has(normalized));
-  }).map(value => routeToScreen(value.route, value.props)), [node?.children, node?.initialRouteName, order, options?.protectedScreens]);
+  const sortedScreens = import_react.default.useMemo(() => {
+    const sorted = node?.children?.length ? getSortedChildren(node.children, order, node.initialRouteName, options) : [];
+    return sorted.filter(value => {
+      const routeName = value.route.route;
+      const normalized = routeName.replace(/\/index$/, "");
+      return !(options?.protectedScreens?.has(routeName) || options?.protectedScreens?.has(normalized));
+    }).map(value => routeToScreen(value.route, value.props));
+  }, [node?.children, node?.initialRouteName, order, options?.protectedScreens]);
+  return sortedScreens;
 }
 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 (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
-    };
+    if (exported && typeof exported === "object" && Object.keys(exported).length === 0) {
+      return {
+        default: import_EmptyRoute.EmptyRoute
+      };
+    }
   }
   return {
     default: (0, import_getPageExport.getPageExport)(component)
@@ -232,78 +279,128 @@ function fromImport({
 }
 const qualifiedStore = /* @__PURE__ */new WeakMap();
 function getQualifiedRouteComponent(value) {
-  if (value && qualifiedStore.has(value)) return qualifiedStore.get(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);
-        }, []);
-      }
-      if ((0, import_react.useContext)(import_SpaShellContext.SpaShellContext) && props.segment !== "" && !value.children?.length) return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    if (process.env.NODE_ENV === "development" && true) {
+      const [, setHmrKey] = (0, import_react.useState)(0);
+      (0, import_react.useEffect)(() => {
+        const handler = () => setHmrKey(k => k + 1);
+        window.addEventListener("one-hmr-update", handler);
+        return () => window.removeEventListener("one-hmr-update", handler);
+      }, []);
+    }
+    const isSpaShell = (0, import_react.useContext)(import_SpaShellContext.SpaShellContext);
+    if (isSpaShell && props.segment !== "" && !value.children?.length) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
         "data-one-spa-content": ""
       });
-      const res = value.loadRoute(),
-        Component = (0, import_getPageExport.getPageExport)(fromImport(res));
-      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());
-      const slotProps = {};
-      if (value.slots && value.slots.size > 0) for (const [slotName] of value.slots) slotProps[slotName] = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Navigator.NamedSlot, {
-        name: slotName,
-        layoutContextKey: value.contextKey
-      });
-      return props.segment === "" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootLayoutRenderer, {
+    }
+    const res = value.loadRoute();
+    const 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();
+    }
+    const slotProps = {};
+    if (value.slots && value.slots.size > 0) {
+      for (const [slotName] of value.slots) {
+        slotProps[slotName] = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Navigator.NamedSlot, {
+          name: slotName,
+          layoutContextKey: value.contextKey
+        });
+      }
+    }
+    if (props.segment === "") {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootLayoutRenderer, {
         LayoutComponent: Component,
         layoutProps: {
           ...props,
           ...slotProps
         },
         forwardedRef: ref
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(RouteErrorBoundary, {
-        routeName: value.route,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-          ...props,
-          ...slotProps,
-          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, {
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RouteErrorBoundary, {
+      routeName: value.route,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        ...props,
+        ...slotProps,
+        ref
+      })
+    });
+  });
+  const wrapSuspense = children => {
+    if (false) {
+      if (process.env.ONE_SUSPEND_ROUTES_NATIVE === "0") {
+        return children;
+      }
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Suspense, {
+        fallback: null,
+        children
+      });
+    }
+    if (process.env.ONE_SUSPEND_ROUTES === "1") {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Suspense, {
+        fallback: null,
+        children
+      });
+    }
+    return children;
+  };
+  const 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) => {
+    return /* @__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
+          ...{
+            ...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);
+    });
+  });
+  QualifiedRoute.displayName = `Route(${value.route})`;
+  qualifiedStore.set(value, QualifiedRoute);
+  return (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);
+  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}]`);
+      if (Array.isArray(value) && value.length > 0) {
+        segments.push(value.join("/"));
+      } else if (value && !Array.isArray(value)) {
+        segments.push(value);
+      } else if (dynamic.deep) {
+        segments.push(`[...${dynamic.name}]`);
+      } else {
+        segments.push(`[${dynamic.name}]`);
+      }
     }
     return segments.join("/") ?? route.contextKey;
   };
@@ -318,33 +415,40 @@ function routeToScreen(route, {
     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
+      const staticOptions = route.generated ? route.loadRoute()?.getNavOptions : null;
+      const staticResult = typeof staticOptions === "function" ? staticOptions(args) : staticOptions;
+      const dynamicResult = typeof options === "function" ? options?.(args) : options;
+      const output = {
+        ...staticResult,
+        ...dynamicResult
+      };
+      if (route.generated) {
+        output.tabBarButton = () => null;
+        output.drawerItemStyle = {
+          height: 0,
+          display: "none"
         };
-      return route.generated && (output.tabBarButton = () => null, output.drawerItemStyle = {
-        height: 0,
-        display: "none"
-      }), output;
+      }
+      return output;
     },
-    getComponent: () => getQualifiedRouteComponent(route)
+    getComponent: () => {
+      return getQualifiedRouteComponent(route);
+    }
   });
 }
 const ROUTE_ERROR_BOUNDARY_INITIAL_STATE = {
-  hasError: !1,
+  hasError: false,
   error: null,
   errorInfo: null
 };
 class RouteErrorBoundary extends import_react.default.Component {
   constructor(props) {
-    super(props), this.state = ROUTE_ERROR_BOUNDARY_INITIAL_STATE;
+    super(props);
+    this.state = ROUTE_ERROR_BOUNDARY_INITIAL_STATE;
   }
   static getDerivedStateFromError(error) {
     return {
-      hasError: !0,
+      hasError: true,
       error
     };
   }
@@ -354,7 +458,8 @@ class RouteErrorBoundary extends import_react.default.Component {
 ${error.stack}
 
 Component Stack:
-${errorInfo.componentStack}`), this.setState({
+${errorInfo.componentStack}`);
+    this.setState({
       errorInfo
     });
   }