@tanstack/react-router 1.121.33 → 1.121.39

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.
Files changed (71) hide show
  1. package/dist/cjs/Match.cjs +1 -1
  2. package/dist/cjs/Match.cjs.map +1 -1
  3. package/dist/cjs/index.d.cts +1 -1
  4. package/dist/cjs/ssr/RouterClient.cjs +25 -0
  5. package/dist/cjs/ssr/RouterClient.cjs.map +1 -0
  6. package/dist/cjs/ssr/RouterClient.d.cts +4 -0
  7. package/dist/cjs/ssr/RouterServer.cjs +9 -0
  8. package/dist/cjs/ssr/RouterServer.cjs.map +1 -0
  9. package/dist/cjs/ssr/RouterServer.d.cts +4 -0
  10. package/dist/cjs/ssr/client.cjs +12 -0
  11. package/dist/cjs/ssr/client.cjs.map +1 -0
  12. package/dist/cjs/ssr/client.d.cts +2 -0
  13. package/dist/cjs/ssr/defaultRenderHandler.cjs +15 -0
  14. package/dist/cjs/ssr/defaultRenderHandler.cjs.map +1 -0
  15. package/dist/cjs/ssr/defaultRenderHandler.d.cts +1 -0
  16. package/dist/cjs/ssr/defaultStreamHandler.cjs +16 -0
  17. package/dist/cjs/ssr/defaultStreamHandler.cjs.map +1 -0
  18. package/dist/cjs/ssr/defaultStreamHandler.d.cts +1 -0
  19. package/dist/cjs/ssr/renderRouterToStream.cjs +65 -0
  20. package/dist/cjs/ssr/renderRouterToStream.cjs.map +1 -0
  21. package/dist/cjs/ssr/renderRouterToStream.d.cts +8 -0
  22. package/dist/cjs/ssr/renderRouterToString.cjs +28 -0
  23. package/dist/cjs/ssr/renderRouterToString.cjs.map +1 -0
  24. package/dist/cjs/ssr/renderRouterToString.d.cts +7 -0
  25. package/dist/cjs/ssr/server.cjs +20 -0
  26. package/dist/cjs/ssr/server.cjs.map +1 -0
  27. package/dist/cjs/ssr/server.d.cts +6 -0
  28. package/dist/esm/Match.js +1 -1
  29. package/dist/esm/Match.js.map +1 -1
  30. package/dist/esm/index.d.ts +1 -1
  31. package/dist/esm/ssr/RouterClient.d.ts +4 -0
  32. package/dist/esm/ssr/RouterClient.js +25 -0
  33. package/dist/esm/ssr/RouterClient.js.map +1 -0
  34. package/dist/esm/ssr/RouterServer.d.ts +4 -0
  35. package/dist/esm/ssr/RouterServer.js +9 -0
  36. package/dist/esm/ssr/RouterServer.js.map +1 -0
  37. package/dist/esm/ssr/client.d.ts +2 -0
  38. package/dist/esm/ssr/client.js +6 -0
  39. package/dist/esm/ssr/client.js.map +1 -0
  40. package/dist/esm/ssr/defaultRenderHandler.d.ts +1 -0
  41. package/dist/esm/ssr/defaultRenderHandler.js +15 -0
  42. package/dist/esm/ssr/defaultRenderHandler.js.map +1 -0
  43. package/dist/esm/ssr/defaultStreamHandler.d.ts +1 -0
  44. package/dist/esm/ssr/defaultStreamHandler.js +16 -0
  45. package/dist/esm/ssr/defaultStreamHandler.js.map +1 -0
  46. package/dist/esm/ssr/renderRouterToStream.d.ts +8 -0
  47. package/dist/esm/ssr/renderRouterToStream.js +65 -0
  48. package/dist/esm/ssr/renderRouterToStream.js.map +1 -0
  49. package/dist/esm/ssr/renderRouterToString.d.ts +7 -0
  50. package/dist/esm/ssr/renderRouterToString.js +28 -0
  51. package/dist/esm/ssr/renderRouterToString.js.map +1 -0
  52. package/dist/esm/ssr/server.d.ts +6 -0
  53. package/dist/esm/ssr/server.js +14 -0
  54. package/dist/esm/ssr/server.js.map +1 -0
  55. package/dist/llms/rules/api.d.ts +1 -1
  56. package/dist/llms/rules/api.js +2 -1
  57. package/dist/llms/rules/guide.d.ts +1 -1
  58. package/dist/llms/rules/guide.js +4 -2
  59. package/dist/llms/rules/routing.d.ts +1 -1
  60. package/dist/llms/rules/routing.js +1 -1
  61. package/package.json +24 -3
  62. package/src/Match.tsx +2 -2
  63. package/src/index.tsx +1 -0
  64. package/src/ssr/RouterClient.tsx +22 -0
  65. package/src/ssr/RouterServer.tsx +9 -0
  66. package/src/ssr/client.ts +2 -0
  67. package/src/ssr/defaultRenderHandler.tsx +12 -0
  68. package/src/ssr/defaultStreamHandler.tsx +13 -0
  69. package/src/ssr/renderRouterToStream.tsx +81 -0
  70. package/src/ssr/renderRouterToString.tsx +31 -0
  71. package/src/ssr/server.ts +6 -0
@@ -0,0 +1,15 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { defineHandlerCallback } from "@tanstack/router-core/ssr/server";
3
+ import { renderRouterToString } from "./renderRouterToString.js";
4
+ import { RouterServer } from "./RouterServer.js";
5
+ const defaultRenderHandler = defineHandlerCallback(
6
+ ({ router, responseHeaders }) => renderRouterToString({
7
+ router,
8
+ responseHeaders,
9
+ children: /* @__PURE__ */ jsx(RouterServer, { router })
10
+ })
11
+ );
12
+ export {
13
+ defaultRenderHandler
14
+ };
15
+ //# sourceMappingURL=defaultRenderHandler.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1 @@
1
+ export declare const defaultStreamHandler: import('@tanstack/router-core/ssr/server').HandlerCallback<import('@tanstack/router-core').AnyRouter>;
@@ -0,0 +1,16 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { defineHandlerCallback } from "@tanstack/router-core/ssr/server";
3
+ import { RouterServer } from "./RouterServer.js";
4
+ import { renderRouterToStream } from "./renderRouterToStream.js";
5
+ const defaultStreamHandler = defineHandlerCallback(
6
+ ({ request, router, responseHeaders }) => renderRouterToStream({
7
+ request,
8
+ router,
9
+ responseHeaders,
10
+ children: /* @__PURE__ */ jsx(RouterServer, { router })
11
+ })
12
+ );
13
+ export {
14
+ defaultStreamHandler
15
+ };
16
+ //# sourceMappingURL=defaultStreamHandler.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,8 @@
1
+ import { AnyRouter } from '@tanstack/router-core';
2
+ import { ReactNode } from 'react';
3
+ export declare const renderRouterToStream: ({ request, router, responseHeaders, children, }: {
4
+ request: Request;
5
+ router: AnyRouter;
6
+ responseHeaders: Headers;
7
+ children: ReactNode;
8
+ }) => Promise<Response>;
@@ -0,0 +1,65 @@
1
+ import { PassThrough } from "node:stream";
2
+ import ReactDOMServer from "react-dom/server";
3
+ import { isbot } from "isbot";
4
+ import { transformReadableStreamWithRouter, transformPipeableStreamWithRouter } from "@tanstack/router-core/ssr/server";
5
+ const renderRouterToStream = async ({
6
+ request,
7
+ router,
8
+ responseHeaders,
9
+ children
10
+ }) => {
11
+ if (typeof ReactDOMServer.renderToReadableStream === "function") {
12
+ const stream = await ReactDOMServer.renderToReadableStream(children, {
13
+ signal: request.signal
14
+ });
15
+ if (isbot(request.headers.get("User-Agent"))) {
16
+ await stream.allReady;
17
+ }
18
+ const responseStream = transformReadableStreamWithRouter(
19
+ router,
20
+ stream
21
+ );
22
+ return new Response(responseStream, {
23
+ status: router.state.statusCode,
24
+ headers: responseHeaders
25
+ });
26
+ }
27
+ if (typeof ReactDOMServer.renderToPipeableStream === "function") {
28
+ const reactAppPassthrough = new PassThrough();
29
+ try {
30
+ const pipeable = ReactDOMServer.renderToPipeableStream(children, {
31
+ ...isbot(request.headers.get("User-Agent")) ? {
32
+ onAllReady() {
33
+ pipeable.pipe(reactAppPassthrough);
34
+ }
35
+ } : {
36
+ onShellReady() {
37
+ pipeable.pipe(reactAppPassthrough);
38
+ }
39
+ },
40
+ onError: (error, info) => {
41
+ if (error instanceof Error && error.message === "ShellBoundaryError")
42
+ return;
43
+ console.error("Error in renderToPipeableStream:", error, info);
44
+ }
45
+ });
46
+ } catch (e) {
47
+ console.error("Error in renderToPipeableStream:", e);
48
+ }
49
+ const responseStream = transformPipeableStreamWithRouter(
50
+ router,
51
+ reactAppPassthrough
52
+ );
53
+ return new Response(responseStream, {
54
+ status: router.state.statusCode,
55
+ headers: responseHeaders
56
+ });
57
+ }
58
+ throw new Error(
59
+ "No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming."
60
+ );
61
+ };
62
+ export {
63
+ renderRouterToStream
64
+ };
65
+ //# sourceMappingURL=renderRouterToStream.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ import { AnyRouter } from '@tanstack/router-core';
3
+ export declare const renderRouterToString: ({ router, responseHeaders, children, }: {
4
+ router: AnyRouter;
5
+ responseHeaders: Headers;
6
+ children: ReactNode;
7
+ }) => Promise<Response>;
@@ -0,0 +1,28 @@
1
+ import ReactDOMServer from "react-dom/server";
2
+ const renderRouterToString = async ({
3
+ router,
4
+ responseHeaders,
5
+ children
6
+ }) => {
7
+ try {
8
+ let html = ReactDOMServer.renderToString(children);
9
+ const injectedHtml = await Promise.all(router.serverSsr.injectedHtml).then(
10
+ (htmls) => htmls.join("")
11
+ );
12
+ html = html.replace(`</body>`, `${injectedHtml}</body>`);
13
+ return new Response(`<!DOCTYPE html>${html}`, {
14
+ status: router.state.statusCode,
15
+ headers: responseHeaders
16
+ });
17
+ } catch (error) {
18
+ console.error("Render to string error:", error);
19
+ return new Response("Internal Server Error", {
20
+ status: 500,
21
+ headers: responseHeaders
22
+ });
23
+ }
24
+ };
25
+ export {
26
+ renderRouterToString
27
+ };
28
+ //# sourceMappingURL=renderRouterToString.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,6 @@
1
+ export { RouterServer } from './RouterServer.js';
2
+ export { defaultRenderHandler } from './defaultRenderHandler.js';
3
+ export { defaultStreamHandler } from './defaultStreamHandler.js';
4
+ export { renderRouterToStream } from './renderRouterToStream.js';
5
+ export { renderRouterToString } from './renderRouterToString.js';
6
+ export * from '@tanstack/router-core/ssr/server';
@@ -0,0 +1,14 @@
1
+ import { RouterServer } from "./RouterServer.js";
2
+ import { defaultRenderHandler } from "./defaultRenderHandler.js";
3
+ import { defaultStreamHandler } from "./defaultStreamHandler.js";
4
+ import { renderRouterToStream } from "./renderRouterToStream.js";
5
+ import { renderRouterToString } from "./renderRouterToString.js";
6
+ export * from "@tanstack/router-core/ssr/server";
7
+ export {
8
+ RouterServer,
9
+ defaultRenderHandler,
10
+ defaultStreamHandler,
11
+ renderRouterToStream,
12
+ renderRouterToString
13
+ };
14
+ //# sourceMappingURL=server.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}