@tanstack/react-router 1.42.0 → 1.43.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ScriptOnce.cjs +2 -1
- package/dist/cjs/ScriptOnce.cjs.map +1 -1
- package/dist/cjs/router.cjs +18 -14
- package/dist/cjs/router.cjs.map +1 -1
- package/dist/cjs/router.d.cts +5 -0
- package/dist/cjs/scroll-restoration.cjs.map +1 -1
- package/dist/esm/ScriptOnce.js +2 -1
- package/dist/esm/ScriptOnce.js.map +1 -1
- package/dist/esm/router.d.ts +5 -0
- package/dist/esm/router.js +18 -14
- package/dist/esm/router.js.map +1 -1
- package/dist/esm/scroll-restoration.js.map +1 -1
- package/package.json +1 -1
- package/src/ScriptOnce.tsx +3 -1
- package/src/router.ts +26 -21
- package/src/scroll-restoration.tsx +3 -4
package/dist/cjs/ScriptOnce.cjs
CHANGED
|
@@ -18,7 +18,8 @@ function ScriptOnce({
|
|
|
18
18
|
dangerouslySetInnerHTML: {
|
|
19
19
|
__html: [
|
|
20
20
|
children,
|
|
21
|
-
(log ?? true) && process.env.NODE_ENV === "development" ? `console.info(
|
|
21
|
+
(log ?? true) && process.env.NODE_ENV === "development" ? `console.info(\`Injected From Server:
|
|
22
|
+
${children}\`)` : ""
|
|
22
23
|
].filter(Boolean).join("\n")
|
|
23
24
|
}
|
|
24
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScriptOnce.cjs","sources":["../../src/ScriptOnce.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"ScriptOnce.cjs","sources":["../../src/ScriptOnce.tsx"],"sourcesContent":["/* eslint-disable @eslint-react/dom/no-dangerously-set-innerhtml */\nexport function ScriptOnce({\n className,\n children,\n log,\n ...rest\n}: { children: string; log?: boolean } & React.HTMLProps<HTMLScriptElement>) {\n if (typeof document !== 'undefined') {\n return null\n }\n\n return (\n <script\n {...rest}\n className={`tsr-once ${className || ''}`}\n dangerouslySetInnerHTML={{\n __html: [\n children,\n (log ?? true) && process.env.NODE_ENV === 'development'\n ? `console.info(\\`Injected From Server:\n${children}\\`)`\n : '',\n ]\n .filter(Boolean)\n .join('\\n'),\n }}\n />\n )\n}\n"],"names":["jsx"],"mappings":";;;AACO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6E;AACvE,MAAA,OAAO,aAAa,aAAa;AAC5B,WAAA;AAAA,EACT;AAGE,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,YAAY,aAAa,EAAE;AAAA,MACtC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,UACN;AAAA,WACC,OAAO,SAAS,QAAQ,IAAI,aAAa,gBACtC;AAAA,EACZ,QAAQ,QACI;AAAA,QAEH,EAAA,OAAO,OAAO,EACd,KAAK,IAAI;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
|
package/dist/cjs/router.cjs
CHANGED
|
@@ -1215,8 +1215,7 @@ class Router {
|
|
|
1215
1215
|
const matches = this.matchRoutes(
|
|
1216
1216
|
this.state.location.pathname,
|
|
1217
1217
|
this.state.location.search
|
|
1218
|
-
).map((match
|
|
1219
|
-
var _a2, _b2, _c2, _d, _e, _f;
|
|
1218
|
+
).map((match) => {
|
|
1220
1219
|
const dehydratedMatch = dehydratedState.dehydratedMatches.find(
|
|
1221
1220
|
(d) => d.id === match.id
|
|
1222
1221
|
);
|
|
@@ -1224,20 +1223,9 @@ class Router {
|
|
|
1224
1223
|
dehydratedMatch,
|
|
1225
1224
|
`Could not find a client-side match for dehydrated match with id: ${match.id}!`
|
|
1226
1225
|
);
|
|
1227
|
-
const route = this.looseRoutesById[match.routeId];
|
|
1228
|
-
const assets = dehydratedMatch.status === "notFound" || dehydratedMatch.status === "redirected" ? {} : {
|
|
1229
|
-
meta: (_b2 = (_a2 = route.options).meta) == null ? void 0 : _b2.call(_a2, {
|
|
1230
|
-
matches: allMatches,
|
|
1231
|
-
params: match.params,
|
|
1232
|
-
loaderData: dehydratedMatch.loaderData
|
|
1233
|
-
}),
|
|
1234
|
-
links: (_d = (_c2 = route.options).links) == null ? void 0 : _d.call(_c2),
|
|
1235
|
-
scripts: (_f = (_e = route.options).scripts) == null ? void 0 : _f.call(_e)
|
|
1236
|
-
};
|
|
1237
1226
|
return {
|
|
1238
1227
|
...match,
|
|
1239
|
-
...dehydratedMatch
|
|
1240
|
-
...assets
|
|
1228
|
+
...dehydratedMatch
|
|
1241
1229
|
};
|
|
1242
1230
|
});
|
|
1243
1231
|
this.__store.setState((s) => {
|
|
@@ -1248,6 +1236,22 @@ class Router {
|
|
|
1248
1236
|
});
|
|
1249
1237
|
this.manifest = ctx.router.manifest;
|
|
1250
1238
|
};
|
|
1239
|
+
this.injectedHtml = [];
|
|
1240
|
+
this.getStreamedValue = (key) => {
|
|
1241
|
+
var _a;
|
|
1242
|
+
if (this.isServer) {
|
|
1243
|
+
return void 0;
|
|
1244
|
+
}
|
|
1245
|
+
return (_a = window.__TSR__) == null ? void 0 : _a.streamedValues[key];
|
|
1246
|
+
};
|
|
1247
|
+
this.streamValue = (key, value) => {
|
|
1248
|
+
var _a;
|
|
1249
|
+
const children = `window.__TSR__.streamedValues['${key}'] = ${(_a = this.serializer) == null ? void 0 : _a.call(this, value)}`;
|
|
1250
|
+
this.injectedHtml.push(
|
|
1251
|
+
`<script class='tsr-once'>${children}${process.env.NODE_ENV === "development" ? `; console.info(\`Injected From Server:
|
|
1252
|
+
${children}\`)` : ""}<\/script>`
|
|
1253
|
+
);
|
|
1254
|
+
};
|
|
1251
1255
|
this.handleNotFound = (matches, err) => {
|
|
1252
1256
|
const matchesByRouteId = Object.fromEntries(
|
|
1253
1257
|
matches.map((match2) => [match2.routeId, match2])
|