UNPKG

one

Version:

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

156 lines (154 loc) 6.05 kB
import { getActionFromState as getActionFromStateDefault, getStateFromPath as getStateFromPathDefault, useNavigationIndependentTree } from "@react-navigation/core"; import * as React from "react"; import { Linking, Platform } from "react-native"; import { extractPathFromURL } from "./extractPathFromURL.native.js"; function _type_of(obj) { "@swc/helpers - typeof"; return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; } var linkingHandlers = []; function useLinking(ref, param, onUnhandledLinking) { var { enabled = true, prefixes, filter, config, getInitialURL = function () { return Promise.race([Linking.getInitialURL(), new Promise(function (resolve) { setTimeout(resolve, 150); })]); }, subscribe = function (listener) { var _Linking_removeEventListener; var callback = function (param2) { var { url } = param2; return listener(url); }; var subscription = Linking.addEventListener("url", callback); var removeEventListener = (_Linking_removeEventListener = Linking.removeEventListener) === null || _Linking_removeEventListener === void 0 ? void 0 : _Linking_removeEventListener.bind(Linking); return function () { if (subscription === null || subscription === void 0 ? void 0 : subscription.remove) { subscription.remove(); } else { removeEventListener === null || removeEventListener === void 0 ? void 0 : removeEventListener("url", callback); } }; }, getStateFromPath = getStateFromPathDefault, getActionFromState = getActionFromStateDefault } = param; var independent = useNavigationIndependentTree(); React.useEffect(function () { if (process.env.NODE_ENV === "production") { return void 0; } if (independent) { return void 0; } if (enabled !== false && linkingHandlers.length && Platform.OS !== "android") { if (linkingHandlers.length > 1) { console.error(["Looks like you have configured linking in multiple places. This is likely an error since deep links should only be handled in one place to avoid conflicts. Make sure that:", "- You don't have multiple NavigationContainers in the app each with 'linking' enabled", "- Only a single instance of the root component is rendered"].join("\n").trim()); } } var handler = Symbol(); if (enabled !== false) { linkingHandlers.push(handler); } return function () { var index = linkingHandlers.indexOf(handler); if (index > -1) { linkingHandlers.splice(index, 1); } }; }, [enabled, independent]); var enabledRef = React.useRef(enabled); var prefixesRef = React.useRef(prefixes); var filterRef = React.useRef(filter); var configRef = React.useRef(config); var getInitialURLRef = React.useRef(getInitialURL); var getStateFromPathRef = React.useRef(getStateFromPath); var getActionFromStateRef = React.useRef(getActionFromState); React.useEffect(function () { enabledRef.current = enabled; prefixesRef.current = prefixes; filterRef.current = filter; configRef.current = config; getInitialURLRef.current = getInitialURL; getStateFromPathRef.current = getStateFromPath; getActionFromStateRef.current = getActionFromState; }); var getStateFromURL = React.useCallback(function (url) { if (!url || filterRef.current && !filterRef.current(url)) { return void 0; } var path = extractPathFromURL(prefixesRef.current, url); return path !== void 0 ? getStateFromPathRef.current(path, configRef.current) : void 0; }, []); var getInitialState = React.useCallback(function () { var state; if (enabledRef.current) { var url = getInitialURLRef.current(); if (url != null) { if (typeof url !== "string") { return url.then(function (url2) { var state2 = getStateFromURL(url2); if (typeof url2 === "string") { onUnhandledLinking(extractPathFromURL(prefixes, url2)); } return state2; }); } else { onUnhandledLinking(extractPathFromURL(prefixes, url)); } } state = getStateFromURL(url); } var thenable = { // biome-ignore lint/suspicious/noThenProperty: don't check copied code then(onfulfilled) { return Promise.resolve(onfulfilled ? onfulfilled(state) : state); }, catch() { return thenable; } }; return thenable; }, [getStateFromURL, onUnhandledLinking, prefixes]); React.useEffect(function () { var listener = function (url) { if (!enabled) { return; } var navigation = ref.current; var state = navigation ? getStateFromURL(url) : void 0; if (navigation && state) { onUnhandledLinking(extractPathFromURL(prefixes, url)); var rootState = navigation.getRootState(); if (state.routes.some(function (r) { var _rootState_routeNames; return !(rootState === null || rootState === void 0 ? void 0 : (_rootState_routeNames = rootState.routeNames) === null || _rootState_routeNames === void 0 ? void 0 : _rootState_routeNames.includes(r.name)); })) { return; } var action = getActionFromStateRef.current(state, configRef.current); if (action !== void 0) { try { navigation.dispatch(action); } catch (e) { console.warn(`An error occurred when trying to handle the link '${url}': ${(typeof e === "undefined" ? "undefined" : _type_of(e)) === "object" && e != null && "message" in e ? e.message : e}`); } } else { navigation.resetRoot(state); } } }; return subscribe(listener); }, [enabled, getStateFromURL, onUnhandledLinking, prefixes, ref, subscribe]); return { getInitialState }; } export { useLinking }; //# sourceMappingURL=useLinking.native.js.map