@tanstack/react-start-server 1.121.34 → 1.121.40
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/defaultRenderHandler.cjs +7 -22
- package/dist/cjs/defaultRenderHandler.cjs.map +1 -1
- package/dist/cjs/defaultStreamHandler.cjs +8 -63
- package/dist/cjs/defaultStreamHandler.cjs.map +1 -1
- package/dist/esm/defaultRenderHandler.js +6 -21
- package/dist/esm/defaultRenderHandler.js.map +1 -1
- package/dist/esm/defaultStreamHandler.js +7 -62
- package/dist/esm/defaultStreamHandler.js.map +1 -1
- package/package.json +5 -5
- package/src/defaultRenderHandler.tsx +10 -21
- package/src/defaultStreamHandler.tsx +9 -78
|
@@ -1,29 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const
|
|
5
|
-
const startServerCore = require("@tanstack/start-server-core");
|
|
4
|
+
const server = require("@tanstack/react-router/ssr/server");
|
|
6
5
|
const StartServer = require("./StartServer.cjs");
|
|
7
|
-
const defaultRenderHandler =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
).then((htmls) => htmls.join(""));
|
|
14
|
-
html = html.replace(`</body>`, `${injectedHtml}</body>`);
|
|
15
|
-
return new Response(`<!DOCTYPE html>${html}`, {
|
|
16
|
-
status: router.state.statusCode,
|
|
17
|
-
headers: responseHeaders
|
|
18
|
-
});
|
|
19
|
-
} catch (error) {
|
|
20
|
-
console.error("Render to string error:", error);
|
|
21
|
-
return new Response("Internal Server Error", {
|
|
22
|
-
status: 500,
|
|
23
|
-
headers: responseHeaders
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
}
|
|
6
|
+
const defaultRenderHandler = server.defineHandlerCallback(
|
|
7
|
+
({ router, responseHeaders }) => server.renderRouterToString({
|
|
8
|
+
router,
|
|
9
|
+
responseHeaders,
|
|
10
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router })
|
|
11
|
+
})
|
|
27
12
|
);
|
|
28
13
|
exports.defaultRenderHandler = defaultRenderHandler;
|
|
29
14
|
//# sourceMappingURL=defaultRenderHandler.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultRenderHandler.cjs","sources":["../../src/defaultRenderHandler.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"defaultRenderHandler.cjs","sources":["../../src/defaultRenderHandler.tsx"],"sourcesContent":["import {\n defineHandlerCallback,\n renderRouterToString,\n} from '@tanstack/react-router/ssr/server'\nimport { StartServer } from './StartServer'\n\nexport const defaultRenderHandler = defineHandlerCallback(\n ({ router, responseHeaders }) =>\n renderRouterToString({\n router,\n responseHeaders,\n children: <StartServer router={router} />,\n }),\n)\n"],"names":["defineHandlerCallback","renderRouterToString","jsx","StartServer"],"mappings":";;;;;AAMO,MAAM,uBAAuBA,OAAA;AAAA,EAClC,CAAC,EAAE,QAAQ,sBACTC,4BAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAWC,2BAAA,IAAAC,yBAAA,EAAY,OAAgB,CAAA;AAAA,EACxC,CAAA;AACL;;"}
|
|
@@ -1,70 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const
|
|
5
|
-
const isbot = require("isbot");
|
|
6
|
-
const ReactDOMServer = require("react-dom/server");
|
|
7
|
-
const startServerCore = require("@tanstack/start-server-core");
|
|
4
|
+
const server = require("@tanstack/react-router/ssr/server");
|
|
8
5
|
const StartServer = require("./StartServer.cjs");
|
|
9
|
-
const defaultStreamHandler =
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
if (isbot.isbot(request.headers.get("User-Agent"))) {
|
|
19
|
-
await stream.allReady;
|
|
20
|
-
}
|
|
21
|
-
const responseStream = startServerCore.transformReadableStreamWithRouter(
|
|
22
|
-
router,
|
|
23
|
-
stream
|
|
24
|
-
);
|
|
25
|
-
return new Response(responseStream, {
|
|
26
|
-
status: router.state.statusCode,
|
|
27
|
-
headers: responseHeaders
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
if (typeof ReactDOMServer.renderToPipeableStream === "function") {
|
|
31
|
-
const reactAppPassthrough = new node_stream.PassThrough();
|
|
32
|
-
try {
|
|
33
|
-
const pipeable = ReactDOMServer.renderToPipeableStream(
|
|
34
|
-
/* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router }),
|
|
35
|
-
{
|
|
36
|
-
...isbot.isbot(request.headers.get("User-Agent")) ? {
|
|
37
|
-
onAllReady() {
|
|
38
|
-
pipeable.pipe(reactAppPassthrough);
|
|
39
|
-
}
|
|
40
|
-
} : {
|
|
41
|
-
onShellReady() {
|
|
42
|
-
pipeable.pipe(reactAppPassthrough);
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
onError: (error, info) => {
|
|
46
|
-
if (error instanceof Error && error.message === "ShellBoundaryError")
|
|
47
|
-
return;
|
|
48
|
-
console.error("Error in renderToPipeableStream:", error, info);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
);
|
|
52
|
-
} catch (e) {
|
|
53
|
-
console.error("Error in renderToPipeableStream:", e);
|
|
54
|
-
}
|
|
55
|
-
const responseStream = startServerCore.transformPipeableStreamWithRouter(
|
|
56
|
-
router,
|
|
57
|
-
reactAppPassthrough
|
|
58
|
-
);
|
|
59
|
-
return new Response(responseStream, {
|
|
60
|
-
status: router.state.statusCode,
|
|
61
|
-
headers: responseHeaders
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
throw new Error(
|
|
65
|
-
"No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming."
|
|
66
|
-
);
|
|
67
|
-
}
|
|
6
|
+
const defaultStreamHandler = server.defineHandlerCallback(
|
|
7
|
+
({ request, router, responseHeaders }) => server.renderRouterToStream({
|
|
8
|
+
request,
|
|
9
|
+
router,
|
|
10
|
+
responseHeaders,
|
|
11
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(StartServer.StartServer, { router })
|
|
12
|
+
})
|
|
68
13
|
);
|
|
69
14
|
exports.defaultStreamHandler = defaultStreamHandler;
|
|
70
15
|
//# sourceMappingURL=defaultStreamHandler.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultStreamHandler.cjs","sources":["../../src/defaultStreamHandler.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"defaultStreamHandler.cjs","sources":["../../src/defaultStreamHandler.tsx"],"sourcesContent":["import {\n defineHandlerCallback,\n renderRouterToStream,\n} from '@tanstack/react-router/ssr/server'\nimport { StartServer } from './StartServer'\n\nexport const defaultStreamHandler = defineHandlerCallback(\n ({ request, router, responseHeaders }) =>\n renderRouterToStream({\n request,\n router,\n responseHeaders,\n children: <StartServer router={router} />,\n }),\n)\n"],"names":["defineHandlerCallback","renderRouterToStream","jsx","StartServer"],"mappings":";;;;;AAMO,MAAM,uBAAuBA,OAAA;AAAA,EAClC,CAAC,EAAE,SAAS,QAAQ,gBAAA,MAClBC,OAAAA,qBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAWC,2BAAA,IAAAC,yBAAA,EAAY,OAAgB,CAAA;AAAA,EACxC,CAAA;AACL;;"}
|
|
@@ -1,27 +1,12 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { defineHandlerCallback } from "@tanstack/start-server-core";
|
|
2
|
+
import { defineHandlerCallback, renderRouterToString } from "@tanstack/react-router/ssr/server";
|
|
4
3
|
import { StartServer } from "./StartServer.js";
|
|
5
4
|
const defaultRenderHandler = defineHandlerCallback(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
).then((htmls) => htmls.join(""));
|
|
12
|
-
html = html.replace(`</body>`, `${injectedHtml}</body>`);
|
|
13
|
-
return new Response(`<!DOCTYPE html>${html}`, {
|
|
14
|
-
status: router.state.statusCode,
|
|
15
|
-
headers: responseHeaders
|
|
16
|
-
});
|
|
17
|
-
} catch (error) {
|
|
18
|
-
console.error("Render to string error:", error);
|
|
19
|
-
return new Response("Internal Server Error", {
|
|
20
|
-
status: 500,
|
|
21
|
-
headers: responseHeaders
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
}
|
|
5
|
+
({ router, responseHeaders }) => renderRouterToString({
|
|
6
|
+
router,
|
|
7
|
+
responseHeaders,
|
|
8
|
+
children: /* @__PURE__ */ jsx(StartServer, { router })
|
|
9
|
+
})
|
|
25
10
|
);
|
|
26
11
|
export {
|
|
27
12
|
defaultRenderHandler
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultRenderHandler.js","sources":["../../src/defaultRenderHandler.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"defaultRenderHandler.js","sources":["../../src/defaultRenderHandler.tsx"],"sourcesContent":["import {\n defineHandlerCallback,\n renderRouterToString,\n} from '@tanstack/react-router/ssr/server'\nimport { StartServer } from './StartServer'\n\nexport const defaultRenderHandler = defineHandlerCallback(\n ({ router, responseHeaders }) =>\n renderRouterToString({\n router,\n responseHeaders,\n children: <StartServer router={router} />,\n }),\n)\n"],"names":[],"mappings":";;;AAMO,MAAM,uBAAuB;AAAA,EAClC,CAAC,EAAE,QAAQ,sBACT,qBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAW,oBAAA,aAAA,EAAY,OAAgB,CAAA;AAAA,EACxC,CAAA;AACL;"}
|
|
@@ -1,68 +1,13 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import { isbot } from "isbot";
|
|
4
|
-
import ReactDOMServer from "react-dom/server";
|
|
5
|
-
import { defineHandlerCallback, transformReadableStreamWithRouter, transformPipeableStreamWithRouter } from "@tanstack/start-server-core";
|
|
2
|
+
import { defineHandlerCallback, renderRouterToStream } from "@tanstack/react-router/ssr/server";
|
|
6
3
|
import { StartServer } from "./StartServer.js";
|
|
7
4
|
const defaultStreamHandler = defineHandlerCallback(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
);
|
|
16
|
-
if (isbot(request.headers.get("User-Agent"))) {
|
|
17
|
-
await stream.allReady;
|
|
18
|
-
}
|
|
19
|
-
const responseStream = transformReadableStreamWithRouter(
|
|
20
|
-
router,
|
|
21
|
-
stream
|
|
22
|
-
);
|
|
23
|
-
return new Response(responseStream, {
|
|
24
|
-
status: router.state.statusCode,
|
|
25
|
-
headers: responseHeaders
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
if (typeof ReactDOMServer.renderToPipeableStream === "function") {
|
|
29
|
-
const reactAppPassthrough = new PassThrough();
|
|
30
|
-
try {
|
|
31
|
-
const pipeable = ReactDOMServer.renderToPipeableStream(
|
|
32
|
-
/* @__PURE__ */ jsx(StartServer, { router }),
|
|
33
|
-
{
|
|
34
|
-
...isbot(request.headers.get("User-Agent")) ? {
|
|
35
|
-
onAllReady() {
|
|
36
|
-
pipeable.pipe(reactAppPassthrough);
|
|
37
|
-
}
|
|
38
|
-
} : {
|
|
39
|
-
onShellReady() {
|
|
40
|
-
pipeable.pipe(reactAppPassthrough);
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
onError: (error, info) => {
|
|
44
|
-
if (error instanceof Error && error.message === "ShellBoundaryError")
|
|
45
|
-
return;
|
|
46
|
-
console.error("Error in renderToPipeableStream:", error, info);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
} catch (e) {
|
|
51
|
-
console.error("Error in renderToPipeableStream:", e);
|
|
52
|
-
}
|
|
53
|
-
const responseStream = transformPipeableStreamWithRouter(
|
|
54
|
-
router,
|
|
55
|
-
reactAppPassthrough
|
|
56
|
-
);
|
|
57
|
-
return new Response(responseStream, {
|
|
58
|
-
status: router.state.statusCode,
|
|
59
|
-
headers: responseHeaders
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
throw new Error(
|
|
63
|
-
"No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming."
|
|
64
|
-
);
|
|
65
|
-
}
|
|
5
|
+
({ request, router, responseHeaders }) => renderRouterToStream({
|
|
6
|
+
request,
|
|
7
|
+
router,
|
|
8
|
+
responseHeaders,
|
|
9
|
+
children: /* @__PURE__ */ jsx(StartServer, { router })
|
|
10
|
+
})
|
|
66
11
|
);
|
|
67
12
|
export {
|
|
68
13
|
defaultStreamHandler
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultStreamHandler.js","sources":["../../src/defaultStreamHandler.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"defaultStreamHandler.js","sources":["../../src/defaultStreamHandler.tsx"],"sourcesContent":["import {\n defineHandlerCallback,\n renderRouterToStream,\n} from '@tanstack/react-router/ssr/server'\nimport { StartServer } from './StartServer'\n\nexport const defaultStreamHandler = defineHandlerCallback(\n ({ request, router, responseHeaders }) =>\n renderRouterToStream({\n request,\n router,\n responseHeaders,\n children: <StartServer router={router} />,\n }),\n)\n"],"names":[],"mappings":";;;AAMO,MAAM,uBAAuB;AAAA,EAClC,CAAC,EAAE,SAAS,QAAQ,gBAAA,MAClB,qBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAW,oBAAA,aAAA,EAAY,OAAgB,CAAA;AAAA,EACxC,CAAA;AACL;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/react-start-server",
|
|
3
|
-
"version": "1.121.
|
|
3
|
+
"version": "1.121.40",
|
|
4
4
|
"description": "Modern and scalable routing for React applications",
|
|
5
5
|
"author": "Tanner Linsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -49,11 +49,11 @@
|
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"h3": "1.13.0",
|
|
51
51
|
"isbot": "^5.1.22",
|
|
52
|
-
"@tanstack/react-router": "^1.121.
|
|
52
|
+
"@tanstack/react-router": "^1.121.40",
|
|
53
53
|
"@tanstack/history": "^1.121.34",
|
|
54
|
-
"@tanstack/
|
|
55
|
-
"@tanstack/
|
|
56
|
-
"@tanstack/start-server-core": "1.121.
|
|
54
|
+
"@tanstack/router-core": "^1.121.40",
|
|
55
|
+
"@tanstack/start-client-core": "1.121.40",
|
|
56
|
+
"@tanstack/start-server-core": "1.121.40"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@vitejs/plugin-react": "^4.3.4",
|
|
@@ -1,25 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import {
|
|
2
|
+
defineHandlerCallback,
|
|
3
|
+
renderRouterToString,
|
|
4
|
+
} from '@tanstack/react-router/ssr/server'
|
|
3
5
|
import { StartServer } from './StartServer'
|
|
4
6
|
|
|
5
7
|
export const defaultRenderHandler = defineHandlerCallback(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
html = html.replace(`</body>`, `${injectedHtml}</body>`)
|
|
13
|
-
return new Response(`<!DOCTYPE html>${html}`, {
|
|
14
|
-
status: router.state.statusCode,
|
|
15
|
-
headers: responseHeaders,
|
|
16
|
-
})
|
|
17
|
-
} catch (error) {
|
|
18
|
-
console.error('Render to string error:', error)
|
|
19
|
-
return new Response('Internal Server Error', {
|
|
20
|
-
status: 500,
|
|
21
|
-
headers: responseHeaders,
|
|
22
|
-
})
|
|
23
|
-
}
|
|
24
|
-
},
|
|
8
|
+
({ router, responseHeaders }) =>
|
|
9
|
+
renderRouterToString({
|
|
10
|
+
router,
|
|
11
|
+
responseHeaders,
|
|
12
|
+
children: <StartServer router={router} />,
|
|
13
|
+
}),
|
|
25
14
|
)
|
|
@@ -1,84 +1,15 @@
|
|
|
1
|
-
import { PassThrough } from 'node:stream'
|
|
2
|
-
import { isbot } from 'isbot'
|
|
3
|
-
import ReactDOMServer from 'react-dom/server'
|
|
4
|
-
|
|
5
1
|
import {
|
|
6
2
|
defineHandlerCallback,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} from '@tanstack/start-server-core'
|
|
3
|
+
renderRouterToStream,
|
|
4
|
+
} from '@tanstack/react-router/ssr/server'
|
|
10
5
|
import { StartServer } from './StartServer'
|
|
11
6
|
|
|
12
|
-
import type { ReadableStream } from 'node:stream/web'
|
|
13
|
-
|
|
14
7
|
export const defaultStreamHandler = defineHandlerCallback(
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
)
|
|
23
|
-
|
|
24
|
-
if (isbot(request.headers.get('User-Agent'))) {
|
|
25
|
-
await stream.allReady
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
const responseStream = transformReadableStreamWithRouter(
|
|
29
|
-
router,
|
|
30
|
-
stream as unknown as ReadableStream,
|
|
31
|
-
)
|
|
32
|
-
return new Response(responseStream as any, {
|
|
33
|
-
status: router.state.statusCode,
|
|
34
|
-
headers: responseHeaders,
|
|
35
|
-
})
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
if (typeof ReactDOMServer.renderToPipeableStream === 'function') {
|
|
39
|
-
const reactAppPassthrough = new PassThrough()
|
|
40
|
-
|
|
41
|
-
try {
|
|
42
|
-
const pipeable = ReactDOMServer.renderToPipeableStream(
|
|
43
|
-
<StartServer router={router} />,
|
|
44
|
-
{
|
|
45
|
-
...(isbot(request.headers.get('User-Agent'))
|
|
46
|
-
? {
|
|
47
|
-
onAllReady() {
|
|
48
|
-
pipeable.pipe(reactAppPassthrough)
|
|
49
|
-
},
|
|
50
|
-
}
|
|
51
|
-
: {
|
|
52
|
-
onShellReady() {
|
|
53
|
-
pipeable.pipe(reactAppPassthrough)
|
|
54
|
-
},
|
|
55
|
-
}),
|
|
56
|
-
onError: (error, info) => {
|
|
57
|
-
if (
|
|
58
|
-
error instanceof Error &&
|
|
59
|
-
error.message === 'ShellBoundaryError'
|
|
60
|
-
)
|
|
61
|
-
return
|
|
62
|
-
console.error('Error in renderToPipeableStream:', error, info)
|
|
63
|
-
},
|
|
64
|
-
},
|
|
65
|
-
)
|
|
66
|
-
} catch (e) {
|
|
67
|
-
console.error('Error in renderToPipeableStream:', e)
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
const responseStream = transformPipeableStreamWithRouter(
|
|
71
|
-
router,
|
|
72
|
-
reactAppPassthrough,
|
|
73
|
-
)
|
|
74
|
-
return new Response(responseStream as any, {
|
|
75
|
-
status: router.state.statusCode,
|
|
76
|
-
headers: responseHeaders,
|
|
77
|
-
})
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
throw new Error(
|
|
81
|
-
'No renderToReadableStream or renderToPipeableStream found in react-dom/server. Ensure you are using a version of react-dom that supports streaming.',
|
|
82
|
-
)
|
|
83
|
-
},
|
|
8
|
+
({ request, router, responseHeaders }) =>
|
|
9
|
+
renderRouterToStream({
|
|
10
|
+
request,
|
|
11
|
+
router,
|
|
12
|
+
responseHeaders,
|
|
13
|
+
children: <StartServer router={router} />,
|
|
14
|
+
}),
|
|
84
15
|
)
|