@tanstack/router-plugin
Version:
Modern and scalable routing for React applications
90 lines (89 loc) • 3.75 kB
JavaScript
const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
const require_hmr_hot_expression = require("./hmr-hot-expression.cjs");
let _babel_template = require("@babel/template");
_babel_template = require_runtime.__toESM(_babel_template);
//#region src/core/route-hmr-statement.ts
function handleRouteUpdate(routeId, newRoute) {
const router = window.__TSR_ROUTER__;
const oldRoute = router.routesById[routeId];
if (!oldRoute) return;
const removedKeys = /* @__PURE__ */ new Set();
Object.keys(oldRoute.options).forEach((key) => {
if (!(key in newRoute.options)) {
removedKeys.add(key);
delete oldRoute.options[key];
}
});
"__TSR_COMPONENT_TYPES__".forEach((key) => {
if (key in oldRoute.options && key in newRoute.options) newRoute.options[key] = oldRoute.options[key];
});
oldRoute.options = newRoute.options;
oldRoute.update(newRoute.options);
oldRoute._componentsPromise = void 0;
oldRoute._lazyPromise = void 0;
router.routesById[oldRoute.id] = oldRoute;
router.routesByPath[oldRoute.fullPath] = oldRoute;
router.processedTree.matchCache.clear();
router.processedTree.flatCache?.clear();
router.processedTree.singleCache.clear();
router.resolvePathCache.clear();
walkReplaceSegmentTree(oldRoute, router.processedTree.segmentTree);
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;
return next;
});
}
});
}
router.invalidate({
filter,
sync: true
});
}
function walkReplaceSegmentTree(route, node) {
if (node.route?.id === route.id) node.route = route;
if (node.index) walkReplaceSegmentTree(route, node.index);
node.static?.forEach((child) => walkReplaceSegmentTree(route, child));
node.staticInsensitive?.forEach((child) => walkReplaceSegmentTree(route, child));
node.dynamic?.forEach((child) => walkReplaceSegmentTree(route, child));
node.optional?.forEach((child) => walkReplaceSegmentTree(route, child));
node.wildcard?.forEach((child) => walkReplaceSegmentTree(route, child));
}
}
var handleRouteUpdateStr = handleRouteUpdate.toString();
function createRouteHmrStatement(stableRouteOptionKeys, opts) {
return _babel_template.statement(`
if (%%hotExpression%%) {
const hot = %%hotExpression%%
const hotData = hot.data ??= {}
hot.accept((newModule) => {
if (Route && newModule && newModule.Route) {
const routeId = hotData['tsr-route-id'] ?? Route.id
if (routeId) {
hotData['tsr-route-id'] = routeId
}
(${handleRouteUpdateStr.replace(/['"]__TSR_COMPONENT_TYPES__['"]/, JSON.stringify(stableRouteOptionKeys))})(routeId, newModule.Route)
}
})
}
`, { syntacticPlaceholders: true })({ hotExpression: require_hmr_hot_expression.createHmrHotExpressionAst(opts?.hotExpression) });
}
//#endregion
exports.createRouteHmrStatement = createRouteHmrStatement;
//# sourceMappingURL=route-hmr-statement.cjs.map