one 1.14.4 → 1.14.5

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

@@ -3,44 +3,66 @@ import React from "react";
 import { getNameFromFilePath } from "./matchers.native.js";
 import { useContextKey } from "./Route.native.js";
 function useNavigation(parent) {
-  var navigation = useUpstreamNavigation(),
-    contextKey = useContextKey(),
-    normalizedParent = React.useMemo(function () {
-      if (!parent) return null;
-      var normalized = getNameFromFilePath(parent);
-      return parent.startsWith(".") ? relativePaths(contextKey, parent) : normalized;
-    }, [contextKey, parent]);
+  var navigation = useUpstreamNavigation();
+  var contextKey = useContextKey();
+  var normalizedParent = React.useMemo(function () {
+    if (!parent) {
+      return null;
+    }
+    var normalized = getNameFromFilePath(parent);
+    if (parent.startsWith(".")) {
+      return relativePaths(contextKey, parent);
+    }
+    return 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})` : ""));
+    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(".") ? getNameFromFilePath(relativePaths(contextKey, parentId)) : getNameFromFilePath(parentId) : null;
+  if (!parentId) {
+    return null;
+  }
+  if (parentId.startsWith(".")) {
+    return getNameFromFilePath(relativePaths(contextKey, parentId));
+  }
+  return getNameFromFilePath(parentId);
 }
 function relativePaths(from, to) {
-  var fromParts = from.split("/").filter(Boolean),
-    toParts = to.split("/").filter(Boolean),
-    _iteratorNormalCompletion = !0,
-    _didIteratorError = !1,
+  var fromParts = from.split("/").filter(Boolean);
+  var toParts = to.split("/").filter(Boolean);
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
     _iteratorError = void 0;
   try {
-    for (var _iterator = toParts[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+    for (var _iterator = toParts[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var part = _step.value;
       if (part === "..") {
-        if (fromParts.length === 0) throw new Error(`Cannot resolve path "${to}" relative to "${from}"`);
+        if (fromParts.length === 0) {
+          throw new Error(`Cannot resolve path "${to}" relative to "${from}"`);
+        }
         fromParts.pop();
-      } else part === "." || fromParts.push(part);
+      } else if (part === ".") {} else {
+        fromParts.push(part);
+      }
     }
   } catch (err) {
-    _didIteratorError = !0, _iteratorError = err;
+    _didIteratorError = true;
+    _iteratorError = err;
   } finally {
     try {
-      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
     } finally {
-      if (_didIteratorError) throw _iteratorError;
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
     }
   }
   return "/" + fromParts.join("/");

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

@@ -1 +1 @@
-{"version":3,"names":["useNavigation","useUpstreamNavigation","React","getNameFromFilePath","useContextKey","parent","navigation","contextKey","normalizedParent","useMemo","normalized","startsWith","relativePaths","parentNavigation","getParent","Error","resolveParentId","parentId","from","to","fromParts","split","filter","Boolean","toParts","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","part","value","length","pop","push"],"sources":["../../../src/router/useNavigation.ts"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,aAAA,IAAAC,qBAAA;AAAA,OAEEC,KAAA,aAAiB;AAAA,SACZC,mBAAA;AACP,SAAOC,aAAW;AAElB,SAASJ,cAAAK,MAAA;EACT,IAAAC,UAAS,GAAAL,qBAAqB;IAAAM,UAAA,GAAAH,aAAA;IAAAI,gBAAA,GAAAN,KAAA,CAAAO,OAAA;MAgBvB,KAASJ,MAAA,EAGd,OAAM;MAIJ,IAAIK,UAAC,GAAAP,mBAAA,CAAAE,MAAA;MACH,OAAAA,MAAO,CAAAM,UAAA,QAAAC,aAAA,CAAAL,UAAA,EAAAF,MAAA,IAAAK,UAAA;IAET,IAEAH,UAAI,EAINF,MAAI,CAEJ;EACE,IAAAG,gBAAM,QAAmB;IAEzB,IAAIK,gBAAC,GAAAP,UAAA,CAAAQ,SAAA,CAAAN,gBAAA;IACH,KAAAK,gBAAU,QACR,IAAAE,KAAA,iDACGV,MAAA,QAAAG,gBAA8B,KAAAH,MAAA,oBAAiBG,gBAAsB;IAAA,OAC1EK,gBAAA;EAEF;EACF,OAAAP,UAAA;AACA;AACF,SAAAU,gBAAAT,UAAA,EAAAU,QAAA;EAEO,OAASA,QAAA,GAAAA,QACd,CAAAN,UACA,QACeR,mBAAA,CAAAS,aAAA,CAAAL,UAAA,EAAAU,QAAA,KAAAd,mBAAA,CAAAc,QAAA;AACf;AAQF,SAAAL,cAAAM,IAAA,EAAAC,EAAA;EAGA,IAAAC,SAAS,GAAAF,IAAA,CAAcG,KAAA,CAAc,IAAoB,CAAAC,MAAA,CAAAC,OAAA;IAAAC,OAAA,GAAAL,EAAA,CAAAE,KAAA,MAAAC,MAAA,CAAAC,OAAA;IAAAE,yBAAA;IAAAC,iBAAA;IAAAC,cAAA;EACvD;IAGA,SAAWC,SAAQ,GAAAJ,OAAA,CAAAK,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MACjB,IAAIS,IAAA,GAASH,KAAA,CAAMI,KAAA;MACjB,IAAID,IAAA,SAAU;QACZ,IAAAd,SAAU,CAAAgB,MAAM,QAElB,MAAU,IAAIrB,KAAA,yBAAAI,EAAA,kBAAAD,IAAA;QAChBE,SAAW,CAAAiB,GAAS;MAOtB,OAAOH,IAAM,QAAU,IAAAd,SAAQ,CAAAkB,IAAA,CAAAJ,IAAA;IACjC","ignoreList":[]}
+{"version":3,"names":["useNavigation","useUpstreamNavigation","React","getNameFromFilePath","useContextKey","parent","navigation","contextKey","normalizedParent","useMemo","normalized","startsWith","relativePaths","parentNavigation","getParent","Error","resolveParentId","parentId","from","to","fromParts","split","filter","Boolean","toParts","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","part","value","length","pop","push"],"sources":["../../../src/router/useNavigation.ts"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,aAAA,IAAAC,qBAAA;AAAA,OAEEC,KAAA,aAAiB;AAAA,SACZC,mBAAA;AACP,SAAOC,aAAW;AAElB,SAASJ,cAAAK,MAAA;EACT,IAAAC,UAAS,GAAAL,qBAAqB;EAgBvB,IAAAM,UAAS,GAAAH,aAEX;EACH,IAAAI,gBAAmB,GAAAN,KAAA,CAAAO,OAAA,aAA2B;IAE9C,IAAM,CAAAJ,MAAA;MACN,OAAM;IACJ;IACE,IAAAK,UAAO,GAAAP,mBAAA,CAAAE,MAAA;IACT,IAAAA,MAAA,CAAAM,UAAA;MACA,OAAMC,aAAa,CAAAL,UAAA,EAAAF,MAAoB;IAEvC;IACE,OAAAK,UAAO;EAAgC,GACzC,CACAH,UAAO,EACTF,MAAI,CAEJ;EACE,IAAAG,gBAAM,QAAmB;IAEzB,IAAIK,gBAAC,GAAkBP,UAAA,CAAAQ,SAAA,CAAAN,gBAAA;IACrB,KAAAK,gBAAU;MAAA,MACR,IAAAE,KAAA,iDACGV,MAAA,QAAAG,gBAA8B,KAAAH,MAAA,oBAAiBG,gBAAsB;IAAA;IAE5E,OAAAK,gBAAA;EACA;EACF,OAAAP,UAAA;AACA;AACF,SAAAU,gBAAAT,UAAA,EAAAU,QAAA;EAEO,KAAAA,QAAS;IAId,OAAK;EACH;EACF,IAAAA,QAAA,CAAAN,UAAA;IAEA,OAAIR,mBAAuB,CAAAS,aAAG,CAAAL,UAAA,EAAAU,QAAA;EAC5B;EACF,OAAAd,mBAAA,CAAAc,QAAA;AACA;AACF,SAAAL,cAAAM,IAAA,EAAAC,EAAA;EAGA,IAAAC,SAAS,GAAAF,IAAA,CAAcG,KAAA,CAAc,IAAoB,CAAAC,MAAA,CAAAC,OAAA;EACvD,IAAAC,OAAM,GAAAL,EAAA,CAAAE,KAAY,CAAK,KAAAC,MAAW,CAAAC,OAAO;EACzC,IAAAE,yBAA4B,GAAE;IAAOC,iBAAO;IAAAC,cAAA;EAE5C;IACE,KAAI,IAAAC,SAAS,GAAMJ,OAAA,CAAAK,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MACjB,IAAIS,IAAA,GAAAH,KAAU,CAAAI,KAAA;MACZ,IAAAD,IAAM,KAAI,MAAM;QAClB,IAAAd,SAAA,CAAAgB,MAAA;UACA,MAAU,IAAIrB,KAAA,yBAAAI,EAAA,kBAAAD,IAAA;QAChB;QAEAE,SAAO,CAAAiB,GAAA;MACL,WAAUH,IAAK,KAAI,MACrB;QACFd,SAAA,CAAAkB,IAAA,CAAAJ,IAAA;MAEA;IACF","ignoreList":[]}

package/dist/esm/router/useScreens.mjs

@@ -17,73 +17,94 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
 function hasMetaCharset(children) {
   if (process.env.NODE_ENV === "development") {
-    if (!children) return !1;
+    if (!children) return false;
     const checkElement = child => {
-      if (!React.isValidElement(child)) return !1;
+      if (!React.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
-  } = 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__ */jsx("style", {
+  Screen,
+  Group
+} = 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__ */jsx("style", {
         id: el.id,
         dangerouslySetInnerHTML: {
           __html: el.innerHTML
         }
-      }, `inline-css-${i}`));else {
-        const href = el.getAttribute("href");
-        elements.push(/* @__PURE__ */jsx("link", {
-          rel: "stylesheet",
-          href,
-          "data-one-css": ""
-        }, href));
-      }
-    }), elements;
-  })() : [];
+      }, `inline-css-${i}`));
+    } else {
+      const href = el.getAttribute("href");
+      elements.push(/* @__PURE__ */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] = useState(0);
     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
-    } = filterRootHTML(out),
-    {
-      children: headChildren,
-      ...headProps
-    } = head?.props || {},
-    serverContext = useServerContext();
+  const out = LayoutComponent(layoutProps, forwardedRef);
+  const {
+    children,
+    bodyProps,
+    head,
+    htmlProps
+  } = filterRootHTML(out);
+  const {
+    children: headChildren,
+    ...headProps
+  } = head?.props || {};
+  const serverContext = 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__ */jsxs(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__ */jsxs(Fragment, {
     children: [/* @__PURE__ */jsxs("head", {
       ...headProps,
       children: [/* @__PURE__ */jsx(DevHead, {}), /* @__PURE__ */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>
@@ -100,91 +121,115 @@ function RootLayoutRenderer({
         href: file
       }, file)), /* @__PURE__ */jsx(ServerContextScript, {}), headChildren]
     }, "head"), /* @__PURE__ */jsx("body", {
-      suppressHydrationWarning: !0,
+      suppressHydrationWarning: true,
       ...bodyProps,
       children: /* @__PURE__ */jsx(SafeAreaProviderCompat, {
         children: finalChildren
       })
     }, "body")]
-  }),
-  // tamagui and libraries can add className on hydration to have ssr safe styling
-  // so supress hydration warnings here
-  /* @__PURE__ */
-  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__ */
+    jsx("html", {
+      suppressHydrationWarning: true,
+      lang: "en-US",
+      ...htmlProps,
+      children: finalChildren
+    })
+  );
 }
 function getSortedChildren(children, order, initialRouteName, options) {
-  if (!order?.length) return children.sort(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(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(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(sortRoutesWithInitial(initialRouteName)).map(route => ({
+      route,
+      props: {}
+    })));
+  }
+  return ordered;
 }
 function useSortedScreens(order, options) {
   const node = useRouteNode();
-  return React.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 = React.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: React.forwardRef((props, ref) => {
-      const children = React.createElement(getPageExport(component) || EmptyRoute, {
-        ...props,
-        ref
-      });
-      return /* @__PURE__ */jsx(Try, {
-        catch: ErrorBoundary,
-        children
-      });
-    })
-  };
+  if (ErrorBoundary) {
+    return {
+      default: React.forwardRef((props, ref) => {
+        const children = React.createElement(getPageExport(component) || EmptyRoute, {
+          ...props,
+          ref
+        });
+        return /* @__PURE__ */jsx(Try, {
+          catch: ErrorBoundary,
+          children
+        });
+      })
+    };
+  }
   if (process.env.NODE_ENV !== "production") {
     const exported = getPageExport(component);
-    if (exported && typeof exported == "object" && Object.keys(exported).length === 0) return {
-      default: EmptyRoute
-    };
+    if (exported && typeof exported === "object" && Object.keys(exported).length === 0) {
+      return {
+        default: EmptyRoute
+      };
+    }
   }
   return {
     default: getPageExport(component)
@@ -192,78 +237,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 = React.forwardRef((props, ref) => {
-      if (process.env.NODE_ENV === "development") {
-        const [, setHmrKey] = useState(0);
-        useEffect(() => {
-          const handler = () => setHmrKey(k => k + 1);
-          return window.addEventListener("one-hmr-update", handler), () => window.removeEventListener("one-hmr-update", handler);
-        }, []);
-      }
-      if (useContext(SpaShellContext) && props.segment !== "" && !value.children?.length) return /* @__PURE__ */jsx("div", {
+    if (process.env.NODE_ENV === "development" && true) {
+      const [, setHmrKey] = useState(0);
+      useEffect(() => {
+        const handler = () => setHmrKey(k => k + 1);
+        window.addEventListener("one-hmr-update", handler);
+        return () => window.removeEventListener("one-hmr-update", handler);
+      }, []);
+    }
+    const isSpaShell = useContext(SpaShellContext);
+    if (isSpaShell && props.segment !== "" && !value.children?.length) {
+      return /* @__PURE__ */jsx("div", {
         "data-one-spa-content": ""
       });
-      const res = value.loadRoute(),
-        Component = 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__ */jsx(NamedSlot, {
-        name: slotName,
-        layoutContextKey: value.contextKey
-      });
-      return props.segment === "" ? /* @__PURE__ */jsx(RootLayoutRenderer, {
+    }
+    const res = value.loadRoute();
+    const Component = 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__ */jsx(NamedSlot, {
+          name: slotName,
+          layoutContextKey: value.contextKey
+        });
+      }
+    }
+    if (props.segment === "") {
+      return /* @__PURE__ */jsx(RootLayoutRenderer, {
         LayoutComponent: Component,
         layoutProps: {
           ...props,
           ...slotProps
         },
         forwardedRef: ref
-      }) : /* @__PURE__ */jsx(RouteErrorBoundary, {
-        routeName: value.route,
-        children: /* @__PURE__ */jsx(Component, {
-          ...props,
-          ...slotProps,
-          ref
-        })
       });
-    }),
-    wrapSuspense = children => process.env.ONE_SUSPEND_ROUTES === "1" ? /* @__PURE__ */jsx(Suspense, {
-      fallback: null,
-      children
-    }) : children,
-    QualifiedRoute = React.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__ */jsx(Route, {
+    }
+    return /* @__PURE__ */jsx(RouteErrorBoundary, {
+      routeName: value.route,
+      children: /* @__PURE__ */jsx(Component, {
+        ...props,
+        ...slotProps,
+        ref
+      })
+    });
+  });
+  const wrapSuspense = children => {
+    if (false) {
+      if (process.env.ONE_SUSPEND_ROUTES_NATIVE === "0") {
+        return children;
+      }
+      return /* @__PURE__ */jsx(Suspense, {
+        fallback: null,
+        children
+      });
+    }
+    if (process.env.ONE_SUSPEND_ROUTES === "1") {
+      return /* @__PURE__ */jsx(Suspense, {
+        fallback: null,
+        children
+      });
+    }
+    return children;
+  };
+  const QualifiedRoute = React.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__ */jsx(Route, {
       route,
       node: value,
       children: /* @__PURE__ */jsx(Fragment, {
         children: wrapSuspense(/* @__PURE__ */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), memo(QualifiedRoute);
+    });
+  });
+  QualifiedRoute.displayName = `Route(${value.route})`;
+  qualifiedStore.set(value, QualifiedRoute);
+  return 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;
   };
@@ -278,33 +373,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 React.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
     };
   }
@@ -314,7 +416,8 @@ class RouteErrorBoundary extends React.Component {
 ${error.stack}
 
 Component Stack:
-${errorInfo.componentStack}`), this.setState({
+${errorInfo.componentStack}`);
+    this.setState({
       errorInfo
     });
   }