@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import { AsyncLocalStorage } from 'node:async_hooks'\nimport {\n H3Event,\n appendCorsHeaders as _appendCorsHeaders,\n appendCorsPreflightHeaders as _appendCorsPreflightHeaders,\n appendHeader as _appendHeader,\n appendHeaders as _appendHeaders,\n appendResponseHeader as _appendResponseHeader,\n appendResponseHeaders as _appendResponseHeaders,\n assertMethod as _assertMethod,\n clearResponseHeaders as _clearResponseHeaders,\n clearSession as _clearSession,\n defaultContentType as _defaultContentType,\n deleteCookie as _deleteCookie,\n fetchWithEvent as _fetchWithEvent,\n getCookie as _getCookie,\n getHeader as _getHeader,\n getHeaders as _getHeaders,\n getProxyRequestHeaders as _getProxyRequestHeaders,\n getQuery as _getQuery,\n getRequestFingerprint as _getRequestFingerprint,\n getRequestHeader as _getRequestHeader,\n getRequestHeaders as _getRequestHeaders,\n getRequestHost as _getRequestHost,\n getRequestIP as _getRequestIP,\n getRequestProtocol as _getRequestProtocol,\n getRequestURL as _getRequestURL,\n getRequestWebStream as _getRequestWebStream,\n getResponseHeader as _getResponseHeader,\n getResponseHeaders as _getResponseHeaders,\n getResponseStatus as _getResponseStatus,\n getResponseStatusText as _getResponseStatusText,\n getRouterParam as _getRouterParam,\n getRouterParams as _getRouterParams,\n getSession as _getSession,\n getValidatedQuery as _getValidatedQuery,\n getValidatedRouterParams as _getValidatedRouterParams,\n handleCacheHeaders as _handleCacheHeaders,\n handleCors as _handleCors,\n isMethod as _isMethod,\n isPreflightRequest as _isPreflightRequest,\n parseCookies as _parseCookies,\n proxyRequest as _proxyRequest,\n readBody as _readBody,\n readFormData as _readFormData,\n readMultipartFormData as _readMultipartFormData,\n readRawBody as _readRawBody,\n readValidatedBody as _readValidatedBody,\n removeResponseHeader as _removeResponseHeader,\n sealSession as _sealSession,\n send as _send,\n sendError as _sendError,\n sendNoContent as _sendNoContent,\n sendProxy as _sendProxy,\n sendRedirect as _sendRedirect,\n sendStream as _sendStream,\n sendWebResponse as _sendWebResponse,\n setCookie as _setCookie,\n setHeader as _setHeader,\n setHeaders as _setHeaders,\n setResponseHeader as _setResponseHeader,\n setResponseHeaders as _setResponseHeaders,\n setResponseStatus as _setResponseStatus,\n unsealSession as _unsealSession,\n updateSession as _updateSession,\n useSession as _useSession,\n writeEarlyHints as _writeEarlyHints,\n} from 'h3'\nimport { getContext as getUnctxContext } from 'unctx'\nimport type {\n Encoding,\n HTTPHeaderName,\n InferEventInput,\n _RequestMiddleware,\n _ResponseMiddleware,\n} from 'h3'\n\nexport { StartServer } from './StartServer'\nexport { createStartHandler } from './createStartHandler'\nexport { createRequestHandler } from './createRequestHandler'\nexport { defaultStreamHandler } from './defaultStreamHandler'\nexport { defaultRenderHandler } from './defaultRenderHandler'\n\nfunction _setContext(event: H3Event, key: string, value: any) {\n event.context[key] = value\n}\n\nfunction _getContext(event: H3Event, key: string) {\n return event.context[key]\n}\n\nexport function defineMiddleware(options: {\n onRequest?: _RequestMiddleware | Array<_RequestMiddleware>\n onBeforeResponse?: _ResponseMiddleware | Array<_ResponseMiddleware>\n}) {\n return options\n}\n\nfunction toWebRequestH3(event: H3Event) {\n /**\n * @type {ReadableStream | undefined}\n */\n let readableStream: ReadableStream | undefined\n\n const url = getRequestURL(event)\n const base = {\n // @ts-ignore Undici option\n duplex: 'half',\n method: event.method,\n headers: event.headers,\n }\n\n if ((event.node.req as any).body instanceof ArrayBuffer) {\n return new Request(url, {\n ...base,\n body: (event.node.req as any).body,\n })\n }\n\n return new Request(url, {\n ...base,\n get body() {\n if (readableStream) {\n return readableStream\n }\n readableStream = getRequestWebStream(event)\n return readableStream\n },\n })\n}\n\nexport function toWebRequest(event: H3Event) {\n event.web ??= {\n request: toWebRequestH3(event),\n url: getRequestURL(event),\n }\n return event.web.request\n}\n\nexport {\n H3Error,\n H3Event,\n MIMES,\n callNodeListener,\n createApp,\n createAppEventHandler,\n createEvent,\n createRouter,\n defineEventHandler,\n defineLazyEventHandler,\n defineNodeListener,\n defineNodeMiddleware,\n defineRequestMiddleware,\n defineResponseMiddleware,\n dynamicEventHandler,\n defineWebSocket,\n eventHandler,\n splitCookiesString,\n fromNodeMiddleware,\n fromPlainHandler,\n fromWebHandler,\n isError,\n isEventHandler,\n isWebResponse,\n lazyEventHandler,\n promisifyNodeListener,\n serveStatic,\n toEventHandler,\n toNodeListener,\n toPlainHandler,\n toWebHandler,\n isCorsOriginAllowed,\n isStream,\n createError,\n sanitizeStatusCode,\n sanitizeStatusMessage,\n useBase,\n type AddRouteShortcuts,\n type App,\n type AppOptions,\n type AppUse,\n type CacheConditions,\n type CreateRouterOptions,\n type Duplex,\n type DynamicEventHandler,\n type Encoding,\n type EventHandler,\n type EventHandlerObject,\n type EventHandlerRequest,\n type EventHandlerResponse,\n type H3CorsOptions,\n type H3EventContext,\n type HTTPHeaderName,\n type HTTPMethod,\n type InferEventInput,\n type InputLayer,\n type InputStack,\n type Layer,\n type LazyEventHandler,\n type Matcher,\n type MultiPartData,\n type NodeEventContext,\n type NodeListener,\n type NodeMiddleware,\n type NodePromisifiedHandler,\n type PlainHandler,\n type PlainRequest,\n type PlainResponse,\n type ProxyOptions,\n type RequestFingerprintOptions,\n type RequestHeaders,\n type RouteNode,\n type Router,\n type RouterMethod,\n type RouterUse,\n type ServeStaticOptions,\n type Session,\n type SessionConfig,\n type SessionData,\n type Stack,\n type StaticAssetMeta,\n type ValidateFunction,\n type ValidateResult,\n type WebEventContext,\n type WebHandler,\n type _RequestMiddleware,\n type _ResponseMiddleware,\n} from 'h3'\n\nfunction getHTTPEvent() {\n return getEvent()\n}\n\nexport const HTTPEventSymbol = Symbol('$HTTPEvent')\n\nexport function isEvent(\n obj: any,\n): obj is H3Event | { [HTTPEventSymbol]: H3Event } {\n return (\n typeof obj === 'object' &&\n (obj instanceof H3Event ||\n obj?.[HTTPEventSymbol] instanceof H3Event ||\n obj?.__is_event__ === true)\n )\n // Implement logic to check if obj is an H3Event\n}\n\ntype Tail<T> = T extends [any, ...infer U] ? U : never\n\ntype PrependOverload<\n TOriginal extends (...args: Array<any>) => any,\n TOverload extends (...args: Array<any>) => any,\n> = TOverload & TOriginal\n\n// add an overload to the function without the event argument\ntype WrapFunction<TFn extends (...args: Array<any>) => any> = PrependOverload<\n TFn,\n (\n ...args: Parameters<TFn> extends [H3Event, ...infer TArgs]\n ? TArgs\n : Parameters<TFn>\n ) => ReturnType<TFn>\n>\n\nfunction createWrapperFunction<TFn extends (...args: Array<any>) => any>(\n h3Function: TFn,\n): WrapFunction<TFn> {\n return function (...args: Array<any>) {\n const event = args[0]\n if (!isEvent(event)) {\n if (!(globalThis as any).app.config.server.experimental?.asyncContext) {\n throw new Error(\n 'AsyncLocalStorage was not enabled. Use the `server.experimental.asyncContext: true` option in your app configuration to enable it. Or, pass the instance of HTTPEvent that you have as the first argument to the function.',\n )\n }\n args.unshift(getHTTPEvent())\n } else {\n args[0] =\n event instanceof H3Event || (event as any).__is_event__\n ? event\n : event[HTTPEventSymbol]\n }\n\n return (h3Function as any)(...args)\n } as any\n}\n\n// Creating wrappers for each utility and exporting them with their original names\ntype WrappedReadRawBody = <TEncoding extends Encoding = 'utf8'>(\n ...args: Tail<Parameters<typeof _readRawBody<TEncoding>>>\n) => ReturnType<typeof _readRawBody<TEncoding>>\nexport const readRawBody: PrependOverload<\n typeof _readRawBody,\n WrappedReadRawBody\n> = createWrapperFunction(_readRawBody)\ntype WrappedReadBody = <T, TEventInput = InferEventInput<'body', H3Event, T>>(\n ...args: Tail<Parameters<typeof _readBody<T, H3Event, TEventInput>>>\n) => ReturnType<typeof _readBody<T, H3Event, TEventInput>>\nexport const readBody: PrependOverload<typeof _readBody, WrappedReadBody> =\n createWrapperFunction(_readBody)\ntype WrappedGetQuery = <\n T,\n TEventInput = Exclude<InferEventInput<'query', H3Event, T>, undefined>,\n>(\n ...args: Tail<Parameters<typeof _getQuery<T, H3Event, TEventInput>>>\n) => ReturnType<typeof _getQuery<T, H3Event, TEventInput>>\nexport const getQuery: PrependOverload<typeof _getQuery, WrappedGetQuery> =\n createWrapperFunction(_getQuery)\nexport const isMethod = createWrapperFunction(_isMethod)\nexport const isPreflightRequest = createWrapperFunction(_isPreflightRequest)\ntype WrappedGetValidatedQuery = <\n T,\n TEventInput = InferEventInput<'query', H3Event, T>,\n>(\n ...args: Tail<Parameters<typeof _getValidatedQuery<T, H3Event, TEventInput>>>\n) => ReturnType<typeof _getValidatedQuery<T, H3Event, TEventInput>>\nexport const getValidatedQuery: PrependOverload<\n typeof _getValidatedQuery,\n WrappedGetValidatedQuery\n> = createWrapperFunction(_getValidatedQuery)\nexport const getRouterParams = createWrapperFunction(_getRouterParams)\nexport const getRouterParam = createWrapperFunction(_getRouterParam)\ntype WrappedGetValidatedRouterParams = <\n T,\n TEventInput = InferEventInput<'routerParams', H3Event, T>,\n>(\n ...args: Tail<\n Parameters<typeof _getValidatedRouterParams<T, H3Event, TEventInput>>\n >\n) => ReturnType<typeof _getValidatedRouterParams<T, H3Event, TEventInput>>\nexport const getValidatedRouterParams: PrependOverload<\n typeof _getValidatedRouterParams,\n WrappedGetValidatedRouterParams\n> = createWrapperFunction(_getValidatedRouterParams)\nexport const assertMethod = createWrapperFunction(_assertMethod)\nexport const getRequestHeaders = createWrapperFunction(_getRequestHeaders)\nexport const getRequestHeader = createWrapperFunction(_getRequestHeader)\nexport const getRequestURL = createWrapperFunction(_getRequestURL)\nexport const getRequestHost = createWrapperFunction(_getRequestHost)\nexport const getRequestProtocol = createWrapperFunction(_getRequestProtocol)\nexport const getRequestIP = createWrapperFunction(_getRequestIP)\nexport const send = createWrapperFunction(_send)\nexport const sendNoContent = createWrapperFunction(_sendNoContent)\nexport const setResponseStatus = createWrapperFunction(_setResponseStatus)\nexport const getResponseStatus = createWrapperFunction(_getResponseStatus)\nexport const getResponseStatusText = createWrapperFunction(\n _getResponseStatusText,\n)\nexport const getResponseHeaders = createWrapperFunction(_getResponseHeaders)\nexport const getResponseHeader = createWrapperFunction(_getResponseHeader)\nexport const setResponseHeaders = createWrapperFunction(_setResponseHeaders)\ntype WrappedSetResponseHeader = <T extends HTTPHeaderName>(\n ...args: Tail<Parameters<typeof _setResponseHeader<T>>>\n) => ReturnType<typeof _setResponseHeader<T>>\nexport const setResponseHeader: PrependOverload<\n typeof _setResponseHeader,\n WrappedSetResponseHeader\n> = createWrapperFunction(_setResponseHeader)\nexport const appendResponseHeaders = createWrapperFunction(\n _appendResponseHeaders,\n)\ntype WrappedAppendResponseHeader = <T extends HTTPHeaderName>(\n ...args: Tail<Parameters<typeof _appendResponseHeader<T>>>\n) => ReturnType<typeof _appendResponseHeader<T>>\nexport const appendResponseHeader: PrependOverload<\n typeof _appendResponseHeader,\n WrappedAppendResponseHeader\n> = createWrapperFunction(_appendResponseHeader)\nexport const defaultContentType = createWrapperFunction(_defaultContentType)\nexport const sendRedirect = createWrapperFunction(_sendRedirect)\nexport const sendStream = createWrapperFunction(_sendStream)\nexport const writeEarlyHints = createWrapperFunction(_writeEarlyHints)\nexport const sendError = createWrapperFunction(_sendError)\nexport const sendProxy = createWrapperFunction(_sendProxy)\nexport const proxyRequest = createWrapperFunction(_proxyRequest)\ntype WrappedFetchWithEvent = <\n T = unknown,\n TResponse = any,\n TFetch extends (req: RequestInfo | URL, opts?: any) => any = typeof fetch,\n>(\n ...args: Tail<Parameters<typeof _fetchWithEvent<T, TResponse, TFetch>>>\n) => ReturnType<typeof _fetchWithEvent<T, TResponse, TFetch>>\nexport const fetchWithEvent: PrependOverload<\n typeof _fetchWithEvent,\n WrappedFetchWithEvent\n> = createWrapperFunction(_fetchWithEvent)\nexport const getProxyRequestHeaders = createWrapperFunction(\n _getProxyRequestHeaders,\n)\n\nexport const parseCookies = createWrapperFunction(_parseCookies)\nexport const getCookie = createWrapperFunction(_getCookie)\nexport const setCookie = createWrapperFunction(_setCookie)\nexport const deleteCookie = createWrapperFunction(_deleteCookie)\n// not exported :(\ntype SessionDataT = Record<string, any>\ntype WrappedUseSession = <T extends SessionDataT>(\n ...args: Tail<Parameters<typeof _useSession<T>>>\n) => ReturnType<typeof _useSession<T>>\n// we need to `as` these because the WrapFunction doesn't work for them\n// because they also accept CompatEvent instead of H3Event\nexport const useSession = createWrapperFunction(_useSession) as PrependOverload<\n typeof _useSession,\n WrappedUseSession\n>\ntype WrappedGetSession = <T extends SessionDataT>(\n ...args: Tail<Parameters<typeof _getSession<T>>>\n) => ReturnType<typeof _getSession<T>>\nexport const getSession = createWrapperFunction(_getSession) as PrependOverload<\n typeof _getSession,\n WrappedGetSession\n>\ntype WrappedUpdateSession = <T extends SessionDataT>(\n ...args: Tail<Parameters<typeof _updateSession<T>>>\n) => ReturnType<typeof _updateSession<T>>\nexport const updateSession: PrependOverload<\n typeof _updateSession,\n WrappedUpdateSession\n> = createWrapperFunction(_updateSession)\ntype WrappedSealSession = <T extends SessionDataT>(\n ...args: Tail<Parameters<typeof _sealSession<T>>>\n) => ReturnType<typeof _sealSession<T>>\nexport const sealSession = createWrapperFunction(\n _sealSession,\n) as PrependOverload<typeof _sealSession, WrappedSealSession>\nexport const unsealSession = createWrapperFunction(_unsealSession)\nexport const clearSession = createWrapperFunction(_clearSession)\nexport const handleCacheHeaders = createWrapperFunction(_handleCacheHeaders)\nexport const handleCors = createWrapperFunction(_handleCors)\nexport const appendCorsHeaders = createWrapperFunction(_appendCorsHeaders)\nexport const appendCorsPreflightHeaders = createWrapperFunction(\n _appendCorsPreflightHeaders,\n)\nexport const sendWebResponse = createWrapperFunction(_sendWebResponse)\ntype WrappedAppendHeader = <T extends HTTPHeaderName>(\n ...args: Tail<Parameters<typeof _appendHeader<T>>>\n) => ReturnType<typeof _appendHeader<T>>\nexport const appendHeader: PrependOverload<\n typeof _appendHeader,\n WrappedAppendHeader\n> = createWrapperFunction(_appendHeader)\nexport const appendHeaders = createWrapperFunction(_appendHeaders)\ntype WrappedSetHeader = <T extends HTTPHeaderName>(\n ...args: Tail<Parameters<typeof _setHeader<T>>>\n) => ReturnType<typeof _setHeader<T>>\nexport const setHeader: PrependOverload<typeof _setHeader, WrappedSetHeader> =\n createWrapperFunction(_setHeader)\nexport const setHeaders = createWrapperFunction(_setHeaders)\nexport const getHeader = createWrapperFunction(_getHeader)\nexport const getHeaders = createWrapperFunction(_getHeaders)\nexport const getRequestFingerprint = createWrapperFunction(\n _getRequestFingerprint,\n)\nexport const getRequestWebStream = createWrapperFunction(_getRequestWebStream)\nexport const readFormData = createWrapperFunction(_readFormData)\nexport const readMultipartFormData = createWrapperFunction(\n _readMultipartFormData,\n)\ntype WrappedReadValidatedBody = <\n T,\n TEventInput = InferEventInput<'body', H3Event, T>,\n>(\n ...args: Tail<Parameters<typeof _readValidatedBody<T, H3Event, TEventInput>>>\n) => ReturnType<typeof _readValidatedBody<T, H3Event, TEventInput>>\nexport const readValidatedBody: PrependOverload<\n typeof _readValidatedBody,\n WrappedReadValidatedBody\n> = createWrapperFunction(_readValidatedBody)\nexport const removeResponseHeader = createWrapperFunction(_removeResponseHeader)\nexport const getContext = createWrapperFunction(_getContext)\nexport const setContext = createWrapperFunction(_setContext)\n\nexport const clearResponseHeaders = createWrapperFunction(_clearResponseHeaders)\n\nexport const getWebRequest = createWrapperFunction(toWebRequest)\n\nexport { createApp as createServer } from 'h3'\n\nfunction getNitroAsyncContext() {\n const nitroAsyncContext = getUnctxContext('nitro-app', {\n asyncContext: (globalThis as any).app.config.server.experimental\n ?.asyncContext\n ? true\n : false,\n AsyncLocalStorage,\n })\n\n return nitroAsyncContext\n}\n\nexport function getEvent() {\n const event = (getNitroAsyncContext().use() as any).event as\n | H3Event\n | undefined\n if (!event) {\n throw new Error(\n `No HTTPEvent found in AsyncLocalStorage. Make sure you are using the function within the server runtime.`,\n )\n }\n return event\n}\n\nexport async function handleHTTPEvent(event: H3Event) {\n return await (globalThis as any).$handle(event)\n}\n\nexport { defineHandlerCallback } from './handlerCallback'\nexport type { HandlerCallback } from './handlerCallback'\n"],"names":["_readRawBody","_readBody","_getQuery","_isMethod","_isPreflightRequest","_getValidatedQuery","_getRouterParams","_getRouterParam","_getValidatedRouterParams","_assertMethod","_getRequestHeaders","_getRequestHeader","_getRequestURL","_getRequestHost","_getRequestProtocol","_getRequestIP","_send","_sendNoContent","_setResponseStatus","_getResponseStatus","_getResponseStatusText","_getResponseHeaders","_getResponseHeader","_setResponseHeaders","_setResponseHeader","_appendResponseHeaders","_appendResponseHeader","_defaultContentType","_sendRedirect","_sendStream","_writeEarlyHints","_sendError","_sendProxy","_proxyRequest","_fetchWithEvent","_getProxyRequestHeaders","_parseCookies","_getCookie","_setCookie","_deleteCookie","_useSession","_getSession","_updateSession","_sealSession","_unsealSession","_clearSession","_handleCacheHeaders","_handleCors","_appendCorsHeaders","_appendCorsPreflightHeaders","_sendWebResponse","_appendHeader","_appendHeaders","_setHeader","_setHeaders","_getHeader","_getHeaders","_getRequestFingerprint","_getRequestWebStream","_readFormData","_readMultipartFormData","_readValidatedBody","_removeResponseHeader","_clearResponseHeaders","getUnctxContext"],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
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;
|
|
@@ -0,0 +1,246 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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":";;;;;AAuCgB,SAAA,2BACd,QACA,UACA;AACA,SAAO,MAAM;AAAA,IACX;AAAA,IACA,YAAY;AAAA,EACd;AAEA,SAAO,YAAY;AAAA,IACjB,cAAc,CAAC;AAAA,IACf,kCAAkB,IAAI;AAAA,IACtB,YAAY,CAAC,YAAY;AACvB,YAAM,UAAU,QAAQ,QAAQ,EAAE,KAAK,OAAO;AACvC,aAAA,UAAW,aAAa,KAAK,OAAO;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN;AAAA,MAAA,CACD;AAEM,aAAA,QAAQ,KAAK,MAAM;AAAA,MAAA,CAAE;AAAA,IAC9B;AAAA,IACA,cAAc,CAAC,WAAW,SAAS;AAC1B,aAAA,OAAO,UAAW,WAAW,YAAY;AACxC,cAAA,SAAS,MAAM,UAAU;AACxB,eAAA,4BAA4B,MAAM,GACvC,QAAQ,IAAI,aAAa,mBAAkB,6BAAM,cAAa,QAC1D;AAAA,EACZ,MAAM,QAAQ,EAAE,QAAQ,WAAY,CAAA,CAAC,QACzB,EACN;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,aAAa,CAAC,KAAK,UAAU;AAC3B;AAAA,QACE,CAAC,OAAO,UAAW,aAAa,IAAI,GAAG;AAAA,QACvC,oCAAoC;AAAA,MACtC;AAEO,aAAA,UAAW,aAAa,IAAI,GAAG;AACtC,aAAO,UAAW;AAAA,QAChB,MACE,+BAA+B,GAAG,iBAAiB;AAAA,UACjD,OAAO,IAAK,WAAW,UAAU,KAAK;AAAA,UACtC;AAAA,YACE,iBAAiB;AAAA,YACjB,MAAM;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QACR,CACD;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,EACF;AAEO,SAAA,UAAU,aAAa,MAAM,4BAA4B;AAAA,IAC9D,WAAW;AAAA,EAAA,CACZ;AACH;AAEO,SAAS,gBAAgB,QAAmB;;AACjD,QAAM,mBAAqC;AAAA,IACzC,UAAU,OAAO,IAAK;AAAA,IACtB,iBAAgB,kBAAO,SAAQ,cAAf;AAAA,EAClB;AAEA,SAAO,UAAW;AAAA,IAChB,MACE,4BAA4B;AAAA,MAC1B,OAAO,IAAK,WAAW,UAAU,gBAAgB;AAAA,MACjD;AAAA,QACE,iBAAiB;AAAA,QACjB,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACR,CACD;AAAA,EACL;AACF;AAEgB,SAAA,uBACd,YACA,KAIA;AACA,QAAM,YAAyC,CAAC;AAEhD,QAAM,WAAW,UAAU,YAAY,CAAC,OAAO,SAAS;AAEtD,QAAI,iBAAiB,gBAAgB;AACnC,YAAM,CAAC,OAAO,KAAK,IAAI,MAAM,IAAI;AACjC,YAAM,QAA+B;AAAA,QACnC,MAAM;AAAA,QACN;AAAA,QACA,IAAI,UAAU;AAAA,QACd,YAAY,IAAI,MAAM;AAAA,QACtB,QAAQ;AAAA,MACV;AAEA,gBAAU,KAAK,KAAK;AACb,aAAA;AAAA,IAAA,WACE,iBAAiB,SAAS;AAC7B,YAAA,kBAAkB,MAAM,KAAK;AACnC,YAAM,QAAgC;AAAA,QACpC,MAAM;AAAA,QACN;AAAA,QACA,IAAI,UAAU;AAAA,QACd,YAAY,IAAI,MAAM;AAAA,QACtB,SAAS;AAAA,MACX;AACA,gBAAU,KAAK,KAAK;AAAA,IAAA;AAGf,WAAA;AAAA,EAAA,CACR;AAEM,SAAA,EAAE,UAAU,UAAU;AAC/B;AAEO,SAAS,eAAe,MAG5B;AACK,QAAA,EAAE,QAAQ,MAAA,IAAU;AAE1B,MAAI,YAAqD;AACzD,MAAI,uBAA4B;AAC5B,MAAA,MAAM,eAAe,QAAW;AAC5B,UAAA,SAAS,uBAAuB,MAAM,YAAY;AAAA,MAEtD;AAAA,IAAA,CACD;AACD,UAAM,aAAa,OAAO;AAC1B,gBAAY,OAAO;AACnB,2BAAuB,UAAU;AAAA,MAC/B,CAAC,KAAU,UAAgC;AAClC,eAAA,uBAAuB,KAAK,CAAC,QAAQ,GAAG,MAAM,IAAI,GAAG,MAAS;AAAA,MACvE;AAAA,MACA,EAAE,MAAM,OAAO,SAAS;AAAA,IAAA,EACxB;AAAA,EAAA;AAGJ,QAAM,WAAW,yBAAyB;AAAA,IACxC;AAAA,MACE,IAAI,MAAM;AAAA,MACV,qBAAqB,OAAO,IAAK,WAAW;AAAA,QAC1C,MAAM;AAAA,MACR;AAAA,MACA,YAAY,OAAO,IAAK,WAAW,UAAU,oBAAoB;AAAA,MACjE,OAAO,OAAO,IAAK,WAAW,UAAU,MAAM,KAAK;AAAA,MACnD,WAAW,uCAAW,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC,QAAQ,MAAM,CAAC;AAAA,MACjE,WAAW,MAAM;AAAA,MACjB,QAAQ,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,MACjB,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EAET,CAAA;AAEM,SAAA,UAAW,aAAa,MAAM,QAAQ;AAE7C,MAAI,WAAW;AACH,cAAA,QAAQ,CAAC,UAAU;AAC3B,UAAI,MAAM,SAAS,UAAW,QAAO,cAAc,KAAK;AACxD,aAAO,aAAa,KAAK;AAAA,IAAA,CAC1B;AAAA,EAAA;AAGH,WAAS,cAAc,OAA+B;AAC7C,WAAA,UAAW,aAAa,YAAY;AACzC,YAAM,MAAM;AAEZ,aAAO,8BAA8B;AAAA,QACnC;AAAA,UACE,SAAS,MAAM;AAAA,UACf,IAAI,MAAM;AAAA,UACV,cAAc,MAAM,QAAQ,oBAAoB;AAAA,QAClD;AAAA,QACA;AAAA,UACE,iBAAiB;AAAA,UACjB,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MAET,CAAA;AAAA,IAAA,CACF;AAAA,EAAA;AAGH,WAAS,aAAa,OAA8B;AAG3C,WAAA,UAAW,WAAW,YAAY;AAEnC,UAAA;AACI,cAAA,SAAS,MAAM,OAAO,UAAU;AACtC,YAAI,QAA8C;AAClD,eAAO,EAAE,QAAQ,MAAM,OAAO,KAAA,GAAQ,MAAM;AAC1C,cAAI,MAAM,OAAO;AACf,kBAAM,OAAO,2BAA2B;AAAA,cACtC;AAAA,gBACE,SAAS,MAAM;AAAA,gBACf,IAAI,MAAM;AAAA,gBACV,OAAO,MAAM;AAAA,cACf;AAAA,cACA;AAAA,gBACE,iBAAiB;AAAA,gBACjB,MAAM;AAAA,gBACN,MAAM;AAAA,cAAA;AAAA,YAET,CAAA;AAEM,mBAAA,UAAW,aAAa,MAAM,IAAI;AAAA,UAAA;AAAA,QAC3C;AAGF,eAAO,UAAW;AAAA,UAChB,MACE,2BAA2B;AAAA,YACzB;AAAA,cACE,SAAS,MAAM;AAAA,cACf,IAAI,MAAM;AAAA,YACZ;AAAA,YACA;AAAA,cACE,iBAAiB;AAAA,cACjB,MAAM;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UACR,CACD;AAAA,QACL;AAAA,eACO,KAAK;AACJ,gBAAA,MAAM,qBAAqB,GAAG;AAAA,MAAA;AAGjC,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAEL;AAEA,SAAS,uBAA0B,KAAQ,MAAqB,OAAe;AAEzE,MAAA,KAAK,WAAW,GAAG;AACd,WAAA;AAAA,EAAA;AAGT,QAAM,CAAC,KAAK,GAAG,IAAI,IAAI;AAEnB,MAAA,MAAM,QAAQ,GAAG,GAAG;AACtB,WAAO,IAAI,IAAI,CAAC,MAAM,MAAM;AACtB,UAAA,MAAM,OAAO,GAAG,GAAG;AACd,eAAA,uBAAuB,MAAM,MAAM,KAAK;AAAA,MAAA;AAE1C,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGC,MAAA,cAAc,GAAG,GAAG;AACf,WAAA;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAI,GAAG,uBAAwB,IAAY,GAAI,GAAG,MAAM,KAAK;AAAA,IAChE;AAAA,EAAA;AAGK,SAAA;AACT;AAEO,SAAS,UACd,KACA,IACA,OAAsB,CAAA,GACnB;AACC,MAAA,aAAa,GAAG,GAAG;AACrB,WAAO,IAAI,IAAI,CAAC,OAAO,MAAM,UAAU,OAAO,IAAI,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;AAAA,EAAA;AAGlE,MAAA,cAAc,GAAG,GAAG;AAEtB,UAAMA,UAAc,CAAC;AAErB,eAAW,OAAO,KAAK;AACrBA,cAAO,GAAG,IAAI,UAAU,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,MAAM,GAAG,CAAC;AAAA,IAAA;AAG/CA,WAAAA;AAAAA,EAAA;AAeH,QAAA,SAAS,GAAG,KAAK,IAAI;AAE3B,MAAI,WAAW,KAAK;AACX,WAAA;AAAA,EAAA;AAGF,SAAA;AACT;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
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>;
|
|
@@ -0,0 +1,183 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"transformStreamWithRouter.js","sources":["../../src/transformStreamWithRouter.ts"],"sourcesContent":["import { ReadableStream } from 'node:stream/web'\nimport { Readable } from 'node:stream'\nimport { createControlledPromise } from '@tanstack/react-router'\nimport type { AnyRouter } from '@tanstack/react-router'\n\nexport function transformReadableStreamWithRouter(\n router: AnyRouter,\n routerStream: ReadableStream,\n) {\n return transformStreamWithRouter(router, routerStream)\n}\n\nexport function transformPipeableStreamWithRouter(\n router: AnyRouter,\n routerStream: Readable,\n) {\n return Readable.fromWeb(\n transformStreamWithRouter(router, Readable.toWeb(routerStream)),\n )\n}\n\n// regex pattern for matching closing body and html tags\nconst patternBodyStart = /(<body)/\nconst patternBodyEnd = /(<\\/body>)/\nconst patternHtmlEnd = /(<\\/html>)/\nconst patternHeadStart = /(<head.*?>)/\n// regex pattern for matching closing tags\nconst patternClosingTag = /(<\\/[a-zA-Z][\\w:.-]*?>)/g\n\nconst textDecoder = new TextDecoder()\n\ntype ReadablePassthrough = {\n stream: ReadableStream\n write: (chunk: string) => void\n end: (chunk?: string) => void\n destroy: (error: unknown) => void\n destroyed: boolean\n}\n\nfunction createPassthrough() {\n let controller: ReadableStreamDefaultController<any>\n const encoder = new TextEncoder()\n const stream = new ReadableStream({\n start(c) {\n controller = c\n },\n })\n\n const res: ReadablePassthrough = {\n stream,\n write: (chunk) => {\n controller.enqueue(encoder.encode(chunk))\n },\n end: (chunk) => {\n if (chunk) {\n controller.enqueue(encoder.encode(chunk))\n }\n controller.close()\n res.destroyed = true\n },\n destroy: (error) => {\n controller.error(error)\n },\n destroyed: false,\n }\n\n return res\n}\n\nasync function readStream(\n stream: ReadableStream,\n opts: {\n onData?: (chunk: ReadableStreamReadValueResult<any>) => void\n onEnd?: () => void\n onError?: (error: unknown) => void\n },\n) {\n try {\n const reader = stream.getReader()\n let chunk\n while (!(chunk = await reader.read()).done) {\n opts.onData?.(chunk)\n }\n opts.onEnd?.()\n } catch (error) {\n opts.onError?.(error)\n }\n}\n\nexport function transformStreamWithRouter(\n router: AnyRouter,\n appStream: ReadableStream,\n) {\n const finalPassThrough = createPassthrough()\n\n let isAppRendering = true as boolean\n let routerStreamBuffer = ''\n let pendingClosingTags = ''\n let bodyStarted = false as boolean\n let headStarted = false as boolean\n let leftover = ''\n let leftoverHtml = ''\n\n function getBufferedRouterStream() {\n const html = routerStreamBuffer\n routerStreamBuffer = ''\n return html\n }\n\n function decodeChunk(chunk: unknown): string {\n if (chunk instanceof Uint8Array) {\n return textDecoder.decode(chunk)\n }\n return String(chunk)\n }\n\n const injectedHtmlDonePromise = createControlledPromise<void>()\n\n let processingCount = 0\n\n // Process any already-injected HTML\n router.serverSsr!.injectedHtml.forEach((promise) => {\n handleInjectedHtml(promise)\n })\n\n // Listen for any new injected HTML\n const stopListeningToInjectedHtml = router.subscribe(\n 'onInjectedHtml',\n (e) => {\n handleInjectedHtml(e.promise)\n },\n )\n\n function handleInjectedHtml(promise: Promise<string>) {\n processingCount++\n\n promise\n .then((html) => {\n if (!bodyStarted) {\n routerStreamBuffer += html\n } else {\n finalPassThrough.write(html)\n }\n })\n .catch(injectedHtmlDonePromise.reject)\n .finally(() => {\n processingCount--\n\n if (!isAppRendering && processingCount === 0) {\n stopListeningToInjectedHtml()\n injectedHtmlDonePromise.resolve()\n }\n })\n }\n\n injectedHtmlDonePromise\n .then(() => {\n const finalHtml =\n leftoverHtml + getBufferedRouterStream() + pendingClosingTags\n\n finalPassThrough.end(finalHtml)\n })\n .catch((err) => {\n console.error('Error reading routerStream:', err)\n finalPassThrough.destroy(err)\n })\n\n // Transform the appStream\n readStream(appStream, {\n onData: (chunk) => {\n const text = decodeChunk(chunk.value)\n\n let chunkString = leftover + text\n const bodyEndMatch = chunkString.match(patternBodyEnd)\n const htmlEndMatch = chunkString.match(patternHtmlEnd)\n\n if (!bodyStarted) {\n const bodyStartMatch = chunkString.match(patternBodyStart)\n if (bodyStartMatch) {\n bodyStarted = true\n }\n }\n\n if (!headStarted) {\n const headStartMatch = chunkString.match(patternHeadStart)\n if (headStartMatch) {\n headStarted = true\n const index = headStartMatch.index!\n const headTag = headStartMatch[0]\n const remaining = chunkString.slice(index + headTag.length)\n finalPassThrough.write(\n chunkString.slice(0, index) + headTag + getBufferedRouterStream(),\n )\n // make sure to only write `remaining` until the next closing tag\n chunkString = remaining\n }\n }\n\n if (!bodyStarted) {\n finalPassThrough.write(chunkString)\n leftover = ''\n return\n }\n\n // If either the body end or html end is in the chunk,\n // We need to get all of our data in asap\n if (\n bodyEndMatch &&\n htmlEndMatch &&\n bodyEndMatch.index! < htmlEndMatch.index!\n ) {\n const bodyEndIndex = bodyEndMatch.index!\n pendingClosingTags = chunkString.slice(bodyEndIndex)\n\n finalPassThrough.write(\n chunkString.slice(0, bodyEndIndex) + getBufferedRouterStream(),\n )\n\n leftover = ''\n return\n }\n\n let result: RegExpExecArray | null\n let lastIndex = 0\n while ((result = patternClosingTag.exec(chunkString)) !== null) {\n lastIndex = result.index + result[0].length\n }\n\n if (lastIndex > 0) {\n const processed =\n chunkString.slice(0, lastIndex) +\n getBufferedRouterStream() +\n leftoverHtml\n\n finalPassThrough.write(processed)\n leftover = chunkString.slice(lastIndex)\n } else {\n leftover = chunkString\n leftoverHtml += getBufferedRouterStream()\n }\n },\n onEnd: () => {\n // Mark the app as done rendering\n isAppRendering = false\n\n // If there are no pending promises, resolve the injectedHtmlDonePromise\n if (processingCount === 0) {\n injectedHtmlDonePromise.resolve()\n }\n },\n onError: (error) => {\n console.error('Error reading appStream:', error)\n finalPassThrough.destroy(error)\n },\n })\n\n return finalPassThrough.stream\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
const minifiedTsrBootStrapScript = 'const __TSR_SSR__={matches:[],streamedValues:{},initMatch:a=>(__TSR_SSR__.matches.push(a),a.extracted?.forEach(l=>{if(l.type==="stream"){let r;l.value=new ReadableStream({start(e){r={enqueue:t=>{try{e.enqueue(t)}catch{}},close:()=>{try{e.close()}catch{}}}}}),l.value.controller=r}else{let r,e;l.value=new Promise((t,o)=>{e=o,r=t}),l.value.reject=e,l.value.resolve=r}}),!0),resolvePromise:({matchId:a,id:l,promiseState:r})=>{const e=__TSR_SSR__.matches.find(t=>t.id===a);if(e){const t=e.extracted?.[l];if(t&&t.type==="promise"&&t.value&&r.status==="success")return t.value.resolve(r.data),!0}return!1},injectChunk:({matchId:a,id:l,chunk:r})=>{const e=__TSR_SSR__.matches.find(t=>t.id===a);if(e){const t=e.extracted?.[l];if(t&&t.type==="stream"&&t.value?.controller)return t.value.controller.enqueue(new TextEncoder().encode(r.toString())),!0}return!1},closeStream:({matchId:a,id:l})=>{const r=__TSR_SSR__.matches.find(e=>e.id===a);if(r){const e=r.extracted?.[l];if(e&&e.type==="stream"&&e.value?.controller)return e.value.controller.close(),!0}return!1},cleanScripts:()=>{document.querySelectorAll(".tsr-once").forEach(a=>{a.remove()})}};window.__TSR_SSR__=__TSR_SSR__;\n';
|
|
2
|
+
export {
|
|
3
|
+
minifiedTsrBootStrapScript as default
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=tsrScript.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tsrScript.js","sources":["../../src/tsrScript.ts?script-string"],"sourcesContent":["import type { ControllablePromise } from '@tanstack/react-router'\nimport type { StartSsrGlobal } from '@tanstack/react-start-client'\n\nconst __TSR_SSR__: StartSsrGlobal = {\n matches: [],\n streamedValues: {},\n initMatch: (match) => {\n __TSR_SSR__.matches.push(match)\n\n match.extracted?.forEach((ex) => {\n if (ex.type === 'stream') {\n let controller\n ex.value = new ReadableStream({\n start(c) {\n controller = {\n enqueue: (chunk: unknown) => {\n try {\n c.enqueue(chunk)\n } catch {}\n },\n close: () => {\n try {\n c.close()\n } catch {}\n },\n }\n },\n })\n ex.value.controller = controller\n } else {\n let resolve: ControllablePromise['reject'] | undefined\n let reject: ControllablePromise['reject'] | undefined\n\n ex.value = new Promise((_resolve, _reject) => {\n reject = _reject\n resolve = _resolve\n }) as ControllablePromise\n ex.value.reject = reject!\n ex.value.resolve = resolve!\n }\n })\n\n return true\n },\n resolvePromise: ({ matchId, id, promiseState }) => {\n const match = __TSR_SSR__.matches.find((m) => m.id === matchId)\n if (match) {\n const ex = match.extracted?.[id]\n if (\n ex &&\n ex.type === 'promise' &&\n ex.value &&\n promiseState.status === 'success'\n ) {\n ex.value.resolve(promiseState.data)\n return true\n }\n }\n return false\n },\n injectChunk: ({ matchId, id, chunk }) => {\n const match = __TSR_SSR__.matches.find((m) => m.id === matchId)\n\n if (match) {\n const ex = match.extracted?.[id]\n if (ex && ex.type === 'stream' && ex.value?.controller) {\n ex.value.controller.enqueue(new TextEncoder().encode(chunk.toString()))\n return true\n }\n }\n return false\n },\n closeStream: ({ matchId, id }) => {\n const match = __TSR_SSR__.matches.find((m) => m.id === matchId)\n if (match) {\n const ex = match.extracted?.[id]\n if (ex && ex.type === 'stream' && ex.value?.controller) {\n ex.value.controller.close()\n return true\n }\n }\n return false\n },\n cleanScripts: () => {\n document.querySelectorAll('.tsr-once').forEach((el) => {\n el.remove()\n })\n },\n}\n\nwindow.__TSR_SSR__ = __TSR_SSR__\n"],"names":[],"mappings":"AAAA,MAAA,6BAAe;"}
|