@tanstack/react-router 1.121.34 → 1.121.39

package/dist/cjs/index.d.cts

@@ -2,7 +2,7 @@ export { default as invariant } from 'tiny-invariant';
 export { default as warning } from 'tiny-warning';
 export { defer, TSR_DEFERRED_PROMISE, isMatch, joinPaths, cleanPath, trimPathLeft, trimPathRight, trimPath, resolvePath, parsePathname, interpolatePath, matchPathname, removeBasepath, matchByPath, encode, decode, rootRouteId, defaultSerializeError, defaultParseSearch, defaultStringifySearch, parseSearchWith, stringifySearchWith, escapeJSON, // SSR
 pick, functionalUpdate, replaceEqualDeep, isPlainObject, isPlainArray, deepEqual, shallow, createControlledPromise, retainSearchParams, stripSearchParams, } from '@tanstack/router-core';
-export type { AnyRoute, StartSerializer, Serializable, SerializerParse, SerializerParseBy, SerializerStringify, SerializerStringifyBy, DeferredPromiseState, DeferredPromise, ParsedLocation, RemoveTrailingSlashes, RemoveLeadingSlashes, ActiveOptions, Segment, ResolveRelativePath, RootRouteId, AnyPathParams, ResolveParams, ResolveOptionalParams, ResolveRequiredParams, SearchSchemaInput, AnyContext, RouteContext, PreloadableObj, RoutePathOptions, StaticDataRouteOption, RoutePathOptionsIntersection, UpdatableStaticRouteOption, MetaDescriptor, RouteLinkEntry, ParseParamsFn, SearchFilter, ResolveId, InferFullSearchSchema, InferFullSearchSchemaInput, ErrorRouteProps, ErrorComponentProps, NotFoundRouteProps, TrimPath, TrimPathLeft, TrimPathRight, StringifyParamsFn, ParamsOptions, InferAllParams, InferAllContext, LooseReturnType, LooseAsyncReturnType, ContextReturnType, ContextAsyncReturnType, ResolveLoaderData, ResolveRouteContext, SearchSerializer, SearchParser, TrailingSlashOption, ExtractedEntry, ExtractedStream, ExtractedPromise, StreamState, Manifest, RouterManagedTag, ControlledPromise, Constrain, Expand, MergeAll, Assign, IntersectAssign, ResolveValidatorInput, ResolveValidatorOutput, Register, AnyValidator, DefaultValidator, ValidatorFn, AnySchema, AnyValidatorAdapter, AnyValidatorFn, AnyValidatorObj, ResolveValidatorInputFn, ResolveValidatorOutputFn, ResolveSearchValidatorInput, ResolveSearchValidatorInputFn, Validator, ValidatorAdapter, ValidatorObj, FileRoutesByPath, RouteById, RootRouteOptions, SerializerExtensions, CreateFileRoute, } from '@tanstack/router-core';
+export type { AnyRoute, TsrSerializer, StartSerializer, Serializable, SerializerParse, SerializerParseBy, SerializerStringify, SerializerStringifyBy, DeferredPromiseState, DeferredPromise, ParsedLocation, RemoveTrailingSlashes, RemoveLeadingSlashes, ActiveOptions, Segment, ResolveRelativePath, RootRouteId, AnyPathParams, ResolveParams, ResolveOptionalParams, ResolveRequiredParams, SearchSchemaInput, AnyContext, RouteContext, PreloadableObj, RoutePathOptions, StaticDataRouteOption, RoutePathOptionsIntersection, UpdatableStaticRouteOption, MetaDescriptor, RouteLinkEntry, ParseParamsFn, SearchFilter, ResolveId, InferFullSearchSchema, InferFullSearchSchemaInput, ErrorRouteProps, ErrorComponentProps, NotFoundRouteProps, TrimPath, TrimPathLeft, TrimPathRight, StringifyParamsFn, ParamsOptions, InferAllParams, InferAllContext, LooseReturnType, LooseAsyncReturnType, ContextReturnType, ContextAsyncReturnType, ResolveLoaderData, ResolveRouteContext, SearchSerializer, SearchParser, TrailingSlashOption, ExtractedEntry, ExtractedStream, ExtractedPromise, StreamState, Manifest, RouterManagedTag, ControlledPromise, Constrain, Expand, MergeAll, Assign, IntersectAssign, ResolveValidatorInput, ResolveValidatorOutput, Register, AnyValidator, DefaultValidator, ValidatorFn, AnySchema, AnyValidatorAdapter, AnyValidatorFn, AnyValidatorObj, ResolveValidatorInputFn, ResolveValidatorOutputFn, ResolveSearchValidatorInput, ResolveSearchValidatorInputFn, Validator, ValidatorAdapter, ValidatorObj, FileRoutesByPath, RouteById, RootRouteOptions, SerializerExtensions, CreateFileRoute, } from '@tanstack/router-core';
 export type * from './serializer.cjs';
 export { createHistory, createBrowserHistory, createHashHistory, createMemoryHistory, } from '@tanstack/history';
 export type { BlockerFn, HistoryLocation, RouterHistory, ParsedPath, HistoryState, } from '@tanstack/history';

package/dist/cjs/ssr/RouterClient.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const client = require("@tanstack/router-core/ssr/client");
+const awaited = require("../awaited.cjs");
+const RouterProvider = require("../RouterProvider.cjs");
+let hydrationPromise;
+function RouterClient(props) {
+  if (!hydrationPromise) {
+    if (!props.router.state.matches.length) {
+      hydrationPromise = client.hydrate(props.router);
+    } else {
+      hydrationPromise = Promise.resolve();
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    awaited.Await,
+    {
+      promise: hydrationPromise,
+      children: () => /* @__PURE__ */ jsxRuntime.jsx(RouterProvider.RouterProvider, { router: props.router })
+    }
+  );
+}
+exports.RouterClient = RouterClient;
+//# sourceMappingURL=RouterClient.cjs.map

package/dist/cjs/ssr/RouterClient.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterClient.cjs","sources":["../../../src/ssr/RouterClient.tsx"],"sourcesContent":["import { hydrate } from '@tanstack/router-core/ssr/client'\nimport { Await } from '../awaited'\nimport { RouterProvider } from '../RouterProvider'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nlet hydrationPromise: Promise<void | Array<Array<void>>> | undefined\n\nexport function RouterClient(props: { router: AnyRouter }) {\n  if (!hydrationPromise) {\n    if (!props.router.state.matches.length) {\n      hydrationPromise = hydrate(props.router)\n    } else {\n      hydrationPromise = Promise.resolve()\n    }\n  }\n  return (\n    <Await\n      promise={hydrationPromise}\n      children={() => <RouterProvider router={props.router} />}\n    />\n  )\n}\n"],"names":["hydrate","jsx","Await","RouterProvider"],"mappings":";;;;;;AAKA,IAAI;AAEG,SAAS,aAAa,OAA8B;AACzD,MAAI,CAAC,kBAAkB;AACrB,QAAI,CAAC,MAAM,OAAO,MAAM,QAAQ,QAAQ;AACnB,yBAAAA,OAAAA,QAAQ,MAAM,MAAM;AAAA,IAAA,OAClC;AACL,yBAAmB,QAAQ,QAAQ;AAAA,IAAA;AAAA,EACrC;AAGA,SAAAC,2BAAA;AAAA,IAACC,QAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,MAAMD,2BAAAA,IAACE,eAAAA,gBAAe,EAAA,QAAQ,MAAM,OAAQ,CAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;;"}

package/dist/cjs/ssr/RouterClient.d.cts

@@ -0,0 +1,4 @@
+import { AnyRouter } from '@tanstack/router-core';
+export declare function RouterClient(props: {
+    router: AnyRouter;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/ssr/RouterServer.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const RouterProvider = require("../RouterProvider.cjs");
+function RouterServer(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(RouterProvider.RouterProvider, { router: props.router });
+}
+exports.RouterServer = RouterServer;
+//# sourceMappingURL=RouterServer.cjs.map

package/dist/cjs/ssr/RouterServer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterServer.cjs","sources":["../../../src/ssr/RouterServer.tsx"],"sourcesContent":["import * as React from 'react'\nimport { RouterProvider } from '../RouterProvider'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function RouterServer<TRouter extends AnyRouter>(props: {\n  router: TRouter\n}) {\n  return <RouterProvider router={props.router} />\n}\n"],"names":["jsx","RouterProvider"],"mappings":";;;;AAIO,SAAS,aAAwC,OAErD;AACD,SAAQA,2BAAAA,IAAAC,eAAAA,gBAAA,EAAe,QAAQ,MAAM,OAAQ,CAAA;AAC/C;;"}

package/dist/cjs/ssr/RouterServer.d.cts

@@ -0,0 +1,4 @@
+import { AnyRouter } from '@tanstack/router-core';
+export declare function RouterServer<TRouter extends AnyRouter>(props: {
+    router: TRouter;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/ssr/client.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const RouterClient = require("./RouterClient.cjs");
+const client = require("@tanstack/router-core/ssr/client");
+exports.RouterClient = RouterClient.RouterClient;
+Object.keys(client).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => client[k]
+  });
+});
+//# sourceMappingURL=client.cjs.map

package/dist/cjs/ssr/client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/ssr/client.d.cts

@@ -0,0 +1,2 @@
+export { RouterClient } from './RouterClient.cjs';
+export * from '@tanstack/router-core/ssr/client';

package/dist/cjs/ssr/defaultRenderHandler.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const server = require("@tanstack/router-core/ssr/server");
+const renderRouterToString = require("./renderRouterToString.cjs");
+const RouterServer = require("./RouterServer.cjs");
+const defaultRenderHandler = server.defineHandlerCallback(
+  ({ router, responseHeaders }) => renderRouterToString.renderRouterToString({
+    router,
+    responseHeaders,
+    children: /* @__PURE__ */ jsxRuntime.jsx(RouterServer.RouterServer, { router })
+  })
+);
+exports.defaultRenderHandler = defaultRenderHandler;
+//# sourceMappingURL=defaultRenderHandler.cjs.map

package/dist/cjs/ssr/defaultRenderHandler.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultRenderHandler.cjs","sources":["../../../src/ssr/defaultRenderHandler.tsx"],"sourcesContent":["import { defineHandlerCallback } from '@tanstack/router-core/ssr/server'\nimport { renderRouterToString } from './renderRouterToString'\nimport { RouterServer } from './RouterServer'\n\nexport const defaultRenderHandler = defineHandlerCallback(\n  ({ router, responseHeaders }) =>\n    renderRouterToString({\n      router,\n      responseHeaders,\n      children: <RouterServer router={router} />,\n    }),\n)\n"],"names":["defineHandlerCallback","renderRouterToString","jsx","RouterServer"],"mappings":";;;;;;AAIO,MAAM,uBAAuBA,OAAA;AAAA,EAClC,CAAC,EAAE,QAAQ,sBACTC,0CAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAWC,2BAAA,IAAAC,2BAAA,EAAa,OAAgB,CAAA;AAAA,EACzC,CAAA;AACL;;"}

package/dist/cjs/ssr/defaultRenderHandler.d.cts

@@ -0,0 +1 @@
+export declare const defaultRenderHandler: import('@tanstack/router-core/ssr/server').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/cjs/ssr/defaultStreamHandler.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const server = require("@tanstack/router-core/ssr/server");
+const RouterServer = require("./RouterServer.cjs");
+const renderRouterToStream = require("./renderRouterToStream.cjs");
+const defaultStreamHandler = server.defineHandlerCallback(
+  ({ request, router, responseHeaders }) => renderRouterToStream.renderRouterToStream({
+    request,
+    router,
+    responseHeaders,
+    children: /* @__PURE__ */ jsxRuntime.jsx(RouterServer.RouterServer, { router })
+  })
+);
+exports.defaultStreamHandler = defaultStreamHandler;
+//# sourceMappingURL=defaultStreamHandler.cjs.map

package/dist/cjs/ssr/defaultStreamHandler.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultStreamHandler.cjs","sources":["../../../src/ssr/defaultStreamHandler.tsx"],"sourcesContent":["import { defineHandlerCallback } from '@tanstack/router-core/ssr/server'\nimport { RouterServer } from './RouterServer'\nimport { renderRouterToStream } from './renderRouterToStream'\n\nexport const defaultStreamHandler = defineHandlerCallback(\n  ({ request, router, responseHeaders }) =>\n    renderRouterToStream({\n      request,\n      router,\n      responseHeaders,\n      children: <RouterServer router={router} />,\n    }),\n)\n"],"names":["defineHandlerCallback","renderRouterToStream","jsx","RouterServer"],"mappings":";;;;;;AAIO,MAAM,uBAAuBA,OAAA;AAAA,EAClC,CAAC,EAAE,SAAS,QAAQ,gBAAA,MAClBC,qBAAAA,qBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAWC,2BAAA,IAAAC,2BAAA,EAAa,OAAgB,CAAA;AAAA,EACzC,CAAA;AACL;;"}

package/dist/cjs/ssr/defaultStreamHandler.d.cts

@@ -0,0 +1 @@
+export declare const defaultStreamHandler: import('@tanstack/router-core/ssr/server').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/cjs/ssr/renderRouterToStream.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const node_stream = require("node:stream");
+const ReactDOMServer = require("react-dom/server");
+const isbot = require("isbot");
+const server = require("@tanstack/router-core/ssr/server");
+const renderRouterToStream = async ({
+  request,
+  router,
+  responseHeaders,
+  children
+}) => {
+  if (typeof ReactDOMServer.renderToReadableStream === "function") {
+    const stream = await ReactDOMServer.renderToReadableStream(children, {
+      signal: request.signal
+    });
+    if (isbot.isbot(request.headers.get("User-Agent"))) {
+      await stream.allReady;
+    }
+    const responseStream = server.transformReadableStreamWithRouter(
+      router,
+      stream
+    );
+    return new Response(responseStream, {
+      status: router.state.statusCode,
+      headers: responseHeaders
+    });
+  }
+  if (typeof ReactDOMServer.renderToPipeableStream === "function") {
+    const reactAppPassthrough = new node_stream.PassThrough();
+    try {
+      const pipeable = ReactDOMServer.renderToPipeableStream(children, {
+        ...isbot.isbot(request.headers.get("User-Agent")) ? {
+          onAllReady() {
+            pipeable.pipe(reactAppPassthrough);
+          }
+        } : {
+          onShellReady() {
+            pipeable.pipe(reactAppPassthrough);
+          }
+        },
+        onError: (error, info) => {
+          if (error instanceof Error && error.message === "ShellBoundaryError")
+            return;
+          console.error("Error in renderToPipeableStream:", error, info);
+        }
+      });
+    } catch (e) {
+      console.error("Error in renderToPipeableStream:", e);
+    }
+    const responseStream = server.transformPipeableStreamWithRouter(
+      router,
+      reactAppPassthrough
+    );
+    return new Response(responseStream, {
+      status: router.state.statusCode,
+      headers: responseHeaders
+    });
+  }
+  throw new Error(
+    "No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming."
+  );
+};
+exports.renderRouterToStream = renderRouterToStream;
+//# sourceMappingURL=renderRouterToStream.cjs.map

package/dist/cjs/ssr/renderRouterToStream.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRouterToStream.cjs","sources":["../../../src/ssr/renderRouterToStream.tsx"],"sourcesContent":["import { PassThrough } from 'node:stream'\nimport ReactDOMServer from 'react-dom/server'\nimport { isbot } from 'isbot'\nimport {\n  transformPipeableStreamWithRouter,\n  transformReadableStreamWithRouter,\n} from '@tanstack/router-core/ssr/server'\nimport type { ReadableStream } from 'node:stream/web'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { ReactNode } from 'react'\n\nexport const renderRouterToStream = async ({\n  request,\n  router,\n  responseHeaders,\n  children,\n}: {\n  request: Request\n  router: AnyRouter\n  responseHeaders: Headers\n  children: ReactNode\n}) => {\n  if (typeof ReactDOMServer.renderToReadableStream === 'function') {\n    const stream = await ReactDOMServer.renderToReadableStream(children, {\n      signal: request.signal,\n    })\n\n    if (isbot(request.headers.get('User-Agent'))) {\n      await stream.allReady\n    }\n\n    const responseStream = transformReadableStreamWithRouter(\n      router,\n      stream as unknown as ReadableStream,\n    )\n    return new Response(responseStream as any, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  }\n\n  if (typeof ReactDOMServer.renderToPipeableStream === 'function') {\n    const reactAppPassthrough = new PassThrough()\n\n    try {\n      const pipeable = ReactDOMServer.renderToPipeableStream(children, {\n        ...(isbot(request.headers.get('User-Agent'))\n          ? {\n              onAllReady() {\n                pipeable.pipe(reactAppPassthrough)\n              },\n            }\n          : {\n              onShellReady() {\n                pipeable.pipe(reactAppPassthrough)\n              },\n            }),\n        onError: (error, info) => {\n          if (error instanceof Error && error.message === 'ShellBoundaryError')\n            return\n          console.error('Error in renderToPipeableStream:', error, info)\n        },\n      })\n    } catch (e) {\n      console.error('Error in renderToPipeableStream:', e)\n    }\n\n    const responseStream = transformPipeableStreamWithRouter(\n      router,\n      reactAppPassthrough,\n    )\n    return new Response(responseStream as any, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  }\n\n  throw new Error(\n    'No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming.',\n  )\n}\n"],"names":["isbot","transformReadableStreamWithRouter","PassThrough","transformPipeableStreamWithRouter"],"mappings":";;;;;;AAWO,MAAM,uBAAuB,OAAO;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACA,MAAA,OAAO,eAAe,2BAA2B,YAAY;AAC/D,UAAM,SAAS,MAAM,eAAe,uBAAuB,UAAU;AAAA,MACnE,QAAQ,QAAQ;AAAA,IAAA,CACjB;AAED,QAAIA,MAAAA,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,GAAG;AAC5C,YAAM,OAAO;AAAA,IAAA;AAGf,UAAM,iBAAiBC,OAAA;AAAA,MACrB;AAAA,MACA;AAAA,IACF;AACO,WAAA,IAAI,SAAS,gBAAuB;AAAA,MACzC,QAAQ,OAAO,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA,CACV;AAAA,EAAA;AAGC,MAAA,OAAO,eAAe,2BAA2B,YAAY;AACzD,UAAA,sBAAsB,IAAIC,wBAAY;AAExC,QAAA;AACI,YAAA,WAAW,eAAe,uBAAuB,UAAU;AAAA,QAC/D,GAAIF,MAAAA,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,IACvC;AAAA,UACE,aAAa;AACX,qBAAS,KAAK,mBAAmB;AAAA,UAAA;AAAA,QACnC,IAEF;AAAA,UACE,eAAe;AACb,qBAAS,KAAK,mBAAmB;AAAA,UAAA;AAAA,QAErC;AAAA,QACJ,SAAS,CAAC,OAAO,SAAS;AACpB,cAAA,iBAAiB,SAAS,MAAM,YAAY;AAC9C;AACM,kBAAA,MAAM,oCAAoC,OAAO,IAAI;AAAA,QAAA;AAAA,MAC/D,CACD;AAAA,aACM,GAAG;AACF,cAAA,MAAM,oCAAoC,CAAC;AAAA,IAAA;AAGrD,UAAM,iBAAiBG,OAAA;AAAA,MACrB;AAAA,MACA;AAAA,IACF;AACO,WAAA,IAAI,SAAS,gBAAuB;AAAA,MACzC,QAAQ,OAAO,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA,CACV;AAAA,EAAA;AAGH,QAAM,IAAI;AAAA,IACR;AAAA,EACF;AACF;;"}

package/dist/cjs/ssr/renderRouterToStream.d.cts

@@ -0,0 +1,8 @@
+import { AnyRouter } from '@tanstack/router-core';
+import { ReactNode } from 'react';
+export declare const renderRouterToStream: ({ request, router, responseHeaders, children, }: {
+    request: Request;
+    router: AnyRouter;
+    responseHeaders: Headers;
+    children: ReactNode;
+}) => Promise<Response>;

package/dist/cjs/ssr/renderRouterToString.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ReactDOMServer = require("react-dom/server");
+const renderRouterToString = async ({
+  router,
+  responseHeaders,
+  children
+}) => {
+  try {
+    let html = ReactDOMServer.renderToString(children);
+    const injectedHtml = await Promise.all(router.serverSsr.injectedHtml).then(
+      (htmls) => htmls.join("")
+    );
+    html = html.replace(`</body>`, `${injectedHtml}</body>`);
+    return new Response(`<!DOCTYPE html>${html}`, {
+      status: router.state.statusCode,
+      headers: responseHeaders
+    });
+  } catch (error) {
+    console.error("Render to string error:", error);
+    return new Response("Internal Server Error", {
+      status: 500,
+      headers: responseHeaders
+    });
+  }
+};
+exports.renderRouterToString = renderRouterToString;
+//# sourceMappingURL=renderRouterToString.cjs.map

package/dist/cjs/ssr/renderRouterToString.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRouterToString.cjs","sources":["../../../src/ssr/renderRouterToString.tsx"],"sourcesContent":["import ReactDOMServer from 'react-dom/server'\nimport type { ReactNode } from 'react'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport const renderRouterToString = async ({\n  router,\n  responseHeaders,\n  children,\n}: {\n  router: AnyRouter\n  responseHeaders: Headers\n  children: ReactNode\n}) => {\n  try {\n    let html = ReactDOMServer.renderToString(children)\n    const injectedHtml = await Promise.all(router.serverSsr!.injectedHtml).then(\n      (htmls) => htmls.join(''),\n    )\n    html = html.replace(`</body>`, `${injectedHtml}</body>`)\n    return new Response(`<!DOCTYPE html>${html}`, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  } catch (error) {\n    console.error('Render to string error:', error)\n    return new Response('Internal Server Error', {\n      status: 500,\n      headers: responseHeaders,\n    })\n  }\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,uBAAuB,OAAO;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACA,MAAA;AACE,QAAA,OAAO,eAAe,eAAe,QAAQ;AACjD,UAAM,eAAe,MAAM,QAAQ,IAAI,OAAO,UAAW,YAAY,EAAE;AAAA,MACrE,CAAC,UAAU,MAAM,KAAK,EAAE;AAAA,IAC1B;AACA,WAAO,KAAK,QAAQ,WAAW,GAAG,YAAY,SAAS;AACvD,WAAO,IAAI,SAAS,kBAAkB,IAAI,IAAI;AAAA,MAC5C,QAAQ,OAAO,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA,CACV;AAAA,WACM,OAAO;AACN,YAAA,MAAM,2BAA2B,KAAK;AACvC,WAAA,IAAI,SAAS,yBAAyB;AAAA,MAC3C,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA,CACV;AAAA,EAAA;AAEL;;"}

package/dist/cjs/ssr/renderRouterToString.d.cts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { AnyRouter } from '@tanstack/router-core';
+export declare const renderRouterToString: ({ router, responseHeaders, children, }: {
+    router: AnyRouter;
+    responseHeaders: Headers;
+    children: ReactNode;
+}) => Promise<Response>;

package/dist/cjs/ssr/server.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const RouterServer = require("./RouterServer.cjs");
+const defaultRenderHandler = require("./defaultRenderHandler.cjs");
+const defaultStreamHandler = require("./defaultStreamHandler.cjs");
+const renderRouterToStream = require("./renderRouterToStream.cjs");
+const renderRouterToString = require("./renderRouterToString.cjs");
+const server = require("@tanstack/router-core/ssr/server");
+exports.RouterServer = RouterServer.RouterServer;
+exports.defaultRenderHandler = defaultRenderHandler.defaultRenderHandler;
+exports.defaultStreamHandler = defaultStreamHandler.defaultStreamHandler;
+exports.renderRouterToStream = renderRouterToStream.renderRouterToStream;
+exports.renderRouterToString = renderRouterToString.renderRouterToString;
+Object.keys(server).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => server[k]
+  });
+});
+//# sourceMappingURL=server.cjs.map

package/dist/cjs/ssr/server.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/ssr/server.d.cts

@@ -0,0 +1,6 @@
+export { RouterServer } from './RouterServer.cjs';
+export { defaultRenderHandler } from './defaultRenderHandler.cjs';
+export { defaultStreamHandler } from './defaultStreamHandler.cjs';
+export { renderRouterToStream } from './renderRouterToStream.cjs';
+export { renderRouterToString } from './renderRouterToString.cjs';
+export * from '@tanstack/router-core/ssr/server';

package/dist/esm/index.d.ts

@@ -2,7 +2,7 @@ export { default as invariant } from 'tiny-invariant';
 export { default as warning } from 'tiny-warning';
 export { defer, TSR_DEFERRED_PROMISE, isMatch, joinPaths, cleanPath, trimPathLeft, trimPathRight, trimPath, resolvePath, parsePathname, interpolatePath, matchPathname, removeBasepath, matchByPath, encode, decode, rootRouteId, defaultSerializeError, defaultParseSearch, defaultStringifySearch, parseSearchWith, stringifySearchWith, escapeJSON, // SSR
 pick, functionalUpdate, replaceEqualDeep, isPlainObject, isPlainArray, deepEqual, shallow, createControlledPromise, retainSearchParams, stripSearchParams, } from '@tanstack/router-core';
-export type { AnyRoute, StartSerializer, Serializable, SerializerParse, SerializerParseBy, SerializerStringify, SerializerStringifyBy, DeferredPromiseState, DeferredPromise, ParsedLocation, RemoveTrailingSlashes, RemoveLeadingSlashes, ActiveOptions, Segment, ResolveRelativePath, RootRouteId, AnyPathParams, ResolveParams, ResolveOptionalParams, ResolveRequiredParams, SearchSchemaInput, AnyContext, RouteContext, PreloadableObj, RoutePathOptions, StaticDataRouteOption, RoutePathOptionsIntersection, UpdatableStaticRouteOption, MetaDescriptor, RouteLinkEntry, ParseParamsFn, SearchFilter, ResolveId, InferFullSearchSchema, InferFullSearchSchemaInput, ErrorRouteProps, ErrorComponentProps, NotFoundRouteProps, TrimPath, TrimPathLeft, TrimPathRight, StringifyParamsFn, ParamsOptions, InferAllParams, InferAllContext, LooseReturnType, LooseAsyncReturnType, ContextReturnType, ContextAsyncReturnType, ResolveLoaderData, ResolveRouteContext, SearchSerializer, SearchParser, TrailingSlashOption, ExtractedEntry, ExtractedStream, ExtractedPromise, StreamState, Manifest, RouterManagedTag, ControlledPromise, Constrain, Expand, MergeAll, Assign, IntersectAssign, ResolveValidatorInput, ResolveValidatorOutput, Register, AnyValidator, DefaultValidator, ValidatorFn, AnySchema, AnyValidatorAdapter, AnyValidatorFn, AnyValidatorObj, ResolveValidatorInputFn, ResolveValidatorOutputFn, ResolveSearchValidatorInput, ResolveSearchValidatorInputFn, Validator, ValidatorAdapter, ValidatorObj, FileRoutesByPath, RouteById, RootRouteOptions, SerializerExtensions, CreateFileRoute, } from '@tanstack/router-core';
+export type { AnyRoute, TsrSerializer, StartSerializer, Serializable, SerializerParse, SerializerParseBy, SerializerStringify, SerializerStringifyBy, DeferredPromiseState, DeferredPromise, ParsedLocation, RemoveTrailingSlashes, RemoveLeadingSlashes, ActiveOptions, Segment, ResolveRelativePath, RootRouteId, AnyPathParams, ResolveParams, ResolveOptionalParams, ResolveRequiredParams, SearchSchemaInput, AnyContext, RouteContext, PreloadableObj, RoutePathOptions, StaticDataRouteOption, RoutePathOptionsIntersection, UpdatableStaticRouteOption, MetaDescriptor, RouteLinkEntry, ParseParamsFn, SearchFilter, ResolveId, InferFullSearchSchema, InferFullSearchSchemaInput, ErrorRouteProps, ErrorComponentProps, NotFoundRouteProps, TrimPath, TrimPathLeft, TrimPathRight, StringifyParamsFn, ParamsOptions, InferAllParams, InferAllContext, LooseReturnType, LooseAsyncReturnType, ContextReturnType, ContextAsyncReturnType, ResolveLoaderData, ResolveRouteContext, SearchSerializer, SearchParser, TrailingSlashOption, ExtractedEntry, ExtractedStream, ExtractedPromise, StreamState, Manifest, RouterManagedTag, ControlledPromise, Constrain, Expand, MergeAll, Assign, IntersectAssign, ResolveValidatorInput, ResolveValidatorOutput, Register, AnyValidator, DefaultValidator, ValidatorFn, AnySchema, AnyValidatorAdapter, AnyValidatorFn, AnyValidatorObj, ResolveValidatorInputFn, ResolveValidatorOutputFn, ResolveSearchValidatorInput, ResolveSearchValidatorInputFn, Validator, ValidatorAdapter, ValidatorObj, FileRoutesByPath, RouteById, RootRouteOptions, SerializerExtensions, CreateFileRoute, } from '@tanstack/router-core';
 export type * from './serializer.js';
 export { createHistory, createBrowserHistory, createHashHistory, createMemoryHistory, } from '@tanstack/history';
 export type { BlockerFn, HistoryLocation, RouterHistory, ParsedPath, HistoryState, } from '@tanstack/history';

package/dist/esm/ssr/RouterClient.d.ts

@@ -0,0 +1,4 @@
+import { AnyRouter } from '@tanstack/router-core';
+export declare function RouterClient(props: {
+    router: AnyRouter;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ssr/RouterClient.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { hydrate } from "@tanstack/router-core/ssr/client";
+import { Await } from "../awaited.js";
+import { RouterProvider } from "../RouterProvider.js";
+let hydrationPromise;
+function RouterClient(props) {
+  if (!hydrationPromise) {
+    if (!props.router.state.matches.length) {
+      hydrationPromise = hydrate(props.router);
+    } else {
+      hydrationPromise = Promise.resolve();
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    Await,
+    {
+      promise: hydrationPromise,
+      children: () => /* @__PURE__ */ jsx(RouterProvider, { router: props.router })
+    }
+  );
+}
+export {
+  RouterClient
+};
+//# sourceMappingURL=RouterClient.js.map

package/dist/esm/ssr/RouterClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterClient.js","sources":["../../../src/ssr/RouterClient.tsx"],"sourcesContent":["import { hydrate } from '@tanstack/router-core/ssr/client'\nimport { Await } from '../awaited'\nimport { RouterProvider } from '../RouterProvider'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nlet hydrationPromise: Promise<void | Array<Array<void>>> | undefined\n\nexport function RouterClient(props: { router: AnyRouter }) {\n  if (!hydrationPromise) {\n    if (!props.router.state.matches.length) {\n      hydrationPromise = hydrate(props.router)\n    } else {\n      hydrationPromise = Promise.resolve()\n    }\n  }\n  return (\n    <Await\n      promise={hydrationPromise}\n      children={() => <RouterProvider router={props.router} />}\n    />\n  )\n}\n"],"names":[],"mappings":";;;;AAKA,IAAI;AAEG,SAAS,aAAa,OAA8B;AACzD,MAAI,CAAC,kBAAkB;AACrB,QAAI,CAAC,MAAM,OAAO,MAAM,QAAQ,QAAQ;AACnB,yBAAA,QAAQ,MAAM,MAAM;AAAA,IAAA,OAClC;AACL,yBAAmB,QAAQ,QAAQ;AAAA,IAAA;AAAA,EACrC;AAGA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,MAAM,oBAAC,gBAAe,EAAA,QAAQ,MAAM,OAAQ,CAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;"}

package/dist/esm/ssr/RouterServer.d.ts

@@ -0,0 +1,4 @@
+import { AnyRouter } from '@tanstack/router-core';
+export declare function RouterServer<TRouter extends AnyRouter>(props: {
+    router: TRouter;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ssr/RouterServer.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { RouterProvider } from "../RouterProvider.js";
+function RouterServer(props) {
+  return /* @__PURE__ */ jsx(RouterProvider, { router: props.router });
+}
+export {
+  RouterServer
+};
+//# sourceMappingURL=RouterServer.js.map

package/dist/esm/ssr/RouterServer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterServer.js","sources":["../../../src/ssr/RouterServer.tsx"],"sourcesContent":["import * as React from 'react'\nimport { RouterProvider } from '../RouterProvider'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function RouterServer<TRouter extends AnyRouter>(props: {\n  router: TRouter\n}) {\n  return <RouterProvider router={props.router} />\n}\n"],"names":[],"mappings":";;AAIO,SAAS,aAAwC,OAErD;AACD,SAAQ,oBAAA,gBAAA,EAAe,QAAQ,MAAM,OAAQ,CAAA;AAC/C;"}

package/dist/esm/ssr/client.d.ts

@@ -0,0 +1,2 @@
+export { RouterClient } from './RouterClient.js';
+export * from '@tanstack/router-core/ssr/client';

package/dist/esm/ssr/client.js

@@ -0,0 +1,6 @@
+import { RouterClient } from "./RouterClient.js";
+export * from "@tanstack/router-core/ssr/client";
+export {
+  RouterClient
+};
+//# sourceMappingURL=client.js.map

package/dist/esm/ssr/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/esm/ssr/defaultRenderHandler.d.ts

@@ -0,0 +1 @@
+export declare const defaultRenderHandler: import('@tanstack/router-core/ssr/server').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/esm/ssr/defaultRenderHandler.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { defineHandlerCallback } from "@tanstack/router-core/ssr/server";
+import { renderRouterToString } from "./renderRouterToString.js";
+import { RouterServer } from "./RouterServer.js";
+const defaultRenderHandler = defineHandlerCallback(
+  ({ router, responseHeaders }) => renderRouterToString({
+    router,
+    responseHeaders,
+    children: /* @__PURE__ */ jsx(RouterServer, { router })
+  })
+);
+export {
+  defaultRenderHandler
+};
+//# sourceMappingURL=defaultRenderHandler.js.map

package/dist/esm/ssr/defaultRenderHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultRenderHandler.js","sources":["../../../src/ssr/defaultRenderHandler.tsx"],"sourcesContent":["import { defineHandlerCallback } from '@tanstack/router-core/ssr/server'\nimport { renderRouterToString } from './renderRouterToString'\nimport { RouterServer } from './RouterServer'\n\nexport const defaultRenderHandler = defineHandlerCallback(\n  ({ router, responseHeaders }) =>\n    renderRouterToString({\n      router,\n      responseHeaders,\n      children: <RouterServer router={router} />,\n    }),\n)\n"],"names":[],"mappings":";;;;AAIO,MAAM,uBAAuB;AAAA,EAClC,CAAC,EAAE,QAAQ,sBACT,qBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAW,oBAAA,cAAA,EAAa,OAAgB,CAAA;AAAA,EACzC,CAAA;AACL;"}

package/dist/esm/ssr/defaultStreamHandler.d.ts

@@ -0,0 +1 @@
+export declare const defaultStreamHandler: import('@tanstack/router-core/ssr/server').HandlerCallback<import('@tanstack/router-core').AnyRouter>;

package/dist/esm/ssr/defaultStreamHandler.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { defineHandlerCallback } from "@tanstack/router-core/ssr/server";
+import { RouterServer } from "./RouterServer.js";
+import { renderRouterToStream } from "./renderRouterToStream.js";
+const defaultStreamHandler = defineHandlerCallback(
+  ({ request, router, responseHeaders }) => renderRouterToStream({
+    request,
+    router,
+    responseHeaders,
+    children: /* @__PURE__ */ jsx(RouterServer, { router })
+  })
+);
+export {
+  defaultStreamHandler
+};
+//# sourceMappingURL=defaultStreamHandler.js.map

package/dist/esm/ssr/defaultStreamHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultStreamHandler.js","sources":["../../../src/ssr/defaultStreamHandler.tsx"],"sourcesContent":["import { defineHandlerCallback } from '@tanstack/router-core/ssr/server'\nimport { RouterServer } from './RouterServer'\nimport { renderRouterToStream } from './renderRouterToStream'\n\nexport const defaultStreamHandler = defineHandlerCallback(\n  ({ request, router, responseHeaders }) =>\n    renderRouterToStream({\n      request,\n      router,\n      responseHeaders,\n      children: <RouterServer router={router} />,\n    }),\n)\n"],"names":[],"mappings":";;;;AAIO,MAAM,uBAAuB;AAAA,EAClC,CAAC,EAAE,SAAS,QAAQ,gBAAA,MAClB,qBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAW,oBAAA,cAAA,EAAa,OAAgB,CAAA;AAAA,EACzC,CAAA;AACL;"}

package/dist/esm/ssr/renderRouterToStream.d.ts

@@ -0,0 +1,8 @@
+import { AnyRouter } from '@tanstack/router-core';
+import { ReactNode } from 'react';
+export declare const renderRouterToStream: ({ request, router, responseHeaders, children, }: {
+    request: Request;
+    router: AnyRouter;
+    responseHeaders: Headers;
+    children: ReactNode;
+}) => Promise<Response>;

package/dist/esm/ssr/renderRouterToStream.js

@@ -0,0 +1,65 @@
+import { PassThrough } from "node:stream";
+import ReactDOMServer from "react-dom/server";
+import { isbot } from "isbot";
+import { transformReadableStreamWithRouter, transformPipeableStreamWithRouter } from "@tanstack/router-core/ssr/server";
+const renderRouterToStream = async ({
+  request,
+  router,
+  responseHeaders,
+  children
+}) => {
+  if (typeof ReactDOMServer.renderToReadableStream === "function") {
+    const stream = await ReactDOMServer.renderToReadableStream(children, {
+      signal: request.signal
+    });
+    if (isbot(request.headers.get("User-Agent"))) {
+      await stream.allReady;
+    }
+    const responseStream = transformReadableStreamWithRouter(
+      router,
+      stream
+    );
+    return new Response(responseStream, {
+      status: router.state.statusCode,
+      headers: responseHeaders
+    });
+  }
+  if (typeof ReactDOMServer.renderToPipeableStream === "function") {
+    const reactAppPassthrough = new PassThrough();
+    try {
+      const pipeable = ReactDOMServer.renderToPipeableStream(children, {
+        ...isbot(request.headers.get("User-Agent")) ? {
+          onAllReady() {
+            pipeable.pipe(reactAppPassthrough);
+          }
+        } : {
+          onShellReady() {
+            pipeable.pipe(reactAppPassthrough);
+          }
+        },
+        onError: (error, info) => {
+          if (error instanceof Error && error.message === "ShellBoundaryError")
+            return;
+          console.error("Error in renderToPipeableStream:", error, info);
+        }
+      });
+    } catch (e) {
+      console.error("Error in renderToPipeableStream:", e);
+    }
+    const responseStream = transformPipeableStreamWithRouter(
+      router,
+      reactAppPassthrough
+    );
+    return new Response(responseStream, {
+      status: router.state.statusCode,
+      headers: responseHeaders
+    });
+  }
+  throw new Error(
+    "No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming."
+  );
+};
+export {
+  renderRouterToStream
+};
+//# sourceMappingURL=renderRouterToStream.js.map

package/dist/esm/ssr/renderRouterToStream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRouterToStream.js","sources":["../../../src/ssr/renderRouterToStream.tsx"],"sourcesContent":["import { PassThrough } from 'node:stream'\nimport ReactDOMServer from 'react-dom/server'\nimport { isbot } from 'isbot'\nimport {\n  transformPipeableStreamWithRouter,\n  transformReadableStreamWithRouter,\n} from '@tanstack/router-core/ssr/server'\nimport type { ReadableStream } from 'node:stream/web'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { ReactNode } from 'react'\n\nexport const renderRouterToStream = async ({\n  request,\n  router,\n  responseHeaders,\n  children,\n}: {\n  request: Request\n  router: AnyRouter\n  responseHeaders: Headers\n  children: ReactNode\n}) => {\n  if (typeof ReactDOMServer.renderToReadableStream === 'function') {\n    const stream = await ReactDOMServer.renderToReadableStream(children, {\n      signal: request.signal,\n    })\n\n    if (isbot(request.headers.get('User-Agent'))) {\n      await stream.allReady\n    }\n\n    const responseStream = transformReadableStreamWithRouter(\n      router,\n      stream as unknown as ReadableStream,\n    )\n    return new Response(responseStream as any, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  }\n\n  if (typeof ReactDOMServer.renderToPipeableStream === 'function') {\n    const reactAppPassthrough = new PassThrough()\n\n    try {\n      const pipeable = ReactDOMServer.renderToPipeableStream(children, {\n        ...(isbot(request.headers.get('User-Agent'))\n          ? {\n              onAllReady() {\n                pipeable.pipe(reactAppPassthrough)\n              },\n            }\n          : {\n              onShellReady() {\n                pipeable.pipe(reactAppPassthrough)\n              },\n            }),\n        onError: (error, info) => {\n          if (error instanceof Error && error.message === 'ShellBoundaryError')\n            return\n          console.error('Error in renderToPipeableStream:', error, info)\n        },\n      })\n    } catch (e) {\n      console.error('Error in renderToPipeableStream:', e)\n    }\n\n    const responseStream = transformPipeableStreamWithRouter(\n      router,\n      reactAppPassthrough,\n    )\n    return new Response(responseStream as any, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  }\n\n  throw new Error(\n    'No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming.',\n  )\n}\n"],"names":[],"mappings":";;;;AAWO,MAAM,uBAAuB,OAAO;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACA,MAAA,OAAO,eAAe,2BAA2B,YAAY;AAC/D,UAAM,SAAS,MAAM,eAAe,uBAAuB,UAAU;AAAA,MACnE,QAAQ,QAAQ;AAAA,IAAA,CACjB;AAED,QAAI,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,GAAG;AAC5C,YAAM,OAAO;AAAA,IAAA;AAGf,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,IACF;AACO,WAAA,IAAI,SAAS,gBAAuB;AAAA,MACzC,QAAQ,OAAO,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA,CACV;AAAA,EAAA;AAGC,MAAA,OAAO,eAAe,2BAA2B,YAAY;AACzD,UAAA,sBAAsB,IAAI,YAAY;AAExC,QAAA;AACI,YAAA,WAAW,eAAe,uBAAuB,UAAU;AAAA,QAC/D,GAAI,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,IACvC;AAAA,UACE,aAAa;AACX,qBAAS,KAAK,mBAAmB;AAAA,UAAA;AAAA,QACnC,IAEF;AAAA,UACE,eAAe;AACb,qBAAS,KAAK,mBAAmB;AAAA,UAAA;AAAA,QAErC;AAAA,QACJ,SAAS,CAAC,OAAO,SAAS;AACpB,cAAA,iBAAiB,SAAS,MAAM,YAAY;AAC9C;AACM,kBAAA,MAAM,oCAAoC,OAAO,IAAI;AAAA,QAAA;AAAA,MAC/D,CACD;AAAA,aACM,GAAG;AACF,cAAA,MAAM,oCAAoC,CAAC;AAAA,IAAA;AAGrD,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,IACF;AACO,WAAA,IAAI,SAAS,gBAAuB;AAAA,MACzC,QAAQ,OAAO,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA,CACV;AAAA,EAAA;AAGH,QAAM,IAAI;AAAA,IACR;AAAA,EACF;AACF;"}

package/dist/esm/ssr/renderRouterToString.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { AnyRouter } from '@tanstack/router-core';
+export declare const renderRouterToString: ({ router, responseHeaders, children, }: {
+    router: AnyRouter;
+    responseHeaders: Headers;
+    children: ReactNode;
+}) => Promise<Response>;

package/dist/esm/ssr/renderRouterToString.js

@@ -0,0 +1,28 @@
+import ReactDOMServer from "react-dom/server";
+const renderRouterToString = async ({
+  router,
+  responseHeaders,
+  children
+}) => {
+  try {
+    let html = ReactDOMServer.renderToString(children);
+    const injectedHtml = await Promise.all(router.serverSsr.injectedHtml).then(
+      (htmls) => htmls.join("")
+    );
+    html = html.replace(`</body>`, `${injectedHtml}</body>`);
+    return new Response(`<!DOCTYPE html>${html}`, {
+      status: router.state.statusCode,
+      headers: responseHeaders
+    });
+  } catch (error) {
+    console.error("Render to string error:", error);
+    return new Response("Internal Server Error", {
+      status: 500,
+      headers: responseHeaders
+    });
+  }
+};
+export {
+  renderRouterToString
+};
+//# sourceMappingURL=renderRouterToString.js.map

package/dist/esm/ssr/renderRouterToString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRouterToString.js","sources":["../../../src/ssr/renderRouterToString.tsx"],"sourcesContent":["import ReactDOMServer from 'react-dom/server'\nimport type { ReactNode } from 'react'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport const renderRouterToString = async ({\n  router,\n  responseHeaders,\n  children,\n}: {\n  router: AnyRouter\n  responseHeaders: Headers\n  children: ReactNode\n}) => {\n  try {\n    let html = ReactDOMServer.renderToString(children)\n    const injectedHtml = await Promise.all(router.serverSsr!.injectedHtml).then(\n      (htmls) => htmls.join(''),\n    )\n    html = html.replace(`</body>`, `${injectedHtml}</body>`)\n    return new Response(`<!DOCTYPE html>${html}`, {\n      status: router.state.statusCode,\n      headers: responseHeaders,\n    })\n  } catch (error) {\n    console.error('Render to string error:', error)\n    return new Response('Internal Server Error', {\n      status: 500,\n      headers: responseHeaders,\n    })\n  }\n}\n"],"names":[],"mappings":";AAIO,MAAM,uBAAuB,OAAO;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACA,MAAA;AACE,QAAA,OAAO,eAAe,eAAe,QAAQ;AACjD,UAAM,eAAe,MAAM,QAAQ,IAAI,OAAO,UAAW,YAAY,EAAE;AAAA,MACrE,CAAC,UAAU,MAAM,KAAK,EAAE;AAAA,IAC1B;AACA,WAAO,KAAK,QAAQ,WAAW,GAAG,YAAY,SAAS;AACvD,WAAO,IAAI,SAAS,kBAAkB,IAAI,IAAI;AAAA,MAC5C,QAAQ,OAAO,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA,CACV;AAAA,WACM,OAAO;AACN,YAAA,MAAM,2BAA2B,KAAK;AACvC,WAAA,IAAI,SAAS,yBAAyB;AAAA,MAC3C,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA,CACV;AAAA,EAAA;AAEL;"}

package/dist/esm/ssr/server.d.ts

@@ -0,0 +1,6 @@
+export { RouterServer } from './RouterServer.js';
+export { defaultRenderHandler } from './defaultRenderHandler.js';
+export { defaultStreamHandler } from './defaultStreamHandler.js';
+export { renderRouterToStream } from './renderRouterToStream.js';
+export { renderRouterToString } from './renderRouterToString.js';
+export * from '@tanstack/router-core/ssr/server';

package/dist/esm/ssr/server.js

@@ -0,0 +1,14 @@
+import { RouterServer } from "./RouterServer.js";
+import { defaultRenderHandler } from "./defaultRenderHandler.js";
+import { defaultStreamHandler } from "./defaultStreamHandler.js";
+import { renderRouterToStream } from "./renderRouterToStream.js";
+import { renderRouterToString } from "./renderRouterToString.js";
+export * from "@tanstack/router-core/ssr/server";
+export {
+  RouterServer,
+  defaultRenderHandler,
+  defaultStreamHandler,
+  renderRouterToStream,
+  renderRouterToString
+};
+//# sourceMappingURL=server.js.map

package/dist/esm/ssr/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-router",
-  "version": "1.121.34",
+  "version": "1.121.39",
   "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -38,6 +38,26 @@
         "default": "./dist/cjs/index.cjs"
       }
     },
+    "./ssr/server": {
+      "import": {
+        "types": "./dist/esm/ssr/server.d.ts",
+        "default": "./dist/esm/ssr/server.js"
+      },
+      "require": {
+        "types": "./dist/cjs/ssr/server.d.cts",
+        "default": "./dist/cjs/ssr/server.cjs"
+      }
+    },
+    "./ssr/client": {
+      "import": {
+        "types": "./dist/esm/ssr/client.d.ts",
+        "default": "./dist/esm/ssr/client.js"
+      },
+      "require": {
+        "types": "./dist/cjs/ssr/client.d.cts",
+        "default": "./dist/cjs/ssr/client.cjs"
+      }
+    },
     "./package.json": "./package.json",
     "./llms": {
       "import": {
@@ -59,8 +79,9 @@
     "jsesc": "^3.1.0",
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3",
+    "isbot": "^5.1.22",
     "@tanstack/history": "1.121.34",
-    "@tanstack/router-core": "1.121.34"
+    "@tanstack/router-core": "1.121.39"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/src/index.tsx

@@ -39,6 +39,7 @@ export {
 
 export type {
   AnyRoute,
+  TsrSerializer,
   StartSerializer,
   Serializable,
   SerializerParse,

package/src/ssr/RouterClient.tsx

@@ -0,0 +1,22 @@
+import { hydrate } from '@tanstack/router-core/ssr/client'
+import { Await } from '../awaited'
+import { RouterProvider } from '../RouterProvider'
+import type { AnyRouter } from '@tanstack/router-core'
+
+let hydrationPromise: Promise<void | Array<Array<void>>> | undefined
+
+export function RouterClient(props: { router: AnyRouter }) {
+  if (!hydrationPromise) {
+    if (!props.router.state.matches.length) {
+      hydrationPromise = hydrate(props.router)
+    } else {
+      hydrationPromise = Promise.resolve()
+    }
+  }
+  return (
+    <Await
+      promise={hydrationPromise}
+      children={() => <RouterProvider router={props.router} />}
+    />
+  )
+}

package/src/ssr/RouterServer.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+import { RouterProvider } from '../RouterProvider'
+import type { AnyRouter } from '@tanstack/router-core'
+
+export function RouterServer<TRouter extends AnyRouter>(props: {
+  router: TRouter
+}) {
+  return <RouterProvider router={props.router} />
+}

package/src/ssr/client.ts

@@ -0,0 +1,2 @@
+export { RouterClient } from './RouterClient'
+export * from '@tanstack/router-core/ssr/client'

package/src/ssr/defaultRenderHandler.tsx

@@ -0,0 +1,12 @@
+import { defineHandlerCallback } from '@tanstack/router-core/ssr/server'
+import { renderRouterToString } from './renderRouterToString'
+import { RouterServer } from './RouterServer'
+
+export const defaultRenderHandler = defineHandlerCallback(
+  ({ router, responseHeaders }) =>
+    renderRouterToString({
+      router,
+      responseHeaders,
+      children: <RouterServer router={router} />,
+    }),
+)

package/src/ssr/defaultStreamHandler.tsx

@@ -0,0 +1,13 @@
+import { defineHandlerCallback } from '@tanstack/router-core/ssr/server'
+import { RouterServer } from './RouterServer'
+import { renderRouterToStream } from './renderRouterToStream'
+
+export const defaultStreamHandler = defineHandlerCallback(
+  ({ request, router, responseHeaders }) =>
+    renderRouterToStream({
+      request,
+      router,
+      responseHeaders,
+      children: <RouterServer router={router} />,
+    }),
+)

package/src/ssr/renderRouterToStream.tsx

@@ -0,0 +1,81 @@
+import { PassThrough } from 'node:stream'
+import ReactDOMServer from 'react-dom/server'
+import { isbot } from 'isbot'
+import {
+  transformPipeableStreamWithRouter,
+  transformReadableStreamWithRouter,
+} from '@tanstack/router-core/ssr/server'
+import type { ReadableStream } from 'node:stream/web'
+import type { AnyRouter } from '@tanstack/router-core'
+import type { ReactNode } from 'react'
+
+export const renderRouterToStream = async ({
+  request,
+  router,
+  responseHeaders,
+  children,
+}: {
+  request: Request
+  router: AnyRouter
+  responseHeaders: Headers
+  children: ReactNode
+}) => {
+  if (typeof ReactDOMServer.renderToReadableStream === 'function') {
+    const stream = await ReactDOMServer.renderToReadableStream(children, {
+      signal: request.signal,
+    })
+
+    if (isbot(request.headers.get('User-Agent'))) {
+      await stream.allReady
+    }
+
+    const responseStream = transformReadableStreamWithRouter(
+      router,
+      stream as unknown as ReadableStream,
+    )
+    return new Response(responseStream as any, {
+      status: router.state.statusCode,
+      headers: responseHeaders,
+    })
+  }
+
+  if (typeof ReactDOMServer.renderToPipeableStream === 'function') {
+    const reactAppPassthrough = new PassThrough()
+
+    try {
+      const pipeable = ReactDOMServer.renderToPipeableStream(children, {
+        ...(isbot(request.headers.get('User-Agent'))
+          ? {
+              onAllReady() {
+                pipeable.pipe(reactAppPassthrough)
+              },
+            }
+          : {
+              onShellReady() {
+                pipeable.pipe(reactAppPassthrough)
+              },
+            }),
+        onError: (error, info) => {
+          if (error instanceof Error && error.message === 'ShellBoundaryError')
+            return
+          console.error('Error in renderToPipeableStream:', error, info)
+        },
+      })
+    } catch (e) {
+      console.error('Error in renderToPipeableStream:', e)
+    }
+
+    const responseStream = transformPipeableStreamWithRouter(
+      router,
+      reactAppPassthrough,
+    )
+    return new Response(responseStream as any, {
+      status: router.state.statusCode,
+      headers: responseHeaders,
+    })
+  }
+
+  throw new Error(
+    'No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming.',
+  )
+}

package/src/ssr/renderRouterToString.tsx

@@ -0,0 +1,31 @@
+import ReactDOMServer from 'react-dom/server'
+import type { ReactNode } from 'react'
+import type { AnyRouter } from '@tanstack/router-core'
+
+export const renderRouterToString = async ({
+  router,
+  responseHeaders,
+  children,
+}: {
+  router: AnyRouter
+  responseHeaders: Headers
+  children: ReactNode
+}) => {
+  try {
+    let html = ReactDOMServer.renderToString(children)
+    const injectedHtml = await Promise.all(router.serverSsr!.injectedHtml).then(
+      (htmls) => htmls.join(''),
+    )
+    html = html.replace(`</body>`, `${injectedHtml}</body>`)
+    return new Response(`<!DOCTYPE html>${html}`, {
+      status: router.state.statusCode,
+      headers: responseHeaders,
+    })
+  } catch (error) {
+    console.error('Render to string error:', error)
+    return new Response('Internal Server Error', {
+      status: 500,
+      headers: responseHeaders,
+    })
+  }
+}

package/src/ssr/server.ts

@@ -0,0 +1,6 @@
+export { RouterServer } from './RouterServer'
+export { defaultRenderHandler } from './defaultRenderHandler'
+export { defaultStreamHandler } from './defaultStreamHandler'
+export { renderRouterToStream } from './renderRouterToStream'
+export { renderRouterToString } from './renderRouterToString'
+export * from '@tanstack/router-core/ssr/server'