378 lines
15 KiB
JavaScript
378 lines
15 KiB
JavaScript
"use strict";
|
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
}
|
|
Object.defineProperty(o, k2, desc);
|
|
}) : (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
o[k2] = m[k];
|
|
}));
|
|
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
}) : function(o, v) {
|
|
o["default"] = v;
|
|
});
|
|
var __importStar = (this && this.__importStar) || (function () {
|
|
var ownKeys = function(o) {
|
|
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
var ar = [];
|
|
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
return ar;
|
|
};
|
|
return ownKeys(o);
|
|
};
|
|
return function (mod) {
|
|
if (mod && mod.__esModule) return mod;
|
|
var result = {};
|
|
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
__setModuleDefault(result, mod);
|
|
return result;
|
|
};
|
|
})();
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.routingQueue = void 0;
|
|
exports.navigate = navigate;
|
|
exports.reload = reload;
|
|
exports.prefetch = prefetch;
|
|
exports.push = push;
|
|
exports.dismiss = dismiss;
|
|
exports.dismissTo = dismissTo;
|
|
exports.replace = replace;
|
|
exports.dismissAll = dismissAll;
|
|
exports.goBack = goBack;
|
|
exports.canGoBack = canGoBack;
|
|
exports.canDismiss = canDismiss;
|
|
exports.setParams = setParams;
|
|
exports.linkTo = linkTo;
|
|
exports.getPayloadFromStateRoute = getPayloadFromStateRoute;
|
|
exports.findDivergentState = findDivergentState;
|
|
const dom_1 = require("expo/dom");
|
|
const Linking = __importStar(require("expo-linking"));
|
|
const react_native_1 = require("react-native");
|
|
const router_store_1 = require("./router-store");
|
|
const emitDomEvent_1 = require("../domComponents/emitDomEvent");
|
|
const getRoutesRedirects_1 = require("../getRoutesRedirects");
|
|
const href_1 = require("../link/href");
|
|
const matchers_1 = require("../matchers");
|
|
const navigationParams_1 = require("../navigationParams");
|
|
const url_1 = require("../utils/url");
|
|
function assertIsReady() {
|
|
if (!router_store_1.store.navigationRef.isReady()) {
|
|
throw new Error('Attempted to navigate before mounting the Root Layout component. Ensure the Root Layout component is rendering a Slot, or other navigator on the first render.');
|
|
}
|
|
}
|
|
exports.routingQueue = {
|
|
queue: [],
|
|
subscribers: new Set(),
|
|
subscribe(callback) {
|
|
exports.routingQueue.subscribers.add(callback);
|
|
return () => {
|
|
exports.routingQueue.subscribers.delete(callback);
|
|
};
|
|
},
|
|
snapshot() {
|
|
return exports.routingQueue.queue;
|
|
},
|
|
add(action) {
|
|
exports.routingQueue.queue.push(action);
|
|
for (const callback of exports.routingQueue.subscribers) {
|
|
callback();
|
|
}
|
|
},
|
|
run(ref) {
|
|
// Reset the identity of the queue.
|
|
const events = exports.routingQueue.queue;
|
|
exports.routingQueue.queue = [];
|
|
let action;
|
|
while ((action = events.shift())) {
|
|
if (ref.current) {
|
|
if (action.type === 'ROUTER_LINK') {
|
|
const { payload: { href, options }, } = action;
|
|
action = getNavigateAction(href, options, options.event, options.withAnchor, options.dangerouslySingular, !!options.__internal__PreviewKey);
|
|
if (action) {
|
|
ref.current.dispatch(action);
|
|
}
|
|
}
|
|
else {
|
|
ref.current.dispatch(action);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
};
|
|
function navigate(url, options) {
|
|
return linkTo((0, href_1.resolveHref)(url), { ...options, event: 'NAVIGATE' });
|
|
}
|
|
function reload() {
|
|
// TODO(EvanBacon): add `reload` support.
|
|
throw new Error('The reload method is not implemented in the client-side router yet.');
|
|
}
|
|
function prefetch(href, options) {
|
|
return linkTo((0, href_1.resolveHref)(href), { ...options, event: 'PRELOAD' });
|
|
}
|
|
function push(url, options) {
|
|
return linkTo((0, href_1.resolveHref)(url), { ...options, event: 'PUSH' });
|
|
}
|
|
function dismiss(count = 1) {
|
|
if ((0, emitDomEvent_1.emitDomDismiss)(count)) {
|
|
return;
|
|
}
|
|
exports.routingQueue.add({ type: 'POP', payload: { count } });
|
|
}
|
|
function dismissTo(href, options) {
|
|
return linkTo((0, href_1.resolveHref)(href), { ...options, event: 'POP_TO' });
|
|
}
|
|
function replace(url, options) {
|
|
return linkTo((0, href_1.resolveHref)(url), { ...options, event: 'REPLACE' });
|
|
}
|
|
function dismissAll() {
|
|
if ((0, emitDomEvent_1.emitDomDismissAll)()) {
|
|
return;
|
|
}
|
|
exports.routingQueue.add({ type: 'POP_TO_TOP' });
|
|
}
|
|
function goBack() {
|
|
if ((0, emitDomEvent_1.emitDomGoBack)()) {
|
|
return;
|
|
}
|
|
assertIsReady();
|
|
exports.routingQueue.add({ type: 'GO_BACK' });
|
|
}
|
|
function canGoBack() {
|
|
if (dom_1.IS_DOM) {
|
|
throw new Error('canGoBack imperative method is not supported. Pass the property to the DOM component instead.');
|
|
}
|
|
// Return a default value here if the navigation hasn't mounted yet.
|
|
// This can happen if the user calls `canGoBack` from the Root Layout route
|
|
// before mounting a navigator. This behavior exists due to React Navigation being dynamically
|
|
// constructed at runtime. We can get rid of this in the future if we use
|
|
// the static configuration internally.
|
|
if (!router_store_1.store.navigationRef.isReady()) {
|
|
return false;
|
|
}
|
|
return router_store_1.store.navigationRef?.current?.canGoBack() ?? false;
|
|
}
|
|
function canDismiss() {
|
|
if (dom_1.IS_DOM) {
|
|
throw new Error('canDismiss imperative method is not supported. Pass the property to the DOM component instead.');
|
|
}
|
|
let state = router_store_1.store.state;
|
|
// Keep traversing down the state tree until we find a stack navigator that we can pop
|
|
while (state) {
|
|
if (state.type === 'stack' && state.routes.length > 1) {
|
|
return true;
|
|
}
|
|
if (state.index === undefined)
|
|
return false;
|
|
state = state.routes?.[state.index]?.state;
|
|
}
|
|
return false;
|
|
}
|
|
function setParams(params = {}) {
|
|
if ((0, emitDomEvent_1.emitDomSetParams)(params)) {
|
|
return;
|
|
}
|
|
assertIsReady();
|
|
return (router_store_1.store.navigationRef?.current?.setParams)(params);
|
|
}
|
|
function linkTo(originalHref, options = {}) {
|
|
originalHref = typeof originalHref == 'string' ? originalHref : (0, href_1.resolveHref)(originalHref);
|
|
let href = originalHref;
|
|
if ((0, emitDomEvent_1.emitDomLinkEvent)(href, options)) {
|
|
return;
|
|
}
|
|
if ((0, url_1.shouldLinkExternally)(href)) {
|
|
if (href.startsWith('//') && react_native_1.Platform.OS !== 'web') {
|
|
href = `https:${href}`;
|
|
}
|
|
Linking.openURL(href);
|
|
return;
|
|
}
|
|
if (href === '..' || href === '../') {
|
|
assertIsReady();
|
|
const navigationRef = router_store_1.store.navigationRef.current;
|
|
if (navigationRef == null) {
|
|
throw new Error("Couldn't find a navigation object. Is your component inside NavigationContainer?");
|
|
}
|
|
if (!router_store_1.store.linking) {
|
|
throw new Error('Attempted to link to route when no routes are present');
|
|
}
|
|
navigationRef.goBack();
|
|
return;
|
|
}
|
|
const linkAction = {
|
|
type: 'ROUTER_LINK',
|
|
payload: {
|
|
href,
|
|
options,
|
|
},
|
|
};
|
|
exports.routingQueue.add(linkAction);
|
|
}
|
|
function getNavigateAction(baseHref, options, type = 'NAVIGATE', withAnchor, singular, isPreviewNavigation) {
|
|
let href = baseHref;
|
|
assertIsReady();
|
|
const navigationRef = router_store_1.store.navigationRef.current;
|
|
if (navigationRef == null) {
|
|
throw new Error("Couldn't find a navigation object. Is your component inside NavigationContainer?");
|
|
}
|
|
if (!router_store_1.store.linking) {
|
|
throw new Error('Attempted to link to route when no routes are present');
|
|
}
|
|
const rootState = navigationRef.getRootState();
|
|
href = (0, href_1.resolveHrefStringWithSegments)(href, router_store_1.store.getRouteInfo(), options);
|
|
href = (0, getRoutesRedirects_1.applyRedirects)(href, router_store_1.store.redirects) ?? undefined;
|
|
// If the href is undefined, it means that the redirect has already been handled the navigation
|
|
if (!href) {
|
|
return;
|
|
}
|
|
const state = router_store_1.store.linking.getStateFromPath(href, router_store_1.store.linking.config);
|
|
if (!state || state.routes.length === 0) {
|
|
console.error('Could not generate a valid navigation state for the given path: ' + href);
|
|
return;
|
|
}
|
|
/**
|
|
* We need to find the deepest navigator where the action and current state diverge, If they do not diverge, the
|
|
* lowest navigator is the target.
|
|
*
|
|
* By default React Navigation will target the current navigator, but this doesn't work for all actions
|
|
* For example:
|
|
* - /deeply/nested/route -> /top-level-route the target needs to be the top-level navigator
|
|
* - /stack/nestedStack/page -> /stack1/nestedStack/other-page needs to target the nestedStack navigator
|
|
*
|
|
* This matching needs to done by comparing the route names and the dynamic path, for example
|
|
* - /1/page -> /2/anotherPage needs to target the /[id] navigator
|
|
*
|
|
* Other parameters such as search params and hash are not evaluated.
|
|
*/
|
|
const { actionStateRoute, navigationState } = findDivergentState(state, rootState, type === 'PRELOAD');
|
|
/*
|
|
* We found the target navigator, but the payload is in the incorrect format
|
|
* We need to convert the action state to a payload that can be dispatched
|
|
*/
|
|
const rootPayload = getPayloadFromStateRoute(actionStateRoute || {});
|
|
if (type === 'PUSH' && navigationState.type !== 'stack') {
|
|
type = 'NAVIGATE';
|
|
}
|
|
else if (navigationState.type === 'expo-tab') {
|
|
type = 'JUMP_TO';
|
|
}
|
|
else if (type === 'REPLACE' && navigationState.type === 'drawer') {
|
|
type = 'JUMP_TO';
|
|
}
|
|
if (withAnchor) {
|
|
if (rootPayload.params.initial) {
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
console.warn(`The parameter 'initial' is a reserved parameter name in React Navigation`);
|
|
}
|
|
}
|
|
/*
|
|
* The logic for initial can seen backwards depending on your perspective
|
|
* True: The initialRouteName is not loaded. The incoming screen is the initial screen (default)
|
|
* False: The initialRouteName is loaded. THe incoming screen is placed after the initialRouteName
|
|
*
|
|
* withAnchor flips the perspective.
|
|
* True: You want the initialRouteName to load.
|
|
* False: You do not want the initialRouteName to load.
|
|
*/
|
|
// Set initial on root and all nested params so anchors are loaded at every level
|
|
let currentParams = rootPayload.params;
|
|
while (currentParams) {
|
|
currentParams.initial = !withAnchor;
|
|
currentParams = currentParams.params;
|
|
}
|
|
}
|
|
const expoParams = isPreviewNavigation
|
|
? {
|
|
[navigationParams_1.INTERNAL_EXPO_ROUTER_IS_PREVIEW_NAVIGATION_PARAM_NAME]: true,
|
|
[navigationParams_1.INTERNAL_EXPO_ROUTER_NO_ANIMATION_PARAM_NAME]: true,
|
|
}
|
|
: {};
|
|
const params = (0, navigationParams_1.appendInternalExpoRouterParams)(rootPayload.params, expoParams);
|
|
return {
|
|
type,
|
|
target: navigationState.key,
|
|
payload: {
|
|
// key: rootPayload.key,
|
|
name: rootPayload.screen,
|
|
params,
|
|
singular,
|
|
},
|
|
};
|
|
}
|
|
/**
|
|
* React Navigation uses params to store information about the screens, rather then create new state for each level.
|
|
* This function traverses the action state that will not be part of state and returns a payload that can be used in action.
|
|
*/
|
|
function getPayloadFromStateRoute(_actionStateRoute) {
|
|
const rootPayload = { params: {} };
|
|
let payload = rootPayload;
|
|
let params = payload.params;
|
|
let actionStateRoute = _actionStateRoute;
|
|
while (actionStateRoute) {
|
|
Object.assign(params, { ...payload.params, ...actionStateRoute.params });
|
|
// Assign the screen name to the payload
|
|
payload.screen = actionStateRoute.name;
|
|
// Merge the params, ensuring that we create a new object
|
|
payload.params = { ...params };
|
|
// Params don't include the screen, thats a separate attribute
|
|
delete payload.params['screen'];
|
|
// Continue down the payload tree
|
|
// Initially these values are separate, but React Nav merges them after the first layer
|
|
payload = payload.params;
|
|
params = payload;
|
|
actionStateRoute = actionStateRoute.state?.routes[actionStateRoute.state?.routes.length - 1];
|
|
}
|
|
return rootPayload;
|
|
}
|
|
/*
|
|
* Traverse the state tree comparing the current state and the action state until we find where they diverge
|
|
*/
|
|
function findDivergentState(_actionState, _navigationState,
|
|
// If true, look through all tabs to find the target state, rather then just the current tab
|
|
lookThroughAllTabs = false) {
|
|
let actionState = _actionState;
|
|
let navigationState = _navigationState;
|
|
let actionStateRoute;
|
|
const navigationRoutes = [];
|
|
while (actionState && navigationState) {
|
|
actionStateRoute = actionState.routes[actionState.routes.length - 1];
|
|
const stateRoute = (() => {
|
|
if (navigationState.type === 'tab' && lookThroughAllTabs) {
|
|
return (navigationState.routes.find((route) => route.name === actionStateRoute?.name) ||
|
|
navigationState.routes[navigationState.index ?? 0]);
|
|
}
|
|
return navigationState.routes[navigationState.index ?? 0];
|
|
})();
|
|
const childState = actionStateRoute.state;
|
|
const nextNavigationState = stateRoute.state;
|
|
const dynamicName = (0, matchers_1.matchDynamicName)(actionStateRoute.name);
|
|
const didActionAndCurrentStateDiverge = actionStateRoute.name !== stateRoute.name ||
|
|
!childState ||
|
|
!nextNavigationState ||
|
|
(dynamicName &&
|
|
// @ts-expect-error: TODO(@kitten): This isn't properly typed, so the index access fails
|
|
actionStateRoute.params?.[dynamicName.name] !== stateRoute.params?.[dynamicName.name]);
|
|
if (didActionAndCurrentStateDiverge) {
|
|
// If we are looking through all tabs, we need to add new tab id if this is the last route
|
|
// Otherwise we wouldn't be able to change the tab
|
|
if (navigationState.type === 'tab' && lookThroughAllTabs) {
|
|
navigationRoutes.push(stateRoute);
|
|
}
|
|
break;
|
|
}
|
|
navigationRoutes.push(stateRoute);
|
|
actionState = childState;
|
|
navigationState = nextNavigationState;
|
|
}
|
|
return {
|
|
actionState,
|
|
navigationState,
|
|
actionStateRoute,
|
|
navigationRoutes,
|
|
};
|
|
}
|
|
//# sourceMappingURL=routing.js.map
|