@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
package/src/ssr/renderRouterToStream.tsx ADDED
@@ -0,0 +1,81 @@
1
+ import { PassThrough } from 'node:stream'
2
+ import ReactDOMServer from 'react-dom/server'
3
+ import { isbot } from 'isbot'
4
+ import {
5
+ transformPipeableStreamWithRouter,
6
+ transformReadableStreamWithRouter,
7
+ } from '@tanstack/router-core/ssr/server'
8
+ import type { ReadableStream } from 'node:stream/web'
9
+ import type { AnyRouter } from '@tanstack/router-core'
10
+ import type { ReactNode } from 'react'
11
+
12
+ export const renderRouterToStream = async ({
13
+ request,
14
+ router,
15
+ responseHeaders,
16
+ children,
17
+ }: {
18
+ request: Request
19
+ router: AnyRouter
20
+ responseHeaders: Headers
21
+ children: ReactNode
22
+ }) => {
23
+ if (typeof ReactDOMServer.renderToReadableStream === 'function') {
24
+ const stream = await ReactDOMServer.renderToReadableStream(children, {
25
+ signal: request.signal,
26
+ })
27
+
28
+ if (isbot(request.headers.get('User-Agent'))) {
29
+ await stream.allReady
30
+ }
31
+
32
+ const responseStream = transformReadableStreamWithRouter(
33
+ router,
34
+ stream as unknown as ReadableStream,
35
+ )
36
+ return new Response(responseStream as any, {
37
+ status: router.state.statusCode,
38
+ headers: responseHeaders,
39
+ })
40
+ }
41
+
42
+ if (typeof ReactDOMServer.renderToPipeableStream === 'function') {
43
+ const reactAppPassthrough = new PassThrough()
44
+
45
+ try {
46
+ const pipeable = ReactDOMServer.renderToPipeableStream(children, {
47
+ ...(isbot(request.headers.get('User-Agent'))
48
+ ? {
49
+ onAllReady() {
50
+ pipeable.pipe(reactAppPassthrough)
51
+ },
52
+ }
53
+ : {
54
+ onShellReady() {
55
+ pipeable.pipe(reactAppPassthrough)
56
+ },
57
+ }),
58
+ onError: (error, info) => {
59
+ if (error instanceof Error && error.message === 'ShellBoundaryError')
60
+ return
61
+ console.error('Error in renderToPipeableStream:', error, info)
62
+ },
63
+ })
64
+ } catch (e) {
65
+ console.error('Error in renderToPipeableStream:', e)
66
+ }
67
+
68
+ const responseStream = transformPipeableStreamWithRouter(
69
+ router,
70
+ reactAppPassthrough,
71
+ )
72
+ return new Response(responseStream as any, {
73
+ status: router.state.statusCode,
74
+ headers: responseHeaders,
75
+ })
76
+ }
77
+
78
+ throw new Error(
79
+ 'No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming.',
80
+ )
81
+ }
package/src/ssr/renderRouterToString.tsx ADDED
@@ -0,0 +1,31 @@
1
+ import ReactDOMServer from 'react-dom/server'
2
+ import type { ReactNode } from 'react'
3
+ import type { AnyRouter } from '@tanstack/router-core'
4
+
5
+ export const renderRouterToString = async ({
6
+ router,
7
+ responseHeaders,
8
+ children,
9
+ }: {
10
+ router: AnyRouter
11
+ responseHeaders: Headers
12
+ children: ReactNode
13
+ }) => {
14
+ try {
15
+ let html = ReactDOMServer.renderToString(children)
16
+ const injectedHtml = await Promise.all(router.serverSsr!.injectedHtml).then(
17
+ (htmls) => htmls.join(''),
18
+ )
19
+ html = html.replace(`</body>`, `${injectedHtml}</body>`)
20
+ return new Response(`<!DOCTYPE html>${html}`, {
21
+ status: router.state.statusCode,
22
+ headers: responseHeaders,
23
+ })
24
+ } catch (error) {
25
+ console.error('Render to string error:', error)
26
+ return new Response('Internal Server Error', {
27
+ status: 500,
28
+ headers: responseHeaders,
29
+ })
30
+ }
31
+ }
package/src/ssr/server.ts ADDED
@@ -0,0 +1,6 @@
1
+ export { RouterServer } from './RouterServer'
2
+ export { defaultRenderHandler } from './defaultRenderHandler'
3
+ export { defaultStreamHandler } from './defaultStreamHandler'
4
+ export { renderRouterToStream } from './renderRouterToStream'
5
+ export { renderRouterToString } from './renderRouterToString'
6
+ export * from '@tanstack/router-core/ssr/server'