@modern-js/runtime 2.54.6 → 2.56.0
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/{ssr/serverRender/renderToString/index.js → cli/alias.js} +29 -18
- package/dist/cjs/cli/code.js +124 -0
- package/dist/cjs/cli/constants.js +23 -2
- package/dist/cjs/cli/index.js +91 -17
- package/dist/cjs/cli/ssr/index.js +137 -0
- package/dist/cjs/cli/template.js +101 -0
- package/dist/cjs/cli/template.server.js +71 -0
- package/dist/cjs/core/browser/hydrate.js +116 -0
- package/dist/cjs/core/browser/index.js +142 -0
- package/dist/cjs/core/compatible.js +39 -74
- package/dist/cjs/{ssr/serverRender/types.js → core/constants.js} +3 -3
- package/dist/cjs/core/context/index.js +39 -2
- package/dist/cjs/core/context/runtime.js +3 -3
- package/dist/cjs/core/loader/useLoader.js +2 -2
- package/dist/cjs/core/plugin/base.js +0 -4
- package/dist/cjs/core/plugin/index.js +6 -0
- package/dist/cjs/core/react/index.js +51 -0
- package/dist/cjs/{ssr/serverRender → core/server}/helmet.js +11 -2
- package/dist/cjs/core/server/index.js +38 -0
- package/dist/cjs/core/server/requestHandler.js +156 -0
- package/dist/cjs/core/server/server.js +34 -0
- package/dist/cjs/{ssr/serverRender/renderToStream/buildTemplate.share.js → core/server/shared.js} +7 -10
- package/dist/cjs/core/server/stream/afterTemplate.js +80 -0
- package/dist/cjs/{ssr/serverRender/renderToStream/bulidTemplate.before.js → core/server/stream/beforeTemplate.js} +11 -12
- package/dist/cjs/core/server/stream/createReadableStream.js +124 -0
- package/dist/cjs/core/server/stream/createReadableStream.worker.js +105 -0
- package/dist/cjs/core/server/stream/index.js +30 -0
- package/dist/cjs/core/server/stream/shared.js +112 -0
- package/dist/cjs/{ssr/serverRender/renderToStream → core/server/stream}/template.js +6 -10
- package/dist/cjs/core/server/string/index.js +152 -0
- package/dist/cjs/{ssr/serverRender/renderToString → core/server/string}/loadable.js +9 -12
- package/dist/cjs/core/server/string/prefetch.js +112 -0
- package/dist/cjs/core/server/string/ssrData.js +100 -0
- package/dist/cjs/core/server/string/styledComponent.js +53 -0
- package/dist/cjs/core/server/string/types.js +16 -0
- package/dist/cjs/core/server/tracer.js +60 -0
- package/dist/cjs/{ssr/serverRender → core/server}/utils.js +48 -2
- package/dist/cjs/{ssr/serverRender/renderToString/styledComponent.js → core/utils/merge.js} +28 -19
- package/dist/cjs/router/cli/code/index.js +12 -8
- package/dist/cjs/router/cli/code/templates.js +58 -3
- package/dist/cjs/router/cli/constants.js +6 -0
- package/dist/cjs/router/cli/entry.js +16 -17
- package/dist/cjs/router/cli/handler.js +22 -5
- package/dist/cjs/router/cli/index.js +29 -56
- package/dist/cjs/router/runtime/PrefetchLink.js +1 -1
- package/dist/cjs/router/runtime/index.js +2 -0
- package/dist/cjs/router/runtime/plugin.js +13 -40
- package/dist/cjs/router/runtime/plugin.node.js +24 -46
- package/dist/cjs/state/cli/index.js +7 -35
- package/dist/cjs/state/runtime/plugin.js +6 -15
- package/dist/esm/cli/alias.js +30 -0
- package/dist/esm/cli/code.js +131 -0
- package/dist/esm/cli/constants.js +15 -1
- package/dist/esm/cli/index.js +110 -18
- package/dist/esm/{ssr/cli → cli/ssr}/babel-plugin-ssr-loader-id.js +1 -1
- package/dist/esm/cli/ssr/index.js +127 -0
- package/dist/esm/{ssr/cli → cli/ssr}/loadable-bundler-plugin.js +1 -1
- package/dist/esm/cli/template.js +53 -0
- package/dist/esm/cli/template.server.js +26 -0
- package/dist/esm/core/browser/hydrate.js +88 -0
- package/dist/esm/core/browser/index.js +242 -0
- package/dist/esm/core/compatible.js +48 -90
- package/dist/esm/core/context/index.js +32 -1
- package/dist/esm/core/context/runtime.js +3 -2
- package/dist/esm/core/loader/useLoader.js +2 -2
- package/dist/esm/core/plugin/base.js +0 -4
- package/dist/esm/core/plugin/index.js +10 -0
- package/dist/esm/core/react/index.js +31 -0
- package/dist/esm/{ssr/serverRender → core/server}/helmet.js +10 -2
- package/dist/esm/core/server/index.js +16 -0
- package/dist/esm/core/server/react/prerender/type.js +0 -0
- package/dist/esm/core/server/requestHandler.js +181 -0
- package/dist/esm/core/server/server.js +8 -0
- package/dist/esm/core/server/shared.js +10 -0
- package/dist/esm/core/server/stream/afterTemplate.js +60 -0
- package/dist/esm/{ssr/serverRender/renderToStream/bulidTemplate.before.js → core/server/stream/beforeTemplate.js} +10 -11
- package/dist/esm/{ssr/serverRender/renderToStream/renderToPipe.js → core/server/stream/createReadableStream.js} +43 -38
- package/dist/esm/core/server/stream/createReadableStream.worker.js +142 -0
- package/dist/esm/core/server/stream/index.js +6 -0
- package/dist/esm/core/server/stream/shared.js +102 -0
- package/dist/esm/core/server/stream/template.js +42 -0
- package/dist/esm/core/server/string/index.js +219 -0
- package/dist/esm/{ssr/serverRender/renderToString → core/server/string}/loadable.js +10 -13
- package/dist/esm/{ssr → core/server/string}/prefetch.js +28 -22
- package/dist/esm/core/server/string/ssrData.js +83 -0
- package/dist/esm/core/server/string/styledComponent.js +34 -0
- package/dist/esm/core/server/string/types.js +0 -0
- package/dist/esm/core/server/tracer.js +34 -0
- package/dist/esm/core/server/utils.js +83 -0
- package/dist/esm/core/utils/merge.js +32 -0
- package/dist/esm/router/cli/code/index.js +13 -10
- package/dist/esm/router/cli/code/templates.js +100 -7
- package/dist/esm/router/cli/constants.js +4 -0
- package/dist/esm/router/cli/entry.js +19 -19
- package/dist/esm/router/cli/handler.js +70 -8
- package/dist/esm/router/cli/index.js +52 -65
- package/dist/esm/router/runtime/PrefetchLink.js +1 -1
- package/dist/esm/router/runtime/index.js +1 -0
- package/dist/esm/router/runtime/plugin.js +12 -20
- package/dist/esm/router/runtime/plugin.node.js +26 -82
- package/dist/esm/state/cli/index.js +9 -38
- package/dist/esm/state/runtime/plugin.js +5 -5
- package/dist/esm-node/cli/alias.js +28 -0
- package/dist/esm-node/cli/code.js +90 -0
- package/dist/esm-node/cli/constants.js +15 -1
- package/dist/esm-node/cli/index.js +83 -13
- package/dist/esm-node/{ssr/cli → cli/ssr}/babel-plugin-ssr-loader-id.js +1 -1
- package/dist/esm-node/cli/ssr/index.js +103 -0
- package/dist/esm-node/{ssr/cli → cli/ssr}/loadable-bundler-plugin.js +1 -1
- package/dist/esm-node/cli/template.js +64 -0
- package/dist/esm-node/cli/template.server.js +47 -0
- package/dist/esm-node/core/browser/hydrate.js +81 -0
- package/dist/esm-node/core/browser/index.js +108 -0
- package/dist/esm-node/core/compatible.js +39 -74
- package/dist/esm-node/core/context/index.js +32 -1
- package/dist/esm-node/core/context/runtime.js +3 -3
- package/dist/esm-node/core/loader/useLoader.js +2 -2
- package/dist/esm-node/core/plugin/base.js +0 -4
- package/dist/esm-node/core/plugin/index.js +5 -0
- package/dist/esm-node/core/react/index.js +27 -0
- package/dist/esm-node/{ssr/serverRender → core/server}/helmet.js +6 -2
- package/dist/esm-node/core/server/index.js +12 -0
- package/dist/esm-node/core/server/requestHandler.js +132 -0
- package/dist/esm-node/core/server/server.js +8 -0
- package/dist/esm-node/core/server/shared.js +6 -0
- package/dist/esm-node/core/server/stream/afterTemplate.js +56 -0
- package/dist/esm-node/{ssr/serverRender/renderToStream/bulidTemplate.before.js → core/server/stream/beforeTemplate.js} +8 -9
- package/dist/esm-node/{ssr/serverRender/renderToStream/renderToPipe.js → core/server/stream/createReadableStream.js} +41 -35
- package/dist/esm-node/core/server/stream/createReadableStream.worker.js +71 -0
- package/dist/esm-node/core/server/stream/index.js +6 -0
- package/dist/esm-node/core/server/stream/shared.js +75 -0
- package/dist/esm-node/core/server/stream/template.js +15 -0
- package/dist/esm-node/core/server/string/index.js +118 -0
- package/dist/esm-node/{ssr/serverRender/renderToString → core/server/string}/loadable.js +8 -11
- package/dist/esm-node/core/server/string/prefetch.js +78 -0
- package/dist/esm-node/core/server/string/ssrData.js +76 -0
- package/dist/esm-node/core/server/string/styledComponent.js +29 -0
- package/dist/esm-node/core/server/tracer.js +33 -0
- package/dist/esm-node/core/server/utils.js +60 -0
- package/dist/esm-node/core/utils/merge.js +29 -0
- package/dist/esm-node/router/cli/code/index.js +10 -7
- package/dist/esm-node/router/cli/code/templates.js +60 -6
- package/dist/esm-node/router/cli/constants.js +4 -0
- package/dist/esm-node/router/cli/entry.js +16 -17
- package/dist/esm-node/router/cli/handler.js +21 -5
- package/dist/esm-node/router/cli/index.js +31 -58
- package/dist/esm-node/router/runtime/PrefetchLink.js +1 -1
- package/dist/esm-node/router/runtime/index.js +1 -0
- package/dist/esm-node/router/runtime/plugin.js +13 -30
- package/dist/esm-node/router/runtime/plugin.node.js +25 -46
- package/dist/esm-node/state/cli/index.js +8 -36
- package/dist/esm-node/state/runtime/plugin.js +5 -5
- package/dist/types/cli/alias.d.ts +7 -0
- package/dist/types/cli/code.d.ts +10 -0
- package/dist/types/cli/constants.d.ts +7 -0
- package/dist/types/cli/index.d.ts +8 -1
- package/dist/types/cli/template.d.ts +27 -0
- package/dist/types/cli/template.server.d.ts +15 -0
- package/dist/types/common.d.ts +9 -0
- package/dist/types/core/browser/hydrate.d.ts +5 -0
- package/dist/types/core/browser/index.d.ts +3 -0
- package/dist/types/core/config.d.ts +5 -6
- package/dist/types/core/constants.d.ts +5 -0
- package/dist/types/core/context/index.d.ts +34 -1
- package/dist/types/core/context/runtime.d.ts +2 -2
- package/dist/types/core/plugin/base.d.ts +3 -33
- package/dist/types/core/plugin/index.d.ts +2 -11
- package/dist/types/core/plugin/runner.d.ts +1 -11
- package/dist/types/core/react/index.d.ts +6 -0
- package/dist/types/core/server/helmet.d.ts +3 -0
- package/dist/types/core/server/index.d.ts +4 -0
- package/dist/types/core/server/requestHandler.d.ts +11 -0
- package/dist/types/core/server/server.d.ts +4 -0
- package/dist/types/core/server/shared.d.ts +9 -0
- package/dist/types/core/server/stream/afterTemplate.d.ts +12 -0
- package/dist/types/core/server/stream/beforeTemplate.d.ts +8 -0
- package/dist/types/core/server/stream/createReadableStream.d.ts +2 -0
- package/dist/types/core/server/stream/createReadableStream.worker.d.ts +2 -0
- package/dist/types/core/server/stream/index.d.ts +1 -0
- package/dist/types/core/server/stream/shared.d.ts +22 -0
- package/dist/types/core/server/stream/template.d.ts +9 -0
- package/dist/types/core/server/string/index.d.ts +2 -0
- package/dist/types/core/server/string/loadable.d.ts +35 -0
- package/dist/types/core/server/string/prefetch.d.ts +16 -0
- package/dist/types/core/server/string/ssrData.d.ts +18 -0
- package/dist/types/core/server/string/styledComponent.d.ts +11 -0
- package/dist/types/core/server/string/types.d.ts +12 -0
- package/dist/types/core/server/tracer.d.ts +21 -0
- package/dist/types/core/server/utils.d.ts +19 -0
- package/dist/types/core/types.d.ts +35 -1
- package/dist/types/core/utils/merge.d.ts +6 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/router/cli/code/index.d.ts +3 -4
- package/dist/types/router/cli/code/templates.d.ts +9 -1
- package/dist/types/router/cli/constants.d.ts +2 -0
- package/dist/types/router/cli/handler.d.ts +1 -0
- package/dist/types/router/runtime/index.d.ts +1 -0
- package/dist/types/router/runtime/plugin.d.ts +1 -1
- package/dist/types/router/runtime/plugin.node.d.ts +1 -3
- package/dist/types/router/runtime/types.d.ts +1 -2
- package/dist/types/state/runtime/plugin.d.ts +2 -2
- package/package.json +52 -45
- package/types/router.d.ts +7 -2
- package/dist/cjs/ssr/cli/index.js +0 -200
- package/dist/cjs/ssr/index.js +0 -183
- package/dist/cjs/ssr/index.node.js +0 -86
- package/dist/cjs/ssr/prefetch.js +0 -92
- package/dist/cjs/ssr/serverRender/index.js +0 -39
- package/dist/cjs/ssr/serverRender/renderToStream/buildTemplate.after.js +0 -74
- package/dist/cjs/ssr/serverRender/renderToStream/index.js +0 -74
- package/dist/cjs/ssr/serverRender/renderToStream/renderToPipe.js +0 -104
- package/dist/cjs/ssr/serverRender/renderToStream/renderToPipe.worker.js +0 -108
- package/dist/cjs/ssr/serverRender/renderToString/buildHtml.js +0 -52
- package/dist/cjs/ssr/serverRender/renderToString/entry.js +0 -179
- package/dist/cjs/ssr/serverRender/renderToString/render.js +0 -61
- package/dist/cjs/ssr/serverRender/tracker.js +0 -113
- package/dist/cjs/ssr/utils.js +0 -94
- package/dist/esm/ssr/cli/index.js +0 -194
- package/dist/esm/ssr/index.js +0 -169
- package/dist/esm/ssr/index.node.js +0 -78
- package/dist/esm/ssr/serverRender/index.js +0 -55
- package/dist/esm/ssr/serverRender/renderToStream/buildTemplate.after.js +0 -48
- package/dist/esm/ssr/serverRender/renderToStream/buildTemplate.share.js +0 -12
- package/dist/esm/ssr/serverRender/renderToStream/index.js +0 -49
- package/dist/esm/ssr/serverRender/renderToStream/renderToPipe.worker.js +0 -164
- package/dist/esm/ssr/serverRender/renderToStream/template.js +0 -46
- package/dist/esm/ssr/serverRender/renderToString/buildHtml.js +0 -34
- package/dist/esm/ssr/serverRender/renderToString/entry.js +0 -257
- package/dist/esm/ssr/serverRender/renderToString/index.js +0 -34
- package/dist/esm/ssr/serverRender/renderToString/render.js +0 -55
- package/dist/esm/ssr/serverRender/renderToString/styledComponent.js +0 -25
- package/dist/esm/ssr/serverRender/tracker.js +0 -82
- package/dist/esm/ssr/serverRender/utils.js +0 -21
- package/dist/esm/ssr/utils.js +0 -59
- package/dist/esm-node/ssr/cli/index.js +0 -166
- package/dist/esm-node/ssr/index.js +0 -147
- package/dist/esm-node/ssr/index.node.js +0 -50
- package/dist/esm-node/ssr/prefetch.js +0 -72
- package/dist/esm-node/ssr/serverRender/index.js +0 -19
- package/dist/esm-node/ssr/serverRender/renderToStream/buildTemplate.after.js +0 -50
- package/dist/esm-node/ssr/serverRender/renderToStream/buildTemplate.share.js +0 -8
- package/dist/esm-node/ssr/serverRender/renderToStream/index.js +0 -40
- package/dist/esm-node/ssr/serverRender/renderToStream/renderToPipe.worker.js +0 -88
- package/dist/esm-node/ssr/serverRender/renderToStream/template.js +0 -19
- package/dist/esm-node/ssr/serverRender/renderToString/buildHtml.js +0 -24
- package/dist/esm-node/ssr/serverRender/renderToString/entry.js +0 -149
- package/dist/esm-node/ssr/serverRender/renderToString/index.js +0 -17
- package/dist/esm-node/ssr/serverRender/renderToString/render.js +0 -27
- package/dist/esm-node/ssr/serverRender/renderToString/styledComponent.js +0 -20
- package/dist/esm-node/ssr/serverRender/tracker.js +0 -87
- package/dist/esm-node/ssr/serverRender/utils.js +0 -17
- package/dist/esm-node/ssr/utils.js +0 -57
- package/dist/types/ssr/index.d.ts +0 -11
- package/dist/types/ssr/index.node.d.ts +0 -5
- package/dist/types/ssr/prefetch.d.ts +0 -16
- package/dist/types/ssr/serverRender/helmet.d.ts +0 -2
- package/dist/types/ssr/serverRender/index.d.ts +0 -2
- package/dist/types/ssr/serverRender/renderToStream/buildTemplate.after.d.ts +0 -7
- package/dist/types/ssr/serverRender/renderToStream/buildTemplate.share.d.ts +0 -3
- package/dist/types/ssr/serverRender/renderToStream/bulidTemplate.before.d.ts +0 -2
- package/dist/types/ssr/serverRender/renderToStream/index.d.ts +0 -3
- package/dist/types/ssr/serverRender/renderToStream/renderToPipe.d.ts +0 -7
- package/dist/types/ssr/serverRender/renderToStream/renderToPipe.worker.d.ts +0 -12
- package/dist/types/ssr/serverRender/renderToStream/template.d.ts +0 -6
- package/dist/types/ssr/serverRender/renderToString/buildHtml.d.ts +0 -6
- package/dist/types/ssr/serverRender/renderToString/entry.d.ts +0 -24
- package/dist/types/ssr/serverRender/renderToString/index.d.ts +0 -2
- package/dist/types/ssr/serverRender/renderToString/loadable.d.ts +0 -26
- package/dist/types/ssr/serverRender/renderToString/render.d.ts +0 -16
- package/dist/types/ssr/serverRender/renderToString/styledComponent.d.ts +0 -15
- package/dist/types/ssr/serverRender/tracker.d.ts +0 -20
- package/dist/types/ssr/serverRender/types.d.ts +0 -49
- package/dist/types/ssr/serverRender/utils.d.ts +0 -9
- package/dist/types/ssr/utils.d.ts +0 -10
- /package/dist/cjs/{ssr/cli → cli/ssr}/babel-plugin-ssr-loader-id.js +0 -0
- /package/dist/cjs/{ssr/cli → cli/ssr}/loadable-bundler-plugin.js +0 -0
- /package/dist/cjs/{ssr/react/withCallback/index.js → core/browser/withCallback.js} +0 -0
- /package/dist/cjs/{ssr/serverRender → core/server}/constants.js +0 -0
- /package/dist/cjs/{ssr → core/server}/react/index.js +0 -0
- /package/dist/cjs/{ssr → core/server}/react/nossr/index.js +0 -0
- /package/dist/cjs/{ssr → core/server}/react/prerender/index.js +0 -0
- /package/dist/cjs/{ssr → core/server}/react/prerender/type.js +0 -0
- /package/dist/cjs/{ssr → core/server}/react/prerender/util.js +0 -0
- /package/dist/esm/{ssr/react/withCallback/index.js → core/browser/withCallback.js} +0 -0
- /package/dist/esm/{ssr/serverRender/types.js → core/constants.js} +0 -0
- /package/dist/esm/{ssr/serverRender → core/server}/constants.js +0 -0
- /package/dist/esm/{ssr → core/server}/react/index.js +0 -0
- /package/dist/esm/{ssr → core/server}/react/nossr/index.js +0 -0
- /package/dist/esm/{ssr → core/server}/react/prerender/index.js +0 -0
- /package/dist/esm/{ssr → core/server}/react/prerender/util.js +0 -0
- /package/dist/esm-node/{ssr/react/withCallback/index.js → core/browser/withCallback.js} +0 -0
- /package/dist/esm-node/{ssr/serverRender/types.js → core/constants.js} +0 -0
- /package/dist/esm-node/{ssr/serverRender → core/server}/constants.js +0 -0
- /package/dist/esm-node/{ssr → core/server}/react/index.js +0 -0
- /package/dist/esm-node/{ssr → core/server}/react/nossr/index.js +0 -0
- /package/dist/esm-node/{ssr → core/server}/react/prerender/index.js +0 -0
- /package/dist/esm-node/{ssr → core/server}/react/prerender/type.js +0 -0
- /package/dist/esm-node/{ssr → core/server}/react/prerender/util.js +0 -0
- /package/dist/{esm/ssr/react/prerender/type.js → esm-node/core/server/string/types.js} +0 -0
- /package/dist/types/{ssr/cli → cli/ssr}/babel-plugin-ssr-loader-id.d.ts +0 -0
- /package/dist/types/{ssr/cli → cli/ssr}/index.d.ts +0 -0
- /package/dist/types/{ssr/cli → cli/ssr}/loadable-bundler-plugin.d.ts +0 -0
- /package/dist/types/{ssr/react/withCallback/index.d.ts → core/browser/withCallback.d.ts} +0 -0
- /package/dist/types/{ssr/serverRender → core/server}/constants.d.ts +0 -0
- /package/dist/types/{ssr → core/server}/react/index.d.ts +0 -0
- /package/dist/types/{ssr → core/server}/react/nossr/index.d.ts +0 -0
- /package/dist/types/{ssr → core/server}/react/prerender/index.d.ts +0 -0
- /package/dist/types/{ssr → core/server}/react/prerender/type.d.ts +0 -0
- /package/dist/types/{ssr → core/server}/react/prerender/util.d.ts +0 -0
|
@@ -1,46 +1,46 @@
|
|
|
1
1
|
import { Transform } from "stream";
|
|
2
|
+
import { renderToPipeableStream } from "react-dom/server";
|
|
3
|
+
import { createReadableStreamFromReadable } from "@modern-js/runtime-utils/node";
|
|
2
4
|
import { ServerStyleSheet } from "styled-components";
|
|
3
|
-
import
|
|
5
|
+
import checkIsBot from "isbot";
|
|
4
6
|
import { ESCAPED_SHELL_STREAM_END_MARK } from "../../../common";
|
|
7
|
+
import { RenderLevel } from "../../constants";
|
|
5
8
|
import { getTemplates } from "./template";
|
|
6
|
-
|
|
7
|
-
(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
function renderToPipe(rootElement, context, pluginConfig, options) {
|
|
12
|
-
var _context_ssrContext;
|
|
13
|
-
let shellChunkStatus = 0;
|
|
9
|
+
import { ShellChunkStatus, getReadableStreamFromString } from "./shared";
|
|
10
|
+
const createReadableStreamFromElement = (request, rootElement, options) => {
|
|
11
|
+
const { runtimeContext, htmlTemplate, config, ssrConfig } = options;
|
|
12
|
+
let shellChunkStatus = ShellChunkStatus.START;
|
|
13
|
+
let renderLevel = RenderLevel.SERVER_RENDER;
|
|
14
14
|
const forceStream2String = Boolean(process.env.MODERN_JS_STREAM_TO_STRING);
|
|
15
|
-
const
|
|
15
|
+
const isbot = checkIsBot(request.headers.get("user-agent"));
|
|
16
|
+
const onReady = isbot || forceStream2String ? "onAllReady" : "onShellReady";
|
|
16
17
|
const sheet = new ServerStyleSheet();
|
|
17
|
-
const { ssrContext } = context;
|
|
18
18
|
const chunkVec = [];
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
try {
|
|
22
|
-
({ renderToPipeableStream } = require("react-dom/server"));
|
|
23
|
-
} catch (e) {
|
|
24
|
-
}
|
|
25
|
-
const root = forceStream2String ? sheet.collectStyles(rootElement) : rootElement;
|
|
26
|
-
let renderLevel = RenderLevel.SERVER_RENDER;
|
|
19
|
+
const root = forceStream2String ? sheet.collectStyles(rootElement) : rootElement;
|
|
20
|
+
return new Promise((resolve) => {
|
|
27
21
|
const { pipe } = renderToPipeableStream(root, {
|
|
28
|
-
|
|
29
|
-
nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
|
|
22
|
+
nonce: config.nonce,
|
|
30
23
|
[onReady]() {
|
|
24
|
+
var _options_onReady;
|
|
31
25
|
const styledComponentsStyleTags = forceStream2String ? sheet.getStyleTags() : "";
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
26
|
+
(_options_onReady = options[onReady]) === null || _options_onReady === void 0 ? void 0 : _options_onReady.call(options);
|
|
27
|
+
getTemplates(htmlTemplate, {
|
|
28
|
+
request,
|
|
29
|
+
ssrConfig,
|
|
30
|
+
renderLevel,
|
|
31
|
+
runtimeContext,
|
|
32
|
+
config,
|
|
33
|
+
styledComponentsStyleTags
|
|
34
|
+
}).then(({ shellAfter, shellBefore }) => {
|
|
35
|
+
const body = new Transform({
|
|
36
36
|
transform(chunk, _encoding, callback) {
|
|
37
37
|
try {
|
|
38
|
-
if (shellChunkStatus !==
|
|
38
|
+
if (shellChunkStatus !== ShellChunkStatus.FINISH) {
|
|
39
39
|
chunkVec.push(chunk.toString());
|
|
40
40
|
let concatedChunk = chunkVec.join("");
|
|
41
41
|
if (concatedChunk.includes(ESCAPED_SHELL_STREAM_END_MARK)) {
|
|
42
42
|
concatedChunk = concatedChunk.replace(ESCAPED_SHELL_STREAM_END_MARK, "");
|
|
43
|
-
shellChunkStatus =
|
|
43
|
+
shellChunkStatus = ShellChunkStatus.FINISH;
|
|
44
44
|
this.push(`${shellBefore}${concatedChunk}${shellAfter}`);
|
|
45
45
|
}
|
|
46
46
|
} else {
|
|
@@ -56,16 +56,24 @@ function renderToPipe(rootElement, context, pluginConfig, options) {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
|
-
|
|
60
|
-
resolve(
|
|
59
|
+
const stream = createReadableStreamFromReadable(body);
|
|
60
|
+
resolve(stream);
|
|
61
|
+
pipe(body);
|
|
61
62
|
});
|
|
62
63
|
},
|
|
63
64
|
onShellError(error) {
|
|
64
65
|
renderLevel = RenderLevel.CLIENT_RENDER;
|
|
65
|
-
getTemplates(
|
|
66
|
+
getTemplates(htmlTemplate, {
|
|
67
|
+
request,
|
|
68
|
+
ssrConfig,
|
|
69
|
+
renderLevel,
|
|
70
|
+
runtimeContext,
|
|
71
|
+
config
|
|
72
|
+
}).then(({ shellAfter, shellBefore }) => {
|
|
66
73
|
var _options_onShellError;
|
|
67
74
|
const fallbackHtml = `${shellBefore}${shellAfter}`;
|
|
68
|
-
|
|
75
|
+
const readableStream = getReadableStreamFromString(fallbackHtml);
|
|
76
|
+
resolve(readableStream);
|
|
69
77
|
options === null || options === void 0 ? void 0 : (_options_onShellError = options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(options, error);
|
|
70
78
|
});
|
|
71
79
|
},
|
|
@@ -76,9 +84,7 @@ function renderToPipe(rootElement, context, pluginConfig, options) {
|
|
|
76
84
|
}
|
|
77
85
|
});
|
|
78
86
|
});
|
|
79
|
-
|
|
80
|
-
}
|
|
81
|
-
var renderToPipe_default = renderToPipe;
|
|
87
|
+
};
|
|
82
88
|
export {
|
|
83
|
-
|
|
89
|
+
createReadableStreamFromElement
|
|
84
90
|
};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { renderToReadableStream } from "react-dom/server";
|
|
2
|
+
import checkIsBot from "isbot";
|
|
3
|
+
import { RenderLevel } from "../../constants";
|
|
4
|
+
import { ESCAPED_SHELL_STREAM_END_MARK } from "../../../common";
|
|
5
|
+
import { ShellChunkStatus, encodeForWebStream, getReadableStreamFromString } from "./shared";
|
|
6
|
+
import { getTemplates } from "./template";
|
|
7
|
+
const createReadableStreamFromElement = async (request, rootElement, options) => {
|
|
8
|
+
let shellChunkStatus = ShellChunkStatus.START;
|
|
9
|
+
const chunkVec = [];
|
|
10
|
+
const { htmlTemplate, runtimeContext, config, ssrConfig } = options;
|
|
11
|
+
const { shellBefore, shellAfter } = await getTemplates(htmlTemplate, {
|
|
12
|
+
renderLevel: RenderLevel.SERVER_RENDER,
|
|
13
|
+
runtimeContext,
|
|
14
|
+
ssrConfig,
|
|
15
|
+
request,
|
|
16
|
+
config
|
|
17
|
+
});
|
|
18
|
+
try {
|
|
19
|
+
var _options_onShellReady;
|
|
20
|
+
const readableOriginal = await renderToReadableStream(rootElement, {
|
|
21
|
+
nonce: config.nonce,
|
|
22
|
+
onError(error) {
|
|
23
|
+
var _options_onError;
|
|
24
|
+
(_options_onError = options.onError) === null || _options_onError === void 0 ? void 0 : _options_onError.call(options, error);
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
(_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
|
|
28
|
+
readableOriginal.allReady.then(() => {
|
|
29
|
+
var _options_onAllReady;
|
|
30
|
+
options === null || options === void 0 ? void 0 : (_options_onAllReady = options.onAllReady) === null || _options_onAllReady === void 0 ? void 0 : _options_onAllReady.call(options);
|
|
31
|
+
});
|
|
32
|
+
const isbot = checkIsBot(request.headers.get("user-agent"));
|
|
33
|
+
if (isbot) {
|
|
34
|
+
await readableOriginal.allReady;
|
|
35
|
+
}
|
|
36
|
+
const reader = readableOriginal.getReader();
|
|
37
|
+
const stream = new ReadableStream({
|
|
38
|
+
start(controller) {
|
|
39
|
+
async function push() {
|
|
40
|
+
const { done, value } = await reader.read();
|
|
41
|
+
if (done) {
|
|
42
|
+
controller.close();
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
if (shellChunkStatus !== ShellChunkStatus.FINISH) {
|
|
46
|
+
const chunk = new TextDecoder().decode(value);
|
|
47
|
+
chunkVec.push(chunk);
|
|
48
|
+
let concatedChunk = chunkVec.join("");
|
|
49
|
+
if (concatedChunk.endsWith(ESCAPED_SHELL_STREAM_END_MARK)) {
|
|
50
|
+
concatedChunk = concatedChunk.replace(ESCAPED_SHELL_STREAM_END_MARK, "");
|
|
51
|
+
shellChunkStatus = ShellChunkStatus.FINISH;
|
|
52
|
+
controller.enqueue(encodeForWebStream(`${shellBefore}${concatedChunk}${shellAfter}`));
|
|
53
|
+
}
|
|
54
|
+
} else {
|
|
55
|
+
controller.enqueue(value);
|
|
56
|
+
}
|
|
57
|
+
push();
|
|
58
|
+
}
|
|
59
|
+
push();
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
return stream;
|
|
63
|
+
} catch (e) {
|
|
64
|
+
const fallbackHtml = `${shellBefore}${shellAfter}`;
|
|
65
|
+
const stream = getReadableStreamFromString(fallbackHtml);
|
|
66
|
+
return stream;
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
export {
|
|
70
|
+
createReadableStreamFromElement
|
|
71
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { time } from "@modern-js/runtime-utils/time";
|
|
2
|
+
import { parseHeaders } from "@modern-js/runtime-utils/universal/request";
|
|
3
|
+
import { run } from "@modern-js/runtime-utils/node";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { SSRErrors, SSRTimings, createOnError, createOnTiming } from "../tracer";
|
|
6
|
+
import { getSSRConfigByEntry } from "../utils";
|
|
7
|
+
var ShellChunkStatus;
|
|
8
|
+
(function(ShellChunkStatus2) {
|
|
9
|
+
ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
|
|
10
|
+
ShellChunkStatus2[ShellChunkStatus2["FINISH"] = 1] = "FINISH";
|
|
11
|
+
})(ShellChunkStatus || (ShellChunkStatus = {}));
|
|
12
|
+
let encoder;
|
|
13
|
+
function encodeForWebStream(thing) {
|
|
14
|
+
if (!encoder) {
|
|
15
|
+
encoder = new TextEncoder();
|
|
16
|
+
}
|
|
17
|
+
if (typeof thing === "string") {
|
|
18
|
+
return encoder.encode(thing);
|
|
19
|
+
}
|
|
20
|
+
return thing;
|
|
21
|
+
}
|
|
22
|
+
function getReadableStreamFromString(content) {
|
|
23
|
+
const readableStream = new ReadableStream({
|
|
24
|
+
start(controller) {
|
|
25
|
+
controller.enqueue(encodeForWebStream(content));
|
|
26
|
+
controller.close();
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
return readableStream;
|
|
30
|
+
}
|
|
31
|
+
function createRenderStreaming(createReadableStreamFromElement) {
|
|
32
|
+
return async (request, serverRoot, options) => {
|
|
33
|
+
const headersData = parseHeaders(request);
|
|
34
|
+
return run(headersData, async () => {
|
|
35
|
+
const end = time();
|
|
36
|
+
const { runtimeContext, config, resource, staticGenerate } = options;
|
|
37
|
+
const onError = createOnError(options.onError);
|
|
38
|
+
const onTiming = createOnTiming(options.onTiming);
|
|
39
|
+
const { htmlTemplate, entryName } = resource;
|
|
40
|
+
const ssrConfig = getSSRConfigByEntry(entryName, config.ssr, config.ssrByEntries, staticGenerate);
|
|
41
|
+
const rootElement = React.cloneElement(serverRoot, {
|
|
42
|
+
_internal_context: Object.assign(runtimeContext, {
|
|
43
|
+
ssr: true
|
|
44
|
+
})
|
|
45
|
+
});
|
|
46
|
+
const stream = await createReadableStreamFromElement(request, rootElement, {
|
|
47
|
+
config,
|
|
48
|
+
htmlTemplate,
|
|
49
|
+
runtimeContext,
|
|
50
|
+
ssrConfig,
|
|
51
|
+
onShellReady() {
|
|
52
|
+
const cost = end();
|
|
53
|
+
onTiming(SSRTimings.RENDER_SHELL, cost);
|
|
54
|
+
},
|
|
55
|
+
onAllReady() {
|
|
56
|
+
const cost = end();
|
|
57
|
+
onTiming(SSRTimings.RENDER_HTML, cost);
|
|
58
|
+
},
|
|
59
|
+
onShellError(error) {
|
|
60
|
+
onError(SSRErrors.RENDER_SHELL, error);
|
|
61
|
+
},
|
|
62
|
+
onError(error) {
|
|
63
|
+
onError(SSRErrors.RENDER_STREAM, error);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
return stream;
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
export {
|
|
71
|
+
ShellChunkStatus,
|
|
72
|
+
createRenderStreaming,
|
|
73
|
+
encodeForWebStream,
|
|
74
|
+
getReadableStreamFromString
|
|
75
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { buildShellBeforeTemplate } from "./beforeTemplate";
|
|
2
|
+
import { buildShellAfterTemplate } from "./afterTemplate";
|
|
3
|
+
const HTML_SEPARATOR = "<!--<?- html ?>-->";
|
|
4
|
+
const getTemplates = async (htmlTemplate, options) => {
|
|
5
|
+
const [beforeAppTemplate = "", afterAppHtmlTemplate = ""] = htmlTemplate.split(HTML_SEPARATOR) || [];
|
|
6
|
+
const builtBeforeTemplate = await buildShellBeforeTemplate(beforeAppTemplate, options);
|
|
7
|
+
const builtAfterTemplate = await buildShellAfterTemplate(afterAppHtmlTemplate, options);
|
|
8
|
+
return {
|
|
9
|
+
shellBefore: builtBeforeTemplate,
|
|
10
|
+
shellAfter: builtAfterTemplate
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
getTemplates
|
|
15
|
+
};
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import ReactHelmet from "react-helmet";
|
|
2
|
+
import ReactDomServer from "react-dom/server";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { time } from "@modern-js/runtime-utils/time";
|
|
5
|
+
import { run } from "@modern-js/runtime-utils/node";
|
|
6
|
+
import { parseHeaders } from "@modern-js/runtime-utils/universal/request";
|
|
7
|
+
import { createReplaceHelemt } from "../helmet";
|
|
8
|
+
import { getSSRConfigByEntry, safeReplace } from "../utils";
|
|
9
|
+
import { CHUNK_CSS_PLACEHOLDER, CHUNK_JS_PLACEHOLDER, HTML_PLACEHOLDER, SSR_DATA_PLACEHOLDER } from "../constants";
|
|
10
|
+
import { buildHtml } from "../shared";
|
|
11
|
+
import { SSRErrors, SSRTimings, createOnError, createOnTiming } from "../tracer";
|
|
12
|
+
import { RenderLevel } from "../../constants";
|
|
13
|
+
import { SSRDataCollector } from "./ssrData";
|
|
14
|
+
import { LoadableCollector } from "./loadable";
|
|
15
|
+
import { StyledCollector } from "./styledComponent";
|
|
16
|
+
import { prefetch } from "./prefetch";
|
|
17
|
+
const renderString = async (request, serverRoot, options) => {
|
|
18
|
+
const headersData = parseHeaders(request);
|
|
19
|
+
return run(headersData, async () => {
|
|
20
|
+
var _runtimeContext_ssrContext;
|
|
21
|
+
const { resource, runtimeContext, config, onError, onTiming, staticGenerate } = options;
|
|
22
|
+
const tracer = {
|
|
23
|
+
onError: createOnError(onError),
|
|
24
|
+
onTiming: createOnTiming(onTiming)
|
|
25
|
+
};
|
|
26
|
+
const routerContext = runtimeContext.routerContext;
|
|
27
|
+
const { htmlTemplate, entryName, loadableStats, routeManifest } = resource;
|
|
28
|
+
const ssrConfig = getSSRConfigByEntry(entryName, config.ssr, config.ssrByEntries, staticGenerate);
|
|
29
|
+
const chunkSet = {
|
|
30
|
+
renderLevel: RenderLevel.CLIENT_RENDER,
|
|
31
|
+
ssrScripts: "",
|
|
32
|
+
jsChunk: "",
|
|
33
|
+
cssChunk: ""
|
|
34
|
+
};
|
|
35
|
+
let prefetchData = {};
|
|
36
|
+
try {
|
|
37
|
+
prefetchData = await prefetch(serverRoot, request, options, ssrConfig, tracer);
|
|
38
|
+
chunkSet.renderLevel = RenderLevel.SERVER_PREFETCH;
|
|
39
|
+
} catch (e) {
|
|
40
|
+
chunkSet.renderLevel = RenderLevel.CLIENT_RENDER;
|
|
41
|
+
}
|
|
42
|
+
const collectors = [
|
|
43
|
+
new StyledCollector(chunkSet),
|
|
44
|
+
new LoadableCollector({
|
|
45
|
+
stats: loadableStats,
|
|
46
|
+
nonce: config.nonce,
|
|
47
|
+
routeManifest,
|
|
48
|
+
template: htmlTemplate,
|
|
49
|
+
entryName,
|
|
50
|
+
chunkSet,
|
|
51
|
+
config
|
|
52
|
+
}),
|
|
53
|
+
new SSRDataCollector({
|
|
54
|
+
request,
|
|
55
|
+
prefetchData,
|
|
56
|
+
ssrConfig,
|
|
57
|
+
ssrContext: runtimeContext.ssrContext,
|
|
58
|
+
chunkSet,
|
|
59
|
+
routerContext,
|
|
60
|
+
nonce: config.nonce
|
|
61
|
+
})
|
|
62
|
+
];
|
|
63
|
+
const rootElement = React.cloneElement(serverRoot, {
|
|
64
|
+
_internal_context: Object.assign(runtimeContext, {
|
|
65
|
+
ssr: true
|
|
66
|
+
})
|
|
67
|
+
});
|
|
68
|
+
const html = await generateHtml(rootElement, htmlTemplate, chunkSet, collectors, ((_runtimeContext_ssrContext = runtimeContext.ssrContext) === null || _runtimeContext_ssrContext === void 0 ? void 0 : _runtimeContext_ssrContext.htmlModifiers) || [], tracer);
|
|
69
|
+
return html;
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
async function generateHtml(App, htmlTemplate, chunkSet, collectors, htmlModifiers, { onError, onTiming }) {
|
|
73
|
+
const end = time();
|
|
74
|
+
let html = "";
|
|
75
|
+
let helmetData;
|
|
76
|
+
if (chunkSet.renderLevel >= RenderLevel.SERVER_PREFETCH) {
|
|
77
|
+
try {
|
|
78
|
+
const finalApp = collectors.reduce((pre, creator) => {
|
|
79
|
+
var _creator_collect;
|
|
80
|
+
return ((_creator_collect = creator.collect) === null || _creator_collect === void 0 ? void 0 : _creator_collect.call(creator, pre)) || pre;
|
|
81
|
+
}, App);
|
|
82
|
+
html = ReactDomServer.renderToString(finalApp);
|
|
83
|
+
helmetData = ReactHelmet.renderStatic();
|
|
84
|
+
chunkSet.renderLevel = RenderLevel.SERVER_RENDER;
|
|
85
|
+
await Promise.all(collectors.map((component) => component.effect()));
|
|
86
|
+
const cost = end();
|
|
87
|
+
onTiming(SSRTimings.RENDER_HTML, cost);
|
|
88
|
+
} catch (e) {
|
|
89
|
+
chunkSet.renderLevel = RenderLevel.CLIENT_RENDER;
|
|
90
|
+
onError(SSRErrors.RENDER_HTML, e);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
const { ssrScripts, cssChunk, jsChunk } = chunkSet;
|
|
94
|
+
const finalHtml = await buildHtml(htmlTemplate, [
|
|
95
|
+
createReplaceHtml(html),
|
|
96
|
+
createReplaceChunkJs(jsChunk),
|
|
97
|
+
createReplaceChunkCss(cssChunk),
|
|
98
|
+
createReplaceSSRDataScript(ssrScripts),
|
|
99
|
+
createReplaceHelemt(helmetData),
|
|
100
|
+
...htmlModifiers
|
|
101
|
+
]);
|
|
102
|
+
return finalHtml;
|
|
103
|
+
}
|
|
104
|
+
function createReplaceHtml(html) {
|
|
105
|
+
return (template) => safeReplace(template, HTML_PLACEHOLDER, html);
|
|
106
|
+
}
|
|
107
|
+
function createReplaceSSRDataScript(data) {
|
|
108
|
+
return (template) => safeReplace(template, SSR_DATA_PLACEHOLDER, data);
|
|
109
|
+
}
|
|
110
|
+
function createReplaceChunkJs(js) {
|
|
111
|
+
return (template) => safeReplace(template, CHUNK_JS_PLACEHOLDER, js);
|
|
112
|
+
}
|
|
113
|
+
function createReplaceChunkCss(css) {
|
|
114
|
+
return (template) => safeReplace(template, CHUNK_CSS_PLACEHOLDER, css);
|
|
115
|
+
}
|
|
116
|
+
export {
|
|
117
|
+
renderString
|
|
118
|
+
};
|
|
@@ -61,13 +61,12 @@ class LoadableCollector {
|
|
|
61
61
|
if (!check(scripts)) {
|
|
62
62
|
return;
|
|
63
63
|
}
|
|
64
|
-
const {
|
|
64
|
+
const { chunkSet } = this.options;
|
|
65
65
|
const s = scripts.split("</script>").slice(0, 2).map((i) => `${i}</script>`).join("");
|
|
66
|
-
|
|
66
|
+
chunkSet.jsChunk += s;
|
|
67
67
|
}
|
|
68
68
|
async emitScriptAssets(chunks) {
|
|
69
|
-
const { template,
|
|
70
|
-
const { chunksMap } = result;
|
|
69
|
+
const { template, nonce, chunkSet, config } = this.options;
|
|
71
70
|
const { scriptLoading = "defer", enableInlineScripts } = config;
|
|
72
71
|
const scriptLoadingAtr = {
|
|
73
72
|
defer: scriptLoading === "defer" ? true : void 0,
|
|
@@ -92,10 +91,11 @@ class LoadableCollector {
|
|
|
92
91
|
return script;
|
|
93
92
|
}
|
|
94
93
|
}));
|
|
95
|
-
|
|
94
|
+
chunkSet.jsChunk += scripts.filter((script) => Boolean(script)).join("");
|
|
96
95
|
}
|
|
97
96
|
async emitStyleAssets(chunks) {
|
|
98
|
-
const { template,
|
|
97
|
+
const { template, chunkSet, config } = this.options;
|
|
98
|
+
const { enableInlineStyles } = config;
|
|
99
99
|
const atrributes = attributesToString(this.generateAttributes());
|
|
100
100
|
const css = await Promise.all(chunks.filter((chunk) => {
|
|
101
101
|
var _this_existsAssets;
|
|
@@ -111,7 +111,7 @@ class LoadableCollector {
|
|
|
111
111
|
return link;
|
|
112
112
|
}
|
|
113
113
|
}));
|
|
114
|
-
|
|
114
|
+
chunkSet.jsChunk += css.filter((css2) => Boolean(css2)).join("");
|
|
115
115
|
}
|
|
116
116
|
generateAttributes(extraAtr = {}) {
|
|
117
117
|
const { config } = this.options;
|
|
@@ -129,9 +129,6 @@ class LoadableCollector {
|
|
|
129
129
|
this.options = options;
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
|
-
function createLoadableCollector(options) {
|
|
133
|
-
return new LoadableCollector(options);
|
|
134
|
-
}
|
|
135
132
|
export {
|
|
136
|
-
|
|
133
|
+
LoadableCollector
|
|
137
134
|
};
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { renderToStaticMarkup } from "react-dom/server";
|
|
2
|
+
import { run } from "@modern-js/runtime-utils/node";
|
|
3
|
+
import { ChunkExtractor } from "@loadable/server";
|
|
4
|
+
import { time } from "@modern-js/runtime-utils/time";
|
|
5
|
+
import { parseHeaders } from "@modern-js/runtime-utils/universal/request";
|
|
6
|
+
import React from "react";
|
|
7
|
+
import { SSRErrors, SSRTimings } from "../tracer";
|
|
8
|
+
const prefetch = async (App, request, options, ssrConfig, { onError, onTiming }) => {
|
|
9
|
+
const headersData = parseHeaders(request);
|
|
10
|
+
const { runtimeContext: context, resource } = options;
|
|
11
|
+
const { entryName, loadableStats } = resource;
|
|
12
|
+
return run(headersData, async () => {
|
|
13
|
+
var _context_store;
|
|
14
|
+
if (typeof ssrConfig === "boolean" || !ssrConfig.disablePrerender) {
|
|
15
|
+
try {
|
|
16
|
+
const end = time();
|
|
17
|
+
if (loadableStats) {
|
|
18
|
+
const extractor = new ChunkExtractor({
|
|
19
|
+
stats: loadableStats,
|
|
20
|
+
entrypoints: [
|
|
21
|
+
entryName
|
|
22
|
+
].filter(Boolean)
|
|
23
|
+
});
|
|
24
|
+
renderToStaticMarkup(extractor.collectChunks(/* @__PURE__ */ React.cloneElement(App, {
|
|
25
|
+
_internal_context: Object.assign(context, {
|
|
26
|
+
ssr: false
|
|
27
|
+
})
|
|
28
|
+
})));
|
|
29
|
+
} else {
|
|
30
|
+
renderToStaticMarkup(/* @__PURE__ */ React.cloneElement(App, {
|
|
31
|
+
_internal_context: Object.assign(context, {
|
|
32
|
+
ssr: false
|
|
33
|
+
})
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
const cost = end();
|
|
37
|
+
onTiming(SSRTimings.PRERENDER, cost);
|
|
38
|
+
} catch (e) {
|
|
39
|
+
const error = e;
|
|
40
|
+
onError(SSRErrors.PRERENDER, error);
|
|
41
|
+
throw e;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
if (!context.loaderManager.hasPendingLoaders()) {
|
|
45
|
+
return {
|
|
46
|
+
initialData: context.initialData,
|
|
47
|
+
i18nData: context.__i18nData__
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
let loadersData = {};
|
|
51
|
+
try {
|
|
52
|
+
const end = time();
|
|
53
|
+
loadersData = await context.loaderManager.awaitPendingLoaders();
|
|
54
|
+
const cost = end();
|
|
55
|
+
onTiming(SSRTimings.USE_LOADER, cost);
|
|
56
|
+
} catch (e) {
|
|
57
|
+
onError(SSRErrors.USE_LOADER, e);
|
|
58
|
+
throw e;
|
|
59
|
+
}
|
|
60
|
+
Object.keys(loadersData).forEach((id) => {
|
|
61
|
+
const data = loadersData[id];
|
|
62
|
+
if (data._error) {
|
|
63
|
+
onError(SSRErrors.USE_LOADER, data._error);
|
|
64
|
+
delete data._error;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
return {
|
|
68
|
+
loadersData,
|
|
69
|
+
initialData: context.initialData,
|
|
70
|
+
i18nData: context.__i18nData__,
|
|
71
|
+
// todo: move to plugin state
|
|
72
|
+
storeState: context === null || context === void 0 ? void 0 : (_context_store = context.store) === null || _context_store === void 0 ? void 0 : _context_store.getState()
|
|
73
|
+
};
|
|
74
|
+
});
|
|
75
|
+
};
|
|
76
|
+
export {
|
|
77
|
+
prefetch
|
|
78
|
+
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { _ as _class_private_field_get } from "@swc/helpers/_/_class_private_field_get";
|
|
2
|
+
import { _ as _class_private_field_init } from "@swc/helpers/_/_class_private_field_init";
|
|
3
|
+
import { _ as _class_private_field_set } from "@swc/helpers/_/_class_private_field_set";
|
|
4
|
+
import { _ as _class_private_method_get } from "@swc/helpers/_/_class_private_method_get";
|
|
5
|
+
import { _ as _class_private_method_init } from "@swc/helpers/_/_class_private_method_init";
|
|
6
|
+
import { serializeJson } from "@modern-js/runtime-utils/node";
|
|
7
|
+
import { attributesToString, serializeErrors } from "../utils";
|
|
8
|
+
import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID } from "../constants";
|
|
9
|
+
var _options = /* @__PURE__ */ new WeakMap(), _getSSRData = /* @__PURE__ */ new WeakSet(), _getSSRDataScripts = /* @__PURE__ */ new WeakSet();
|
|
10
|
+
class SSRDataCollector {
|
|
11
|
+
effect() {
|
|
12
|
+
const { routerContext, chunkSet } = _class_private_field_get(this, _options);
|
|
13
|
+
const ssrData = _class_private_method_get(this, _getSSRData, getSSRData).call(this);
|
|
14
|
+
const routerData = routerContext ? {
|
|
15
|
+
loaderData: routerContext.loaderData,
|
|
16
|
+
errors: serializeErrors(routerContext.errors)
|
|
17
|
+
} : void 0;
|
|
18
|
+
const ssrDataScripts = _class_private_method_get(this, _getSSRDataScripts, getSSRDataScripts).call(this, ssrData, routerData);
|
|
19
|
+
chunkSet.ssrScripts = ssrDataScripts;
|
|
20
|
+
}
|
|
21
|
+
constructor(options) {
|
|
22
|
+
_class_private_method_init(this, _getSSRData);
|
|
23
|
+
_class_private_method_init(this, _getSSRDataScripts);
|
|
24
|
+
_class_private_field_init(this, _options, {
|
|
25
|
+
writable: true,
|
|
26
|
+
value: void 0
|
|
27
|
+
});
|
|
28
|
+
_class_private_field_set(this, _options, options);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
function getSSRData() {
|
|
32
|
+
const { prefetchData, chunkSet, ssrConfig, ssrContext } = _class_private_field_get(this, _options);
|
|
33
|
+
const { reporter, request } = ssrContext;
|
|
34
|
+
const headers = typeof ssrConfig === "object" && ssrConfig.unsafeHeaders ? Object.fromEntries(Object.entries(request.headers).filter(([key, _]) => {
|
|
35
|
+
var _ssrConfig_unsafeHeaders_map, _ssrConfig_unsafeHeaders;
|
|
36
|
+
return (_ssrConfig_unsafeHeaders = ssrConfig.unsafeHeaders) === null || _ssrConfig_unsafeHeaders === void 0 ? void 0 : (_ssrConfig_unsafeHeaders_map = _ssrConfig_unsafeHeaders.map((header) => header.toLowerCase())) === null || _ssrConfig_unsafeHeaders_map === void 0 ? void 0 : _ssrConfig_unsafeHeaders_map.includes(key.toLowerCase());
|
|
37
|
+
})) : void 0;
|
|
38
|
+
return {
|
|
39
|
+
data: prefetchData,
|
|
40
|
+
context: {
|
|
41
|
+
request: {
|
|
42
|
+
params: request.params,
|
|
43
|
+
query: request.query,
|
|
44
|
+
pathname: request.pathname,
|
|
45
|
+
host: request.host,
|
|
46
|
+
url: request.raw.url,
|
|
47
|
+
headers
|
|
48
|
+
},
|
|
49
|
+
reporter: {
|
|
50
|
+
sessionId: reporter === null || reporter === void 0 ? void 0 : reporter.sessionId
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
mode: "string",
|
|
54
|
+
renderLevel: chunkSet.renderLevel
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
function getSSRDataScripts(ssrData, routerData) {
|
|
58
|
+
const { nonce, ssrConfig } = _class_private_field_get(this, _options);
|
|
59
|
+
const inlineScript = typeof ssrConfig === "boolean" ? true : (ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.inlineScript) !== false;
|
|
60
|
+
const useInlineScript = inlineScript !== false;
|
|
61
|
+
const serializeSSRData = serializeJson(ssrData);
|
|
62
|
+
const attrsStr = attributesToString({
|
|
63
|
+
nonce
|
|
64
|
+
});
|
|
65
|
+
let ssrDataScripts = useInlineScript ? `<script${attrsStr}>window._SSR_DATA = ${serializeSSRData}</script>` : `<script type="application/json" id="${SSR_DATA_JSON_ID}">${serializeSSRData}</script>`;
|
|
66
|
+
if (routerData) {
|
|
67
|
+
const serializedRouterData = serializeJson(routerData);
|
|
68
|
+
ssrDataScripts += useInlineScript ? `
|
|
69
|
+
<script${attrsStr}>window._ROUTER_DATA = ${serializedRouterData}</script>` : `
|
|
70
|
+
<script type="application/json" id="${ROUTER_DATA_JSON_ID}">${serializedRouterData}</script>`;
|
|
71
|
+
}
|
|
72
|
+
return ssrDataScripts;
|
|
73
|
+
}
|
|
74
|
+
export {
|
|
75
|
+
SSRDataCollector
|
|
76
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { _ as _class_private_field_get } from "@swc/helpers/_/_class_private_field_get";
|
|
2
|
+
import { _ as _class_private_field_init } from "@swc/helpers/_/_class_private_field_init";
|
|
3
|
+
import { _ as _class_private_field_set } from "@swc/helpers/_/_class_private_field_set";
|
|
4
|
+
import { ServerStyleSheet } from "styled-components";
|
|
5
|
+
var _sheet = /* @__PURE__ */ new WeakMap(), _chunkSet = /* @__PURE__ */ new WeakMap();
|
|
6
|
+
class StyledCollector {
|
|
7
|
+
collect(comopnent) {
|
|
8
|
+
return _class_private_field_get(this, _sheet).collectStyles(comopnent);
|
|
9
|
+
}
|
|
10
|
+
effect() {
|
|
11
|
+
const css = _class_private_field_get(this, _sheet).getStyleTags();
|
|
12
|
+
_class_private_field_get(this, _chunkSet).cssChunk += css;
|
|
13
|
+
}
|
|
14
|
+
constructor(chunkSet) {
|
|
15
|
+
_class_private_field_init(this, _sheet, {
|
|
16
|
+
writable: true,
|
|
17
|
+
value: void 0
|
|
18
|
+
});
|
|
19
|
+
_class_private_field_init(this, _chunkSet, {
|
|
20
|
+
writable: true,
|
|
21
|
+
value: void 0
|
|
22
|
+
});
|
|
23
|
+
_class_private_field_set(this, _sheet, new ServerStyleSheet());
|
|
24
|
+
_class_private_field_set(this, _chunkSet, chunkSet);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
StyledCollector
|
|
29
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var SSRTimings;
|
|
2
|
+
(function(SSRTimings2) {
|
|
3
|
+
SSRTimings2["PRERENDER"] = "ssr-prerender";
|
|
4
|
+
SSRTimings2["RENDER_HTML"] = "ssr-render-html";
|
|
5
|
+
SSRTimings2["RENDER_SHELL"] = "ssr-render-shell";
|
|
6
|
+
SSRTimings2["USE_LOADER"] = "use-loader";
|
|
7
|
+
})(SSRTimings || (SSRTimings = {}));
|
|
8
|
+
var SSRErrors;
|
|
9
|
+
(function(SSRErrors2) {
|
|
10
|
+
SSRErrors2["PRERENDER"] = "App Prerender";
|
|
11
|
+
SSRErrors2["USE_LOADER"] = "App run useLoader";
|
|
12
|
+
SSRErrors2["RENDER_HTML"] = "App Render To HTML";
|
|
13
|
+
SSRErrors2["RENDER_STREAM"] = "An error occurs during streaming SSR";
|
|
14
|
+
SSRErrors2["RENDER_SHELL"] = "An error occurs during streaming render shell";
|
|
15
|
+
})(SSRErrors || (SSRErrors = {}));
|
|
16
|
+
function createOnError(onError) {
|
|
17
|
+
return (key, e) => {
|
|
18
|
+
const error = e instanceof Error ? e : new Error("Unexpected Server Error");
|
|
19
|
+
error.name = key;
|
|
20
|
+
onError === null || onError === void 0 ? void 0 : onError(e);
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
function createOnTiming(onTiming) {
|
|
24
|
+
return (key, cost) => {
|
|
25
|
+
onTiming === null || onTiming === void 0 ? void 0 : onTiming(key, cost);
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
SSRErrors,
|
|
30
|
+
SSRTimings,
|
|
31
|
+
createOnError,
|
|
32
|
+
createOnTiming
|
|
33
|
+
};
|