@tanstack/react-start-server 1.111.10
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/LICENSE +21 -0
- package/README.md +33 -0
- package/dist/cjs/StartServer.cjs +9 -0
- package/dist/cjs/StartServer.cjs.map +1 -0
- package/dist/cjs/StartServer.d.cts +4 -0
- package/dist/cjs/createRequestHandler.cjs +52 -0
- package/dist/cjs/createRequestHandler.cjs.map +1 -0
- package/dist/cjs/createRequestHandler.d.cts +8 -0
- package/dist/cjs/createStartHandler.cjs +56 -0
- package/dist/cjs/createStartHandler.cjs.map +1 -0
- package/dist/cjs/createStartHandler.d.cts +8 -0
- package/dist/cjs/defaultRenderHandler.cjs +29 -0
- package/dist/cjs/defaultRenderHandler.cjs.map +1 -0
- package/dist/cjs/defaultRenderHandler.d.cts +1 -0
- package/dist/cjs/defaultStreamHandler.cjs +69 -0
- package/dist/cjs/defaultStreamHandler.cjs.map +1 -0
- package/dist/cjs/defaultStreamHandler.d.cts +1 -0
- package/dist/cjs/handlerCallback.cjs +7 -0
- package/dist/cjs/handlerCallback.cjs.map +1 -0
- package/dist/cjs/handlerCallback.d.cts +10 -0
- package/dist/cjs/index.cjs +410 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/index.d.cts +112 -0
- package/dist/cjs/ssr-server.cjs +246 -0
- package/dist/cjs/ssr-server.cjs.map +1 -0
- package/dist/cjs/ssr-server.d.cts +30 -0
- package/dist/cjs/transformStreamWithRouter.cjs +183 -0
- package/dist/cjs/transformStreamWithRouter.cjs.map +1 -0
- package/dist/cjs/transformStreamWithRouter.d.cts +6 -0
- package/dist/cjs/tsrScript.cjs +4 -0
- package/dist/cjs/tsrScript.cjs.map +1 -0
- package/dist/cjs/tsrScript.d.cts +1 -0
- package/dist/esm/StartServer.d.ts +4 -0
- package/dist/esm/StartServer.js +9 -0
- package/dist/esm/StartServer.js.map +1 -0
- package/dist/esm/createRequestHandler.d.ts +8 -0
- package/dist/esm/createRequestHandler.js +52 -0
- package/dist/esm/createRequestHandler.js.map +1 -0
- package/dist/esm/createStartHandler.d.ts +8 -0
- package/dist/esm/createStartHandler.js +56 -0
- package/dist/esm/createStartHandler.js.map +1 -0
- package/dist/esm/defaultRenderHandler.d.ts +1 -0
- package/dist/esm/defaultRenderHandler.js +29 -0
- package/dist/esm/defaultRenderHandler.js.map +1 -0
- package/dist/esm/defaultStreamHandler.d.ts +1 -0
- package/dist/esm/defaultStreamHandler.js +69 -0
- package/dist/esm/defaultStreamHandler.js.map +1 -0
- package/dist/esm/handlerCallback.d.ts +10 -0
- package/dist/esm/handlerCallback.js +7 -0
- package/dist/esm/handlerCallback.js.map +1 -0
- package/dist/esm/index.d.ts +112 -0
- package/dist/esm/index.js +297 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/ssr-server.d.ts +30 -0
- package/dist/esm/ssr-server.js +246 -0
- package/dist/esm/ssr-server.js.map +1 -0
- package/dist/esm/transformStreamWithRouter.d.ts +6 -0
- package/dist/esm/transformStreamWithRouter.js +183 -0
- package/dist/esm/transformStreamWithRouter.js.map +1 -0
- package/dist/esm/tsrScript.d.ts +1 -0
- package/dist/esm/tsrScript.js +5 -0
- package/dist/esm/tsrScript.js.map +1 -0
- package/package.json +73 -0
- package/src/StartServer.tsx +9 -0
- package/src/createRequestHandler.ts +75 -0
- package/src/createStartHandler.ts +82 -0
- package/src/defaultRenderHandler.tsx +25 -0
- package/src/defaultStreamHandler.tsx +80 -0
- package/src/handlerCallback.ts +22 -0
- package/src/index.tsx +508 -0
- package/src/ssr-server.ts +346 -0
- package/src/transformStreamWithRouter.ts +258 -0
- package/src/tsrScript.ts +91 -0
- package/src/vite-env.d.ts +4 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2021-present Tanner Linsley
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
> 🤫 we're cooking up something special!
|
|
2
|
+
|
|
3
|
+
<img src="https://static.scarf.sh/a.png?x-pxid=d988eb79-b0fc-4a2b-8514-6a1ab932d188" />
|
|
4
|
+
|
|
5
|
+
# TanStack Start
|
|
6
|
+
|
|
7
|
+

|
|
8
|
+
|
|
9
|
+
🤖 Type-safe router w/ built-in caching & URL state management for React!
|
|
10
|
+
|
|
11
|
+
<a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent">
|
|
12
|
+
<img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack">
|
|
13
|
+
</a><a href="https://discord.com/invite/WrRKjPJ" target="\_parent">
|
|
14
|
+
<img alt="" src="https://img.shields.io/badge/Discord-TanStack-%235865F2" />
|
|
15
|
+
</a><a href="https://npmjs.com/package/@tanstack/react-router" target="\_parent">
|
|
16
|
+
<img alt="" src="https://img.shields.io/npm/dm/@tanstack/router.svg" />
|
|
17
|
+
</a><a href="https://bundlephobia.com/result?p=@tanstack/react-router" target="\_parent">
|
|
18
|
+
<img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/react-router" />
|
|
19
|
+
</a><a href="#badge">
|
|
20
|
+
<img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
|
|
21
|
+
</a><a href="https://github.com/tanstack/router/discussions">
|
|
22
|
+
<img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" />
|
|
23
|
+
</a><a href="https://bestofjs.org/projects/router"><img alt="Best of JS" src="https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=tanstack%2Frouter%26since=daily" /></a><a href="https://github.com/tanstack/router" target="\_parent">
|
|
24
|
+
<img alt="" src="https://img.shields.io/github/stars/tanstack/router.svg?style=social&label=Star" />
|
|
25
|
+
</a><a href="https://twitter.com/tan_stack" target="\_parent">
|
|
26
|
+
<img alt="" src="https://img.shields.io/twitter/follow/tan_stack.svg?style=social&label=Follow @TanStack" />
|
|
27
|
+
</a><a href="https://twitter.com/tannerlinsley" target="\_parent">
|
|
28
|
+
<img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow @TannerLinsley" />
|
|
29
|
+
</a>
|
|
30
|
+
|
|
31
|
+
Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/tannerlinsley/react-query), [React Table](https://github.com/tanstack/react-table), [React Charts](https://github.com/tannerlinsley/react-charts), [React Virtual](https://github.com/tannerlinsley/react-virtual)
|
|
32
|
+
|
|
33
|
+
## Visit [tanstack.com/router](https://tanstack.com/router) for docs, guides, API and more!
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const reactRouter = require("@tanstack/react-router");
|
|
5
|
+
function StartServer(props) {
|
|
6
|
+
return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { router: props.router });
|
|
7
|
+
}
|
|
8
|
+
exports.StartServer = StartServer;
|
|
9
|
+
//# sourceMappingURL=StartServer.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StartServer.cjs","sources":["../../src/StartServer.tsx"],"sourcesContent":["import * as React from 'react'\nimport { RouterProvider } from '@tanstack/react-router'\nimport type { AnyRouter } from '@tanstack/react-router'\n\nexport function StartServer<TRouter extends AnyRouter>(props: {\n router: TRouter\n}) {\n return <RouterProvider router={props.router} />\n}\n"],"names":["jsx","RouterProvider"],"mappings":";;;;AAIO,SAAS,YAAuC,OAEpD;AACD,SAAQA,2BAAAA,IAAAC,YAAAA,gBAAA,EAAe,QAAQ,MAAM,OAAQ,CAAA;AAC/C;;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const history = require("@tanstack/history");
|
|
4
|
+
const reactStartClient = require("@tanstack/react-start-client");
|
|
5
|
+
const ssrServer = require("./ssr-server.cjs");
|
|
6
|
+
function createRequestHandler({
|
|
7
|
+
createRouter,
|
|
8
|
+
request,
|
|
9
|
+
getRouterManifest
|
|
10
|
+
}) {
|
|
11
|
+
return async (cb) => {
|
|
12
|
+
const router = createRouter();
|
|
13
|
+
ssrServer.attachRouterServerSsrUtils(router, await (getRouterManifest == null ? void 0 : getRouterManifest()));
|
|
14
|
+
const url = new URL(request.url, "http://localhost");
|
|
15
|
+
const href = url.href.replace(url.origin, "");
|
|
16
|
+
const history$1 = history.createMemoryHistory({
|
|
17
|
+
initialEntries: [href]
|
|
18
|
+
});
|
|
19
|
+
router.update({
|
|
20
|
+
history: history$1
|
|
21
|
+
});
|
|
22
|
+
await router.load();
|
|
23
|
+
ssrServer.dehydrateRouter(router);
|
|
24
|
+
const responseHeaders = getRequestHeaders({
|
|
25
|
+
router
|
|
26
|
+
});
|
|
27
|
+
return cb({
|
|
28
|
+
request,
|
|
29
|
+
router,
|
|
30
|
+
responseHeaders
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
function getRequestHeaders(opts) {
|
|
35
|
+
let headers = reactStartClient.mergeHeaders(
|
|
36
|
+
{
|
|
37
|
+
"Content-Type": "text/html; charset=UTF-8"
|
|
38
|
+
},
|
|
39
|
+
...opts.router.state.matches.map((match) => {
|
|
40
|
+
return match.headers;
|
|
41
|
+
})
|
|
42
|
+
);
|
|
43
|
+
const { redirect } = opts.router.state;
|
|
44
|
+
if (redirect) {
|
|
45
|
+
headers = reactStartClient.mergeHeaders(headers, redirect.headers, {
|
|
46
|
+
Location: redirect.href
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
return headers;
|
|
50
|
+
}
|
|
51
|
+
exports.createRequestHandler = createRequestHandler;
|
|
52
|
+
//# sourceMappingURL=createRequestHandler.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRequestHandler.cjs","sources":["../../src/createRequestHandler.ts"],"sourcesContent":["import { createMemoryHistory } from '@tanstack/history'\nimport { mergeHeaders } from '@tanstack/react-start-client'\nimport { attachRouterServerSsrUtils, dehydrateRouter } from './ssr-server'\nimport type { HandlerCallback } from './handlerCallback'\nimport type { AnyRouter, Manifest } from '@tanstack/react-router'\n\nexport type RequestHandler<TRouter extends AnyRouter> = (\n cb: HandlerCallback<TRouter>,\n) => Promise<Response>\n\nexport function createRequestHandler<TRouter extends AnyRouter>({\n createRouter,\n request,\n getRouterManifest,\n}: {\n createRouter: () => TRouter\n request: Request\n getRouterManifest?: () => Manifest | Promise<Manifest>\n}): RequestHandler<TRouter> {\n return async (cb) => {\n const router = createRouter()\n\n attachRouterServerSsrUtils(router, await getRouterManifest?.())\n\n const url = new URL(request.url, 'http://localhost')\n\n const href = url.href.replace(url.origin, '')\n\n // Create a history for the router\n const history = createMemoryHistory({\n initialEntries: [href],\n })\n\n // Update the router with the history and context\n router.update({\n history,\n })\n\n await router.load()\n\n dehydrateRouter(router)\n\n const responseHeaders = getRequestHeaders({\n router,\n })\n\n return cb({\n request,\n router,\n responseHeaders,\n } as any)\n }\n}\n\nfunction getRequestHeaders(opts: { router: AnyRouter }): Headers {\n let headers = mergeHeaders(\n {\n 'Content-Type': 'text/html; charset=UTF-8',\n },\n ...opts.router.state.matches.map((match) => {\n return match.headers\n }),\n )\n\n // Handle Redirects\n const { redirect } = opts.router.state\n\n if (redirect) {\n headers = mergeHeaders(headers, redirect.headers, {\n Location: redirect.href,\n })\n }\n\n return headers\n}\n"],"names":["attachRouterServerSsrUtils","history","createMemoryHistory","dehydrateRouter","mergeHeaders"],"mappings":";;;;;AAUO,SAAS,qBAAgD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,GAI4B;AAC1B,SAAO,OAAO,OAAO;AACnB,UAAM,SAAS,aAAa;AAEDA,yCAAA,QAAQ,OAAM,yDAAqB;AAE9D,UAAM,MAAM,IAAI,IAAI,QAAQ,KAAK,kBAAkB;AAEnD,UAAM,OAAO,IAAI,KAAK,QAAQ,IAAI,QAAQ,EAAE;AAG5C,UAAMC,YAAUC,QAAAA,oBAAoB;AAAA,MAClC,gBAAgB,CAAC,IAAI;AAAA,IAAA,CACtB;AAGD,WAAO,OAAO;AAAA,MACZD,SAAAA;AAAAA,IAAA,CACD;AAED,UAAM,OAAO,KAAK;AAElBE,cAAAA,gBAAgB,MAAM;AAEtB,UAAM,kBAAkB,kBAAkB;AAAA,MACxC;AAAA,IAAA,CACD;AAED,WAAO,GAAG;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACM;AAAA,EACV;AACF;AAEA,SAAS,kBAAkB,MAAsC;AAC/D,MAAI,UAAUC,iBAAA;AAAA,IACZ;AAAA,MACE,gBAAgB;AAAA,IAClB;AAAA,IACA,GAAG,KAAK,OAAO,MAAM,QAAQ,IAAI,CAAC,UAAU;AAC1C,aAAO,MAAM;AAAA,IACd,CAAA;AAAA,EACH;AAGA,QAAM,EAAE,SAAA,IAAa,KAAK,OAAO;AAEjC,MAAI,UAAU;AACF,cAAAA,iBAAA,aAAa,SAAS,SAAS,SAAS;AAAA,MAChD,UAAU,SAAS;AAAA,IAAA,CACpB;AAAA,EAAA;AAGI,SAAA;AACT;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HandlerCallback } from './handlerCallback.cjs';
|
|
2
|
+
import { AnyRouter, Manifest } from '@tanstack/react-router';
|
|
3
|
+
export type RequestHandler<TRouter extends AnyRouter> = (cb: HandlerCallback<TRouter>) => Promise<Response>;
|
|
4
|
+
export declare function createRequestHandler<TRouter extends AnyRouter>({ createRouter, request, getRouterManifest, }: {
|
|
5
|
+
createRouter: () => TRouter;
|
|
6
|
+
request: Request;
|
|
7
|
+
getRouterManifest?: () => Manifest | Promise<Manifest>;
|
|
8
|
+
}): RequestHandler<TRouter>;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const history = require("@tanstack/history");
|
|
4
|
+
const reactStartClient = require("@tanstack/react-start-client");
|
|
5
|
+
const h3 = require("h3");
|
|
6
|
+
const ssrServer = require("./ssr-server.cjs");
|
|
7
|
+
function createStartHandler({
|
|
8
|
+
createRouter,
|
|
9
|
+
getRouterManifest
|
|
10
|
+
}) {
|
|
11
|
+
return (cb) => {
|
|
12
|
+
return h3.eventHandler(async (event) => {
|
|
13
|
+
const request = h3.toWebRequest(event);
|
|
14
|
+
const url = new URL(request.url);
|
|
15
|
+
const href = url.href.replace(url.origin, "");
|
|
16
|
+
const history$1 = history.createMemoryHistory({
|
|
17
|
+
initialEntries: [href]
|
|
18
|
+
});
|
|
19
|
+
const router = createRouter();
|
|
20
|
+
ssrServer.attachRouterServerSsrUtils(router, await (getRouterManifest == null ? void 0 : getRouterManifest()));
|
|
21
|
+
router.update({
|
|
22
|
+
history: history$1
|
|
23
|
+
});
|
|
24
|
+
await router.load();
|
|
25
|
+
ssrServer.dehydrateRouter(router);
|
|
26
|
+
const responseHeaders = getStartResponseHeaders({ event, router });
|
|
27
|
+
const response = await cb({
|
|
28
|
+
request,
|
|
29
|
+
router,
|
|
30
|
+
responseHeaders
|
|
31
|
+
});
|
|
32
|
+
return response;
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
function getStartResponseHeaders(opts) {
|
|
37
|
+
let headers = reactStartClient.mergeHeaders(
|
|
38
|
+
h3.getResponseHeaders(opts.event),
|
|
39
|
+
opts.event.___ssrRpcResponseHeaders,
|
|
40
|
+
{
|
|
41
|
+
"Content-Type": "text/html; charset=UTF-8"
|
|
42
|
+
},
|
|
43
|
+
...opts.router.state.matches.map((match) => {
|
|
44
|
+
return match.headers;
|
|
45
|
+
})
|
|
46
|
+
);
|
|
47
|
+
const { redirect } = opts.router.state;
|
|
48
|
+
if (redirect) {
|
|
49
|
+
headers = reactStartClient.mergeHeaders(headers, redirect.headers, {
|
|
50
|
+
Location: redirect.href
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
return headers;
|
|
54
|
+
}
|
|
55
|
+
exports.createStartHandler = createStartHandler;
|
|
56
|
+
//# sourceMappingURL=createStartHandler.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createStartHandler.cjs","sources":["../../src/createStartHandler.ts"],"sourcesContent":["import { createMemoryHistory } from '@tanstack/history'\nimport { mergeHeaders } from '@tanstack/react-start-client'\nimport { eventHandler, getResponseHeaders, toWebRequest } from 'h3'\nimport { attachRouterServerSsrUtils, dehydrateRouter } from './ssr-server'\nimport type { HandlerCallback } from './handlerCallback'\nimport type { EventHandlerResponse, H3Event } from 'h3'\nimport type { AnyRouter, Manifest } from '@tanstack/react-router'\n\nexport type CustomizeStartHandler<\n TRouter extends AnyRouter,\n TResponse extends EventHandlerResponse = EventHandlerResponse,\n> = (cb: HandlerCallback<TRouter, TResponse>) => ReturnType<typeof eventHandler>\n\nexport function createStartHandler<\n TRouter extends AnyRouter,\n TResponse extends EventHandlerResponse = EventHandlerResponse,\n>({\n createRouter,\n getRouterManifest,\n}: {\n createRouter: () => TRouter\n getRouterManifest?: () => Manifest | Promise<Manifest>\n}): CustomizeStartHandler<TRouter, TResponse> {\n return (cb) => {\n return eventHandler(async (event) => {\n const request = toWebRequest(event)\n\n const url = new URL(request.url)\n const href = url.href.replace(url.origin, '')\n\n // Create a history for the router\n const history = createMemoryHistory({\n initialEntries: [href],\n })\n\n const router = createRouter()\n\n attachRouterServerSsrUtils(router, await getRouterManifest?.())\n\n // Update the router with the history and context\n router.update({\n history,\n })\n\n await router.load()\n\n dehydrateRouter(router)\n\n const responseHeaders = getStartResponseHeaders({ event, router })\n const response = await cb({\n request,\n router,\n responseHeaders,\n })\n\n return response\n })\n }\n}\n\nfunction getStartResponseHeaders(opts: { event: H3Event; router: AnyRouter }) {\n let headers = mergeHeaders(\n getResponseHeaders(opts.event),\n (opts.event as any).___ssrRpcResponseHeaders,\n {\n 'Content-Type': 'text/html; charset=UTF-8',\n },\n ...opts.router.state.matches.map((match) => {\n return match.headers\n }),\n )\n\n // Handle Redirects\n const { redirect } = opts.router.state\n\n if (redirect) {\n headers = mergeHeaders(headers, redirect.headers, {\n Location: redirect.href,\n })\n }\n return headers\n}\n"],"names":["eventHandler","toWebRequest","history","createMemoryHistory","attachRouterServerSsrUtils","dehydrateRouter","mergeHeaders","getResponseHeaders"],"mappings":";;;;;;AAaO,SAAS,mBAGd;AAAA,EACA;AAAA,EACA;AACF,GAG8C;AAC5C,SAAO,CAAC,OAAO;AACN,WAAAA,GAAAA,aAAa,OAAO,UAAU;AAC7B,YAAA,UAAUC,gBAAa,KAAK;AAElC,YAAM,MAAM,IAAI,IAAI,QAAQ,GAAG;AAC/B,YAAM,OAAO,IAAI,KAAK,QAAQ,IAAI,QAAQ,EAAE;AAG5C,YAAMC,YAAUC,QAAAA,oBAAoB;AAAA,QAClC,gBAAgB,CAAC,IAAI;AAAA,MAAA,CACtB;AAED,YAAM,SAAS,aAAa;AAEDC,2CAAA,QAAQ,OAAM,yDAAqB;AAG9D,aAAO,OAAO;AAAA,QACZF,SAAAA;AAAAA,MAAA,CACD;AAED,YAAM,OAAO,KAAK;AAElBG,gBAAAA,gBAAgB,MAAM;AAEtB,YAAM,kBAAkB,wBAAwB,EAAE,OAAO,QAAQ;AAC3D,YAAA,WAAW,MAAM,GAAG;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAEM,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AACF;AAEA,SAAS,wBAAwB,MAA6C;AAC5E,MAAI,UAAUC,iBAAA;AAAA,IACZC,GAAA,mBAAmB,KAAK,KAAK;AAAA,IAC5B,KAAK,MAAc;AAAA,IACpB;AAAA,MACE,gBAAgB;AAAA,IAClB;AAAA,IACA,GAAG,KAAK,OAAO,MAAM,QAAQ,IAAI,CAAC,UAAU;AAC1C,aAAO,MAAM;AAAA,IACd,CAAA;AAAA,EACH;AAGA,QAAM,EAAE,SAAA,IAAa,KAAK,OAAO;AAEjC,MAAI,UAAU;AACF,cAAAD,iBAAA,aAAa,SAAS,SAAS,SAAS;AAAA,MAChD,UAAU,SAAS;AAAA,IAAA,CACpB;AAAA,EAAA;AAEI,SAAA;AACT;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { eventHandler, EventHandlerResponse } from 'h3';
|
|
2
|
+
import { HandlerCallback } from './handlerCallback.cjs';
|
|
3
|
+
import { AnyRouter, Manifest } from '@tanstack/react-router';
|
|
4
|
+
export type CustomizeStartHandler<TRouter extends AnyRouter, TResponse extends EventHandlerResponse = EventHandlerResponse> = (cb: HandlerCallback<TRouter, TResponse>) => ReturnType<typeof eventHandler>;
|
|
5
|
+
export declare function createStartHandler<TRouter extends AnyRouter, TResponse extends EventHandlerResponse = EventHandlerResponse>({ createRouter, getRouterManifest, }: {
|
|
6
|
+
createRouter: () => TRouter;
|
|
7
|
+
getRouterManifest?: () => Manifest | Promise<Manifest>;
|
|
8
|
+
}): CustomizeStartHandler<TRouter, TResponse>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const ReactDOMServer = require("react-dom/server");
|
|
5
|
+
const StartServer = require("./StartServer.cjs");
|
|
6
|
+
const handlerCallback = require("./handlerCallback.cjs");
|
|
7
|
+
const defaultRenderHandler = handlerCallback.defineHandlerCallback(
|
|
8
|
+
async ({ router, responseHeaders }) => {
|
|
9
|
+
try {
|
|
10
|
+
let html = ReactDOMServer.renderToString(/* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router }));
|
|
11
|
+
const injectedHtml = await Promise.all(
|
|
12
|
+
router.serverSsr.injectedHtml
|
|
13
|
+
).then((htmls) => htmls.join(""));
|
|
14
|
+
html = html.replace(`</body>`, `${injectedHtml}</body>`);
|
|
15
|
+
return new Response(`<!DOCTYPE html>${html}`, {
|
|
16
|
+
status: router.state.statusCode,
|
|
17
|
+
headers: responseHeaders
|
|
18
|
+
});
|
|
19
|
+
} catch (error) {
|
|
20
|
+
console.error("Render to string error:", error);
|
|
21
|
+
return new Response("Internal Server Error", {
|
|
22
|
+
status: 500,
|
|
23
|
+
headers: responseHeaders
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
exports.defaultRenderHandler = defaultRenderHandler;
|
|
29
|
+
//# sourceMappingURL=defaultRenderHandler.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultRenderHandler.cjs","sources":["../../src/defaultRenderHandler.tsx"],"sourcesContent":["import ReactDOMServer from 'react-dom/server'\nimport { StartServer } from './StartServer'\nimport { defineHandlerCallback } from './handlerCallback'\n\nexport const defaultRenderHandler = defineHandlerCallback(\n async ({ router, responseHeaders }) => {\n try {\n let html = ReactDOMServer.renderToString(<StartServer router={router} />)\n const injectedHtml = await Promise.all(\n router.serverSsr!.injectedHtml,\n ).then((htmls) => htmls.join(''))\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)\n"],"names":["defineHandlerCallback","jsx","StartServer"],"mappings":";;;;;;AAIO,MAAM,uBAAuBA,gBAAA;AAAA,EAClC,OAAO,EAAE,QAAQ,sBAAsB;AACjC,QAAA;AACF,UAAI,OAAO,eAAe,eAAgBC,2BAAA,IAAAC,yBAAA,EAAY,QAAgB,CAAE;AAClE,YAAA,eAAe,MAAM,QAAQ;AAAA,QACjC,OAAO,UAAW;AAAA,MAAA,EAClB,KAAK,CAAC,UAAU,MAAM,KAAK,EAAE,CAAC;AAChC,aAAO,KAAK,QAAQ,WAAW,GAAG,YAAY,SAAS;AACvD,aAAO,IAAI,SAAS,kBAAkB,IAAI,IAAI;AAAA,QAC5C,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,aACM,OAAO;AACN,cAAA,MAAM,2BAA2B,KAAK;AACvC,aAAA,IAAI,SAAS,yBAAyB;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EACH;AAEJ;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const defaultRenderHandler: import('./handlerCallback.cjs').HandlerCallback<import('@tanstack/react-router').AnyRouter, Promise<Response>>;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const node_stream = require("node:stream");
|
|
5
|
+
const isbot = require("isbot");
|
|
6
|
+
const ReactDOMServer = require("react-dom/server");
|
|
7
|
+
const StartServer = require("./StartServer.cjs");
|
|
8
|
+
const transformStreamWithRouter = require("./transformStreamWithRouter.cjs");
|
|
9
|
+
const handlerCallback = require("./handlerCallback.cjs");
|
|
10
|
+
const defaultStreamHandler = handlerCallback.defineHandlerCallback(
|
|
11
|
+
async ({ request, router, responseHeaders }) => {
|
|
12
|
+
if (typeof ReactDOMServer.renderToReadableStream === "function") {
|
|
13
|
+
const stream = await ReactDOMServer.renderToReadableStream(
|
|
14
|
+
/* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router }),
|
|
15
|
+
{
|
|
16
|
+
signal: request.signal
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
if (isbot.isbot(request.headers.get("User-Agent"))) {
|
|
20
|
+
await stream.allReady;
|
|
21
|
+
}
|
|
22
|
+
const responseStream = transformStreamWithRouter.transformReadableStreamWithRouter(
|
|
23
|
+
router,
|
|
24
|
+
stream
|
|
25
|
+
);
|
|
26
|
+
return new Response(responseStream, {
|
|
27
|
+
status: router.state.statusCode,
|
|
28
|
+
headers: responseHeaders
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
if (typeof ReactDOMServer.renderToPipeableStream === "function") {
|
|
32
|
+
const reactAppPassthrough = new node_stream.PassThrough();
|
|
33
|
+
try {
|
|
34
|
+
const pipeable = ReactDOMServer.renderToPipeableStream(
|
|
35
|
+
/* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router }),
|
|
36
|
+
{
|
|
37
|
+
...isbot.isbot(request.headers.get("User-Agent")) ? {
|
|
38
|
+
onAllReady() {
|
|
39
|
+
pipeable.pipe(reactAppPassthrough);
|
|
40
|
+
}
|
|
41
|
+
} : {
|
|
42
|
+
onShellReady() {
|
|
43
|
+
pipeable.pipe(reactAppPassthrough);
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
onError: (error, info) => {
|
|
47
|
+
console.error("Error in renderToPipeableStream:", error, info);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
} catch (e) {
|
|
52
|
+
console.error("Error in renderToPipeableStream:", e);
|
|
53
|
+
}
|
|
54
|
+
const responseStream = transformStreamWithRouter.transformPipeableStreamWithRouter(
|
|
55
|
+
router,
|
|
56
|
+
reactAppPassthrough
|
|
57
|
+
);
|
|
58
|
+
return new Response(responseStream, {
|
|
59
|
+
status: router.state.statusCode,
|
|
60
|
+
headers: responseHeaders
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
throw new Error(
|
|
64
|
+
"No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming."
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
);
|
|
68
|
+
exports.defaultStreamHandler = defaultStreamHandler;
|
|
69
|
+
//# sourceMappingURL=defaultStreamHandler.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultStreamHandler.cjs","sources":["../../src/defaultStreamHandler.tsx"],"sourcesContent":["import { PassThrough } from 'node:stream'\nimport { isbot } from 'isbot'\nimport ReactDOMServer from 'react-dom/server'\n\nimport { StartServer } from './StartServer'\n\nimport {\n transformPipeableStreamWithRouter,\n transformReadableStreamWithRouter,\n} from './transformStreamWithRouter'\n\nimport { defineHandlerCallback } from './handlerCallback'\nimport type { ReadableStream } from 'node:stream/web'\n\nexport const defaultStreamHandler = defineHandlerCallback(\n async ({ request, router, responseHeaders }) => {\n if (typeof ReactDOMServer.renderToReadableStream === 'function') {\n const stream = await ReactDOMServer.renderToReadableStream(\n <StartServer router={router} />,\n {\n signal: request.signal,\n },\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(\n <StartServer router={router} />,\n {\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 console.error('Error in renderToPipeableStream:', error, info)\n },\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)\n"],"names":["defineHandlerCallback","jsx","StartServer","isbot","transformReadableStreamWithRouter","PassThrough","transformPipeableStreamWithRouter"],"mappings":";;;;;;;;;AAcO,MAAM,uBAAuBA,gBAAA;AAAA,EAClC,OAAO,EAAE,SAAS,QAAQ,sBAAsB;AAC1C,QAAA,OAAO,eAAe,2BAA2B,YAAY;AACzD,YAAA,SAAS,MAAM,eAAe;AAAA,QAClCC,+BAACC,YAAAA,eAAY,QAAgB;AAAA,QAC7B;AAAA,UACE,QAAQ,QAAQ;AAAA,QAAA;AAAA,MAEpB;AAEA,UAAIC,MAAAA,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,GAAG;AAC5C,cAAM,OAAO;AAAA,MAAA;AAGf,YAAM,iBAAiBC,0BAAA;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AACO,aAAA,IAAI,SAAS,gBAAuB;AAAA,QACzC,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGC,QAAA,OAAO,eAAe,2BAA2B,YAAY;AACzD,YAAA,sBAAsB,IAAIC,wBAAY;AAExC,UAAA;AACF,cAAM,WAAW,eAAe;AAAA,UAC9BJ,+BAACC,YAAAA,eAAY,QAAgB;AAAA,UAC7B;AAAA,YACE,GAAIC,MAAAA,MAAM,QAAQ,QAAQ,IAAI,YAAY,CAAC,IACvC;AAAA,cACE,aAAa;AACX,yBAAS,KAAK,mBAAmB;AAAA,cAAA;AAAA,YACnC,IAEF;AAAA,cACE,eAAe;AACb,yBAAS,KAAK,mBAAmB;AAAA,cAAA;AAAA,YAErC;AAAA,YACJ,SAAS,CAAC,OAAO,SAAS;AAChB,sBAAA,MAAM,oCAAoC,OAAO,IAAI;AAAA,YAAA;AAAA,UAC/D;AAAA,QAEJ;AAAA,eACO,GAAG;AACF,gBAAA,MAAM,oCAAoC,CAAC;AAAA,MAAA;AAGrD,YAAM,iBAAiBG,0BAAA;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AACO,aAAA,IAAI,SAAS,gBAAuB;AAAA,QACzC,QAAQ,OAAO,MAAM;AAAA,QACrB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EAAA;AAEJ;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const defaultStreamHandler: import('./handlerCallback.cjs').HandlerCallback<import('@tanstack/react-router').AnyRouter, Promise<Response>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"handlerCallback.cjs","sources":["../../src/handlerCallback.ts"],"sourcesContent":["import type { EventHandlerResponse } from 'h3'\nimport type { AnyRouter } from '@tanstack/react-router'\n\nexport interface HandlerCallback<\n TRouter extends AnyRouter,\n TResponse extends EventHandlerResponse = EventHandlerResponse,\n> {\n (ctx: {\n request: Request\n router: TRouter\n responseHeaders: Headers\n }): TResponse\n}\n\nexport function defineHandlerCallback<\n TRouter extends AnyRouter,\n TResponse = EventHandlerResponse,\n>(\n handler: HandlerCallback<TRouter, TResponse>,\n): HandlerCallback<TRouter, TResponse> {\n return handler\n}\n"],"names":[],"mappings":";;AAcO,SAAS,sBAId,SACqC;AAC9B,SAAA;AACT;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { EventHandlerResponse } from 'h3';
|
|
2
|
+
import { AnyRouter } from '@tanstack/react-router';
|
|
3
|
+
export interface HandlerCallback<TRouter extends AnyRouter, TResponse extends EventHandlerResponse = EventHandlerResponse> {
|
|
4
|
+
(ctx: {
|
|
5
|
+
request: Request;
|
|
6
|
+
router: TRouter;
|
|
7
|
+
responseHeaders: Headers;
|
|
8
|
+
}): TResponse;
|
|
9
|
+
}
|
|
10
|
+
export declare function defineHandlerCallback<TRouter extends AnyRouter, TResponse = EventHandlerResponse>(handler: HandlerCallback<TRouter, TResponse>): HandlerCallback<TRouter, TResponse>;
|