one/dist/esm/router/router.js

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

import {
  StackActions
} from "@react-navigation/native";
import * as Linking from "expo-linking";
import { Fragment, startTransition, useSyncExternalStore } from "react";
import { Platform } from "react-native-web";
import { getPathDataFromState } from "../fork/getPathFromState";
import { stripBaseUrl } from "../fork/getStateFromPath-mods";
import { resolveHref } from "../link/href";
import { resolve } from "../link/path";
import { assertIsReady } from "../utils/assertIsReady";
import { getLoaderPath, getPreloadPath } from "../utils/cleanUrl";
import { dynamicImport } from "../utils/dynamicImport";
import { shouldLinkExternally } from "../utils/url";
import { getLinkingConfig } from "./getLinkingConfig";
import { getNormalizedStatePath } from "./getNormalizedStatePath";
import { getRoutes } from "./getRoutes";
import { setLastAction } from "./lastAction";
import { sortRoutes } from "./sortRoutes";
import { getQualifiedRouteComponent } from "./useScreens";
import { getNavigateAction } from "./utils/getNavigateAction";
let routeNode = null, rootComponent, linking, hasAttemptedToHideSplash = !1, initialState, rootState, nextState, routeInfo, splashScreenAnimationFrame, navigationRef = null, navigationRefSubscription;
const rootStateSubscribers = /* @__PURE__ */ new Set(), loadingStateSubscribers = /* @__PURE__ */ new Set(), storeSubscribers = /* @__PURE__ */ new Set();
function initialize(context, ref, initialLocation) {
  if (cleanUpState(), routeNode = getRoutes(context, {
    ignoreEntryPoints: !0,
    platform: Platform.OS
  }), rootComponent = routeNode ? getQualifiedRouteComponent(routeNode) : Fragment, !routeNode && process.env.NODE_ENV === "production")
    throw new Error("No routes found");
  navigationRef = ref, setupLinking(initialLocation), subscribeToNavigationChanges();
}
function cleanUpState() {
  initialState = void 0, rootState = void 0, nextState = void 0, routeInfo = void 0, linking = void 0, navigationRefSubscription?.(), rootStateSubscribers.clear(), storeSubscribers.clear();
}
function setupLinking(initialLocation) {
  routeNode && (linking = getLinkingConfig(routeNode), initialLocation && (linking.getInitialURL = () => initialLocation.toString(), initialState = linking.getStateFromPath?.(
    initialLocation.pathname + (initialLocation.search || ""),
    linking.config
  ))), initialState ? (rootState = initialState, routeInfo = getRouteInfo(initialState)) : routeInfo = {
    unstable_globalHref: "",
    pathname: "",
    isIndex: !1,
    params: {},
    segments: []
  };
}
function subscribeToNavigationChanges() {
  navigationRefSubscription = navigationRef.addListener("state", (data) => {
    let state = { ...data.data.state };
    state.key && hashes[state.key] && (state.hash = hashes[state.key], delete hashes[state.key]), hasAttemptedToHideSplash || (hasAttemptedToHideSplash = !0, splashScreenAnimationFrame = requestAnimationFrame(() => {
    })), nextOptions && (state = { ...state, linkOptions: nextOptions }, nextOptions = null);
    let shouldUpdateSubscribers = nextState === state;
    nextState = void 0, state && state !== rootState && (updateState(state, void 0), shouldUpdateSubscribers = !0), shouldUpdateSubscribers && startTransition(() => {
      for (const subscriber of rootStateSubscribers)
        subscriber(state);
    });
  }), startTransition(() => {
    updateSnapshot();
    for (const subscriber of storeSubscribers)
      subscriber();
  });
}
function navigate(url, options) {
  return linkTo(resolveHref(url), "NAVIGATE", options);
}
function push(url, options) {
  return linkTo(resolveHref(url), "PUSH", options);
}
function dismiss(count) {
  navigationRef?.dispatch(StackActions.pop(count));
}
function replace(url, options) {
  return linkTo(resolveHref(url), "REPLACE", options);
}
function setParams(params = {}) {
  return assertIsReady(navigationRef), navigationRef?.current?.setParams(
    // @ts-expect-error
    params
  );
}
function dismissAll() {
  navigationRef?.dispatch(StackActions.popToTop());
}
function goBack() {
  assertIsReady(navigationRef), navigationRef?.current?.goBack();
}
function canGoBack() {
  return navigationRef.isReady() ? navigationRef?.current?.canGoBack() ?? !1 : !1;
}
function canDismiss() {
  let state = rootState;
  for (; state; ) {
    if (state.type === "stack" && state.routes.length > 1)
      return !0;
    if (state.index === void 0)
      return !1;
    state = state.routes?.[state.index]?.state;
  }
  return !1;
}
function getSortedRoutes() {
  if (!routeNode)
    throw new Error("No routes");
  return routeNode.children.filter((route) => !route.internal).sort(sortRoutes);
}
function updateState(state, nextStateParam = state) {
  rootState = state, nextState = nextStateParam;
  const nextRouteInfo = getRouteInfo(state);
  deepEqual(routeInfo, nextRouteInfo) || (routeInfo = nextRouteInfo);
}
function getRouteInfo(state) {
  return getRouteInfoFromState(
    (state2, asPath) => getPathDataFromState(state2, {
      screens: [],
      ...linking?.config,
      preserveDynamicRoutes: asPath,
      preserveGroups: asPath
    }),
    state
  );
}
function getRouteInfoFromState(getPathFromState, state, baseUrl) {
  const { path } = getPathFromState(state, !1), qualified = getPathFromState(state, !0);
  return {
    unstable_globalHref: path,
    pathname: stripBaseUrl(path, baseUrl).split("?")[0],
    isIndex: isIndexPath(state),
    ...getNormalizedStatePath(qualified, baseUrl)
  };
}
function subscribeToRootState(subscriber) {
  return rootStateSubscribers.add(subscriber), () => {
    rootStateSubscribers.delete(subscriber);
  };
}
function subscribeToStore(subscriber) {
  return storeSubscribers.add(subscriber), () => {
    storeSubscribers.delete(subscriber);
  };
}
function subscribeToLoadingState(subscriber) {
  return loadingStateSubscribers.add(subscriber), () => {
    loadingStateSubscribers.delete(subscriber);
  };
}
function setLoadingState(state) {
  startTransition(() => {
    for (const listener of loadingStateSubscribers)
      listener(state);
  });
}
let currentSnapshot = null;
function updateSnapshot() {
  currentSnapshot = getSnapshot();
}
function snapshot() {
  return currentSnapshot;
}
function getSnapshot() {
  return {
    linkTo,
    routeNode,
    rootComponent,
    linking,
    hasAttemptedToHideSplash,
    initialState,
    rootState,
    nextState,
    routeInfo,
    splashScreenAnimationFrame,
    navigationRef,
    navigationRefSubscription,
    rootStateSubscribers,
    storeSubscribers
  };
}
function rootStateSnapshot() {
  return rootState;
}
function routeInfoSnapshot() {
  return routeInfo;
}
function useOneRouter() {
  return useSyncExternalStore(subscribeToStore, snapshot, snapshot);
}
function syncStoreRootState() {
  if (!navigationRef)
    throw new Error("No navigationRef, possible duplicate One dep");
  if (navigationRef.isReady()) {
    const currentState = navigationRef.getRootState();
    rootState !== currentState && updateState(currentState);
  }
}
function useStoreRootState() {
  return syncStoreRootState(), useSyncExternalStore(subscribeToRootState, rootStateSnapshot, rootStateSnapshot);
}
function useStoreRouteInfo() {
  return syncStoreRootState(), useSyncExternalStore(subscribeToRootState, routeInfoSnapshot, routeInfoSnapshot);
}
function isIndexPath(state) {
  const route = getActualLastRoute(state.routes[state.index ?? state.routes.length - 1]);
  return route.state ? isIndexPath(route.state) : route.name === "index" ? !0 : route.params && "screen" in route.params ? route.params.screen === "index" : !!route.name.match(/.+\/index$/);
}
function getActualLastRoute(routeLike) {
  if (routeLike.name[0] === "(" && routeLike.state?.routes) {
    const routes = routeLike.state.routes;
    return getActualLastRoute(routes[routes.length - 1]);
  }
  return routeLike;
}
function cleanup() {
  splashScreenAnimationFrame && cancelAnimationFrame(splashScreenAnimationFrame);
}
const preloadingLoader = {};
function setupPreload(href) {
  preloadingLoader[href] || (preloadingLoader[href] = async () => {
    try {
      const [_preload, loader] = await Promise.all([
        dynamicImport(getPreloadPath(href)),
        dynamicImport(getLoaderPath(href))
      ]);
      return await (await loader).loader?.();
    } catch (err) {
      return console.error(`Error preloading loader: ${err}`), null;
    }
  });
}
function preloadRoute(href) {
  process.env.NODE_ENV !== "development" && (setupPreload(href), typeof preloadingLoader[href] == "function" && preloadingLoader[href]());
}
async function linkTo(href, event, options) {
  if (href[0] === "#")
    return;
  if (shouldLinkExternally(href)) {
    Linking.openURL(href);
    return;
  }
  assertIsReady(navigationRef);
  const current = navigationRef.current;
  if (current == null)
    throw new Error(
      "Couldn't find a navigation object. Is your component inside NavigationContainer?"
    );
  if (!linking)
    throw new Error("Attempted to link to route when no routes are present");
  if (setLastAction(), href === ".." || href === "../") {
    current.goBack();
    return;
  }
  if (href.startsWith(".")) {
    let base = routeInfo?.segments?.map((segment) => {
      if (!segment.startsWith("[")) return segment;
      if (segment.startsWith("[...")) {
        segment = segment.slice(4, -1);
        const params = routeInfo?.params?.[segment];
        return Array.isArray(params) ? params.join("/") : params?.split(",")?.join("/") ?? "";
      }
      return segment = segment.slice(1, -1), routeInfo?.params?.[segment];
    }).filter(Boolean).join("/") ?? "/";
    routeInfo?.isIndex || (base += "/.."), href = resolve(base, href);
  }
  const state = linking.getStateFromPath(href, linking.config);
  if (!state || state.routes.length === 0) {
    console.error("Could not generate a valid navigation state for the given path: " + href), console.error("linking.config", linking.config), console.error("routes", getSortedRoutes());
    return;
  }
  setLoadingState("loading"), preloadRoute(href);
  const rootState2 = navigationRef.getRootState(), hash = href.indexOf("#");
  rootState2.key && hash > 0 && (hashes[rootState2.key] = href.slice(hash)), nextOptions = options ?? null, startTransition(() => {
    const action = getNavigateAction(state, rootState2, event), current2 = navigationRef.getCurrentRoute();
    navigationRef.dispatch(action);
    let warningTm;
    const interval = setInterval(() => {
      const next = navigationRef.getCurrentRoute();
      current2 !== next && setTimeout(() => {
        setLoadingState("loaded");
      }), clearTimeout(warningTm), clearTimeout(interval);
    }, 16);
    process.env.NODE_ENV === "development" && (warningTm = setTimeout(() => {
      console.warn("Routing took more than 8 seconds");
    }, 1e3));
  });
}
const hashes = {};
let nextOptions = null;
function deepEqual(a, b) {
  if (a === b)
    return !0;
  if (Array.isArray(a) && Array.isArray(b)) {
    if (a.length !== b.length)
      return !1;
    for (let i = 0; i < a.length; i++)
      if (!deepEqual(a[i], b[i]))
        return !1;
    return !0;
  }
  if (typeof a == "object" && typeof b == "object") {
    const keysA = Object.keys(a), keysB = Object.keys(b);
    if (keysA.length !== keysB.length)
      return !1;
    for (const key of keysA)
      if (!deepEqual(a[key], b[key]))
        return !1;
    return !0;
  }
  return !1;
}
export {
  canDismiss,
  canGoBack,
  cleanup,
  dismiss,
  dismissAll,
  getRouteInfo,
  getSortedRoutes,
  goBack,
  hasAttemptedToHideSplash,
  initialState,
  initialize,
  linkTo,
  linking,
  navigate,
  navigationRef,
  preloadRoute,
  preloadingLoader,
  push,
  replace,
  rootComponent,
  rootState,
  rootStateSnapshot,
  routeInfo,
  routeInfoSnapshot,
  routeNode,
  setLoadingState,
  setParams,
  snapshot,
  subscribeToLoadingState,
  subscribeToRootState,
  subscribeToStore,
  updateState,
  useOneRouter,
  useStoreRootState,
  useStoreRouteInfo
};
//# sourceMappingURL=router.js.map