@tanstack/start-client-core 1.121.20 → 1.121.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/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 +37 -0
- package/dist/cjs/createMiddleware.cjs.map +1 -0
- package/dist/cjs/createMiddleware.d.cts +175 -0
- package/dist/cjs/createServerFn.cjs +378 -0
- package/dist/cjs/createServerFn.cjs.map +1 -0
- package/dist/cjs/createServerFn.d.cts +159 -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 +33 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/index.d.cts +11 -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/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 +131 -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/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 +175 -0
- package/dist/esm/createMiddleware.js +37 -0
- package/dist/esm/createMiddleware.js.map +1 -0
- package/dist/esm/createServerFn.d.ts +159 -0
- package/dist/esm/createServerFn.js +356 -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 +11 -0
- package/dist/esm/index.js +30 -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/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 +131 -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/package.json +2 -2
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { isPlainObject } from "@tanstack/router-core";
|
|
2
|
+
const startSerializer = {
|
|
3
|
+
stringify: (value) => JSON.stringify(value, function replacer(key, val) {
|
|
4
|
+
const ogVal = this[key];
|
|
5
|
+
const serializer = serializers.find((t) => t.stringifyCondition(ogVal));
|
|
6
|
+
if (serializer) {
|
|
7
|
+
return serializer.stringify(ogVal);
|
|
8
|
+
}
|
|
9
|
+
return val;
|
|
10
|
+
}),
|
|
11
|
+
parse: (value) => JSON.parse(value, function parser(key, val) {
|
|
12
|
+
const ogVal = this[key];
|
|
13
|
+
if (isPlainObject(ogVal)) {
|
|
14
|
+
const serializer = serializers.find((t) => t.parseCondition(ogVal));
|
|
15
|
+
if (serializer) {
|
|
16
|
+
return serializer.parse(ogVal);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return val;
|
|
20
|
+
}),
|
|
21
|
+
encode: (value) => {
|
|
22
|
+
if (Array.isArray(value)) {
|
|
23
|
+
return value.map((v) => startSerializer.encode(v));
|
|
24
|
+
}
|
|
25
|
+
if (isPlainObject(value)) {
|
|
26
|
+
return Object.fromEntries(
|
|
27
|
+
Object.entries(value).map(([key, v]) => [
|
|
28
|
+
key,
|
|
29
|
+
startSerializer.encode(v)
|
|
30
|
+
])
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
const serializer = serializers.find((t) => t.stringifyCondition(value));
|
|
34
|
+
if (serializer) {
|
|
35
|
+
return serializer.stringify(value);
|
|
36
|
+
}
|
|
37
|
+
return value;
|
|
38
|
+
},
|
|
39
|
+
decode: (value) => {
|
|
40
|
+
if (isPlainObject(value)) {
|
|
41
|
+
const serializer = serializers.find((t) => t.parseCondition(value));
|
|
42
|
+
if (serializer) {
|
|
43
|
+
return serializer.parse(value);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
if (Array.isArray(value)) {
|
|
47
|
+
return value.map((v) => startSerializer.decode(v));
|
|
48
|
+
}
|
|
49
|
+
if (isPlainObject(value)) {
|
|
50
|
+
return Object.fromEntries(
|
|
51
|
+
Object.entries(value).map(([key, v]) => [
|
|
52
|
+
key,
|
|
53
|
+
startSerializer.decode(v)
|
|
54
|
+
])
|
|
55
|
+
);
|
|
56
|
+
}
|
|
57
|
+
return value;
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
const createSerializer = (key, check, toValue, fromValue) => ({
|
|
61
|
+
key,
|
|
62
|
+
stringifyCondition: check,
|
|
63
|
+
stringify: (value) => ({ [`$${key}`]: toValue(value) }),
|
|
64
|
+
parseCondition: (value) => Object.hasOwn(value, `$${key}`),
|
|
65
|
+
parse: (value) => fromValue(value[`$${key}`])
|
|
66
|
+
});
|
|
67
|
+
const serializers = [
|
|
68
|
+
createSerializer(
|
|
69
|
+
// Key
|
|
70
|
+
"undefined",
|
|
71
|
+
// Check
|
|
72
|
+
(v) => v === void 0,
|
|
73
|
+
// To
|
|
74
|
+
() => 0,
|
|
75
|
+
// From
|
|
76
|
+
() => void 0
|
|
77
|
+
),
|
|
78
|
+
createSerializer(
|
|
79
|
+
// Key
|
|
80
|
+
"date",
|
|
81
|
+
// Check
|
|
82
|
+
(v) => v instanceof Date,
|
|
83
|
+
// To
|
|
84
|
+
(v) => v.toISOString(),
|
|
85
|
+
// From
|
|
86
|
+
(v) => new Date(v)
|
|
87
|
+
),
|
|
88
|
+
createSerializer(
|
|
89
|
+
// Key
|
|
90
|
+
"error",
|
|
91
|
+
// Check
|
|
92
|
+
(v) => v instanceof Error,
|
|
93
|
+
// To
|
|
94
|
+
(v) => ({
|
|
95
|
+
...v,
|
|
96
|
+
message: v.message,
|
|
97
|
+
stack: process.env.NODE_ENV === "development" ? v.stack : void 0,
|
|
98
|
+
cause: v.cause
|
|
99
|
+
}),
|
|
100
|
+
// From
|
|
101
|
+
(v) => Object.assign(new Error(v.message), v)
|
|
102
|
+
),
|
|
103
|
+
createSerializer(
|
|
104
|
+
// Key
|
|
105
|
+
"formData",
|
|
106
|
+
// Check
|
|
107
|
+
(v) => v instanceof FormData,
|
|
108
|
+
// To
|
|
109
|
+
(v) => {
|
|
110
|
+
const entries = {};
|
|
111
|
+
v.forEach((value, key) => {
|
|
112
|
+
const entry = entries[key];
|
|
113
|
+
if (entry !== void 0) {
|
|
114
|
+
if (Array.isArray(entry)) {
|
|
115
|
+
entry.push(value);
|
|
116
|
+
} else {
|
|
117
|
+
entries[key] = [entry, value];
|
|
118
|
+
}
|
|
119
|
+
} else {
|
|
120
|
+
entries[key] = value;
|
|
121
|
+
}
|
|
122
|
+
});
|
|
123
|
+
return entries;
|
|
124
|
+
},
|
|
125
|
+
// From
|
|
126
|
+
(v) => {
|
|
127
|
+
const formData = new FormData();
|
|
128
|
+
Object.entries(v).forEach(([key, value]) => {
|
|
129
|
+
if (Array.isArray(value)) {
|
|
130
|
+
value.forEach((val) => formData.append(key, val));
|
|
131
|
+
} else {
|
|
132
|
+
formData.append(key, value);
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
return formData;
|
|
136
|
+
}
|
|
137
|
+
),
|
|
138
|
+
createSerializer(
|
|
139
|
+
// Key
|
|
140
|
+
"bigint",
|
|
141
|
+
// Check
|
|
142
|
+
(v) => typeof v === "bigint",
|
|
143
|
+
// To
|
|
144
|
+
(v) => v.toString(),
|
|
145
|
+
// From
|
|
146
|
+
(v) => BigInt(v)
|
|
147
|
+
)
|
|
148
|
+
];
|
|
149
|
+
export {
|
|
150
|
+
startSerializer
|
|
151
|
+
};
|
|
152
|
+
//# sourceMappingURL=serializer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"serializer.js","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":[],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { AnyRouter, ControllablePromise, DeferredPromiseState, MakeRouteMatch, Manifest } from '@tanstack/router-core';
|
|
2
|
+
declare global {
|
|
3
|
+
interface Window {
|
|
4
|
+
__TSR_SSR__?: StartSsrGlobal;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export interface StartSsrGlobal {
|
|
8
|
+
matches: Array<SsrMatch>;
|
|
9
|
+
streamedValues: Record<string, {
|
|
10
|
+
value: any;
|
|
11
|
+
parsed: any;
|
|
12
|
+
}>;
|
|
13
|
+
cleanScripts: () => void;
|
|
14
|
+
dehydrated?: any;
|
|
15
|
+
initMatch: (match: SsrMatch) => void;
|
|
16
|
+
resolvePromise: (opts: {
|
|
17
|
+
matchId: string;
|
|
18
|
+
id: number;
|
|
19
|
+
promiseState: DeferredPromiseState<any>;
|
|
20
|
+
}) => void;
|
|
21
|
+
injectChunk: (opts: {
|
|
22
|
+
matchId: string;
|
|
23
|
+
id: number;
|
|
24
|
+
chunk: string;
|
|
25
|
+
}) => void;
|
|
26
|
+
closeStream: (opts: {
|
|
27
|
+
matchId: string;
|
|
28
|
+
id: number;
|
|
29
|
+
}) => void;
|
|
30
|
+
}
|
|
31
|
+
export interface SsrMatch {
|
|
32
|
+
id: string;
|
|
33
|
+
__beforeLoadContext: string;
|
|
34
|
+
loaderData?: string;
|
|
35
|
+
error?: string;
|
|
36
|
+
extracted?: Array<ClientExtractedEntry>;
|
|
37
|
+
updatedAt: MakeRouteMatch['updatedAt'];
|
|
38
|
+
status: MakeRouteMatch['status'];
|
|
39
|
+
}
|
|
40
|
+
export type ClientExtractedEntry = ClientExtractedStream | ClientExtractedPromise;
|
|
41
|
+
export interface ClientExtractedPromise extends ClientExtractedBaseEntry {
|
|
42
|
+
type: 'promise';
|
|
43
|
+
value?: ControllablePromise<any>;
|
|
44
|
+
}
|
|
45
|
+
export interface ClientExtractedStream extends ClientExtractedBaseEntry {
|
|
46
|
+
type: 'stream';
|
|
47
|
+
value?: ReadableStream & {
|
|
48
|
+
controller?: ReadableStreamDefaultController;
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
export interface ClientExtractedBaseEntry {
|
|
52
|
+
type: string;
|
|
53
|
+
path: Array<string>;
|
|
54
|
+
}
|
|
55
|
+
export interface ResolvePromiseState {
|
|
56
|
+
matchId: string;
|
|
57
|
+
id: number;
|
|
58
|
+
promiseState: DeferredPromiseState<any>;
|
|
59
|
+
}
|
|
60
|
+
export interface DehydratedRouter {
|
|
61
|
+
manifest: Manifest | undefined;
|
|
62
|
+
dehydratedData: any;
|
|
63
|
+
lastMatchId: string;
|
|
64
|
+
}
|
|
65
|
+
export declare function hydrate(router: AnyRouter): Promise<any>;
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { isPlainObject } from "@tanstack/router-core";
|
|
2
|
+
import invariant from "tiny-invariant";
|
|
3
|
+
import { startSerializer } from "./serializer.js";
|
|
4
|
+
async function hydrate(router) {
|
|
5
|
+
var _a, _b, _c;
|
|
6
|
+
invariant(
|
|
7
|
+
(_a = window.__TSR_SSR__) == null ? void 0 : _a.dehydrated,
|
|
8
|
+
"Expected to find a dehydrated data on window.__TSR_SSR__.dehydrated... but we did not. Please file an issue!"
|
|
9
|
+
);
|
|
10
|
+
const { manifest, dehydratedData, lastMatchId } = startSerializer.parse(
|
|
11
|
+
window.__TSR_SSR__.dehydrated
|
|
12
|
+
);
|
|
13
|
+
router.ssr = {
|
|
14
|
+
manifest,
|
|
15
|
+
serializer: startSerializer
|
|
16
|
+
};
|
|
17
|
+
router.clientSsr = {
|
|
18
|
+
getStreamedValue: (key) => {
|
|
19
|
+
var _a2;
|
|
20
|
+
if (router.isServer) {
|
|
21
|
+
return void 0;
|
|
22
|
+
}
|
|
23
|
+
const streamedValue = (_a2 = window.__TSR_SSR__) == null ? void 0 : _a2.streamedValues[key];
|
|
24
|
+
if (!streamedValue) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
if (!streamedValue.parsed) {
|
|
28
|
+
streamedValue.parsed = router.ssr.serializer.parse(streamedValue.value);
|
|
29
|
+
}
|
|
30
|
+
return streamedValue.parsed;
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
const matches = router.matchRoutes(router.state.location);
|
|
34
|
+
const routeChunkPromise = Promise.all(
|
|
35
|
+
matches.map((match) => {
|
|
36
|
+
const route = router.looseRoutesById[match.routeId];
|
|
37
|
+
return router.loadRouteChunk(route);
|
|
38
|
+
})
|
|
39
|
+
);
|
|
40
|
+
matches.forEach((match) => {
|
|
41
|
+
var _a2;
|
|
42
|
+
const dehydratedMatch = window.__TSR_SSR__.matches.find(
|
|
43
|
+
(d) => d.id === match.id
|
|
44
|
+
);
|
|
45
|
+
if (!dehydratedMatch) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
Object.assign(match, dehydratedMatch);
|
|
49
|
+
if (dehydratedMatch.__beforeLoadContext) {
|
|
50
|
+
match.__beforeLoadContext = router.ssr.serializer.parse(
|
|
51
|
+
dehydratedMatch.__beforeLoadContext
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
if (dehydratedMatch.loaderData) {
|
|
55
|
+
match.loaderData = router.ssr.serializer.parse(
|
|
56
|
+
dehydratedMatch.loaderData
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
if (dehydratedMatch.error) {
|
|
60
|
+
match.error = router.ssr.serializer.parse(dehydratedMatch.error);
|
|
61
|
+
}
|
|
62
|
+
(_a2 = match.extracted) == null ? void 0 : _a2.forEach((ex) => {
|
|
63
|
+
deepMutableSetByPath(match, ["loaderData", ...ex.path], ex.value);
|
|
64
|
+
});
|
|
65
|
+
return match;
|
|
66
|
+
});
|
|
67
|
+
router.__store.setState((s) => {
|
|
68
|
+
return {
|
|
69
|
+
...s,
|
|
70
|
+
matches
|
|
71
|
+
};
|
|
72
|
+
});
|
|
73
|
+
await ((_c = (_b = router.options).hydrate) == null ? void 0 : _c.call(_b, dehydratedData));
|
|
74
|
+
await Promise.all(
|
|
75
|
+
router.state.matches.map(async (match) => {
|
|
76
|
+
var _a2, _b2, _c2, _d, _e, _f;
|
|
77
|
+
const route = router.looseRoutesById[match.routeId];
|
|
78
|
+
const parentMatch = router.state.matches[match.index - 1];
|
|
79
|
+
const parentContext = (parentMatch == null ? void 0 : parentMatch.context) ?? router.options.context ?? {};
|
|
80
|
+
const contextFnContext = {
|
|
81
|
+
deps: match.loaderDeps,
|
|
82
|
+
params: match.params,
|
|
83
|
+
context: parentContext,
|
|
84
|
+
location: router.state.location,
|
|
85
|
+
navigate: (opts) => router.navigate({ ...opts, _fromLocation: router.state.location }),
|
|
86
|
+
buildLocation: router.buildLocation,
|
|
87
|
+
cause: match.cause,
|
|
88
|
+
abortController: match.abortController,
|
|
89
|
+
preload: false,
|
|
90
|
+
matches
|
|
91
|
+
};
|
|
92
|
+
match.__routeContext = ((_b2 = (_a2 = route.options).context) == null ? void 0 : _b2.call(_a2, contextFnContext)) ?? {};
|
|
93
|
+
match.context = {
|
|
94
|
+
...parentContext,
|
|
95
|
+
...match.__routeContext,
|
|
96
|
+
...match.__beforeLoadContext
|
|
97
|
+
};
|
|
98
|
+
const assetContext = {
|
|
99
|
+
matches: router.state.matches,
|
|
100
|
+
match,
|
|
101
|
+
params: match.params,
|
|
102
|
+
loaderData: match.loaderData
|
|
103
|
+
};
|
|
104
|
+
const headFnContent = await ((_d = (_c2 = route.options).head) == null ? void 0 : _d.call(_c2, assetContext));
|
|
105
|
+
const scripts = await ((_f = (_e = route.options).scripts) == null ? void 0 : _f.call(_e, assetContext));
|
|
106
|
+
match.meta = headFnContent == null ? void 0 : headFnContent.meta;
|
|
107
|
+
match.links = headFnContent == null ? void 0 : headFnContent.links;
|
|
108
|
+
match.headScripts = headFnContent == null ? void 0 : headFnContent.scripts;
|
|
109
|
+
match.scripts = scripts;
|
|
110
|
+
})
|
|
111
|
+
);
|
|
112
|
+
if (matches[matches.length - 1].id !== lastMatchId) {
|
|
113
|
+
return await Promise.all([routeChunkPromise, router.load()]);
|
|
114
|
+
}
|
|
115
|
+
return routeChunkPromise;
|
|
116
|
+
}
|
|
117
|
+
function deepMutableSetByPath(obj, path, value) {
|
|
118
|
+
if (path.length === 1) {
|
|
119
|
+
obj[path[0]] = value;
|
|
120
|
+
}
|
|
121
|
+
const [key, ...rest] = path;
|
|
122
|
+
if (Array.isArray(obj)) {
|
|
123
|
+
deepMutableSetByPath(obj[Number(key)], rest, value);
|
|
124
|
+
} else if (isPlainObject(obj)) {
|
|
125
|
+
deepMutableSetByPath(obj[key], rest, value);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
export {
|
|
129
|
+
hydrate
|
|
130
|
+
};
|
|
131
|
+
//# sourceMappingURL=ssr-client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ssr-client.js","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 DeferredPromiseState,\n MakeRouteMatch,\n Manifest,\n RouteContextOptions,\n} 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 lastMatchId: string\n}\n\nexport async function hydrate(router: AnyRouter): Promise<any> {\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, lastMatchId } = 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\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\n // Right after hydration and before the first render, we need to rehydrate each match\n // First step is to reyhdrate loaderData and __beforeLoadContext\n matches.forEach((match) => {\n const dehydratedMatch = window.__TSR_SSR__!.matches.find(\n (d) => d.id === match.id,\n )\n\n if (!dehydratedMatch) {\n return\n }\n\n Object.assign(match, dehydratedMatch)\n\n // Handle beforeLoadContext\n if (dehydratedMatch.__beforeLoadContext) {\n match.__beforeLoadContext = router.ssr!.serializer.parse(\n dehydratedMatch.__beforeLoadContext,\n ) as any\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\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 await router.options.hydrate?.(dehydratedData)\n\n // now that all necessary data is hydrated:\n // 1) fully reconstruct the route context\n // 2) execute `head()` and `scripts()` for each match\n await Promise.all(\n router.state.matches.map(async (match) => {\n const route = router.looseRoutesById[match.routeId]!\n\n const parentMatch = router.state.matches[match.index - 1]\n const parentContext = parentMatch?.context ?? router.options.context ?? {}\n\n // `context()` was already executed by `matchRoutes`, however route context was not yet fully reconstructed\n // so run it again and merge route context\n const contextFnContext: RouteContextOptions<any, any, any, any> = {\n deps: match.loaderDeps,\n params: match.params,\n context: parentContext,\n location: router.state.location,\n navigate: (opts: any) =>\n router.navigate({ ...opts, _fromLocation: router.state.location }),\n buildLocation: router.buildLocation,\n cause: match.cause,\n abortController: match.abortController,\n preload: false,\n matches,\n }\n match.__routeContext = route.options.context?.(contextFnContext) ?? {}\n\n match.context = {\n ...parentContext,\n ...match.__routeContext,\n ...match.__beforeLoadContext,\n }\n\n const assetContext = {\n matches: router.state.matches,\n match,\n params: match.params,\n loaderData: match.loaderData,\n }\n const headFnContent = await route.options.head?.(assetContext)\n\n const scripts = await 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 )\n\n if (matches[matches.length - 1]!.id !== lastMatchId) {\n return await Promise.all([routeChunkPromise, router.load()])\n }\n\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":["_a","_b","_c"],"mappings":"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"}
|
|
@@ -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 {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/start-client-core",
|
|
3
|
-
"version": "1.121.
|
|
3
|
+
"version": "1.121.21",
|
|
4
4
|
"description": "Modern and scalable routing for React applications",
|
|
5
5
|
"author": "Tanner Linsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"cookie-es": "^1.2.2",
|
|
51
51
|
"tiny-invariant": "^1.3.3",
|
|
52
52
|
"tiny-warning": "^1.0.3",
|
|
53
|
-
"@tanstack/router-core": "^1.121.
|
|
53
|
+
"@tanstack/router-core": "^1.121.21"
|
|
54
54
|
},
|
|
55
55
|
"scripts": {}
|
|
56
56
|
}
|