@tanstack/react-start-client 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/Meta.cjs +14 -0
- package/dist/cjs/Meta.cjs.map +1 -0
- package/dist/cjs/Meta.d.cts +1 -0
- package/dist/cjs/Scripts.cjs +12 -0
- package/dist/cjs/Scripts.cjs.map +1 -0
- package/dist/cjs/Scripts.d.cts +1 -0
- package/dist/cjs/StartClient.cjs +24 -0
- package/dist/cjs/StartClient.cjs.map +1 -0
- package/dist/cjs/StartClient.d.cts +4 -0
- package/dist/cjs/createIsomorphicFn.cjs +7 -0
- package/dist/cjs/createIsomorphicFn.cjs.map +1 -0
- package/dist/cjs/createIsomorphicFn.d.cts +12 -0
- package/dist/cjs/createMiddleware.cjs +34 -0
- package/dist/cjs/createMiddleware.cjs.map +1 -0
- package/dist/cjs/createMiddleware.d.cts +129 -0
- package/dist/cjs/createServerFn.cjs +369 -0
- package/dist/cjs/createServerFn.cjs.map +1 -0
- package/dist/cjs/createServerFn.d.cts +137 -0
- package/dist/cjs/envOnly.cjs +7 -0
- package/dist/cjs/envOnly.cjs.map +1 -0
- package/dist/cjs/envOnly.d.cts +4 -0
- package/dist/cjs/headers.cjs +30 -0
- package/dist/cjs/headers.cjs.map +1 -0
- package/dist/cjs/headers.d.cts +5 -0
- package/dist/cjs/index.cjs +31 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/index.d.cts +14 -0
- package/dist/cjs/json.cjs +14 -0
- package/dist/cjs/json.cjs.map +1 -0
- package/dist/cjs/json.d.cts +2 -0
- package/dist/cjs/registerGlobalMiddleware.cjs +9 -0
- package/dist/cjs/registerGlobalMiddleware.cjs.map +1 -0
- package/dist/cjs/registerGlobalMiddleware.d.cts +5 -0
- package/dist/cjs/renderRSC.cjs +29 -0
- package/dist/cjs/renderRSC.cjs.map +1 -0
- package/dist/cjs/renderRSC.d.cts +2 -0
- package/dist/cjs/routesManifest.d.cts +0 -0
- package/dist/cjs/serializer.cjs +152 -0
- package/dist/cjs/serializer.cjs.map +1 -0
- package/dist/cjs/serializer.d.cts +2 -0
- package/dist/cjs/ssr-client.cjs +114 -0
- package/dist/cjs/ssr-client.cjs.map +1 -0
- package/dist/cjs/ssr-client.d.cts +65 -0
- package/dist/cjs/tests/createIsomorphicFn.test-d.d.cts +1 -0
- package/dist/cjs/tests/createServerFn.test-d.d.cts +1 -0
- package/dist/cjs/tests/createServerMiddleware.test-d.d.cts +1 -0
- package/dist/cjs/tests/envOnly.test-d.d.cts +1 -0
- package/dist/cjs/tests/json.test.d.cts +1 -0
- package/dist/cjs/tests/transformer.test.d.cts +1 -0
- package/dist/cjs/useServerFn.cjs +26 -0
- package/dist/cjs/useServerFn.cjs.map +1 -0
- package/dist/cjs/useServerFn.d.cts +1 -0
- package/dist/esm/Meta.d.ts +1 -0
- package/dist/esm/Meta.js +14 -0
- package/dist/esm/Meta.js.map +1 -0
- package/dist/esm/Scripts.d.ts +1 -0
- package/dist/esm/Scripts.js +12 -0
- package/dist/esm/Scripts.js.map +1 -0
- package/dist/esm/StartClient.d.ts +4 -0
- package/dist/esm/StartClient.js +24 -0
- package/dist/esm/StartClient.js.map +1 -0
- package/dist/esm/createIsomorphicFn.d.ts +12 -0
- package/dist/esm/createIsomorphicFn.js +7 -0
- package/dist/esm/createIsomorphicFn.js.map +1 -0
- package/dist/esm/createMiddleware.d.ts +129 -0
- package/dist/esm/createMiddleware.js +34 -0
- package/dist/esm/createMiddleware.js.map +1 -0
- package/dist/esm/createServerFn.d.ts +137 -0
- package/dist/esm/createServerFn.js +347 -0
- package/dist/esm/createServerFn.js.map +1 -0
- package/dist/esm/envOnly.d.ts +4 -0
- package/dist/esm/envOnly.js +7 -0
- package/dist/esm/envOnly.js.map +1 -0
- package/dist/esm/headers.d.ts +5 -0
- package/dist/esm/headers.js +30 -0
- package/dist/esm/headers.js.map +1 -0
- package/dist/esm/index.d.ts +14 -0
- package/dist/esm/index.js +31 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/json.d.ts +2 -0
- package/dist/esm/json.js +14 -0
- package/dist/esm/json.js.map +1 -0
- package/dist/esm/registerGlobalMiddleware.d.ts +5 -0
- package/dist/esm/registerGlobalMiddleware.js +9 -0
- package/dist/esm/registerGlobalMiddleware.js.map +1 -0
- package/dist/esm/renderRSC.d.ts +2 -0
- package/dist/esm/renderRSC.js +29 -0
- package/dist/esm/renderRSC.js.map +1 -0
- package/dist/esm/routesManifest.d.ts +0 -0
- package/dist/esm/serializer.d.ts +2 -0
- package/dist/esm/serializer.js +152 -0
- package/dist/esm/serializer.js.map +1 -0
- package/dist/esm/ssr-client.d.ts +65 -0
- package/dist/esm/ssr-client.js +114 -0
- package/dist/esm/ssr-client.js.map +1 -0
- package/dist/esm/tests/createIsomorphicFn.test-d.d.ts +1 -0
- package/dist/esm/tests/createServerFn.test-d.d.ts +1 -0
- package/dist/esm/tests/createServerMiddleware.test-d.d.ts +1 -0
- package/dist/esm/tests/envOnly.test-d.d.ts +1 -0
- package/dist/esm/tests/json.test.d.ts +1 -0
- package/dist/esm/tests/transformer.test.d.ts +1 -0
- package/dist/esm/useServerFn.d.ts +1 -0
- package/dist/esm/useServerFn.js +26 -0
- package/dist/esm/useServerFn.js.map +1 -0
- package/package.json +68 -0
- package/src/Meta.tsx +10 -0
- package/src/Scripts.tsx +8 -0
- package/src/StartClient.tsx +21 -0
- package/src/createIsomorphicFn.ts +36 -0
- package/src/createMiddleware.ts +517 -0
- package/src/createServerFn.ts +790 -0
- package/src/envOnly.ts +9 -0
- package/src/headers.ts +50 -0
- package/src/index.tsx +74 -0
- package/src/json.ts +15 -0
- package/src/registerGlobalMiddleware.ts +9 -0
- package/src/renderRSC.tsx +91 -0
- package/src/routesManifest.ts +0 -0
- package/src/serializer.ts +177 -0
- package/src/ssr-client.tsx +221 -0
- package/src/tests/createIsomorphicFn.test-d.ts +72 -0
- package/src/tests/createServerFn.test-d.tsx +390 -0
- package/src/tests/createServerMiddleware.test-d.ts +611 -0
- package/src/tests/envOnly.test-d.ts +34 -0
- package/src/tests/json.test.ts +37 -0
- package/src/tests/transformer.test.tsx +147 -0
- package/src/useServerFn.ts +30 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const createIsomorphicFn = require("./createIsomorphicFn.cjs");
|
|
4
|
+
const createServerFn = require("./createServerFn.cjs");
|
|
5
|
+
const createMiddleware = require("./createMiddleware.cjs");
|
|
6
|
+
const registerGlobalMiddleware = require("./registerGlobalMiddleware.cjs");
|
|
7
|
+
const envOnly = require("./envOnly.cjs");
|
|
8
|
+
const json = require("./json.cjs");
|
|
9
|
+
const Meta = require("./Meta.cjs");
|
|
10
|
+
const Scripts = require("./Scripts.cjs");
|
|
11
|
+
const StartClient = require("./StartClient.cjs");
|
|
12
|
+
const headers = require("./headers.cjs");
|
|
13
|
+
const renderRSC = require("./renderRSC.cjs");
|
|
14
|
+
const useServerFn = require("./useServerFn.cjs");
|
|
15
|
+
const serializer = require("./serializer.cjs");
|
|
16
|
+
exports.createIsomorphicFn = createIsomorphicFn.createIsomorphicFn;
|
|
17
|
+
exports.createServerFn = createServerFn.createServerFn;
|
|
18
|
+
exports.createMiddleware = createMiddleware.createMiddleware;
|
|
19
|
+
exports.globalMiddleware = registerGlobalMiddleware.globalMiddleware;
|
|
20
|
+
exports.registerGlobalMiddleware = registerGlobalMiddleware.registerGlobalMiddleware;
|
|
21
|
+
exports.clientOnly = envOnly.clientOnly;
|
|
22
|
+
exports.serverOnly = envOnly.serverOnly;
|
|
23
|
+
exports.json = json.json;
|
|
24
|
+
exports.Meta = Meta.Meta;
|
|
25
|
+
exports.Scripts = Scripts.Scripts;
|
|
26
|
+
exports.StartClient = StartClient.StartClient;
|
|
27
|
+
exports.mergeHeaders = headers.mergeHeaders;
|
|
28
|
+
exports.renderRsc = renderRSC.renderRsc;
|
|
29
|
+
exports.useServerFn = useServerFn.useServerFn;
|
|
30
|
+
exports.startSerializer = serializer.startSerializer;
|
|
31
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export { createIsomorphicFn, type IsomorphicFn, type ServerOnlyFn, type ClientOnlyFn, type IsomorphicFnBase, } from './createIsomorphicFn.cjs';
|
|
2
|
+
export { createServerFn, type JsonResponse, type ServerFn as FetchFn, type ServerFnCtx as FetchFnCtx, type CompiledFetcherFnOptions, type CompiledFetcherFn, type Fetcher, type RscStream, type FetcherData, type FetcherBaseOptions, type ServerFn, type ServerFnCtx, } from './createServerFn.cjs';
|
|
3
|
+
export { createMiddleware, type IntersectAllValidatorInputs, type IntersectAllValidatorOutputs, type MiddlewareServerFn, type AnyMiddleware, type MiddlewareOptions, type MiddlewareWithTypes, type MiddlewareValidator, type MiddlewareServer, type MiddlewareAfterClient, type MiddlewareAfterMiddleware, type MiddlewareAfterServer, type Middleware, type MiddlewareClientFnOptions, type MiddlewareClientFnResult, type MiddlewareClientNextFn, type ClientResultWithContext, type AssignAllClientContextBeforeNext, type AssignAllMiddleware, type AssignAllServerContext, type MiddlewareAfterValidator, type MiddlewareClientFn, type MiddlewareServerFnResult, type MiddlewareClient, type MiddlewareServerFnOptions, type MiddlewareServerNextFn, type ServerResultWithContext, } from './createMiddleware.cjs';
|
|
4
|
+
export { registerGlobalMiddleware, globalMiddleware, } from './registerGlobalMiddleware.cjs';
|
|
5
|
+
export { serverOnly, clientOnly } from './envOnly.cjs';
|
|
6
|
+
export { json } from './json.cjs';
|
|
7
|
+
export { Meta } from './Meta.cjs';
|
|
8
|
+
export { Scripts } from './Scripts.cjs';
|
|
9
|
+
export { StartClient } from './StartClient.cjs';
|
|
10
|
+
export { mergeHeaders } from './headers.cjs';
|
|
11
|
+
export { renderRsc } from './renderRSC.cjs';
|
|
12
|
+
export { useServerFn } from './useServerFn.cjs';
|
|
13
|
+
export { type DehydratedRouter, type ClientExtractedBaseEntry, type StartSsrGlobal, type ClientExtractedEntry, type SsrMatch, type ClientExtractedPromise, type ClientExtractedStream, type ResolvePromiseState, } from './ssr-client.cjs';
|
|
14
|
+
export { startSerializer } from './serializer.cjs';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const headers = require("./headers.cjs");
|
|
4
|
+
function json(payload, init) {
|
|
5
|
+
return new Response(JSON.stringify(payload), {
|
|
6
|
+
...init,
|
|
7
|
+
headers: headers.mergeHeaders(
|
|
8
|
+
{ "content-type": "application/json" },
|
|
9
|
+
init == null ? void 0 : init.headers
|
|
10
|
+
)
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
exports.json = json;
|
|
14
|
+
//# sourceMappingURL=json.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"json.cjs","sources":["../../src/json.ts"],"sourcesContent":["import { mergeHeaders } from './headers'\nimport type { JsonResponse } from './createServerFn'\n\nexport function json<TData>(\n payload: TData,\n init?: ResponseInit,\n): JsonResponse<TData> {\n return new Response(JSON.stringify(payload), {\n ...init,\n headers: mergeHeaders(\n { 'content-type': 'application/json' },\n init?.headers,\n ),\n })\n}\n"],"names":["mergeHeaders"],"mappings":";;;AAGgB,SAAA,KACd,SACA,MACqB;AACrB,SAAO,IAAI,SAAS,KAAK,UAAU,OAAO,GAAG;AAAA,IAC3C,GAAG;AAAA,IACH,SAASA,QAAA;AAAA,MACP,EAAE,gBAAgB,mBAAmB;AAAA,MACrC,6BAAM;AAAA,IAAA;AAAA,EACR,CACD;AACH;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const globalMiddleware = [];
|
|
4
|
+
function registerGlobalMiddleware(options) {
|
|
5
|
+
globalMiddleware.push(...options.middleware);
|
|
6
|
+
}
|
|
7
|
+
exports.globalMiddleware = globalMiddleware;
|
|
8
|
+
exports.registerGlobalMiddleware = registerGlobalMiddleware;
|
|
9
|
+
//# sourceMappingURL=registerGlobalMiddleware.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerGlobalMiddleware.cjs","sources":["../../src/registerGlobalMiddleware.ts"],"sourcesContent":["import type { AnyMiddleware } from './createMiddleware'\n\nexport const globalMiddleware: Array<AnyMiddleware> = []\n\nexport function registerGlobalMiddleware(options: {\n middleware: Array<AnyMiddleware>\n}) {\n globalMiddleware.push(...options.middleware)\n}\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAyC,CAAA;AAE/C,SAAS,yBAAyB,SAEtC;AACgB,mBAAA,KAAK,GAAG,QAAQ,UAAU;AAC7C;;;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const react = require("react");
|
|
4
|
+
const invariant = require("tiny-invariant");
|
|
5
|
+
function renderRsc(input) {
|
|
6
|
+
if (react.isValidElement(input)) {
|
|
7
|
+
return input;
|
|
8
|
+
}
|
|
9
|
+
if (typeof input === "object" && !input.state) {
|
|
10
|
+
input.state = {
|
|
11
|
+
status: "pending",
|
|
12
|
+
promise: Promise.resolve().then(() => {
|
|
13
|
+
invariant(false, "renderRSC() is coming soon!");
|
|
14
|
+
}).then((element) => {
|
|
15
|
+
input.state.value = element;
|
|
16
|
+
input.state.status = "success";
|
|
17
|
+
}).catch((err) => {
|
|
18
|
+
input.state.status = "error";
|
|
19
|
+
input.state.error = err;
|
|
20
|
+
})
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
if (input.state.status === "pending") {
|
|
24
|
+
throw input.state.promise;
|
|
25
|
+
}
|
|
26
|
+
return input.state.value;
|
|
27
|
+
}
|
|
28
|
+
exports.renderRsc = renderRsc;
|
|
29
|
+
//# sourceMappingURL=renderRSC.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderRSC.cjs","sources":["../../src/renderRSC.tsx"],"sourcesContent":["// TODO: RSCs\n// // @ts-expect-error\n// import * as reactDom from '@vinxi/react-server-dom/client'\nimport { isValidElement } from 'react'\nimport invariant from 'tiny-invariant'\nimport type React from 'react'\n\nexport function renderRsc(input: any): React.JSX.Element {\n if (isValidElement(input)) {\n return input\n }\n\n if (typeof input === 'object' && !input.state) {\n input.state = {\n status: 'pending',\n promise: Promise.resolve()\n .then(() => {\n let element\n\n // We're in node\n // TODO: RSCs\n // if (reactDom.createFromNodeStream) {\n // const stream = await import('node:stream')\n\n // let body: any = input\n\n // // Unwrap the response\n // if (input instanceof Response) {\n // body = input.body\n // }\n\n // // Convert ReadableStream to NodeJS stream.Readable\n // if (body instanceof ReadableStream) {\n // body = stream.Readable.fromWeb(body as any)\n // }\n\n // if (stream.Readable.isReadable(body)) {\n // // body = copyStreamToRaw(body)\n // } else if (input.text) {\n // // create a readable stream by awaiting the text method\n // body = new stream.Readable({\n // async read() {\n // input.text().then((value: any) => {\n // this.push(value)\n // this.push(null)\n // })\n // },\n // })\n // } else {\n // console.error('input', input)\n // throw new Error('Unexpected rsc input type 👆')\n // }\n\n // element = await reactDom.createFromNodeStream(body)\n // } else {\n // // We're in the browser\n // if (input.body instanceof ReadableStream) {\n // input = input.body\n // }\n\n // if (input instanceof ReadableStream) {\n // element = await reactDom.createFromReadableStream(input)\n // }\n\n // if (input instanceof Response) {\n // // copy to the response body to cache the raw data\n // element = await reactDom.createFromFetch(input)\n // }\n // }\n\n // return element\n\n invariant(false, 'renderRSC() is coming soon!')\n })\n .then((element) => {\n input.state.value = element\n input.state.status = 'success'\n })\n .catch((err) => {\n input.state.status = 'error'\n input.state.error = err\n }),\n }\n }\n\n if (input.state.status === 'pending') {\n throw input.state.promise\n }\n\n return input.state.value\n}\n"],"names":["isValidElement"],"mappings":";;;;AAOO,SAAS,UAAU,OAA+B;AACnD,MAAAA,MAAAA,eAAe,KAAK,GAAG;AAClB,WAAA;AAAA,EAAA;AAGT,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO;AAC7C,UAAM,QAAQ;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS,QAAQ,QAAQ,EACtB,KAAK,MAAM;AAwDV,kBAAU,OAAO,6BAA6B;AAAA,MAAA,CAC/C,EACA,KAAK,CAAC,YAAY;AACjB,cAAM,MAAM,QAAQ;AACpB,cAAM,MAAM,SAAS;AAAA,MAAA,CACtB,EACA,MAAM,CAAC,QAAQ;AACd,cAAM,MAAM,SAAS;AACrB,cAAM,MAAM,QAAQ;AAAA,MACrB,CAAA;AAAA,IACL;AAAA,EAAA;AAGE,MAAA,MAAM,MAAM,WAAW,WAAW;AACpC,UAAM,MAAM,MAAM;AAAA,EAAA;AAGpB,SAAO,MAAM,MAAM;AACrB;;"}
|
|
File without changes
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const routerCore = require("@tanstack/router-core");
|
|
4
|
+
const startSerializer = {
|
|
5
|
+
stringify: (value) => JSON.stringify(value, function replacer(key, val) {
|
|
6
|
+
const ogVal = this[key];
|
|
7
|
+
const serializer = serializers.find((t) => t.stringifyCondition(ogVal));
|
|
8
|
+
if (serializer) {
|
|
9
|
+
return serializer.stringify(ogVal);
|
|
10
|
+
}
|
|
11
|
+
return val;
|
|
12
|
+
}),
|
|
13
|
+
parse: (value) => JSON.parse(value, function parser(key, val) {
|
|
14
|
+
const ogVal = this[key];
|
|
15
|
+
if (routerCore.isPlainObject(ogVal)) {
|
|
16
|
+
const serializer = serializers.find((t) => t.parseCondition(ogVal));
|
|
17
|
+
if (serializer) {
|
|
18
|
+
return serializer.parse(ogVal);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return val;
|
|
22
|
+
}),
|
|
23
|
+
encode: (value) => {
|
|
24
|
+
if (Array.isArray(value)) {
|
|
25
|
+
return value.map((v) => startSerializer.encode(v));
|
|
26
|
+
}
|
|
27
|
+
if (routerCore.isPlainObject(value)) {
|
|
28
|
+
return Object.fromEntries(
|
|
29
|
+
Object.entries(value).map(([key, v]) => [
|
|
30
|
+
key,
|
|
31
|
+
startSerializer.encode(v)
|
|
32
|
+
])
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
const serializer = serializers.find((t) => t.stringifyCondition(value));
|
|
36
|
+
if (serializer) {
|
|
37
|
+
return serializer.stringify(value);
|
|
38
|
+
}
|
|
39
|
+
return value;
|
|
40
|
+
},
|
|
41
|
+
decode: (value) => {
|
|
42
|
+
if (routerCore.isPlainObject(value)) {
|
|
43
|
+
const serializer = serializers.find((t) => t.parseCondition(value));
|
|
44
|
+
if (serializer) {
|
|
45
|
+
return serializer.parse(value);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
if (Array.isArray(value)) {
|
|
49
|
+
return value.map((v) => startSerializer.decode(v));
|
|
50
|
+
}
|
|
51
|
+
if (routerCore.isPlainObject(value)) {
|
|
52
|
+
return Object.fromEntries(
|
|
53
|
+
Object.entries(value).map(([key, v]) => [
|
|
54
|
+
key,
|
|
55
|
+
startSerializer.decode(v)
|
|
56
|
+
])
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
return value;
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
const createSerializer = (key, check, toValue, fromValue) => ({
|
|
63
|
+
key,
|
|
64
|
+
stringifyCondition: check,
|
|
65
|
+
stringify: (value) => ({ [`$${key}`]: toValue(value) }),
|
|
66
|
+
parseCondition: (value) => Object.hasOwn(value, `$${key}`),
|
|
67
|
+
parse: (value) => fromValue(value[`$${key}`])
|
|
68
|
+
});
|
|
69
|
+
const serializers = [
|
|
70
|
+
createSerializer(
|
|
71
|
+
// Key
|
|
72
|
+
"undefined",
|
|
73
|
+
// Check
|
|
74
|
+
(v) => v === void 0,
|
|
75
|
+
// To
|
|
76
|
+
() => 0,
|
|
77
|
+
// From
|
|
78
|
+
() => void 0
|
|
79
|
+
),
|
|
80
|
+
createSerializer(
|
|
81
|
+
// Key
|
|
82
|
+
"date",
|
|
83
|
+
// Check
|
|
84
|
+
(v) => v instanceof Date,
|
|
85
|
+
// To
|
|
86
|
+
(v) => v.toISOString(),
|
|
87
|
+
// From
|
|
88
|
+
(v) => new Date(v)
|
|
89
|
+
),
|
|
90
|
+
createSerializer(
|
|
91
|
+
// Key
|
|
92
|
+
"error",
|
|
93
|
+
// Check
|
|
94
|
+
(v) => v instanceof Error,
|
|
95
|
+
// To
|
|
96
|
+
(v) => ({
|
|
97
|
+
...v,
|
|
98
|
+
message: v.message,
|
|
99
|
+
stack: process.env.NODE_ENV === "development" ? v.stack : void 0,
|
|
100
|
+
cause: v.cause
|
|
101
|
+
}),
|
|
102
|
+
// From
|
|
103
|
+
(v) => Object.assign(new Error(v.message), v)
|
|
104
|
+
),
|
|
105
|
+
createSerializer(
|
|
106
|
+
// Key
|
|
107
|
+
"formData",
|
|
108
|
+
// Check
|
|
109
|
+
(v) => v instanceof FormData,
|
|
110
|
+
// To
|
|
111
|
+
(v) => {
|
|
112
|
+
const entries = {};
|
|
113
|
+
v.forEach((value, key) => {
|
|
114
|
+
const entry = entries[key];
|
|
115
|
+
if (entry !== void 0) {
|
|
116
|
+
if (Array.isArray(entry)) {
|
|
117
|
+
entry.push(value);
|
|
118
|
+
} else {
|
|
119
|
+
entries[key] = [entry, value];
|
|
120
|
+
}
|
|
121
|
+
} else {
|
|
122
|
+
entries[key] = value;
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
return entries;
|
|
126
|
+
},
|
|
127
|
+
// From
|
|
128
|
+
(v) => {
|
|
129
|
+
const formData = new FormData();
|
|
130
|
+
Object.entries(v).forEach(([key, value]) => {
|
|
131
|
+
if (Array.isArray(value)) {
|
|
132
|
+
value.forEach((val) => formData.append(key, val));
|
|
133
|
+
} else {
|
|
134
|
+
formData.append(key, value);
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
return formData;
|
|
138
|
+
}
|
|
139
|
+
),
|
|
140
|
+
createSerializer(
|
|
141
|
+
// Key
|
|
142
|
+
"bigint",
|
|
143
|
+
// Check
|
|
144
|
+
(v) => typeof v === "bigint",
|
|
145
|
+
// To
|
|
146
|
+
(v) => v.toString(),
|
|
147
|
+
// From
|
|
148
|
+
(v) => BigInt(v)
|
|
149
|
+
)
|
|
150
|
+
];
|
|
151
|
+
exports.startSerializer = startSerializer;
|
|
152
|
+
//# sourceMappingURL=serializer.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"serializer.cjs","sources":["../../src/serializer.ts"],"sourcesContent":["import { isPlainObject } from '@tanstack/router-core'\nimport type { StartSerializer } from '@tanstack/router-core'\n\nexport const startSerializer: StartSerializer = {\n stringify: (value: any) =>\n JSON.stringify(value, function replacer(key, val) {\n const ogVal = this[key]\n const serializer = serializers.find((t) => t.stringifyCondition(ogVal))\n\n if (serializer) {\n return serializer.stringify(ogVal)\n }\n\n return val\n }),\n parse: (value: string) =>\n JSON.parse(value, function parser(key, val) {\n const ogVal = this[key]\n if (isPlainObject(ogVal)) {\n const serializer = serializers.find((t) => t.parseCondition(ogVal))\n\n if (serializer) {\n return serializer.parse(ogVal)\n }\n }\n\n return val\n }),\n encode: (value: any) => {\n // When encoding, dive first\n if (Array.isArray(value)) {\n return value.map((v) => startSerializer.encode(v))\n }\n\n if (isPlainObject(value)) {\n return Object.fromEntries(\n Object.entries(value).map(([key, v]) => [\n key,\n startSerializer.encode(v),\n ]),\n )\n }\n\n const serializer = serializers.find((t) => t.stringifyCondition(value))\n if (serializer) {\n return serializer.stringify(value)\n }\n\n return value\n },\n decode: (value: any) => {\n // Attempt transform first\n if (isPlainObject(value)) {\n const serializer = serializers.find((t) => t.parseCondition(value))\n if (serializer) {\n return serializer.parse(value)\n }\n }\n\n if (Array.isArray(value)) {\n return value.map((v) => startSerializer.decode(v))\n }\n\n if (isPlainObject(value)) {\n return Object.fromEntries(\n Object.entries(value).map(([key, v]) => [\n key,\n startSerializer.decode(v),\n ]),\n )\n }\n\n return value\n },\n}\n\nconst createSerializer = <TKey extends string, TInput, TSerialized>(\n key: TKey,\n check: (value: any) => value is TInput,\n toValue: (value: TInput) => TSerialized,\n fromValue: (value: TSerialized) => TInput,\n) => ({\n key,\n stringifyCondition: check,\n stringify: (value: any) => ({ [`$${key}`]: toValue(value) }),\n parseCondition: (value: any) => Object.hasOwn(value, `$${key}`),\n parse: (value: any) => fromValue(value[`$${key}`]),\n})\n\n// Keep these ordered by predicted frequency\n// Make sure to keep DefaultSerializable in sync with these serializers\n// Also, make sure that they are unit tested in serializer.test.tsx\nconst serializers = [\n createSerializer(\n // Key\n 'undefined',\n // Check\n (v): v is undefined => v === undefined,\n // To\n () => 0,\n // From\n () => undefined,\n ),\n createSerializer(\n // Key\n 'date',\n // Check\n (v): v is Date => v instanceof Date,\n // To\n (v) => v.toISOString(),\n // From\n (v) => new Date(v),\n ),\n createSerializer(\n // Key\n 'error',\n // Check\n (v): v is Error => v instanceof Error,\n // To\n (v) => ({\n ...v,\n message: v.message,\n stack: process.env.NODE_ENV === 'development' ? v.stack : undefined,\n cause: v.cause,\n }),\n // From\n (v) => Object.assign(new Error(v.message), v),\n ),\n createSerializer(\n // Key\n 'formData',\n // Check\n (v): v is FormData => v instanceof FormData,\n // To\n (v) => {\n const entries: Record<\n string,\n Array<FormDataEntryValue> | FormDataEntryValue\n > = {}\n v.forEach((value, key) => {\n const entry = entries[key]\n if (entry !== undefined) {\n if (Array.isArray(entry)) {\n entry.push(value)\n } else {\n entries[key] = [entry, value]\n }\n } else {\n entries[key] = value\n }\n })\n return entries\n },\n // From\n (v) => {\n const formData = new FormData()\n Object.entries(v).forEach(([key, value]) => {\n if (Array.isArray(value)) {\n value.forEach((val) => formData.append(key, val))\n } else {\n formData.append(key, value)\n }\n })\n return formData\n },\n ),\n createSerializer(\n // Key\n 'bigint',\n // Check\n (v): v is bigint => typeof v === 'bigint',\n // To\n (v) => v.toString(),\n // From\n (v) => BigInt(v),\n ),\n] as const\n"],"names":["isPlainObject"],"mappings":"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"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const routerCore = require("@tanstack/router-core");
|
|
4
|
+
const invariant = require("tiny-invariant");
|
|
5
|
+
const serializer = require("./serializer.cjs");
|
|
6
|
+
function hydrate(router) {
|
|
7
|
+
var _a, _b, _c;
|
|
8
|
+
invariant(
|
|
9
|
+
(_a = window.__TSR_SSR__) == null ? void 0 : _a.dehydrated,
|
|
10
|
+
"Expected to find a dehydrated data on window.__TSR_SSR__.dehydrated... but we did not. Please file an issue!"
|
|
11
|
+
);
|
|
12
|
+
const { manifest, dehydratedData } = serializer.startSerializer.parse(
|
|
13
|
+
window.__TSR_SSR__.dehydrated
|
|
14
|
+
);
|
|
15
|
+
router.ssr = {
|
|
16
|
+
manifest,
|
|
17
|
+
serializer: serializer.startSerializer
|
|
18
|
+
};
|
|
19
|
+
router.clientSsr = {
|
|
20
|
+
getStreamedValue: (key) => {
|
|
21
|
+
var _a2;
|
|
22
|
+
if (router.isServer) {
|
|
23
|
+
return void 0;
|
|
24
|
+
}
|
|
25
|
+
const streamedValue = (_a2 = window.__TSR_SSR__) == null ? void 0 : _a2.streamedValues[key];
|
|
26
|
+
if (!streamedValue) {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
if (!streamedValue.parsed) {
|
|
30
|
+
streamedValue.parsed = router.ssr.serializer.parse(streamedValue.value);
|
|
31
|
+
}
|
|
32
|
+
return streamedValue.parsed;
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
const matches = router.matchRoutes(router.state.location);
|
|
36
|
+
const routeChunkPromise = Promise.all(
|
|
37
|
+
matches.map((match) => {
|
|
38
|
+
const route = router.looseRoutesById[match.routeId];
|
|
39
|
+
return router.loadRouteChunk(route);
|
|
40
|
+
})
|
|
41
|
+
);
|
|
42
|
+
matches.forEach((match) => {
|
|
43
|
+
var _a2, _b2, _c2, _d, _e;
|
|
44
|
+
const route = router.looseRoutesById[match.routeId];
|
|
45
|
+
const dehydratedMatch = window.__TSR_SSR__.matches.find(
|
|
46
|
+
(d) => d.id === match.id
|
|
47
|
+
);
|
|
48
|
+
if (dehydratedMatch) {
|
|
49
|
+
Object.assign(match, dehydratedMatch);
|
|
50
|
+
const parentMatch = matches[match.index - 1];
|
|
51
|
+
const parentContext = (parentMatch == null ? void 0 : parentMatch.context) ?? router.options.context ?? {};
|
|
52
|
+
if (dehydratedMatch.__beforeLoadContext) {
|
|
53
|
+
match.__beforeLoadContext = router.ssr.serializer.parse(
|
|
54
|
+
dehydratedMatch.__beforeLoadContext
|
|
55
|
+
);
|
|
56
|
+
match.context = {
|
|
57
|
+
...parentContext,
|
|
58
|
+
...match.__routeContext,
|
|
59
|
+
...match.__beforeLoadContext
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
if (dehydratedMatch.loaderData) {
|
|
63
|
+
match.loaderData = router.ssr.serializer.parse(
|
|
64
|
+
dehydratedMatch.loaderData
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
if (dehydratedMatch.error) {
|
|
68
|
+
match.error = router.ssr.serializer.parse(dehydratedMatch.error);
|
|
69
|
+
}
|
|
70
|
+
(_a2 = match.extracted) == null ? void 0 : _a2.forEach((ex) => {
|
|
71
|
+
deepMutableSetByPath(match, ["loaderData", ...ex.path], ex.value);
|
|
72
|
+
});
|
|
73
|
+
} else {
|
|
74
|
+
Object.assign(match, {
|
|
75
|
+
status: "success",
|
|
76
|
+
updatedAt: Date.now()
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
const assetContext = {
|
|
80
|
+
matches: router.state.matches,
|
|
81
|
+
match,
|
|
82
|
+
params: match.params,
|
|
83
|
+
loaderData: match.loaderData
|
|
84
|
+
};
|
|
85
|
+
const headFnContent = (_c2 = (_b2 = route.options).head) == null ? void 0 : _c2.call(_b2, assetContext);
|
|
86
|
+
const scripts = (_e = (_d = route.options).scripts) == null ? void 0 : _e.call(_d, assetContext);
|
|
87
|
+
match.meta = headFnContent == null ? void 0 : headFnContent.meta;
|
|
88
|
+
match.links = headFnContent == null ? void 0 : headFnContent.links;
|
|
89
|
+
match.headScripts = headFnContent == null ? void 0 : headFnContent.scripts;
|
|
90
|
+
match.scripts = scripts;
|
|
91
|
+
return match;
|
|
92
|
+
});
|
|
93
|
+
router.__store.setState((s) => {
|
|
94
|
+
return {
|
|
95
|
+
...s,
|
|
96
|
+
matches
|
|
97
|
+
};
|
|
98
|
+
});
|
|
99
|
+
(_c = (_b = router.options).hydrate) == null ? void 0 : _c.call(_b, dehydratedData);
|
|
100
|
+
return routeChunkPromise;
|
|
101
|
+
}
|
|
102
|
+
function deepMutableSetByPath(obj, path, value) {
|
|
103
|
+
if (path.length === 1) {
|
|
104
|
+
obj[path[0]] = value;
|
|
105
|
+
}
|
|
106
|
+
const [key, ...rest] = path;
|
|
107
|
+
if (Array.isArray(obj)) {
|
|
108
|
+
deepMutableSetByPath(obj[Number(key)], rest, value);
|
|
109
|
+
} else if (routerCore.isPlainObject(obj)) {
|
|
110
|
+
deepMutableSetByPath(obj[key], rest, value);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
exports.hydrate = hydrate;
|
|
114
|
+
//# sourceMappingURL=ssr-client.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ssr-client.cjs","sources":["../../src/ssr-client.tsx"],"sourcesContent":["import { isPlainObject } from '@tanstack/router-core'\n\nimport invariant from 'tiny-invariant'\n\nimport { startSerializer } from './serializer'\nimport type {\n AnyRouter,\n ControllablePromise,\n MakeRouteMatch,\n} from '@tanstack/react-router'\n\nimport type { DeferredPromiseState, Manifest } from '@tanstack/router-core'\n\ndeclare global {\n interface Window {\n __TSR_SSR__?: StartSsrGlobal\n }\n}\n\nexport interface StartSsrGlobal {\n matches: Array<SsrMatch>\n streamedValues: Record<\n string,\n {\n value: any\n parsed: any\n }\n >\n cleanScripts: () => void\n dehydrated?: any\n initMatch: (match: SsrMatch) => void\n resolvePromise: (opts: {\n matchId: string\n id: number\n promiseState: DeferredPromiseState<any>\n }) => void\n injectChunk: (opts: { matchId: string; id: number; chunk: string }) => void\n closeStream: (opts: { matchId: string; id: number }) => void\n}\n\nexport interface SsrMatch {\n id: string\n __beforeLoadContext: string\n loaderData?: string\n error?: string\n extracted?: Array<ClientExtractedEntry>\n updatedAt: MakeRouteMatch['updatedAt']\n status: MakeRouteMatch['status']\n}\n\nexport type ClientExtractedEntry =\n | ClientExtractedStream\n | ClientExtractedPromise\n\nexport interface ClientExtractedPromise extends ClientExtractedBaseEntry {\n type: 'promise'\n value?: ControllablePromise<any>\n}\n\nexport interface ClientExtractedStream extends ClientExtractedBaseEntry {\n type: 'stream'\n value?: ReadableStream & { controller?: ReadableStreamDefaultController }\n}\n\nexport interface ClientExtractedBaseEntry {\n type: string\n path: Array<string>\n}\n\nexport interface ResolvePromiseState {\n matchId: string\n id: number\n promiseState: DeferredPromiseState<any>\n}\n\nexport interface DehydratedRouter {\n manifest: Manifest | undefined\n dehydratedData: any\n}\n\nexport function hydrate(router: AnyRouter) {\n invariant(\n window.__TSR_SSR__?.dehydrated,\n 'Expected to find a dehydrated data on window.__TSR_SSR__.dehydrated... but we did not. Please file an issue!',\n )\n\n const { manifest, dehydratedData } = startSerializer.parse(\n window.__TSR_SSR__.dehydrated,\n ) as DehydratedRouter\n\n router.ssr = {\n manifest,\n serializer: startSerializer,\n }\n\n router.clientSsr = {\n getStreamedValue: <T,>(key: string): T | undefined => {\n if (router.isServer) {\n return undefined\n }\n\n const streamedValue = window.__TSR_SSR__?.streamedValues[key]\n\n if (!streamedValue) {\n return\n }\n\n if (!streamedValue.parsed) {\n streamedValue.parsed = router.ssr!.serializer.parse(streamedValue.value)\n }\n\n return streamedValue.parsed\n },\n }\n\n // Hydrate the router state\n const matches = router.matchRoutes(router.state.location)\n // kick off loading the route chunks\n const routeChunkPromise = Promise.all(\n matches.map((match) => {\n const route = router.looseRoutesById[match.routeId]!\n return router.loadRouteChunk(route)\n }),\n )\n matches.forEach((match) => {\n const route = router.looseRoutesById[match.routeId]!\n\n // Right after hydration and before the first render, we need to rehydrate each match\n // This includes rehydrating the loaderData and also using the beforeLoadContext\n // to reconstruct any context that was serialized on the server\n\n const dehydratedMatch = window.__TSR_SSR__!.matches.find(\n (d) => d.id === match.id,\n )\n\n if (dehydratedMatch) {\n Object.assign(match, dehydratedMatch)\n\n const parentMatch = matches[match.index - 1]\n const parentContext = parentMatch?.context ?? router.options.context ?? {}\n\n // Handle beforeLoadContext\n if (dehydratedMatch.__beforeLoadContext) {\n match.__beforeLoadContext = router.ssr!.serializer.parse(\n dehydratedMatch.__beforeLoadContext,\n ) as any\n\n match.context = {\n ...parentContext,\n ...match.__routeContext,\n ...match.__beforeLoadContext,\n }\n }\n\n // Handle loaderData\n if (dehydratedMatch.loaderData) {\n match.loaderData = router.ssr!.serializer.parse(\n dehydratedMatch.loaderData,\n )\n }\n\n // Handle error\n if (dehydratedMatch.error) {\n match.error = router.ssr!.serializer.parse(dehydratedMatch.error)\n }\n\n // Handle extracted\n ;(match as unknown as SsrMatch).extracted?.forEach((ex) => {\n deepMutableSetByPath(match, ['loaderData', ...ex.path], ex.value)\n })\n } else {\n Object.assign(match, {\n status: 'success',\n updatedAt: Date.now(),\n })\n }\n\n const assetContext = {\n matches: router.state.matches,\n match,\n params: match.params,\n loaderData: match.loaderData,\n }\n const headFnContent = route.options.head?.(assetContext)\n\n const scripts = route.options.scripts?.(assetContext)\n\n match.meta = headFnContent?.meta\n match.links = headFnContent?.links\n match.headScripts = headFnContent?.scripts\n match.scripts = scripts\n\n return match\n })\n\n router.__store.setState((s) => {\n return {\n ...s,\n matches,\n }\n })\n\n // Allow the user to handle custom hydration data\n router.options.hydrate?.(dehydratedData)\n return routeChunkPromise\n}\n\nfunction deepMutableSetByPath<T>(obj: T, path: Array<string>, value: any) {\n // mutable set by path retaining array and object references\n if (path.length === 1) {\n ;(obj as any)[path[0]!] = value\n }\n\n const [key, ...rest] = path\n\n if (Array.isArray(obj)) {\n deepMutableSetByPath(obj[Number(key)], rest, value)\n } else if (isPlainObject(obj)) {\n deepMutableSetByPath((obj as any)[key!], rest, value)\n }\n}\n"],"names":["startSerializer","_a","_c","_b","isPlainObject"],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { AnyRouter, ControllablePromise, MakeRouteMatch } from '@tanstack/react-router';
|
|
2
|
+
import { DeferredPromiseState, Manifest } from '@tanstack/router-core';
|
|
3
|
+
declare global {
|
|
4
|
+
interface Window {
|
|
5
|
+
__TSR_SSR__?: StartSsrGlobal;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export interface StartSsrGlobal {
|
|
9
|
+
matches: Array<SsrMatch>;
|
|
10
|
+
streamedValues: Record<string, {
|
|
11
|
+
value: any;
|
|
12
|
+
parsed: any;
|
|
13
|
+
}>;
|
|
14
|
+
cleanScripts: () => void;
|
|
15
|
+
dehydrated?: any;
|
|
16
|
+
initMatch: (match: SsrMatch) => void;
|
|
17
|
+
resolvePromise: (opts: {
|
|
18
|
+
matchId: string;
|
|
19
|
+
id: number;
|
|
20
|
+
promiseState: DeferredPromiseState<any>;
|
|
21
|
+
}) => void;
|
|
22
|
+
injectChunk: (opts: {
|
|
23
|
+
matchId: string;
|
|
24
|
+
id: number;
|
|
25
|
+
chunk: string;
|
|
26
|
+
}) => void;
|
|
27
|
+
closeStream: (opts: {
|
|
28
|
+
matchId: string;
|
|
29
|
+
id: number;
|
|
30
|
+
}) => void;
|
|
31
|
+
}
|
|
32
|
+
export interface SsrMatch {
|
|
33
|
+
id: string;
|
|
34
|
+
__beforeLoadContext: string;
|
|
35
|
+
loaderData?: string;
|
|
36
|
+
error?: string;
|
|
37
|
+
extracted?: Array<ClientExtractedEntry>;
|
|
38
|
+
updatedAt: MakeRouteMatch['updatedAt'];
|
|
39
|
+
status: MakeRouteMatch['status'];
|
|
40
|
+
}
|
|
41
|
+
export type ClientExtractedEntry = ClientExtractedStream | ClientExtractedPromise;
|
|
42
|
+
export interface ClientExtractedPromise extends ClientExtractedBaseEntry {
|
|
43
|
+
type: 'promise';
|
|
44
|
+
value?: ControllablePromise<any>;
|
|
45
|
+
}
|
|
46
|
+
export interface ClientExtractedStream extends ClientExtractedBaseEntry {
|
|
47
|
+
type: 'stream';
|
|
48
|
+
value?: ReadableStream & {
|
|
49
|
+
controller?: ReadableStreamDefaultController;
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
export interface ClientExtractedBaseEntry {
|
|
53
|
+
type: string;
|
|
54
|
+
path: Array<string>;
|
|
55
|
+
}
|
|
56
|
+
export interface ResolvePromiseState {
|
|
57
|
+
matchId: string;
|
|
58
|
+
id: number;
|
|
59
|
+
promiseState: DeferredPromiseState<any>;
|
|
60
|
+
}
|
|
61
|
+
export interface DehydratedRouter {
|
|
62
|
+
manifest: Manifest | undefined;
|
|
63
|
+
dehydratedData: any;
|
|
64
|
+
}
|
|
65
|
+
export declare function hydrate(router: AnyRouter): Promise<void[][]>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const reactRouter = require("@tanstack/react-router");
|
|
4
|
+
function useServerFn(serverFn) {
|
|
5
|
+
const router = reactRouter.useRouter();
|
|
6
|
+
return async (...args) => {
|
|
7
|
+
try {
|
|
8
|
+
const res = await serverFn(...args);
|
|
9
|
+
if (reactRouter.isRedirect(res)) {
|
|
10
|
+
throw res;
|
|
11
|
+
}
|
|
12
|
+
return res;
|
|
13
|
+
} catch (err) {
|
|
14
|
+
if (reactRouter.isRedirect(err)) {
|
|
15
|
+
const resolvedRedirect = router.resolveRedirect({
|
|
16
|
+
...err,
|
|
17
|
+
_fromLocation: router.state.location
|
|
18
|
+
});
|
|
19
|
+
return router.navigate(resolvedRedirect);
|
|
20
|
+
}
|
|
21
|
+
throw err;
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
exports.useServerFn = useServerFn;
|
|
26
|
+
//# sourceMappingURL=useServerFn.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useServerFn.cjs","sources":["../../src/useServerFn.ts"],"sourcesContent":["import { isRedirect, useRouter } from '@tanstack/react-router'\n\nexport function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(\n serverFn: T,\n): (...args: Parameters<T>) => ReturnType<T> {\n const router = useRouter()\n\n return (async (...args: Array<any>) => {\n try {\n const res = await serverFn(...args)\n\n if (isRedirect(res)) {\n throw res\n }\n\n return res\n } catch (err) {\n if (isRedirect(err)) {\n const resolvedRedirect = router.resolveRedirect({\n ...err,\n _fromLocation: router.state.location,\n })\n\n return router.navigate(resolvedRedirect)\n }\n\n throw err\n }\n }) as any\n}\n"],"names":["useRouter","isRedirect"],"mappings":";;;AAEO,SAAS,YACd,UAC2C;AAC3C,QAAM,SAASA,YAAAA,UAAU;AAEzB,SAAQ,UAAU,SAAqB;AACjC,QAAA;AACF,YAAM,MAAM,MAAM,SAAS,GAAG,IAAI;AAE9B,UAAAC,YAAAA,WAAW,GAAG,GAAG;AACb,cAAA;AAAA,MAAA;AAGD,aAAA;AAAA,aACA,KAAK;AACR,UAAAA,YAAAA,WAAW,GAAG,GAAG;AACb,cAAA,mBAAmB,OAAO,gBAAgB;AAAA,UAC9C,GAAG;AAAA,UACH,eAAe,OAAO,MAAM;AAAA,QAAA,CAC7B;AAEM,eAAA,OAAO,SAAS,gBAAgB;AAAA,MAAA;AAGnC,YAAA;AAAA,IAAA;AAAA,EAEV;AACF;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useServerFn<T extends (...deps: Array<any>) => Promise<any>>(serverFn: T): (...args: Parameters<T>) => ReturnType<T>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Meta: () => import("react/jsx-runtime").JSX.Element;
|
package/dist/esm/Meta.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { HeadContent } from "@tanstack/react-router";
|
|
3
|
+
const Meta = () => {
|
|
4
|
+
if (process.env.NODE_ENV === "development") {
|
|
5
|
+
console.warn(
|
|
6
|
+
"The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead."
|
|
7
|
+
);
|
|
8
|
+
}
|
|
9
|
+
return /* @__PURE__ */ jsx(HeadContent, {});
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
Meta
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=Meta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Meta.js","sources":["../../src/Meta.tsx"],"sourcesContent":["import { HeadContent } from '@tanstack/react-router'\n\nexport const Meta = () => {\n if (process.env.NODE_ENV === 'development') {\n console.warn(\n 'The Meta component is deprecated. Use `HeadContent` from `@tanstack/react-router` instead.',\n )\n }\n return <HeadContent />\n}\n"],"names":[],"mappings":";;AAEO,MAAM,OAAO,MAAM;AACpB,MAAA,QAAQ,IAAI,aAAa,eAAe;AAClC,YAAA;AAAA,MACN;AAAA,IACF;AAAA,EAAA;AAEF,6BAAQ,aAAY,EAAA;AACtB;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Scripts: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Scripts as Scripts$1 } from "@tanstack/react-router";
|
|
3
|
+
const Scripts = () => {
|
|
4
|
+
if (process.env.NODE_ENV === "development") {
|
|
5
|
+
console.warn("The Scripts component was moved to `@tanstack/react-router`");
|
|
6
|
+
}
|
|
7
|
+
return /* @__PURE__ */ jsx(Scripts$1, {});
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
Scripts
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=Scripts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scripts.js","sources":["../../src/Scripts.tsx"],"sourcesContent":["import { Scripts as RouterScripts } from '@tanstack/react-router'\n\nexport const Scripts = () => {\n if (process.env.NODE_ENV === 'development') {\n console.warn('The Scripts component was moved to `@tanstack/react-router`')\n }\n return <RouterScripts />\n}\n"],"names":["RouterScripts"],"mappings":";;AAEO,MAAM,UAAU,MAAM;AACvB,MAAA,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAQ,KAAK,6DAA6D;AAAA,EAAA;AAE5E,6BAAQA,WAAc,EAAA;AACxB;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Await, RouterProvider } from "@tanstack/react-router";
|
|
3
|
+
import { hydrate } from "./ssr-client.js";
|
|
4
|
+
let hydrationPromise;
|
|
5
|
+
function StartClient(props) {
|
|
6
|
+
if (!hydrationPromise) {
|
|
7
|
+
if (!props.router.state.matches.length) {
|
|
8
|
+
hydrationPromise = hydrate(props.router);
|
|
9
|
+
} else {
|
|
10
|
+
hydrationPromise = Promise.resolve();
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
Await,
|
|
15
|
+
{
|
|
16
|
+
promise: hydrationPromise,
|
|
17
|
+
children: () => /* @__PURE__ */ jsx(RouterProvider, { router: props.router })
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
export {
|
|
22
|
+
StartClient
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=StartClient.js.map
|