@tanstack/react-router 1.43.6 → 1.43.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/react-router",
-  "version": "1.43.6",
-  "description": "",
+  "version": "1.43.12",
+  "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",
   "repository": {
@@ -14,6 +14,15 @@
     "type": "github",
     "url": "https://github.com/sponsors/tannerlinsley"
   },
+  "keywords": [
+    "react",
+    "location",
+    "router",
+    "routing",
+    "async",
+    "async router",
+    "typescript"
+  ],
   "type": "module",
   "types": "dist/esm/index.d.ts",
   "main": "dist/cjs/index.cjs",
@@ -32,27 +41,18 @@
     "./package.json": "./package.json"
   },
   "sideEffects": false,
-  "keywords": [
-    "react",
-    "location",
-    "router",
-    "routing",
-    "async",
-    "async router",
-    "typescript"
-  ],
-  "engines": {
-    "node": ">=12"
-  },
   "files": [
     "dist",
     "src"
   ],
+  "engines": {
+    "node": ">=12"
+  },
   "dependencies": {
     "@tanstack/react-store": "^0.2.1",
     "tiny-invariant": "^1.3.1",
     "tiny-warning": "^1.0.3",
-    "@tanstack/history": "1.41.0"
+    "@tanstack/history": "1.43.12"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.5",

package/src/router.ts

@@ -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'
 import { defaultParseSearch, defaultStringifySearch } from './searchParams'
 import {
@@ -2402,7 +2403,16 @@ export class Router<
     this.manifest = ctx.router.manifest
   }
 
-  injectedHtml: Array<string> = []
+  injectedHtml: Array<() => string> = []
+  injectHtml: (html: string) => void = (html) => {
+    const cb = () => {
+      this.injectedHtml = this.injectedHtml.filter((d) => d !== cb)
+      return html
+    }
+
+    this.injectedHtml.push(cb)
+  }
+  streamedKeys: Set<string> = new Set()
 
   getStreamedValue = <T>(key: string): T | undefined => {
     if (this.isServer) {
@@ -2423,14 +2433,21 @@ export class Router<
   }
 
   streamValue = (key: string, value: any) => {
-    const children = `window.__TSR__.streamedValues['${key}'] = { value: ${this.serializer?.(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: ${this.serializer?.(this.options.transformer.stringify(value))}}`
+
+    this.injectHtml(
       `<script class='tsr-once'>${children}${
         process.env.NODE_ENV === 'development'
           ? `; console.info(\`Injected From Server:
-${children}\`)`
+        ${children}\`)`
           : ''
-      }</script>`,
+      }; __TSR__.cleanScripts()</script>`,
     )
   }