@tanstack/react-router 1.43.6 → 1.43.10

package/dist/cjs/router.d.cts

@@ -411,7 +411,9 @@ export declare class Router<in out TRouteTree extends AnyRoute, in out TTrailing
     matchRoute: <TFrom extends RoutePaths<TRouteTree> = "/", TTo extends string = "", TResolved = ResolveRelativePath<TFrom, NoInfer<TTo>>>(location: ToOptions<Router<TRouteTree, TTrailingSlashOption, TDehydrated, TSerializedError>, TFrom, TTo>, opts?: MatchRouteOptions) => false | RouteById<TRouteTree, TResolved>['types']['allParams'];
     dehydrate: () => DehydratedRouter;
     hydrate: () => Promise<void>;
-    injectedHtml: Array<string>;
+    injectedHtml: Array<() => string>;
+    injectHtml: (html: string) => void;
+    streamedKeys: Set<string>;
     getStreamedValue: <T>(key: string) => T | undefined;
     streamValue: (key: string, value: any) => void;
     handleNotFound: (matches: Array<AnyRouteMatch>, err: NotFoundError) => void;

package/dist/esm/router.d.ts

@@ -411,7 +411,9 @@ export declare class Router<in out TRouteTree extends AnyRoute, in out TTrailing
     matchRoute: <TFrom extends RoutePaths<TRouteTree> = "/", TTo extends string = "", TResolved = ResolveRelativePath<TFrom, NoInfer<TTo>>>(location: ToOptions<Router<TRouteTree, TTrailingSlashOption, TDehydrated, TSerializedError>, TFrom, TTo>, opts?: MatchRouteOptions) => false | RouteById<TRouteTree, TResolved>['types']['allParams'];
     dehydrate: () => DehydratedRouter;
     hydrate: () => Promise<void>;
-    injectedHtml: Array<string>;
+    injectedHtml: Array<() => string>;
+    injectHtml: (html: string) => void;
+    streamedKeys: Set<string>;
     getStreamedValue: <T>(key: string) => T | undefined;
     streamValue: (key: string, value: any) => void;
     handleNotFound: (matches: Array<AnyRouteMatch>, err: NotFoundError) => void;

package/dist/esm/router.js

@@ -1,6 +1,7 @@
 import { createBrowserHistory, createMemoryHistory } from "@tanstack/history";
 import { Store } from "@tanstack/react-store";
 import invariant from "tiny-invariant";
+import warning from "tiny-warning";
 import { rootRouteId } from "./root.js";
 import { defaultStringifySearch, defaultParseSearch } from "./searchParams.js";
 import { createControlledPromise, replaceEqualDeep, pick, last, deepEqual, functionalUpdate } from "./utils.js";
@@ -1234,6 +1235,14 @@ class Router {
       this.manifest = ctx.router.manifest;
     };
     this.injectedHtml = [];
+    this.injectHtml = (html) => {
+      const cb = () => {
+        this.injectedHtml = this.injectedHtml.filter((d) => d !== cb);
+        return html;
+      };
+      this.injectedHtml.push(cb);
+    };
+    this.streamedKeys = /* @__PURE__ */ new Set();
     this.getStreamedValue = (key) => {
       var _a;
       if (this.isServer) {
@@ -1250,10 +1259,15 @@ class Router {
     };
     this.streamValue = (key, value) => {
       var _a;
-      const children = `window.__TSR__.streamedValues['${key}'] = { value: ${(_a = this.serializer) == null ? void 0 : _a.call(this, this.options.transformer.stringify(value))}}`;
-      this.injectedHtml.push(
+      warning(
+        !this.streamedKeys.has(key),
+        "Key has already been streamed: " + key
+      );
+      this.streamedKeys.add(key);
+      const children = `__TSR__.streamedValues['${key}'] = { value: ${(_a = this.serializer) == null ? void 0 : _a.call(this, this.options.transformer.stringify(value))}}`;
+      this.injectHtml(
         `<script class='tsr-once'>${children}${process.env.NODE_ENV === "development" ? `; console.info(\`Injected From Server:
-${children}\`)` : ""}<\/script>`
+        ${children}\`)` : ""}; __TSR__.cleanScripts()<\/script>`
       );
     };
     this.handleNotFound = (matches, err) => {