one/dist/esm/fork/NavigationContainer.mjs

One is a React framework for web, iOS, and Android apps.

import { BaseNavigationContainer, ThemeProvider, getActionFromState, getPathFromState, getStateFromPath, validatePathConfig } from "@react-navigation/core";
import { LinkingContext, LocaleDirContext } from "@react-navigation/native";
import * as React from "react";
import { getLocaleDirection } from "./localeDirection.mjs";
import { DefaultTheme } from "./theme.mjs";
import { useBackButton } from "./useBackButton.mjs";
import { useDocumentTitle } from "./useDocumentTitle.mjs";
import { useLinking } from "./useLinking.mjs";
import { useThenable } from "./useThenable.mjs";
import { jsx } from "react/jsx-runtime";

globalThis.REACT_NAVIGATION_DEVTOOLS ??= /* @__PURE__ */ new WeakMap();
function NavigationContainerInner({ direction = getLocaleDirection(), theme = DefaultTheme, linking, fallback = null, documentTitle, onStateChange, ...rest }, ref) {
	const isLinkingEnabled = linking ? linking.enabled !== false : false;
	if (linking?.config) {
		validatePathConfig(linking.config);
	}
	const refContainer = React.useRef(null);
	useBackButton(refContainer);
	useDocumentTitle(refContainer, documentTitle);
	const { getInitialState } = useLinking(refContainer, {
		enabled: isLinkingEnabled,
		prefixes: [],
		...linking
	});
	const linkingContext = React.useMemo(() => ({ options: {
		...linking,
		enabled: isLinkingEnabled,
		prefixes: linking?.prefixes ?? [],
		getStateFromPath: linking?.getStateFromPath ?? getStateFromPath,
		getPathFromState: linking?.getPathFromState ?? getPathFromState,
		getActionFromState: linking?.getActionFromState ?? getActionFromState
	} }), [linking, isLinkingEnabled]);
	React.useEffect(() => {
		if (refContainer.current) {
			const previous = REACT_NAVIGATION_DEVTOOLS.get(refContainer.current);
			const listeners = previous?.listeners ?? /* @__PURE__ */ new Set();
			REACT_NAVIGATION_DEVTOOLS.set(refContainer.current, {
				get linking() {
					return linkingContext.options;
				},
				get listeners() {
					return listeners;
				}
			});
		}
	});
	const [isResolved, initialState] = useThenable(getInitialState);
	if (process.env.ONE_DEBUG_ROUTER) {
		console.info(`[one] \u{1F3E0} NavigationContainer isResolved=${isResolved} initialState=`, JSON.stringify(initialState, null, 2));
		console.info(`[one] \u{1F3E0} NavigationContainer rest.initialState=`, rest.initialState);
	}
	React.useImperativeHandle(ref, () => refContainer.current);
	const isLinkingReady = rest.initialState != null || !isLinkingEnabled || isResolved;
	if (!isLinkingReady) {
		return /* @__PURE__ */ jsx(ThemeProvider, {
			value: theme,
			children: fallback
		});
	}
	return /* @__PURE__ */ jsx(LocaleDirContext.Provider, {
		value: direction,
		children: /* @__PURE__ */ jsx(LinkingContext.Provider, {
			value: linkingContext,
			children: /* @__PURE__ */ jsx(BaseNavigationContainer, {
				...rest,
				theme,
				onStateChange,
				initialState: rest.initialState == null ? initialState : rest.initialState,
				ref: refContainer
			})
		})
	});
}
const NavigationContainer = React.forwardRef(NavigationContainerInner);

export { NavigationContainer };
//# sourceMappingURL=NavigationContainer.mjs.map