one/dist/esm/Root.js

One is a new React Framework that makes Vite serve both native and web.

import {
  DarkTheme,
  DefaultTheme
} from "@react-navigation/native";
import { useUserScheme } from "@vxrn/color-scheme";
import {
  createContext,
  StrictMode,
  useContext,
  useId,
  useLayoutEffect,
  useState
} from "react";
import { SERVER_CONTEXT_KEY } from "./constants";
import { NavigationContainer as UpstreamNavigationContainer } from "./fork/NavigationContainer";
import { getURL } from "./getURL";
import { FlagsContext } from "./router/FlagsContext";
import { getLinking } from "./router/linkingConfig";
import { ServerLocationContext } from "./router/serverLocationContext";
import { useInitializeOneRouter } from "./router/useInitializeOneRouter";
import { useViteRoutes } from "./router/useViteRoutes";
import { ServerRenderID } from "./useServerHeadInsertion";
import { PreloadLinks } from "./views/PreloadLinks";
import { RootErrorBoundary } from "./views/RootErrorBoundary";
import { ScrollBehavior } from "./views/ScrollBehavior";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
const ServerAsyncLocalIDContext = createContext(null);
globalThis.__vxrnGetContextFromReactContext = () => useContext(ServerAsyncLocalIDContext);
function Root(props) {
  const { path, routes, routeOptions, isClient, navigationContainerProps, onRenderId } = props, context = useViteRoutes(routes, props.routerRoot, routeOptions, globalThis.__vxrnVersion), location = typeof window < "u" && window.location ? new URL(path || window.location.href || "/", window.location.href) : new URL(path || "/", getURL()), store = useInitializeOneRouter(context, location), userScheme = useUserScheme(), Component = store.rootComponent;
  if (!Component)
    throw new Error("No root component found");
  const id = useId();
  onRenderId?.(id);
  const value = process.env.VERCEL ? globalThis.__oneGlobalContextId : globalThis.__vxrnrequestAsyncLocalStore?.getStore() || null;
  let contents = /* @__PURE__ */ jsx(ServerAsyncLocalIDContext.Provider, { value, children: /* @__PURE__ */ jsxs(ServerRenderID.Provider, { value: id, children: [
    /* @__PURE__ */ jsx(
      UpstreamNavigationContainer,
      {
        ref: store.navigationRef,
        initialState: store.initialState,
        linking: getLinking(),
        onUnhandledAction,
        theme: userScheme.value === "dark" ? DarkTheme : DefaultTheme,
        documentTitle: {
          enabled: !1
        },
        ...navigationContainerProps,
        children: /* @__PURE__ */ jsx(ServerLocationContext.Provider, { value: location, children: /* @__PURE__ */ jsxs(Fragment, { children: [
          /* @__PURE__ */ jsx(ScrollBehavior, {}),
          /* @__PURE__ */ jsx(RootErrorBoundary, { children: /* @__PURE__ */ jsx(Component, {}) })
        ] }) })
      }
    ),
    /* @__PURE__ */ jsx(PreloadLinks, {}, "preload-links")
  ] }) });
  if (props.flags && (contents = /* @__PURE__ */ jsx(FlagsContext.Provider, { value: props.flags, children: contents })), process.env.ONE_DISABLE_STRICT_MODE || (contents = /* @__PURE__ */ jsx(StrictMode, { children: contents })), isClient) {
    if (globalThis[SERVER_CONTEXT_KEY]?.mode === "spa") {
      const [show, setShow] = useState(!1);
      return useLayoutEffect(() => {
        setShow(!0);
      }, []), show ? contents : null;
    }
    return contents;
  }
  return contents;
}
let onUnhandledAction;
process.env.NODE_ENV !== "production" ? onUnhandledAction = (action) => {
  const payload = action.payload;
  let message = `The action '${action.type}'${payload ? ` with payload ${JSON.stringify(action.payload)}` : ""} was not handled by any navigator.`;
  switch (action.type) {
    case "NAVIGATE":
    case "PUSH":
    case "REPLACE":
    case "JUMP_TO":
      payload?.name ? message += `

Do you have a route named '${payload.name}'?` : message += `

You need to pass the name of the screen to navigate to. This may be a bug.`;
      break;
    case "GO_BACK":
    case "POP":
    case "POP_TO_TOP":
      message += `

Is there any screen to go back to?`;
      break;
    case "OPEN_DRAWER":
    case "CLOSE_DRAWER":
    case "TOGGLE_DRAWER":
      message += `

Is your screen inside a Drawer navigator?`;
      break;
  }
  if (message += `

This is a development-only warning and won't be shown in production.`, process.env.NODE_ENV === "test")
    throw new Error(message);
  console.error(message);
} : onUnhandledAction = () => {
};
export {
  Root
};
//# sourceMappingURL=Root.js.map