@tanstack/start-static-server-functions 1.166.10 → 1.166.12
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/esm/index.js
CHANGED
|
@@ -2,88 +2,92 @@ import fs from "node:fs/promises";
|
|
|
2
2
|
import path from "node:path";
|
|
3
3
|
import { createMiddleware, getDefaultSerovalPlugins } from "@tanstack/start-client-core";
|
|
4
4
|
import { fromJSON, toJSONAsync } from "seroval";
|
|
5
|
+
//#region src/staticFunctionMiddleware.ts
|
|
6
|
+
/**
|
|
7
|
+
* This is a simple hash function for generating a hash from a string to make the filenames shorter.
|
|
8
|
+
*
|
|
9
|
+
* It is not cryptographically secure (as its using SHA-1) and should not be used for any security purposes.
|
|
10
|
+
*
|
|
11
|
+
* It is only used to generate a hash for the static cache filenames.
|
|
12
|
+
*
|
|
13
|
+
* @param message - The input string to hash.
|
|
14
|
+
* @returns A promise that resolves to the SHA-1 hash of the input string in hexadecimal format.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```typescript
|
|
18
|
+
* const hash = await sha1Hash("hello");
|
|
19
|
+
* console.log(hash); // Outputs the SHA-1 hash of "hello" -> "aaf4c61ddcc5e8a2dabede0f3b482cd9aea9434d"
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
5
22
|
async function sha1Hash(message) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const hashHex = hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
|
|
10
|
-
return hashHex;
|
|
23
|
+
const msgBuffer = new TextEncoder().encode(message);
|
|
24
|
+
const hashBuffer = await crypto.subtle.digest("SHA-1", msgBuffer);
|
|
25
|
+
return Array.from(new Uint8Array(hashBuffer)).map((b) => b.toString(16).padStart(2, "0")).join("");
|
|
11
26
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return `/__tsr/staticServerFnCache/${filename}.json`;
|
|
27
|
+
var getStaticCacheUrl = async (opts) => {
|
|
28
|
+
return `/__tsr/staticServerFnCache/${await sha1Hash(`${opts.functionId}__${opts.hash}`)}.json`;
|
|
15
29
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
return jsonString.replace(/[/\\?%*:|"<>]/g, "-").replace(/\s+/g, "_");
|
|
30
|
+
var jsonToFilenameSafeString = (json) => {
|
|
31
|
+
const sortedKeysReplacer = (key, value) => value && typeof value === "object" && !Array.isArray(value) ? Object.keys(value).sort().reduce((acc, curr) => {
|
|
32
|
+
acc[curr] = value[curr];
|
|
33
|
+
return acc;
|
|
34
|
+
}, {}) : value;
|
|
35
|
+
return JSON.stringify(json ?? "", sortedKeysReplacer).replace(/[/\\?%*:|"<>]/g, "-").replace(/\s+/g, "_");
|
|
23
36
|
};
|
|
24
|
-
|
|
25
|
-
async function addItemToCache({
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
context: response.context.sendContext
|
|
41
|
-
},
|
|
42
|
-
{ plugins: getDefaultSerovalPlugins() }
|
|
43
|
-
)
|
|
44
|
-
);
|
|
45
|
-
await fs.writeFile(filePath, stringifiedResult, "utf-8");
|
|
46
|
-
}
|
|
37
|
+
var staticClientCache = typeof document !== "undefined" ? /* @__PURE__ */ new Map() : null;
|
|
38
|
+
async function addItemToCache({ functionId, data, response }) {
|
|
39
|
+
{
|
|
40
|
+
const url = await getStaticCacheUrl({
|
|
41
|
+
functionId,
|
|
42
|
+
hash: jsonToFilenameSafeString(data)
|
|
43
|
+
});
|
|
44
|
+
const clientUrl = process.env.TSS_CLIENT_OUTPUT_DIR;
|
|
45
|
+
const filePath = path.join(clientUrl, url);
|
|
46
|
+
await fs.mkdir(path.dirname(filePath), { recursive: true });
|
|
47
|
+
const stringifiedResult = JSON.stringify(await toJSONAsync({
|
|
48
|
+
result: response.result,
|
|
49
|
+
context: response.context.sendContext
|
|
50
|
+
}, { plugins: getDefaultSerovalPlugins() }));
|
|
51
|
+
await fs.writeFile(filePath, stringifiedResult, "utf-8");
|
|
52
|
+
}
|
|
47
53
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
method: "GET"
|
|
57
|
-
}).then((r) => r.json()).then((d) => fromJSON(d, { plugins: getDefaultSerovalPlugins() }));
|
|
58
|
-
return result;
|
|
54
|
+
var fetchItem = async ({ data, functionId }) => {
|
|
55
|
+
const url = await getStaticCacheUrl({
|
|
56
|
+
functionId,
|
|
57
|
+
hash: jsonToFilenameSafeString(data)
|
|
58
|
+
});
|
|
59
|
+
let result = staticClientCache?.get(url);
|
|
60
|
+
result = await fetch(url, { method: "GET" }).then((r) => r.json()).then((d) => fromJSON(d, { plugins: getDefaultSerovalPlugins() }));
|
|
61
|
+
return result;
|
|
59
62
|
};
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
63
|
+
var staticFunctionMiddleware = createMiddleware({ type: "function" }).client(async (ctx) => {
|
|
64
|
+
if (process.env.NODE_ENV === "production" && typeof document !== "undefined") {
|
|
65
|
+
const response = await fetchItem({
|
|
66
|
+
functionId: ctx.serverFnMeta.id,
|
|
67
|
+
data: ctx.data
|
|
68
|
+
});
|
|
69
|
+
if (response) return {
|
|
70
|
+
result: response.result,
|
|
71
|
+
context: {
|
|
72
|
+
...ctx.context,
|
|
73
|
+
...response.context
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
return ctx.next();
|
|
75
78
|
}).server(async (ctx) => {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
79
|
+
const response = await ctx.next();
|
|
80
|
+
if (process.env.NODE_ENV === "production") await addItemToCache({
|
|
81
|
+
functionId: ctx.serverFnMeta.id,
|
|
82
|
+
response: {
|
|
83
|
+
result: response.result,
|
|
84
|
+
context: ctx
|
|
85
|
+
},
|
|
86
|
+
data: ctx.data
|
|
87
|
+
});
|
|
88
|
+
return response;
|
|
85
89
|
});
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
//# sourceMappingURL=staticFunctionMiddleware.js.map
|
|
90
|
+
//#endregion
|
|
91
|
+
export { staticFunctionMiddleware };
|
|
92
|
+
|
|
93
|
+
//# sourceMappingURL=staticFunctionMiddleware.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"staticFunctionMiddleware.js","sources":["../../src/staticFunctionMiddleware.ts"],"sourcesContent":["import fs from 'node:fs/promises'\nimport path from 'node:path'\nimport {\n createMiddleware,\n getDefaultSerovalPlugins,\n} from '@tanstack/start-client-core'\nimport { fromJSON, toJSONAsync } from 'seroval'\n\ntype StaticCachedResult = {\n result: any\n context: any\n}\n\n/**\n * This is a simple hash function for generating a hash from a string to make the filenames shorter.\n *\n * It is not cryptographically secure (as its using SHA-1) and should not be used for any security purposes.\n *\n * It is only used to generate a hash for the static cache filenames.\n *\n * @param message - The input string to hash.\n * @returns A promise that resolves to the SHA-1 hash of the input string in hexadecimal format.\n *\n * @example\n * ```typescript\n * const hash = await sha1Hash(\"hello\");\n * console.log(hash); // Outputs the SHA-1 hash of \"hello\" -> \"aaf4c61ddcc5e8a2dabede0f3b482cd9aea9434d\"\n * ```\n */\nasync function sha1Hash(message: string): Promise<string> {\n // Encode the string as UTF-8\n const msgBuffer = new TextEncoder().encode(message)\n\n // Hash the message\n const hashBuffer = await crypto.subtle.digest('SHA-1', msgBuffer)\n\n // Convert the ArrayBuffer to a string\n const hashArray = Array.from(new Uint8Array(hashBuffer))\n const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('')\n return hashHex\n}\n\nconst getStaticCacheUrl = async (opts: {\n functionId: string\n hash: string\n}) => {\n const filename = await sha1Hash(`${opts.functionId}__${opts.hash}`)\n return `/__tsr/staticServerFnCache/${filename}.json`\n}\n\nconst jsonToFilenameSafeString = (json: any) => {\n // Custom replacer to sort keys\n const sortedKeysReplacer = (key: string, value: any) =>\n value && typeof value === 'object' && !Array.isArray(value)\n ? Object.keys(value)\n .sort()\n .reduce((acc: any, curr: string) => {\n acc[curr] = value[curr]\n return acc\n }, {})\n : value\n\n // Convert JSON to string with sorted keys\n const jsonString = JSON.stringify(json ?? '', sortedKeysReplacer)\n\n // Replace characters invalid in filenames\n return jsonString\n .replace(/[/\\\\?%*:|\"<>]/g, '-') // Replace invalid characters with a dash\n .replace(/\\s+/g, '_') // Optionally replace whitespace with underscores\n}\n\nconst staticClientCache =\n typeof document !== 'undefined' ? new Map<string, any>() : null\n\nasync function addItemToCache({\n functionId,\n data,\n response,\n}: {\n functionId: string\n data: any\n response: StaticCachedResult\n}): Promise<void> {\n {\n const hash = jsonToFilenameSafeString(data)\n const url = await getStaticCacheUrl({ functionId, hash })\n const clientUrl = process.env.TSS_CLIENT_OUTPUT_DIR!\n const filePath = path.join(clientUrl, url)\n\n // Ensure the directory exists\n await fs.mkdir(path.dirname(filePath), { recursive: true })\n\n // Store the result with fs\n const stringifiedResult = JSON.stringify(\n await toJSONAsync(\n {\n result: response.result,\n context: response.context.sendContext,\n },\n { plugins: getDefaultSerovalPlugins() },\n ),\n )\n await fs.writeFile(filePath, stringifiedResult, 'utf-8')\n }\n}\n\nconst fetchItem = async ({\n data,\n functionId,\n}: {\n data: any\n functionId: string\n}) => {\n const hash = jsonToFilenameSafeString(data)\n const url = await getStaticCacheUrl({ functionId, hash })\n\n let result: any = staticClientCache?.get(url)\n\n result = await fetch(url, {\n method: 'GET',\n })\n .then((r) => r.json())\n .then((d) => fromJSON(d, { plugins: getDefaultSerovalPlugins() }))\n\n return result\n}\n\nexport const staticFunctionMiddleware = createMiddleware({ type: 'function' })\n .client(async (ctx) => {\n if (\n process.env.NODE_ENV === 'production' &&\n // do not run this during SSR on the server\n typeof document !== 'undefined'\n ) {\n const response = await fetchItem({\n functionId: ctx.serverFnMeta.id,\n data: ctx.data,\n })\n\n if (response) {\n return {\n result: response.result,\n context: { ...(ctx as any).context, ...response.context },\n } as any\n }\n }\n return ctx.next()\n })\n .server(async (ctx) => {\n const response = await ctx.next()\n if (process.env.NODE_ENV === 'production') {\n await addItemToCache({\n functionId: ctx.serverFnMeta.id,\n response: { result: (response as any).result, context: ctx },\n data: ctx.data,\n })\n }\n\n return response\n })\n"],"
|
|
1
|
+
{"version":3,"file":"staticFunctionMiddleware.js","names":[],"sources":["../../src/staticFunctionMiddleware.ts"],"sourcesContent":["import fs from 'node:fs/promises'\nimport path from 'node:path'\nimport {\n createMiddleware,\n getDefaultSerovalPlugins,\n} from '@tanstack/start-client-core'\nimport { fromJSON, toJSONAsync } from 'seroval'\n\ntype StaticCachedResult = {\n result: any\n context: any\n}\n\n/**\n * This is a simple hash function for generating a hash from a string to make the filenames shorter.\n *\n * It is not cryptographically secure (as its using SHA-1) and should not be used for any security purposes.\n *\n * It is only used to generate a hash for the static cache filenames.\n *\n * @param message - The input string to hash.\n * @returns A promise that resolves to the SHA-1 hash of the input string in hexadecimal format.\n *\n * @example\n * ```typescript\n * const hash = await sha1Hash(\"hello\");\n * console.log(hash); // Outputs the SHA-1 hash of \"hello\" -> \"aaf4c61ddcc5e8a2dabede0f3b482cd9aea9434d\"\n * ```\n */\nasync function sha1Hash(message: string): Promise<string> {\n // Encode the string as UTF-8\n const msgBuffer = new TextEncoder().encode(message)\n\n // Hash the message\n const hashBuffer = await crypto.subtle.digest('SHA-1', msgBuffer)\n\n // Convert the ArrayBuffer to a string\n const hashArray = Array.from(new Uint8Array(hashBuffer))\n const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('')\n return hashHex\n}\n\nconst getStaticCacheUrl = async (opts: {\n functionId: string\n hash: string\n}) => {\n const filename = await sha1Hash(`${opts.functionId}__${opts.hash}`)\n return `/__tsr/staticServerFnCache/${filename}.json`\n}\n\nconst jsonToFilenameSafeString = (json: any) => {\n // Custom replacer to sort keys\n const sortedKeysReplacer = (key: string, value: any) =>\n value && typeof value === 'object' && !Array.isArray(value)\n ? Object.keys(value)\n .sort()\n .reduce((acc: any, curr: string) => {\n acc[curr] = value[curr]\n return acc\n }, {})\n : value\n\n // Convert JSON to string with sorted keys\n const jsonString = JSON.stringify(json ?? '', sortedKeysReplacer)\n\n // Replace characters invalid in filenames\n return jsonString\n .replace(/[/\\\\?%*:|\"<>]/g, '-') // Replace invalid characters with a dash\n .replace(/\\s+/g, '_') // Optionally replace whitespace with underscores\n}\n\nconst staticClientCache =\n typeof document !== 'undefined' ? new Map<string, any>() : null\n\nasync function addItemToCache({\n functionId,\n data,\n response,\n}: {\n functionId: string\n data: any\n response: StaticCachedResult\n}): Promise<void> {\n {\n const hash = jsonToFilenameSafeString(data)\n const url = await getStaticCacheUrl({ functionId, hash })\n const clientUrl = process.env.TSS_CLIENT_OUTPUT_DIR!\n const filePath = path.join(clientUrl, url)\n\n // Ensure the directory exists\n await fs.mkdir(path.dirname(filePath), { recursive: true })\n\n // Store the result with fs\n const stringifiedResult = JSON.stringify(\n await toJSONAsync(\n {\n result: response.result,\n context: response.context.sendContext,\n },\n { plugins: getDefaultSerovalPlugins() },\n ),\n )\n await fs.writeFile(filePath, stringifiedResult, 'utf-8')\n }\n}\n\nconst fetchItem = async ({\n data,\n functionId,\n}: {\n data: any\n functionId: string\n}) => {\n const hash = jsonToFilenameSafeString(data)\n const url = await getStaticCacheUrl({ functionId, hash })\n\n let result: any = staticClientCache?.get(url)\n\n result = await fetch(url, {\n method: 'GET',\n })\n .then((r) => r.json())\n .then((d) => fromJSON(d, { plugins: getDefaultSerovalPlugins() }))\n\n return result\n}\n\nexport const staticFunctionMiddleware = createMiddleware({ type: 'function' })\n .client(async (ctx) => {\n if (\n process.env.NODE_ENV === 'production' &&\n // do not run this during SSR on the server\n typeof document !== 'undefined'\n ) {\n const response = await fetchItem({\n functionId: ctx.serverFnMeta.id,\n data: ctx.data,\n })\n\n if (response) {\n return {\n result: response.result,\n context: { ...(ctx as any).context, ...response.context },\n } as any\n }\n }\n return ctx.next()\n })\n .server(async (ctx) => {\n const response = await ctx.next()\n if (process.env.NODE_ENV === 'production') {\n await addItemToCache({\n functionId: ctx.serverFnMeta.id,\n response: { result: (response as any).result, context: ctx },\n data: ctx.data,\n })\n }\n\n return response\n })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BA,eAAe,SAAS,SAAkC;CAExD,MAAM,YAAY,IAAI,aAAa,CAAC,OAAO,QAAQ;CAGnD,MAAM,aAAa,MAAM,OAAO,OAAO,OAAO,SAAS,UAAU;AAKjE,QAFkB,MAAM,KAAK,IAAI,WAAW,WAAW,CAAC,CAC9B,KAAK,MAAM,EAAE,SAAS,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK,GAAG;;AAIhF,IAAM,oBAAoB,OAAO,SAG3B;AAEJ,QAAO,8BADU,MAAM,SAAS,GAAG,KAAK,WAAW,IAAI,KAAK,OAAO,CACrB;;AAGhD,IAAM,4BAA4B,SAAc;CAE9C,MAAM,sBAAsB,KAAa,UACvC,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,MAAM,GACvD,OAAO,KAAK,MAAM,CACf,MAAM,CACN,QAAQ,KAAU,SAAiB;AAClC,MAAI,QAAQ,MAAM;AAClB,SAAO;IACN,EAAE,CAAC,GACR;AAMN,QAHmB,KAAK,UAAU,QAAQ,IAAI,mBAAmB,CAI9D,QAAQ,kBAAkB,IAAI,CAC9B,QAAQ,QAAQ,IAAI;;AAGzB,IAAM,oBACJ,OAAO,aAAa,8BAAc,IAAI,KAAkB,GAAG;AAE7D,eAAe,eAAe,EAC5B,YACA,MACA,YAKgB;CAChB;EAEE,MAAM,MAAM,MAAM,kBAAkB;GAAE;GAAY,MADrC,yBAAyB,KAAK;GACa,CAAC;EACzD,MAAM,YAAY,QAAQ,IAAI;EAC9B,MAAM,WAAW,KAAK,KAAK,WAAW,IAAI;AAG1C,QAAM,GAAG,MAAM,KAAK,QAAQ,SAAS,EAAE,EAAE,WAAW,MAAM,CAAC;EAG3D,MAAM,oBAAoB,KAAK,UAC7B,MAAM,YACJ;GACE,QAAQ,SAAS;GACjB,SAAS,SAAS,QAAQ;GAC3B,EACD,EAAE,SAAS,0BAA0B,EAAE,CACxC,CACF;AACD,QAAM,GAAG,UAAU,UAAU,mBAAmB,QAAQ;;;AAI5D,IAAM,YAAY,OAAO,EACvB,MACA,iBAII;CAEJ,MAAM,MAAM,MAAM,kBAAkB;EAAE;EAAY,MADrC,yBAAyB,KAAK;EACa,CAAC;CAEzD,IAAI,SAAc,mBAAmB,IAAI,IAAI;AAE7C,UAAS,MAAM,MAAM,KAAK,EACxB,QAAQ,OACT,CAAC,CACC,MAAM,MAAM,EAAE,MAAM,CAAC,CACrB,MAAM,MAAM,SAAS,GAAG,EAAE,SAAS,0BAA0B,EAAE,CAAC,CAAC;AAEpE,QAAO;;AAGT,IAAa,2BAA2B,iBAAiB,EAAE,MAAM,YAAY,CAAC,CAC3E,OAAO,OAAO,QAAQ;AACrB,KAAA,QAAA,IAAA,aAC2B,gBAEzB,OAAO,aAAa,aACpB;EACA,MAAM,WAAW,MAAM,UAAU;GAC/B,YAAY,IAAI,aAAa;GAC7B,MAAM,IAAI;GACX,CAAC;AAEF,MAAI,SACF,QAAO;GACL,QAAQ,SAAS;GACjB,SAAS;IAAE,GAAI,IAAY;IAAS,GAAG,SAAS;IAAS;GAC1D;;AAGL,QAAO,IAAI,MAAM;EACjB,CACD,OAAO,OAAO,QAAQ;CACrB,MAAM,WAAW,MAAM,IAAI,MAAM;AACjC,KAAA,QAAA,IAAA,aAA6B,aAC3B,OAAM,eAAe;EACnB,YAAY,IAAI,aAAa;EAC7B,UAAU;GAAE,QAAS,SAAiB;GAAQ,SAAS;GAAK;EAC5D,MAAM,IAAI;EACX,CAAC;AAGJ,QAAO;EACP"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/start-static-server-functions",
|
|
3
|
-
"version": "1.166.
|
|
3
|
+
"version": "1.166.12",
|
|
4
4
|
"description": "Modern and scalable routing for React applications",
|
|
5
5
|
"author": "Tanner Linsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -44,14 +44,14 @@
|
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"seroval": "^1.4.2",
|
|
47
|
-
"@tanstack/start-client-core": "1.166.
|
|
47
|
+
"@tanstack/start-client-core": "1.166.10"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"vite": "*"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@tanstack/react-start": "^1.166.
|
|
54
|
-
"@tanstack/solid-start": "^1.166.
|
|
53
|
+
"@tanstack/react-start": "^1.166.13",
|
|
54
|
+
"@tanstack/solid-start": "^1.166.13"
|
|
55
55
|
},
|
|
56
56
|
"peerDependenciesMeta": {
|
|
57
57
|
"@tanstack/react-start": {
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|