one/dist/esm/headless/useStack.mjs

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

"use client";

import { createContext, createElement, useContext, useMemo } from "react";
import { getPathFromState } from "../fork/getPathFromState.mjs";
import { exposeStackToolbarConfig } from "../layouts/stack-utils/StackToolbar.shared.mjs";
import { getResolvedLinking } from "../router/linkingConfig.mjs";
const StackContext = createContext(null);
function StackStateProvider({
  state,
  descriptors,
  children
}) {
  const linking = getResolvedLinking();
  const value = useMemo(() => {
    const screens = state.routes.map((route, index) => {
      const descriptor = descriptors[route.key];
      const options = exposeStackToolbarConfig(descriptor.options);
      const href = (linking?.getPathFromState ?? getPathFromState)({
        ...state,
        index
      }, linking?.config);
      return {
        key: route.key,
        name: route.name,
        params: route.params ?? {},
        href,
        isFocused: index === state.index,
        keepMounted: options.keepMounted === true,
        options,
        element: descriptor.render()
      };
    });
    return {
      screens,
      focused: screens[state.index]
    };
  }, [descriptors, linking, state]);
  return createElement(StackContext.Provider, {
    value
  }, children);
}
function useStack() {
  const value = useContext(StackContext);
  if (!value) {
    throw new Error("useStack() must be called inside a <Stack>. it is web-only: on native the stack is rendered by react-navigation.");
  }
  return value;
}
export { StackStateProvider, useStack };
//# sourceMappingURL=useStack.mjs.map