@tanstack/router-plugin
Version:
Modern and scalable routing for React applications
44 lines (43 loc) • 2.06 kB
JavaScript
import { createHmrHotExpressionAst } from "../../hmr-hot-expression.js";
import { getUniqueProgramIdentifier } from "../../utils.js";
import * as template from "@babel/template";
import * as t from "@babel/types";
//#region src/core/code-splitter/plugins/react-stable-hmr-split-route-components.ts
function capitalizeIdentifier(str) {
return str[0].toUpperCase() + str.slice(1);
}
function createHotDataKey(exportName) {
return `tsr-split-component:${exportName}`;
}
var buildStableSplitComponentStatements = template.statements(`
const %%stableComponentIdent%% = (() => {
const hot = %%hotExpression%%
const hotData = hot ? (hot.data ??= {}) : undefined
return hotData?.[%%hotDataKey%%] ?? %%lazyRouteComponentIdent%%(%%localImporterIdent%%, %%exporterIdent%%)
})()
if (%%hotExpression%%) {
((%%hotExpression%%).data ??= {})[%%hotDataKey%%] = %%stableComponentIdent%%
}
`, { syntacticPlaceholders: true });
function createReactStableHmrSplitRouteComponentsPlugin(opts) {
return {
name: "react-stable-hmr-split-route-components",
onSplitRouteProperty(ctx) {
if (ctx.splitNodeMeta.splitStrategy !== "lazyRouteComponent") return;
const stableComponentIdent = getUniqueProgramIdentifier(ctx.programPath, `TSRSplit${capitalizeIdentifier(ctx.splitNodeMeta.exporterIdent)}`);
const hotDataKey = createHotDataKey(ctx.splitNodeMeta.exporterIdent);
ctx.insertionPath.insertBefore(buildStableSplitComponentStatements({
stableComponentIdent,
hotDataKey: t.stringLiteral(hotDataKey),
hotExpression: createHmrHotExpressionAst(opts?.hotExpression ?? ctx.opts.hmrHotExpression),
lazyRouteComponentIdent: t.identifier(ctx.lazyRouteComponentIdent),
localImporterIdent: t.identifier(ctx.splitNodeMeta.localImporterIdent),
exporterIdent: t.stringLiteral(ctx.splitNodeMeta.exporterIdent)
}));
return t.identifier(stableComponentIdent.name);
}
};
}
//#endregion
export { createReactStableHmrSplitRouteComponentsPlugin };
//# sourceMappingURL=react-stable-hmr-split-route-components.js.map