one/dist/esm/headless/useStack.native.js

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.native.js";
import { exposeStackToolbarConfig } from "../layouts/stack-utils/StackToolbar.shared.native.js";
import { getResolvedLinking } from "../router/linkingConfig.native.js";
var StackContext = createContext(null);
function StackStateProvider(param) {
  var {
    state,
    descriptors,
    children
  } = param;
  var linking = getResolvedLinking();
  var value = useMemo(function () {
    var screens = state.routes.map(function (route, index) {
      var _ref, _route_params;
      var descriptor = descriptors[route.key];
      var options = exposeStackToolbarConfig(descriptor.options);
      var href = ((_ref = linking === null || linking === void 0 ? void 0 : linking.getPathFromState) !== null && _ref !== void 0 ? _ref : getPathFromState)({
        ...state,
        index
      }, linking === null || linking === void 0 ? void 0 : linking.config);
      return {
        key: route.key,
        name: route.name,
        params: (_route_params = route.params) !== null && _route_params !== void 0 ? _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() {
  var 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.native.js.map