@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.
@@ -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('ScriptOnce', ${JSON.stringify(children)})` : ""
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":["export 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('ScriptOnce', ${JSON.stringify(children)})`\n : '',\n ]\n .filter(Boolean)\n .join('\\n'),\n }}\n />\n )\n}\n"],"names":["jsx"],"mappings":";;;AAAO,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,8BAA8B,KAAK,UAAU,QAAQ,CAAC,MACtD;AAAA,QAEH,EAAA,OAAO,OAAO,EACd,KAAK,IAAI;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
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;;"}
@@ -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, i, allMatches) => {
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])