@tanstack/router-plugin/dist/esm/core/hmr/handle-route-update.js

Modern and scalable routing for React applications

//#region src/core/hmr/handle-route-update.ts
function handleRouteUpdate(routeId, newRoute) {
	const router = window.__TSR_ROUTER__;
	const oldRoute = router.routesById[routeId];
	if (!oldRoute) return;
	const generatedRouteOptionKeys = new Set([
		"id",
		"path",
		"getParentRoute"
	]);
	const generatedRouteOptions = {};
	generatedRouteOptionKeys.forEach((key) => {
		if (key in oldRoute.options) generatedRouteOptions[key] = oldRoute.options[key];
	});
	const removedKeys = /* @__PURE__ */ new Set();
	Object.keys(oldRoute.options).forEach((key) => {
		if (!generatedRouteOptionKeys.has(key) && !(key in newRoute.options)) {
			removedKeys.add(key);
			delete oldRoute.options[key];
		}
	});
	const preserveComponentIdentity = "shellComponent" in oldRoute.options === "shellComponent" in newRoute.options;
	const componentKeys = "__TSR_COMPONENT_TYPES__";
	if (preserveComponentIdentity) componentKeys.forEach((key) => {
		if (key in oldRoute.options && key in newRoute.options) newRoute.options[key] = oldRoute.options[key];
	});
	const nextOptions = {
		...newRoute.options,
		...generatedRouteOptions
	};
	oldRoute.options = nextOptions;
	oldRoute.update(nextOptions);
	oldRoute._componentsPromise = void 0;
	oldRoute._lazyPromise = void 0;
	router.setRoutes(router.buildRouteTree());
	router.resolvePathCache.clear();
	const filter = (m) => m.routeId === oldRoute.id;
	const activeMatch = router.stores.matches.get().find(filter);
	const pendingMatch = router.stores.pendingMatches.get().find(filter);
	const cachedMatches = router.stores.cachedMatches.get().filter(filter);
	if (activeMatch || pendingMatch || cachedMatches.length > 0) {
		if (removedKeys.has("loader") || removedKeys.has("beforeLoad")) {
			const matchIds = [
				activeMatch?.id,
				pendingMatch?.id,
				...cachedMatches.map((match) => match.id)
			].filter(Boolean);
			router.batch(() => {
				for (const matchId of matchIds) {
					const store = router.stores.pendingMatchStores.get(matchId) || router.stores.matchStores.get(matchId) || router.stores.cachedMatchStores.get(matchId);
					if (store) store.set((prev) => {
						const next = { ...prev };
						if (removedKeys.has("loader")) next.loaderData = void 0;
						if (removedKeys.has("beforeLoad")) {
							next.__beforeLoadContext = void 0;
							next.context = rebuildMatchContextWithoutBeforeLoad(next);
						}
						return next;
					});
				}
			});
		}
		router.invalidate({
			filter,
			sync: true
		});
	}
	function getStoreMatch(matchId) {
		return router.stores.pendingMatchStores.get(matchId)?.get() || router.stores.matchStores.get(matchId)?.get() || router.stores.cachedMatchStores.get(matchId)?.get();
	}
	function getMatchList(matchId) {
		const pendingMatches = router.stores.pendingMatches.get();
		if (pendingMatches.some((match) => match.id === matchId)) return pendingMatches;
		const activeMatches = router.stores.matches.get();
		if (activeMatches.some((match) => match.id === matchId)) return activeMatches;
		const cachedMatches = router.stores.cachedMatches.get();
		if (cachedMatches.some((match) => match.id === matchId)) return cachedMatches;
		return [];
	}
	function getParentMatch(match) {
		const matchList = getMatchList(match.id);
		const matchIndex = matchList.findIndex((item) => item.id === match.id);
		if (matchIndex <= 0) return;
		const parentMatch = matchList[matchIndex - 1];
		return getStoreMatch(parentMatch.id) || parentMatch;
	}
	function rebuildMatchContextWithoutBeforeLoad(match) {
		const parentMatch = getParentMatch(match);
		const getParentContext = router.getParentContext;
		return {
			...(getParentContext ? getParentContext.call(router, parentMatch) : parentMatch?.context ?? router.options.context) ?? {},
			...match.__routeContext ?? {}
		};
	}
}
var handleRouteUpdateStr = handleRouteUpdate.toString();
function getHandleRouteUpdateCode(stableRouteOptionKeys) {
	return handleRouteUpdateStr.replace(/['"]__TSR_COMPONENT_TYPES__['"]/, JSON.stringify(stableRouteOptionKeys));
}
//#endregion
export { getHandleRouteUpdateCode };

//# sourceMappingURL=handle-route-update.js.map