@tanstack/react-start-server 1.114.3 → 1.114.5
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/StartServer.cjs.map +1 -1
- package/dist/cjs/StartServer.d.cts +1 -1
- package/dist/cjs/defaultRenderHandler.cjs +2 -2
- package/dist/cjs/defaultRenderHandler.cjs.map +1 -1
- package/dist/cjs/defaultRenderHandler.d.cts +1 -1
- package/dist/cjs/defaultStreamHandler.cjs +4 -5
- package/dist/cjs/defaultStreamHandler.cjs.map +1 -1
- package/dist/cjs/defaultStreamHandler.d.cts +1 -1
- package/dist/cjs/index.cjs +7 -401
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +1 -109
- package/dist/esm/StartServer.d.ts +1 -1
- package/dist/esm/StartServer.js.map +1 -1
- package/dist/esm/defaultRenderHandler.d.ts +1 -1
- package/dist/esm/defaultRenderHandler.js +1 -1
- package/dist/esm/defaultRenderHandler.js.map +1 -1
- package/dist/esm/defaultStreamHandler.d.ts +1 -1
- package/dist/esm/defaultStreamHandler.js +1 -2
- package/dist/esm/defaultStreamHandler.js.map +1 -1
- package/dist/esm/index.d.ts +1 -109
- package/dist/esm/index.js +2 -289
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -3
- package/src/StartServer.tsx +1 -1
- package/src/defaultRenderHandler.tsx +1 -1
- package/src/defaultStreamHandler.tsx +3 -4
- package/src/index.tsx +1 -505
- package/dist/cjs/createRequestHandler.cjs +0 -52
- package/dist/cjs/createRequestHandler.cjs.map +0 -1
- package/dist/cjs/createRequestHandler.d.cts +0 -8
- package/dist/cjs/createStartHandler.cjs +0 -56
- package/dist/cjs/createStartHandler.cjs.map +0 -1
- package/dist/cjs/createStartHandler.d.cts +0 -8
- package/dist/cjs/handlerCallback.cjs +0 -7
- package/dist/cjs/handlerCallback.cjs.map +0 -1
- package/dist/cjs/handlerCallback.d.cts +0 -10
- package/dist/cjs/ssr-server.cjs +0 -246
- package/dist/cjs/ssr-server.cjs.map +0 -1
- package/dist/cjs/ssr-server.d.cts +0 -30
- package/dist/cjs/transformStreamWithRouter.cjs +0 -183
- package/dist/cjs/transformStreamWithRouter.cjs.map +0 -1
- package/dist/cjs/transformStreamWithRouter.d.cts +0 -6
- package/dist/cjs/tsrScript.cjs +0 -4
- package/dist/cjs/tsrScript.cjs.map +0 -1
- package/dist/cjs/tsrScript.d.cts +0 -1
- package/dist/esm/createRequestHandler.d.ts +0 -8
- package/dist/esm/createRequestHandler.js +0 -52
- package/dist/esm/createRequestHandler.js.map +0 -1
- package/dist/esm/createStartHandler.d.ts +0 -8
- package/dist/esm/createStartHandler.js +0 -56
- package/dist/esm/createStartHandler.js.map +0 -1
- package/dist/esm/handlerCallback.d.ts +0 -10
- package/dist/esm/handlerCallback.js +0 -7
- package/dist/esm/handlerCallback.js.map +0 -1
- package/dist/esm/ssr-server.d.ts +0 -30
- package/dist/esm/ssr-server.js +0 -246
- package/dist/esm/ssr-server.js.map +0 -1
- package/dist/esm/transformStreamWithRouter.d.ts +0 -6
- package/dist/esm/transformStreamWithRouter.js +0 -183
- package/dist/esm/transformStreamWithRouter.js.map +0 -1
- package/dist/esm/tsrScript.d.ts +0 -1
- package/dist/esm/tsrScript.js +0 -5
- package/dist/esm/tsrScript.js.map +0 -1
- package/src/createRequestHandler.ts +0 -75
- package/src/createStartHandler.ts +0 -82
- package/src/handlerCallback.ts +0 -22
- package/src/ssr-server.ts +0 -346
- package/src/transformStreamWithRouter.ts +0 -258
- package/src/tsrScript.ts +0 -91
- package/src/vite-env.d.ts +0 -4
package/dist/cjs/tsrScript.d.cts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { HandlerCallback } from './handlerCallback.js';
|
|
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>;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { createMemoryHistory } from "@tanstack/history";
|
|
2
|
-
import { mergeHeaders } from "@tanstack/react-start-client";
|
|
3
|
-
import { attachRouterServerSsrUtils, dehydrateRouter } from "./ssr-server.js";
|
|
4
|
-
function createRequestHandler({
|
|
5
|
-
createRouter,
|
|
6
|
-
request,
|
|
7
|
-
getRouterManifest
|
|
8
|
-
}) {
|
|
9
|
-
return async (cb) => {
|
|
10
|
-
const router = createRouter();
|
|
11
|
-
attachRouterServerSsrUtils(router, await (getRouterManifest == null ? void 0 : getRouterManifest()));
|
|
12
|
-
const url = new URL(request.url, "http://localhost");
|
|
13
|
-
const href = url.href.replace(url.origin, "");
|
|
14
|
-
const history = createMemoryHistory({
|
|
15
|
-
initialEntries: [href]
|
|
16
|
-
});
|
|
17
|
-
router.update({
|
|
18
|
-
history
|
|
19
|
-
});
|
|
20
|
-
await router.load();
|
|
21
|
-
dehydrateRouter(router);
|
|
22
|
-
const responseHeaders = getRequestHeaders({
|
|
23
|
-
router
|
|
24
|
-
});
|
|
25
|
-
return cb({
|
|
26
|
-
request,
|
|
27
|
-
router,
|
|
28
|
-
responseHeaders
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
function getRequestHeaders(opts) {
|
|
33
|
-
let headers = mergeHeaders(
|
|
34
|
-
{
|
|
35
|
-
"Content-Type": "text/html; charset=UTF-8"
|
|
36
|
-
},
|
|
37
|
-
...opts.router.state.matches.map((match) => {
|
|
38
|
-
return match.headers;
|
|
39
|
-
})
|
|
40
|
-
);
|
|
41
|
-
const { redirect } = opts.router.state;
|
|
42
|
-
if (redirect) {
|
|
43
|
-
headers = mergeHeaders(headers, redirect.headers, {
|
|
44
|
-
Location: redirect.href
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
return headers;
|
|
48
|
-
}
|
|
49
|
-
export {
|
|
50
|
-
createRequestHandler
|
|
51
|
-
};
|
|
52
|
-
//# sourceMappingURL=createRequestHandler.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createRequestHandler.js","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":[],"mappings":";;;AAUO,SAAS,qBAAgD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,GAI4B;AAC1B,SAAO,OAAO,OAAO;AACnB,UAAM,SAAS,aAAa;AAED,+BAAA,QAAQ,OAAM,yDAAqB;AAE9D,UAAM,MAAM,IAAI,IAAI,QAAQ,KAAK,kBAAkB;AAEnD,UAAM,OAAO,IAAI,KAAK,QAAQ,IAAI,QAAQ,EAAE;AAG5C,UAAM,UAAU,oBAAoB;AAAA,MAClC,gBAAgB,CAAC,IAAI;AAAA,IAAA,CACtB;AAGD,WAAO,OAAO;AAAA,MACZ;AAAA,IAAA,CACD;AAED,UAAM,OAAO,KAAK;AAElB,oBAAgB,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,UAAU;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,cAAA,aAAa,SAAS,SAAS,SAAS;AAAA,MAChD,UAAU,SAAS;AAAA,IAAA,CACpB;AAAA,EAAA;AAGI,SAAA;AACT;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { eventHandler, EventHandlerResponse } from 'h3';
|
|
2
|
-
import { HandlerCallback } from './handlerCallback.js';
|
|
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>;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { createMemoryHistory } from "@tanstack/history";
|
|
2
|
-
import { mergeHeaders } from "@tanstack/react-start-client";
|
|
3
|
-
import { eventHandler, toWebRequest, getResponseHeaders } from "h3";
|
|
4
|
-
import { attachRouterServerSsrUtils, dehydrateRouter } from "./ssr-server.js";
|
|
5
|
-
function createStartHandler({
|
|
6
|
-
createRouter,
|
|
7
|
-
getRouterManifest
|
|
8
|
-
}) {
|
|
9
|
-
return (cb) => {
|
|
10
|
-
return eventHandler(async (event) => {
|
|
11
|
-
const request = toWebRequest(event);
|
|
12
|
-
const url = new URL(request.url);
|
|
13
|
-
const href = url.href.replace(url.origin, "");
|
|
14
|
-
const history = createMemoryHistory({
|
|
15
|
-
initialEntries: [href]
|
|
16
|
-
});
|
|
17
|
-
const router = createRouter();
|
|
18
|
-
attachRouterServerSsrUtils(router, await (getRouterManifest == null ? void 0 : getRouterManifest()));
|
|
19
|
-
router.update({
|
|
20
|
-
history
|
|
21
|
-
});
|
|
22
|
-
await router.load();
|
|
23
|
-
dehydrateRouter(router);
|
|
24
|
-
const responseHeaders = getStartResponseHeaders({ event, router });
|
|
25
|
-
const response = await cb({
|
|
26
|
-
request,
|
|
27
|
-
router,
|
|
28
|
-
responseHeaders
|
|
29
|
-
});
|
|
30
|
-
return response;
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
function getStartResponseHeaders(opts) {
|
|
35
|
-
let headers = mergeHeaders(
|
|
36
|
-
getResponseHeaders(opts.event),
|
|
37
|
-
opts.event.___ssrRpcResponseHeaders,
|
|
38
|
-
{
|
|
39
|
-
"Content-Type": "text/html; charset=UTF-8"
|
|
40
|
-
},
|
|
41
|
-
...opts.router.state.matches.map((match) => {
|
|
42
|
-
return match.headers;
|
|
43
|
-
})
|
|
44
|
-
);
|
|
45
|
-
const { redirect } = opts.router.state;
|
|
46
|
-
if (redirect) {
|
|
47
|
-
headers = mergeHeaders(headers, redirect.headers, {
|
|
48
|
-
Location: redirect.href
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
return headers;
|
|
52
|
-
}
|
|
53
|
-
export {
|
|
54
|
-
createStartHandler
|
|
55
|
-
};
|
|
56
|
-
//# sourceMappingURL=createStartHandler.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createStartHandler.js","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":[],"mappings":";;;;AAaO,SAAS,mBAGd;AAAA,EACA;AAAA,EACA;AACF,GAG8C;AAC5C,SAAO,CAAC,OAAO;AACN,WAAA,aAAa,OAAO,UAAU;AAC7B,YAAA,UAAU,aAAa,KAAK;AAElC,YAAM,MAAM,IAAI,IAAI,QAAQ,GAAG;AAC/B,YAAM,OAAO,IAAI,KAAK,QAAQ,IAAI,QAAQ,EAAE;AAG5C,YAAM,UAAU,oBAAoB;AAAA,QAClC,gBAAgB,CAAC,IAAI;AAAA,MAAA,CACtB;AAED,YAAM,SAAS,aAAa;AAED,iCAAA,QAAQ,OAAM,yDAAqB;AAG9D,aAAO,OAAO;AAAA,QACZ;AAAA,MAAA,CACD;AAED,YAAM,OAAO,KAAK;AAElB,sBAAgB,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,UAAU;AAAA,IACZ,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,cAAA,aAAa,SAAS,SAAS,SAAS;AAAA,MAChD,UAAU,SAAS;AAAA,IAAA,CACpB;AAAA,EAAA;AAEI,SAAA;AACT;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
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>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"handlerCallback.js","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;"}
|
package/dist/esm/ssr-server.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { ClientExtractedBaseEntry } from '@tanstack/react-start-client';
|
|
2
|
-
import { AnyRouteMatch, AnyRouter } from '@tanstack/react-router';
|
|
3
|
-
import { DeferredPromise, Manifest } from '@tanstack/router-core';
|
|
4
|
-
export type ServerExtractedEntry = ServerExtractedStream | ServerExtractedPromise;
|
|
5
|
-
export interface ServerExtractedBaseEntry extends ClientExtractedBaseEntry {
|
|
6
|
-
id: number;
|
|
7
|
-
matchIndex: number;
|
|
8
|
-
}
|
|
9
|
-
export interface ServerExtractedStream extends ServerExtractedBaseEntry {
|
|
10
|
-
type: 'stream';
|
|
11
|
-
stream: ReadableStream;
|
|
12
|
-
}
|
|
13
|
-
export interface ServerExtractedPromise extends ServerExtractedBaseEntry {
|
|
14
|
-
type: 'promise';
|
|
15
|
-
promise: DeferredPromise<any>;
|
|
16
|
-
}
|
|
17
|
-
export declare function attachRouterServerSsrUtils(router: AnyRouter, manifest: Manifest | undefined): void;
|
|
18
|
-
export declare function dehydrateRouter(router: AnyRouter): void;
|
|
19
|
-
export declare function extractAsyncLoaderData(loaderData: any, ctx: {
|
|
20
|
-
match: AnyRouteMatch;
|
|
21
|
-
router: AnyRouter;
|
|
22
|
-
}): {
|
|
23
|
-
replaced: any;
|
|
24
|
-
extracted: ServerExtractedEntry[];
|
|
25
|
-
};
|
|
26
|
-
export declare function onMatchSettled(opts: {
|
|
27
|
-
router: AnyRouter;
|
|
28
|
-
match: AnyRouteMatch;
|
|
29
|
-
}): void;
|
|
30
|
-
export declare function replaceBy<T>(obj: T, cb: (value: any, path: Array<string>) => any, path?: Array<string>): T;
|
package/dist/esm/ssr-server.js
DELETED
|
@@ -1,246 +0,0 @@
|
|
|
1
|
-
import warning from "tiny-warning";
|
|
2
|
-
import { pick, TSR_DEFERRED_PROMISE, isPlainObject, isPlainArray, defer } from "@tanstack/router-core";
|
|
3
|
-
import jsesc from "jsesc";
|
|
4
|
-
import { startSerializer } from "@tanstack/react-start-client";
|
|
5
|
-
import minifiedTsrBootStrapScript from "./tsrScript.js";
|
|
6
|
-
function attachRouterServerSsrUtils(router, manifest) {
|
|
7
|
-
router.ssr = {
|
|
8
|
-
manifest,
|
|
9
|
-
serializer: startSerializer
|
|
10
|
-
};
|
|
11
|
-
router.serverSsr = {
|
|
12
|
-
injectedHtml: [],
|
|
13
|
-
streamedKeys: /* @__PURE__ */ new Set(),
|
|
14
|
-
injectHtml: (getHtml) => {
|
|
15
|
-
const promise = Promise.resolve().then(getHtml);
|
|
16
|
-
router.serverSsr.injectedHtml.push(promise);
|
|
17
|
-
router.emit({
|
|
18
|
-
type: "onInjectedHtml",
|
|
19
|
-
promise
|
|
20
|
-
});
|
|
21
|
-
return promise.then(() => {
|
|
22
|
-
});
|
|
23
|
-
},
|
|
24
|
-
injectScript: (getScript, opts) => {
|
|
25
|
-
return router.serverSsr.injectHtml(async () => {
|
|
26
|
-
const script = await getScript();
|
|
27
|
-
return `<script class='tsr-once'>${script}${process.env.NODE_ENV === "development" && ((opts == null ? void 0 : opts.logScript) ?? true) ? `; console.info(\`Injected From Server:
|
|
28
|
-
${jsesc(script, { quotes: "backtick" })}\`)` : ""}; if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()<\/script>`;
|
|
29
|
-
});
|
|
30
|
-
},
|
|
31
|
-
streamValue: (key, value) => {
|
|
32
|
-
warning(
|
|
33
|
-
!router.serverSsr.streamedKeys.has(key),
|
|
34
|
-
"Key has already been streamed: " + key
|
|
35
|
-
);
|
|
36
|
-
router.serverSsr.streamedKeys.add(key);
|
|
37
|
-
router.serverSsr.injectScript(
|
|
38
|
-
() => `__TSR_SSR__.streamedValues['${key}'] = { value: ${jsesc(
|
|
39
|
-
router.ssr.serializer.stringify(value),
|
|
40
|
-
{
|
|
41
|
-
isScriptContext: true,
|
|
42
|
-
wrap: true,
|
|
43
|
-
json: true
|
|
44
|
-
}
|
|
45
|
-
)}}`
|
|
46
|
-
);
|
|
47
|
-
},
|
|
48
|
-
onMatchSettled
|
|
49
|
-
};
|
|
50
|
-
router.serverSsr.injectScript(() => minifiedTsrBootStrapScript, {
|
|
51
|
-
logScript: false
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
function dehydrateRouter(router) {
|
|
55
|
-
var _a, _b;
|
|
56
|
-
const dehydratedRouter = {
|
|
57
|
-
manifest: router.ssr.manifest,
|
|
58
|
-
dehydratedData: (_b = (_a = router.options).dehydrate) == null ? void 0 : _b.call(_a)
|
|
59
|
-
};
|
|
60
|
-
router.serverSsr.injectScript(
|
|
61
|
-
() => `__TSR_SSR__.dehydrated = ${jsesc(
|
|
62
|
-
router.ssr.serializer.stringify(dehydratedRouter),
|
|
63
|
-
{
|
|
64
|
-
isScriptContext: true,
|
|
65
|
-
wrap: true,
|
|
66
|
-
json: true
|
|
67
|
-
}
|
|
68
|
-
)}`
|
|
69
|
-
);
|
|
70
|
-
}
|
|
71
|
-
function extractAsyncLoaderData(loaderData, ctx) {
|
|
72
|
-
const extracted = [];
|
|
73
|
-
const replaced = replaceBy(loaderData, (value, path) => {
|
|
74
|
-
if (value instanceof ReadableStream) {
|
|
75
|
-
const [copy1, copy2] = value.tee();
|
|
76
|
-
const entry = {
|
|
77
|
-
type: "stream",
|
|
78
|
-
path,
|
|
79
|
-
id: extracted.length,
|
|
80
|
-
matchIndex: ctx.match.index,
|
|
81
|
-
stream: copy2
|
|
82
|
-
};
|
|
83
|
-
extracted.push(entry);
|
|
84
|
-
return copy1;
|
|
85
|
-
} else if (value instanceof Promise) {
|
|
86
|
-
const deferredPromise = defer(value);
|
|
87
|
-
const entry = {
|
|
88
|
-
type: "promise",
|
|
89
|
-
path,
|
|
90
|
-
id: extracted.length,
|
|
91
|
-
matchIndex: ctx.match.index,
|
|
92
|
-
promise: deferredPromise
|
|
93
|
-
};
|
|
94
|
-
extracted.push(entry);
|
|
95
|
-
}
|
|
96
|
-
return value;
|
|
97
|
-
});
|
|
98
|
-
return { replaced, extracted };
|
|
99
|
-
}
|
|
100
|
-
function onMatchSettled(opts) {
|
|
101
|
-
const { router, match } = opts;
|
|
102
|
-
let extracted = void 0;
|
|
103
|
-
let serializedLoaderData = void 0;
|
|
104
|
-
if (match.loaderData !== void 0) {
|
|
105
|
-
const result = extractAsyncLoaderData(match.loaderData, {
|
|
106
|
-
match
|
|
107
|
-
});
|
|
108
|
-
match.loaderData = result.replaced;
|
|
109
|
-
extracted = result.extracted;
|
|
110
|
-
serializedLoaderData = extracted.reduce(
|
|
111
|
-
(acc, entry) => {
|
|
112
|
-
return deepImmutableSetByPath(acc, ["temp", ...entry.path], void 0);
|
|
113
|
-
},
|
|
114
|
-
{ temp: result.replaced }
|
|
115
|
-
).temp;
|
|
116
|
-
}
|
|
117
|
-
const initCode = `__TSR_SSR__.initMatch(${jsesc(
|
|
118
|
-
{
|
|
119
|
-
id: match.id,
|
|
120
|
-
__beforeLoadContext: router.ssr.serializer.stringify(
|
|
121
|
-
match.__beforeLoadContext
|
|
122
|
-
),
|
|
123
|
-
loaderData: router.ssr.serializer.stringify(serializedLoaderData),
|
|
124
|
-
error: router.ssr.serializer.stringify(match.error),
|
|
125
|
-
extracted: extracted == null ? void 0 : extracted.map((entry) => pick(entry, ["type", "path"])),
|
|
126
|
-
updatedAt: match.updatedAt,
|
|
127
|
-
status: match.status
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
isScriptContext: true,
|
|
131
|
-
wrap: true,
|
|
132
|
-
json: true
|
|
133
|
-
}
|
|
134
|
-
)})`;
|
|
135
|
-
router.serverSsr.injectScript(() => initCode);
|
|
136
|
-
if (extracted) {
|
|
137
|
-
extracted.forEach((entry) => {
|
|
138
|
-
if (entry.type === "promise") return injectPromise(entry);
|
|
139
|
-
return injectStream(entry);
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
function injectPromise(entry) {
|
|
143
|
-
router.serverSsr.injectScript(async () => {
|
|
144
|
-
await entry.promise;
|
|
145
|
-
return `__TSR_SSR__.resolvePromise(${jsesc(
|
|
146
|
-
{
|
|
147
|
-
matchId: match.id,
|
|
148
|
-
id: entry.id,
|
|
149
|
-
promiseState: entry.promise[TSR_DEFERRED_PROMISE]
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
isScriptContext: true,
|
|
153
|
-
wrap: true,
|
|
154
|
-
json: true
|
|
155
|
-
}
|
|
156
|
-
)})`;
|
|
157
|
-
});
|
|
158
|
-
}
|
|
159
|
-
function injectStream(entry) {
|
|
160
|
-
router.serverSsr.injectHtml(async () => {
|
|
161
|
-
try {
|
|
162
|
-
const reader = entry.stream.getReader();
|
|
163
|
-
let chunk = null;
|
|
164
|
-
while (!(chunk = await reader.read()).done) {
|
|
165
|
-
if (chunk.value) {
|
|
166
|
-
const code = `__TSR_SSR__.injectChunk(${jsesc(
|
|
167
|
-
{
|
|
168
|
-
matchId: match.id,
|
|
169
|
-
id: entry.id,
|
|
170
|
-
chunk: chunk.value
|
|
171
|
-
},
|
|
172
|
-
{
|
|
173
|
-
isScriptContext: true,
|
|
174
|
-
wrap: true,
|
|
175
|
-
json: true
|
|
176
|
-
}
|
|
177
|
-
)})`;
|
|
178
|
-
router.serverSsr.injectScript(() => code);
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
router.serverSsr.injectScript(
|
|
182
|
-
() => `__TSR_SSR__.closeStream(${jsesc(
|
|
183
|
-
{
|
|
184
|
-
matchId: match.id,
|
|
185
|
-
id: entry.id
|
|
186
|
-
},
|
|
187
|
-
{
|
|
188
|
-
isScriptContext: true,
|
|
189
|
-
wrap: true,
|
|
190
|
-
json: true
|
|
191
|
-
}
|
|
192
|
-
)})`
|
|
193
|
-
);
|
|
194
|
-
} catch (err) {
|
|
195
|
-
console.error("stream read error", err);
|
|
196
|
-
}
|
|
197
|
-
return "";
|
|
198
|
-
});
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
function deepImmutableSetByPath(obj, path, value) {
|
|
202
|
-
if (path.length === 0) {
|
|
203
|
-
return value;
|
|
204
|
-
}
|
|
205
|
-
const [key, ...rest] = path;
|
|
206
|
-
if (Array.isArray(obj)) {
|
|
207
|
-
return obj.map((item, i) => {
|
|
208
|
-
if (i === Number(key)) {
|
|
209
|
-
return deepImmutableSetByPath(item, rest, value);
|
|
210
|
-
}
|
|
211
|
-
return item;
|
|
212
|
-
});
|
|
213
|
-
}
|
|
214
|
-
if (isPlainObject(obj)) {
|
|
215
|
-
return {
|
|
216
|
-
...obj,
|
|
217
|
-
[key]: deepImmutableSetByPath(obj[key], rest, value)
|
|
218
|
-
};
|
|
219
|
-
}
|
|
220
|
-
return obj;
|
|
221
|
-
}
|
|
222
|
-
function replaceBy(obj, cb, path = []) {
|
|
223
|
-
if (isPlainArray(obj)) {
|
|
224
|
-
return obj.map((value, i) => replaceBy(value, cb, [...path, `${i}`]));
|
|
225
|
-
}
|
|
226
|
-
if (isPlainObject(obj)) {
|
|
227
|
-
const newObj2 = {};
|
|
228
|
-
for (const key in obj) {
|
|
229
|
-
newObj2[key] = replaceBy(obj[key], cb, [...path, key]);
|
|
230
|
-
}
|
|
231
|
-
return newObj2;
|
|
232
|
-
}
|
|
233
|
-
const newObj = cb(obj, path);
|
|
234
|
-
if (newObj !== obj) {
|
|
235
|
-
return newObj;
|
|
236
|
-
}
|
|
237
|
-
return obj;
|
|
238
|
-
}
|
|
239
|
-
export {
|
|
240
|
-
attachRouterServerSsrUtils,
|
|
241
|
-
dehydrateRouter,
|
|
242
|
-
extractAsyncLoaderData,
|
|
243
|
-
onMatchSettled,
|
|
244
|
-
replaceBy
|
|
245
|
-
};
|
|
246
|
-
//# sourceMappingURL=ssr-server.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ssr-server.js","sources":["../../src/ssr-server.ts"],"sourcesContent":["import { default as warning } from 'tiny-warning'\nimport {\n TSR_DEFERRED_PROMISE,\n defer,\n isPlainArray,\n isPlainObject,\n pick,\n} from '@tanstack/router-core'\nimport jsesc from 'jsesc'\nimport { startSerializer } from '@tanstack/react-start-client'\nimport minifiedTsrBootStrapScript from './tsrScript?script-string'\nimport type {\n ClientExtractedBaseEntry,\n DehydratedRouter,\n ResolvePromiseState,\n SsrMatch,\n} from '@tanstack/react-start-client'\nimport type { AnyRouteMatch, AnyRouter } from '@tanstack/react-router'\nimport type { DeferredPromise, Manifest } from '@tanstack/router-core'\n\nexport type ServerExtractedEntry =\n | ServerExtractedStream\n | ServerExtractedPromise\n\nexport interface ServerExtractedBaseEntry extends ClientExtractedBaseEntry {\n id: number\n matchIndex: number\n}\n\nexport interface ServerExtractedStream extends ServerExtractedBaseEntry {\n type: 'stream'\n stream: ReadableStream\n}\n\nexport interface ServerExtractedPromise extends ServerExtractedBaseEntry {\n type: 'promise'\n promise: DeferredPromise<any>\n}\n\nexport function attachRouterServerSsrUtils(\n router: AnyRouter,\n manifest: Manifest | undefined,\n) {\n router.ssr = {\n manifest,\n serializer: startSerializer,\n }\n\n router.serverSsr = {\n injectedHtml: [],\n streamedKeys: new Set(),\n injectHtml: (getHtml) => {\n const promise = Promise.resolve().then(getHtml)\n router.serverSsr!.injectedHtml.push(promise)\n router.emit({\n type: 'onInjectedHtml',\n promise,\n })\n\n return promise.then(() => {})\n },\n injectScript: (getScript, opts) => {\n return router.serverSsr!.injectHtml(async () => {\n const script = await getScript()\n return `<script class='tsr-once'>${script}${\n process.env.NODE_ENV === 'development' && (opts?.logScript ?? true)\n ? `; console.info(\\`Injected From Server:\n${jsesc(script, { quotes: 'backtick' })}\\`)`\n : ''\n }; if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script>`\n })\n },\n streamValue: (key, value) => {\n warning(\n !router.serverSsr!.streamedKeys.has(key),\n 'Key has already been streamed: ' + key,\n )\n\n router.serverSsr!.streamedKeys.add(key)\n router.serverSsr!.injectScript(\n () =>\n `__TSR_SSR__.streamedValues['${key}'] = { value: ${jsesc(\n router.ssr!.serializer.stringify(value),\n {\n isScriptContext: true,\n wrap: true,\n json: true,\n },\n )}}`,\n )\n },\n onMatchSettled,\n }\n\n router.serverSsr.injectScript(() => minifiedTsrBootStrapScript, {\n logScript: false,\n })\n}\n\nexport function dehydrateRouter(router: AnyRouter) {\n const dehydratedRouter: DehydratedRouter = {\n manifest: router.ssr!.manifest,\n dehydratedData: router.options.dehydrate?.(),\n }\n\n router.serverSsr!.injectScript(\n () =>\n `__TSR_SSR__.dehydrated = ${jsesc(\n router.ssr!.serializer.stringify(dehydratedRouter),\n {\n isScriptContext: true,\n wrap: true,\n json: true,\n },\n )}`,\n )\n}\n\nexport function extractAsyncLoaderData(\n loaderData: any,\n ctx: {\n match: AnyRouteMatch\n router: AnyRouter\n },\n) {\n const extracted: Array<ServerExtractedEntry> = []\n\n const replaced = replaceBy(loaderData, (value, path) => {\n // If it's a stream, we need to tee it so we can read it multiple times\n if (value instanceof ReadableStream) {\n const [copy1, copy2] = value.tee()\n const entry: ServerExtractedStream = {\n type: 'stream',\n path,\n id: extracted.length,\n matchIndex: ctx.match.index,\n stream: copy2,\n }\n\n extracted.push(entry)\n return copy1\n } else if (value instanceof Promise) {\n const deferredPromise = defer(value)\n const entry: ServerExtractedPromise = {\n type: 'promise',\n path,\n id: extracted.length,\n matchIndex: ctx.match.index,\n promise: deferredPromise,\n }\n extracted.push(entry)\n }\n\n return value\n })\n\n return { replaced, extracted }\n}\n\nexport function onMatchSettled(opts: {\n router: AnyRouter\n match: AnyRouteMatch\n}) {\n const { router, match } = opts\n\n let extracted: Array<ServerExtractedEntry> | undefined = undefined\n let serializedLoaderData: any = undefined\n if (match.loaderData !== undefined) {\n const result = extractAsyncLoaderData(match.loaderData, {\n router,\n match,\n })\n match.loaderData = result.replaced\n extracted = result.extracted\n serializedLoaderData = extracted.reduce(\n (acc: any, entry: ServerExtractedEntry) => {\n return deepImmutableSetByPath(acc, ['temp', ...entry.path], undefined)\n },\n { temp: result.replaced },\n ).temp\n }\n\n const initCode = `__TSR_SSR__.initMatch(${jsesc(\n {\n id: match.id,\n __beforeLoadContext: router.ssr!.serializer.stringify(\n match.__beforeLoadContext,\n ),\n loaderData: router.ssr!.serializer.stringify(serializedLoaderData),\n error: router.ssr!.serializer.stringify(match.error),\n extracted: extracted?.map((entry) => pick(entry, ['type', 'path'])),\n updatedAt: match.updatedAt,\n status: match.status,\n } satisfies SsrMatch,\n {\n isScriptContext: true,\n wrap: true,\n json: true,\n },\n )})`\n\n router.serverSsr!.injectScript(() => initCode)\n\n if (extracted) {\n extracted.forEach((entry) => {\n if (entry.type === 'promise') return injectPromise(entry)\n return injectStream(entry)\n })\n }\n\n function injectPromise(entry: ServerExtractedPromise) {\n router.serverSsr!.injectScript(async () => {\n await entry.promise\n\n return `__TSR_SSR__.resolvePromise(${jsesc(\n {\n matchId: match.id,\n id: entry.id,\n promiseState: entry.promise[TSR_DEFERRED_PROMISE],\n } satisfies ResolvePromiseState,\n {\n isScriptContext: true,\n wrap: true,\n json: true,\n },\n )})`\n })\n }\n\n function injectStream(entry: ServerExtractedStream) {\n // Inject a promise that resolves when the stream is done\n // We do this to keep the stream open until we're done\n router.serverSsr!.injectHtml(async () => {\n //\n try {\n const reader = entry.stream.getReader()\n let chunk: ReadableStreamReadResult<any> | null = null\n while (!(chunk = await reader.read()).done) {\n if (chunk.value) {\n const code = `__TSR_SSR__.injectChunk(${jsesc(\n {\n matchId: match.id,\n id: entry.id,\n chunk: chunk.value,\n },\n {\n isScriptContext: true,\n wrap: true,\n json: true,\n },\n )})`\n\n router.serverSsr!.injectScript(() => code)\n }\n }\n\n router.serverSsr!.injectScript(\n () =>\n `__TSR_SSR__.closeStream(${jsesc(\n {\n matchId: match.id,\n id: entry.id,\n },\n {\n isScriptContext: true,\n wrap: true,\n json: true,\n },\n )})`,\n )\n } catch (err) {\n console.error('stream read error', err)\n }\n\n return ''\n })\n }\n}\n\nfunction deepImmutableSetByPath<T>(obj: T, path: Array<string>, value: any): T {\n // immutable set by path retaining array and object references\n if (path.length === 0) {\n return value\n }\n\n const [key, ...rest] = path\n\n if (Array.isArray(obj)) {\n return obj.map((item, i) => {\n if (i === Number(key)) {\n return deepImmutableSetByPath(item, rest, value)\n }\n return item\n }) as T\n }\n\n if (isPlainObject(obj)) {\n return {\n ...obj,\n [key!]: deepImmutableSetByPath((obj as any)[key!], rest, value),\n }\n }\n\n return obj\n}\n\nexport function replaceBy<T>(\n obj: T,\n cb: (value: any, path: Array<string>) => any,\n path: Array<string> = [],\n): T {\n if (isPlainArray(obj)) {\n return obj.map((value, i) => replaceBy(value, cb, [...path, `${i}`])) as any\n }\n\n if (isPlainObject(obj)) {\n // Do not allow objects with illegal\n const newObj: any = {}\n\n for (const key in obj) {\n newObj[key] = replaceBy(obj[key], cb, [...path, key])\n }\n\n return newObj\n }\n\n // // Detect classes, functions, and other non-serializable objects\n // // and return undefined. Exclude some known types that are serializable\n // if (\n // typeof obj === 'function' ||\n // (typeof obj === 'object' &&\n // ![Object, Promise, ReadableStream].includes((obj as any)?.constructor))\n // ) {\n // console.info(obj)\n // warning(false, `Non-serializable value ☝️ found at ${path.join('.')}`)\n // return undefined as any\n // }\n\n const newObj = cb(obj, path)\n\n if (newObj !== obj) {\n return newObj\n }\n\n return obj\n}\n"],"names":["newObj"],"mappings":"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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ReadableStream } from 'node:stream/web';
|
|
2
|
-
import { Readable } from 'node:stream';
|
|
3
|
-
import { AnyRouter } from '@tanstack/react-router';
|
|
4
|
-
export declare function transformReadableStreamWithRouter(router: AnyRouter, routerStream: ReadableStream): ReadableStream<any>;
|
|
5
|
-
export declare function transformPipeableStreamWithRouter(router: AnyRouter, routerStream: Readable): Readable;
|
|
6
|
-
export declare function transformStreamWithRouter(router: AnyRouter, appStream: ReadableStream): ReadableStream<any>;
|
|
@@ -1,183 +0,0 @@
|
|
|
1
|
-
import { ReadableStream } from "node:stream/web";
|
|
2
|
-
import { Readable } from "node:stream";
|
|
3
|
-
import { createControlledPromise } from "@tanstack/react-router";
|
|
4
|
-
function transformReadableStreamWithRouter(router, routerStream) {
|
|
5
|
-
return transformStreamWithRouter(router, routerStream);
|
|
6
|
-
}
|
|
7
|
-
function transformPipeableStreamWithRouter(router, routerStream) {
|
|
8
|
-
return Readable.fromWeb(
|
|
9
|
-
transformStreamWithRouter(router, Readable.toWeb(routerStream))
|
|
10
|
-
);
|
|
11
|
-
}
|
|
12
|
-
const patternBodyStart = /(<body)/;
|
|
13
|
-
const patternBodyEnd = /(<\/body>)/;
|
|
14
|
-
const patternHtmlEnd = /(<\/html>)/;
|
|
15
|
-
const patternHeadStart = /(<head.*?>)/;
|
|
16
|
-
const patternClosingTag = /(<\/[a-zA-Z][\w:.-]*?>)/g;
|
|
17
|
-
const textDecoder = new TextDecoder();
|
|
18
|
-
function createPassthrough() {
|
|
19
|
-
let controller;
|
|
20
|
-
const encoder = new TextEncoder();
|
|
21
|
-
const stream = new ReadableStream({
|
|
22
|
-
start(c) {
|
|
23
|
-
controller = c;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
const res = {
|
|
27
|
-
stream,
|
|
28
|
-
write: (chunk) => {
|
|
29
|
-
controller.enqueue(encoder.encode(chunk));
|
|
30
|
-
},
|
|
31
|
-
end: (chunk) => {
|
|
32
|
-
if (chunk) {
|
|
33
|
-
controller.enqueue(encoder.encode(chunk));
|
|
34
|
-
}
|
|
35
|
-
controller.close();
|
|
36
|
-
res.destroyed = true;
|
|
37
|
-
},
|
|
38
|
-
destroy: (error) => {
|
|
39
|
-
controller.error(error);
|
|
40
|
-
},
|
|
41
|
-
destroyed: false
|
|
42
|
-
};
|
|
43
|
-
return res;
|
|
44
|
-
}
|
|
45
|
-
async function readStream(stream, opts) {
|
|
46
|
-
var _a, _b, _c;
|
|
47
|
-
try {
|
|
48
|
-
const reader = stream.getReader();
|
|
49
|
-
let chunk;
|
|
50
|
-
while (!(chunk = await reader.read()).done) {
|
|
51
|
-
(_a = opts.onData) == null ? void 0 : _a.call(opts, chunk);
|
|
52
|
-
}
|
|
53
|
-
(_b = opts.onEnd) == null ? void 0 : _b.call(opts);
|
|
54
|
-
} catch (error) {
|
|
55
|
-
(_c = opts.onError) == null ? void 0 : _c.call(opts, error);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
function transformStreamWithRouter(router, appStream) {
|
|
59
|
-
const finalPassThrough = createPassthrough();
|
|
60
|
-
let isAppRendering = true;
|
|
61
|
-
let routerStreamBuffer = "";
|
|
62
|
-
let pendingClosingTags = "";
|
|
63
|
-
let bodyStarted = false;
|
|
64
|
-
let headStarted = false;
|
|
65
|
-
let leftover = "";
|
|
66
|
-
let leftoverHtml = "";
|
|
67
|
-
function getBufferedRouterStream() {
|
|
68
|
-
const html = routerStreamBuffer;
|
|
69
|
-
routerStreamBuffer = "";
|
|
70
|
-
return html;
|
|
71
|
-
}
|
|
72
|
-
function decodeChunk(chunk) {
|
|
73
|
-
if (chunk instanceof Uint8Array) {
|
|
74
|
-
return textDecoder.decode(chunk);
|
|
75
|
-
}
|
|
76
|
-
return String(chunk);
|
|
77
|
-
}
|
|
78
|
-
const injectedHtmlDonePromise = createControlledPromise();
|
|
79
|
-
let processingCount = 0;
|
|
80
|
-
router.serverSsr.injectedHtml.forEach((promise) => {
|
|
81
|
-
handleInjectedHtml(promise);
|
|
82
|
-
});
|
|
83
|
-
const stopListeningToInjectedHtml = router.subscribe(
|
|
84
|
-
"onInjectedHtml",
|
|
85
|
-
(e) => {
|
|
86
|
-
handleInjectedHtml(e.promise);
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
function handleInjectedHtml(promise) {
|
|
90
|
-
processingCount++;
|
|
91
|
-
promise.then((html) => {
|
|
92
|
-
if (!bodyStarted) {
|
|
93
|
-
routerStreamBuffer += html;
|
|
94
|
-
} else {
|
|
95
|
-
finalPassThrough.write(html);
|
|
96
|
-
}
|
|
97
|
-
}).catch(injectedHtmlDonePromise.reject).finally(() => {
|
|
98
|
-
processingCount--;
|
|
99
|
-
if (!isAppRendering && processingCount === 0) {
|
|
100
|
-
stopListeningToInjectedHtml();
|
|
101
|
-
injectedHtmlDonePromise.resolve();
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
injectedHtmlDonePromise.then(() => {
|
|
106
|
-
const finalHtml = leftoverHtml + getBufferedRouterStream() + pendingClosingTags;
|
|
107
|
-
finalPassThrough.end(finalHtml);
|
|
108
|
-
}).catch((err) => {
|
|
109
|
-
console.error("Error reading routerStream:", err);
|
|
110
|
-
finalPassThrough.destroy(err);
|
|
111
|
-
});
|
|
112
|
-
readStream(appStream, {
|
|
113
|
-
onData: (chunk) => {
|
|
114
|
-
const text = decodeChunk(chunk.value);
|
|
115
|
-
let chunkString = leftover + text;
|
|
116
|
-
const bodyEndMatch = chunkString.match(patternBodyEnd);
|
|
117
|
-
const htmlEndMatch = chunkString.match(patternHtmlEnd);
|
|
118
|
-
if (!bodyStarted) {
|
|
119
|
-
const bodyStartMatch = chunkString.match(patternBodyStart);
|
|
120
|
-
if (bodyStartMatch) {
|
|
121
|
-
bodyStarted = true;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
if (!headStarted) {
|
|
125
|
-
const headStartMatch = chunkString.match(patternHeadStart);
|
|
126
|
-
if (headStartMatch) {
|
|
127
|
-
headStarted = true;
|
|
128
|
-
const index = headStartMatch.index;
|
|
129
|
-
const headTag = headStartMatch[0];
|
|
130
|
-
const remaining = chunkString.slice(index + headTag.length);
|
|
131
|
-
finalPassThrough.write(
|
|
132
|
-
chunkString.slice(0, index) + headTag + getBufferedRouterStream()
|
|
133
|
-
);
|
|
134
|
-
chunkString = remaining;
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
if (!bodyStarted) {
|
|
138
|
-
finalPassThrough.write(chunkString);
|
|
139
|
-
leftover = "";
|
|
140
|
-
return;
|
|
141
|
-
}
|
|
142
|
-
if (bodyEndMatch && htmlEndMatch && bodyEndMatch.index < htmlEndMatch.index) {
|
|
143
|
-
const bodyEndIndex = bodyEndMatch.index;
|
|
144
|
-
pendingClosingTags = chunkString.slice(bodyEndIndex);
|
|
145
|
-
finalPassThrough.write(
|
|
146
|
-
chunkString.slice(0, bodyEndIndex) + getBufferedRouterStream()
|
|
147
|
-
);
|
|
148
|
-
leftover = "";
|
|
149
|
-
return;
|
|
150
|
-
}
|
|
151
|
-
let result;
|
|
152
|
-
let lastIndex = 0;
|
|
153
|
-
while ((result = patternClosingTag.exec(chunkString)) !== null) {
|
|
154
|
-
lastIndex = result.index + result[0].length;
|
|
155
|
-
}
|
|
156
|
-
if (lastIndex > 0) {
|
|
157
|
-
const processed = chunkString.slice(0, lastIndex) + getBufferedRouterStream() + leftoverHtml;
|
|
158
|
-
finalPassThrough.write(processed);
|
|
159
|
-
leftover = chunkString.slice(lastIndex);
|
|
160
|
-
} else {
|
|
161
|
-
leftover = chunkString;
|
|
162
|
-
leftoverHtml += getBufferedRouterStream();
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
onEnd: () => {
|
|
166
|
-
isAppRendering = false;
|
|
167
|
-
if (processingCount === 0) {
|
|
168
|
-
injectedHtmlDonePromise.resolve();
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
onError: (error) => {
|
|
172
|
-
console.error("Error reading appStream:", error);
|
|
173
|
-
finalPassThrough.destroy(error);
|
|
174
|
-
}
|
|
175
|
-
});
|
|
176
|
-
return finalPassThrough.stream;
|
|
177
|
-
}
|
|
178
|
-
export {
|
|
179
|
-
transformPipeableStreamWithRouter,
|
|
180
|
-
transformReadableStreamWithRouter,
|
|
181
|
-
transformStreamWithRouter
|
|
182
|
-
};
|
|
183
|
-
//# sourceMappingURL=transformStreamWithRouter.js.map
|