one/dist/cjs/router/router.js

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

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 router_exports = {};
__export(router_exports, {
  canDismiss: () => canDismiss,
  canGoBack: () => canGoBack,
  cleanup: () => cleanup,
  dismiss: () => dismiss,
  dismissAll: () => dismissAll,
  getSortedRoutes: () => getSortedRoutes,
  goBack: () => goBack,
  hasAttemptedToHideSplash: () => hasAttemptedToHideSplash,
  initialState: () => initialState,
  initialize: () => initialize,
  linkTo: () => linkTo,
  navigate: () => navigate,
  navigationRef: () => navigationRef,
  preloadRoute: () => preloadRoute,
  preloadedLoaderData: () => preloadedLoaderData,
  preloadingLoader: () => preloadingLoader,
  push: () => push,
  replace: () => replace,
  rootComponent: () => rootComponent,
  rootState: () => rootState,
  rootStateSnapshot: () => rootStateSnapshot,
  routeInfo: () => routeInfo,
  routeInfoSnapshot: () => routeInfoSnapshot,
  routeNode: () => routeNode,
  setLoadingState: () => setLoadingState,
  setParams: () => setParams,
  snapshot: () => snapshot,
  subscribeToLoadingState: () => subscribeToLoadingState,
  subscribeToRootState: () => subscribeToRootState,
  subscribeToStore: () => subscribeToStore,
  updateState: () => updateState,
  useOneRouter: () => useOneRouter,
  useStoreRootState: () => useStoreRootState,
  useStoreRouteInfo: () => useStoreRouteInfo
});
module.exports = __toCommonJS(router_exports);
var import_native = require("@react-navigation/native"), Linking = __toESM(require("expo-linking"), 1), import_react = require("react"), import_react_native = require("react-native-web"), import_href = require("../link/href"), import_path = require("../link/path"), import_assertIsReady = require("../utils/assertIsReady"), import_cleanUrl = require("../utils/cleanUrl"), import_dynamicImport = require("../utils/dynamicImport"), import_url = require("../utils/url"), import_getRouteInfo = require("./getRouteInfo"), import_getRoutes = require("./getRoutes"), import_lastAction = require("./lastAction"), import_linkingConfig = require("./linkingConfig"), import_sortRoutes = require("./sortRoutes"), import_useScreens = require("./useScreens"), import_useViteRoutes = require("./useViteRoutes"), import_getNavigateAction = require("./utils/getNavigateAction");
let routeNode = null, rootComponent, 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 = (0, import_getRoutes.getRoutes)(context, {
    ignoreEntryPoints: !0,
    platform: import_react_native.Platform.OS
  }), rootComponent = routeNode ? (0, import_useScreens.getQualifiedRouteComponent)(routeNode) : import_react.Fragment, !routeNode && process.env.NODE_ENV === "production")
    throw new Error("No routes found");
  if (process.env.ONE_DEBUG_ROUTER && routeNode) {
    const formatRouteTree = (node, indent = "", isLast = !0) => {
      const prefix = indent + (isLast ? "\u2514\u2500 " : "\u251C\u2500 "), childIndent = indent + (isLast ? "   " : "\u2502  "), dynamicBadge = node.dynamic ? ` [${node.dynamic.map((d) => d.name).join(", ")}]` : "", typeBadge = node.type !== "layout" ? ` (${node.type})` : "", routeName = node.route || "/";
      let line = `${prefix}${routeName}${dynamicBadge}${typeBadge}`;
      const visibleChildren = node.children.filter((child) => !child.internal);
      for (let i = 0; i < visibleChildren.length; i++) {
        const child = visibleChildren[i], childIsLast = i === visibleChildren.length - 1;
        line += `
` + formatRouteTree(child, childIndent, childIsLast);
      }
      return line;
    };
    console.info(`[one] \u{1F4CD} Route structure:
${formatRouteTree(routeNode)}`);
  }
  navigationRef = ref, setupLinkingAndRouteInfo(initialLocation), subscribeToNavigationChanges();
}
function cleanUpState() {
  initialState = void 0, rootState = void 0, nextState = void 0, routeInfo = void 0, (0, import_linkingConfig.resetLinking)(), navigationRefSubscription?.(), rootStateSubscribers.clear(), storeSubscribers.clear();
}
function setupLinkingAndRouteInfo(initialLocation) {
  initialState = (0, import_linkingConfig.setupLinking)(routeNode, initialLocation), initialState ? (rootState = initialState, routeInfo = (0, import_getRouteInfo.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 && (0, import_react.startTransition)(() => {
      for (const subscriber of rootStateSubscribers)
        subscriber(state);
    });
  }), (0, import_react.startTransition)(() => {
    updateSnapshot();
    for (const subscriber of storeSubscribers)
      subscriber();
  });
}
function navigate(url, options) {
  return linkTo((0, import_href.resolveHref)(url), "NAVIGATE", options);
}
function push(url, options) {
  return linkTo((0, import_href.resolveHref)(url), "PUSH", options);
}
function dismiss(count) {
  process.env.ONE_DEBUG_ROUTER && console.info(`[one] \u{1F519} dismiss${count ? ` (${count})` : ""}`), navigationRef?.dispatch(import_native.StackActions.pop(count));
}
function replace(url, options) {
  return linkTo((0, import_href.resolveHref)(url), "REPLACE", options);
}
function setParams(params = {}) {
  return (0, import_assertIsReady.assertIsReady)(navigationRef), navigationRef?.current?.setParams(
    // @ts-expect-error
    params
  );
}
function dismissAll() {
  process.env.ONE_DEBUG_ROUTER && console.info("[one] \u{1F519} dismissAll"), navigationRef?.dispatch(import_native.StackActions.popToTop());
}
function goBack() {
  process.env.ONE_DEBUG_ROUTER && console.info("[one] \u{1F519} goBack"), (0, import_assertIsReady.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(import_sortRoutes.sortRoutes);
}
function updateState(state, nextStateParam = state) {
  rootState = state, nextState = nextStateParam;
  const nextRouteInfo = (0, import_getRouteInfo.getRouteInfo)(state);
  if (!deepEqual(routeInfo, nextRouteInfo)) {
    if (process.env.ONE_DEBUG_ROUTER) {
      const from = routeInfo?.pathname || "(initial)", to = nextRouteInfo.pathname, params = Object.keys(nextRouteInfo.params || {}).length ? nextRouteInfo.params : void 0;
      console.info(`[one] \u{1F9ED} ${from} \u2192 ${to}`, params ? { params } : "");
    }
    routeInfo = nextRouteInfo;
  }
}
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) {
  (0, import_react.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: (0, import_linkingConfig.getLinking)(),
    hasAttemptedToHideSplash,
    initialState,
    rootState,
    nextState,
    routeInfo,
    splashScreenAnimationFrame,
    navigationRef,
    navigationRefSubscription,
    rootStateSubscribers,
    storeSubscribers
  };
}
function rootStateSnapshot() {
  return rootState;
}
function routeInfoSnapshot() {
  return routeInfo;
}
function useOneRouter() {
  const state = (0, import_react.useSyncExternalStore)(subscribeToStore, snapshot, snapshot);
  return (0, import_react.useDeferredValue)(state);
}
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() {
  syncStoreRootState();
  const state = (0, import_react.useSyncExternalStore)(subscribeToRootState, rootStateSnapshot, rootStateSnapshot);
  return (0, import_react.useDeferredValue)(state);
}
function useStoreRouteInfo() {
  syncStoreRootState();
  const state = (0, import_react.useSyncExternalStore)(subscribeToRootState, routeInfoSnapshot, routeInfoSnapshot);
  return (0, import_react.useDeferredValue)(state);
}
function cleanup() {
  splashScreenAnimationFrame && cancelAnimationFrame(splashScreenAnimationFrame);
}
const preloadingLoader = {};
async function doPreload(href) {
  const preloadPath = (0, import_cleanUrl.getPreloadPath)(href), loaderPath = (0, import_cleanUrl.getLoaderPath)(href), cssPreloadPath = (0, import_cleanUrl.getPreloadCSSPath)(href);
  try {
    const [_preload, cssPreloadModule, loader] = await Promise.all([
      (0, import_dynamicImport.dynamicImport)(preloadPath),
      (0, import_dynamicImport.dynamicImport)(cssPreloadPath)?.catch(() => null) ?? Promise.resolve(null),
      // graceful fail if no CSS preload
      (0, import_dynamicImport.dynamicImport)(loaderPath),
      (0, import_useViteRoutes.preloadRouteModules)(href)
    ]);
    return cssPreloadModule?.injectCSS && (cssInjectFunctions[href] = cssPreloadModule.injectCSS), loader?.loader ? await loader.loader() ?? null : null;
  } catch (err) {
    return console.error(`[one] preload error for ${href}:`, err), null;
  }
}
const preloadedLoaderData = {}, cssInjectFunctions = {};
function preloadRoute(href, injectCSS = !1) {
  if (process.env.NODE_ENV !== "development")
    return preloadingLoader[href] || (preloadingLoader[href] = doPreload(href).then((data) => (preloadedLoaderData[href] = data, data))), injectCSS ? preloadingLoader[href]?.then(async (data) => {
      const inject = cssInjectFunctions[href];
      return inject && await Promise.race([inject(), new Promise((r) => setTimeout(r, 500))]), data;
    }) : preloadingLoader[href];
}
async function linkTo(href, event, options) {
  if (process.env.ONE_DEBUG_ROUTER && console.info(`[one] \u{1F517} ${event || "NAVIGATE"} ${href}`), href[0] === "#")
    return;
  if ((0, import_url.shouldLinkExternally)(href)) {
    Linking.openURL(href);
    return;
  }
  (0, import_assertIsReady.assertIsReady)(navigationRef);
  const current = navigationRef.current;
  if (current == null)
    throw new Error(
      "Couldn't find a navigation object. Is your component inside NavigationContainer?"
    );
  const linking = (0, import_linkingConfig.getLinking)();
  if (!linking)
    throw new Error("Attempted to link to route when no routes are present");
  if ((0, import_lastAction.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 = (0, import_path.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"), await preloadRoute(href, !0);
  const rootState2 = navigationRef.getRootState(), hash = href.indexOf("#");
  rootState2.key && hash > 0 && (hashes[rootState2.key] = href.slice(hash)), nextOptions = options ?? null, (0, import_react.startTransition)(() => {
    const action = (0, import_getNavigateAction.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;
}
//# sourceMappingURL=router.js.map