@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.
- package/dist/cjs/Match.cjs +1 -1
- package/dist/cjs/Match.cjs.map +1 -1
- package/dist/cjs/index.d.cts +1 -1
- package/dist/cjs/ssr/RouterClient.cjs +25 -0
- package/dist/cjs/ssr/RouterClient.cjs.map +1 -0
- package/dist/cjs/ssr/RouterClient.d.cts +4 -0
- package/dist/cjs/ssr/RouterServer.cjs +9 -0
- package/dist/cjs/ssr/RouterServer.cjs.map +1 -0
- package/dist/cjs/ssr/RouterServer.d.cts +4 -0
- package/dist/cjs/ssr/client.cjs +12 -0
- package/dist/cjs/ssr/client.cjs.map +1 -0
- package/dist/cjs/ssr/client.d.cts +2 -0
- package/dist/cjs/ssr/defaultRenderHandler.cjs +15 -0
- package/dist/cjs/ssr/defaultRenderHandler.cjs.map +1 -0
- package/dist/cjs/ssr/defaultRenderHandler.d.cts +1 -0
- package/dist/cjs/ssr/defaultStreamHandler.cjs +16 -0
- package/dist/cjs/ssr/defaultStreamHandler.cjs.map +1 -0
- package/dist/cjs/ssr/defaultStreamHandler.d.cts +1 -0
- package/dist/cjs/ssr/renderRouterToStream.cjs +65 -0
- package/dist/cjs/ssr/renderRouterToStream.cjs.map +1 -0
- package/dist/cjs/ssr/renderRouterToStream.d.cts +8 -0
- package/dist/cjs/ssr/renderRouterToString.cjs +28 -0
- package/dist/cjs/ssr/renderRouterToString.cjs.map +1 -0
- package/dist/cjs/ssr/renderRouterToString.d.cts +7 -0
- package/dist/cjs/ssr/server.cjs +20 -0
- package/dist/cjs/ssr/server.cjs.map +1 -0
- package/dist/cjs/ssr/server.d.cts +6 -0
- package/dist/esm/Match.js +1 -1
- package/dist/esm/Match.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/ssr/RouterClient.d.ts +4 -0
- package/dist/esm/ssr/RouterClient.js +25 -0
- package/dist/esm/ssr/RouterClient.js.map +1 -0
- package/dist/esm/ssr/RouterServer.d.ts +4 -0
- package/dist/esm/ssr/RouterServer.js +9 -0
- package/dist/esm/ssr/RouterServer.js.map +1 -0
- package/dist/esm/ssr/client.d.ts +2 -0
- package/dist/esm/ssr/client.js +6 -0
- package/dist/esm/ssr/client.js.map +1 -0
- package/dist/esm/ssr/defaultRenderHandler.d.ts +1 -0
- package/dist/esm/ssr/defaultRenderHandler.js +15 -0
- package/dist/esm/ssr/defaultRenderHandler.js.map +1 -0
- package/dist/esm/ssr/defaultStreamHandler.d.ts +1 -0
- package/dist/esm/ssr/defaultStreamHandler.js +16 -0
- package/dist/esm/ssr/defaultStreamHandler.js.map +1 -0
- package/dist/esm/ssr/renderRouterToStream.d.ts +8 -0
- package/dist/esm/ssr/renderRouterToStream.js +65 -0
- package/dist/esm/ssr/renderRouterToStream.js.map +1 -0
- package/dist/esm/ssr/renderRouterToString.d.ts +7 -0
- package/dist/esm/ssr/renderRouterToString.js +28 -0
- package/dist/esm/ssr/renderRouterToString.js.map +1 -0
- package/dist/esm/ssr/server.d.ts +6 -0
- package/dist/esm/ssr/server.js +14 -0
- package/dist/esm/ssr/server.js.map +1 -0
- package/dist/llms/rules/api.d.ts +1 -1
- package/dist/llms/rules/api.js +2 -1
- package/dist/llms/rules/guide.d.ts +1 -1
- package/dist/llms/rules/guide.js +4 -2
- package/dist/llms/rules/routing.d.ts +1 -1
- package/dist/llms/rules/routing.js +1 -1
- package/package.json +24 -3
- package/src/Match.tsx +2 -2
- package/src/index.tsx +1 -0
- package/src/ssr/RouterClient.tsx +22 -0
- package/src/ssr/RouterServer.tsx +9 -0
- package/src/ssr/client.ts +2 -0
- package/src/ssr/defaultRenderHandler.tsx +12 -0
- package/src/ssr/defaultStreamHandler.tsx +13 -0
- package/src/ssr/renderRouterToStream.tsx +81 -0
- package/src/ssr/renderRouterToString.tsx +31 -0
- 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":";;;;;;"}
|