@bleedingdev/modern-js-runtime 3.5.0-ultramodern.4 → 3.5.0-ultramodern.41

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.
Files changed (84) hide show
  1. package/dist/cjs/boundary-debugger/index.js +13 -3
  2. package/dist/cjs/cli/ssr/index.js +1 -2
  3. package/dist/cjs/core/context/public.js +49 -0
  4. package/dist/cjs/core/context/runtime.js +6 -8
  5. package/dist/cjs/core/react/wrapper.js +57 -0
  6. package/dist/cjs/core/server/federatedCss.js +7 -3
  7. package/dist/cjs/core/server/requestHandler.js +15 -45
  8. package/dist/cjs/core/server/requestResponse.js +83 -0
  9. package/dist/cjs/core/server/routerCleanup.js +16 -6
  10. package/dist/cjs/core/server/scriptOrder.js +13 -10
  11. package/dist/cjs/core/server/string/loadable.js +3 -11
  12. package/dist/cjs/index.js +7 -6
  13. package/dist/cjs/router/cli/code/templates.js +3 -2
  14. package/dist/cjs/router/cli/nestedRoutesSpec.js +3 -1
  15. package/dist/cjs/router/runtime/hooks.js +7 -6
  16. package/dist/cjs/router/runtime/provider.js +1 -1
  17. package/dist/esm/boundary-debugger/index.mjs +13 -3
  18. package/dist/esm/cli/code.mjs +12 -12
  19. package/dist/esm/cli/ssr/index.mjs +1 -2
  20. package/dist/esm/core/context/public.mjs +5 -0
  21. package/dist/esm/core/context/runtime.mjs +4 -6
  22. package/dist/esm/core/react/wrapper.mjs +58 -1
  23. package/dist/esm/core/server/federatedCss.mjs +7 -3
  24. package/dist/esm/core/server/requestHandler.mjs +15 -45
  25. package/dist/esm/core/server/requestResponse.mjs +39 -0
  26. package/dist/esm/core/server/routerCleanup.mjs +11 -4
  27. package/dist/esm/core/server/scriptOrder.mjs +11 -8
  28. package/dist/esm/core/server/string/loadable.mjs +3 -8
  29. package/dist/esm/exports/loadable.mjs +3 -3
  30. package/dist/esm/index.mjs +2 -1
  31. package/dist/esm/router/cli/code/index.mjs +5 -5
  32. package/dist/esm/router/cli/code/templates.mjs +3 -2
  33. package/dist/esm/router/cli/handler.mjs +3 -3
  34. package/dist/esm/router/cli/nestedRoutesSpec.mjs +3 -1
  35. package/dist/esm/router/runtime/hooks.mjs +7 -6
  36. package/dist/esm/router/runtime/provider.mjs +1 -1
  37. package/dist/esm-node/boundary-debugger/index.mjs +13 -3
  38. package/dist/esm-node/cli/code.mjs +12 -12
  39. package/dist/esm-node/cli/ssr/index.mjs +1 -2
  40. package/dist/esm-node/core/context/public.mjs +6 -0
  41. package/dist/esm-node/core/context/runtime.mjs +4 -6
  42. package/dist/esm-node/core/react/wrapper.mjs +58 -1
  43. package/dist/esm-node/core/server/federatedCss.mjs +7 -3
  44. package/dist/esm-node/core/server/requestHandler.mjs +15 -45
  45. package/dist/esm-node/core/server/requestResponse.mjs +40 -0
  46. package/dist/esm-node/core/server/routerCleanup.mjs +11 -4
  47. package/dist/esm-node/core/server/scriptOrder.mjs +11 -8
  48. package/dist/esm-node/core/server/string/loadable.mjs +3 -8
  49. package/dist/esm-node/exports/loadable.mjs +3 -3
  50. package/dist/esm-node/index.mjs +2 -1
  51. package/dist/esm-node/router/cli/code/index.mjs +5 -5
  52. package/dist/esm-node/router/cli/code/templates.mjs +3 -2
  53. package/dist/esm-node/router/cli/handler.mjs +3 -3
  54. package/dist/esm-node/router/cli/nestedRoutesSpec.mjs +3 -1
  55. package/dist/esm-node/router/runtime/hooks.mjs +7 -6
  56. package/dist/esm-node/router/runtime/provider.mjs +1 -1
  57. package/dist/types/boundary-debugger/index.d.ts +1 -1
  58. package/dist/types/common.d.ts +8 -1
  59. package/dist/types/core/context/index.d.ts +25 -9
  60. package/dist/types/core/context/monitors/default.d.ts +10 -2
  61. package/dist/types/core/context/monitors/index.d.ts +1 -1
  62. package/dist/types/core/context/monitors/index.server.d.ts +2 -2
  63. package/dist/types/core/context/public.d.ts +27 -0
  64. package/dist/types/core/context/runtime.d.ts +12 -22
  65. package/dist/types/core/react/index.d.ts +1 -1
  66. package/dist/types/core/server/requestResponse.d.ts +15 -0
  67. package/dist/types/core/server/routerCleanup.d.ts +2 -1
  68. package/dist/types/core/server/scriptOrder.d.ts +1 -1
  69. package/dist/types/core/server/stream/shared.d.ts +2 -2
  70. package/dist/types/core/server/string/loadable.d.ts +0 -2
  71. package/dist/types/exports/head.d.ts +1 -1
  72. package/dist/types/index.d.ts +5 -5
  73. package/dist/types/internal.d.ts +0 -1
  74. package/dist/types/router/runtime/hooks.d.ts +10 -6
  75. package/dist/types/router/runtime/internal.d.ts +1 -1
  76. package/dist/types/router/runtime/plugin.d.ts +1 -1
  77. package/dist/types/router/runtime/plugin.node.d.ts +1 -1
  78. package/dist/types/router/runtime/provider.d.ts +1 -1
  79. package/dist/types/router/runtime/types.d.ts +27 -5
  80. package/package.json +17 -24
  81. package/dist/cjs/exports/tanstack-router.js +0 -83
  82. package/dist/esm/exports/tanstack-router.mjs +0 -30
  83. package/dist/esm-node/exports/tanstack-router.mjs +0 -31
  84. package/dist/types/exports/tanstack-router.d.ts +0 -88
@@ -36,12 +36,13 @@ __webpack_require__.d(__webpack_exports__, {
36
36
  onBeforeHydrateRouter: ()=>onBeforeHydrateRouter
37
37
  });
38
38
  const plugin_namespaceObject = require("@modern-js/plugin");
39
- const modifyRoutes = (0, plugin_namespaceObject.createSyncHook)();
40
- const onBeforeCreateRoutes = (0, plugin_namespaceObject.createSyncHook)();
41
- const onBeforeCreateRouter = (0, plugin_namespaceObject.createSyncHook)();
42
- const onAfterCreateRouter = (0, plugin_namespaceObject.createSyncHook)();
43
- const onBeforeHydrateRouter = (0, plugin_namespaceObject.createSyncHook)();
44
- const onAfterHydrateRouter = (0, plugin_namespaceObject.createSyncHook)();
39
+ const createRouterSyncHook = ()=>(0, plugin_namespaceObject.createSyncHook)();
40
+ const modifyRoutes = createRouterSyncHook();
41
+ const onBeforeCreateRoutes = createRouterSyncHook();
42
+ const onBeforeCreateRouter = createRouterSyncHook();
43
+ const onAfterCreateRouter = createRouterSyncHook();
44
+ const onBeforeHydrateRouter = createRouterSyncHook();
45
+ const onAfterHydrateRouter = createRouterSyncHook();
45
46
  exports.modifyRoutes = __webpack_exports__.modifyRoutes;
46
47
  exports.onAfterCreateRouter = __webpack_exports__.onAfterCreateRouter;
47
48
  exports.onAfterHydrateRouter = __webpack_exports__.onAfterHydrateRouter;
@@ -76,7 +76,7 @@ function registerRouterProvider(name, factory, options = {}) {
76
76
  }
77
77
  function resolveRouterProvider(framework, options = {}) {
78
78
  const registry = getRegistry();
79
- const name = framework || registry.defaultProvider || options.localDefault?.name;
79
+ const name = framework || options.localDefault?.name || registry.defaultProvider;
80
80
  if (void 0 === name) throw new Error('[@modern-js/runtime] No default router provider is registered. This is a bug in the runtime setup.');
81
81
  if (void 0 !== options.localDefault && name === options.localDefault.name) return options.localDefault.factory;
82
82
  const factory = registry.providers.get(name);
@@ -109,9 +109,20 @@ function BoundaryDebugger({ controlMode = 'visible', enabledByDefault = false, l
109
109
  ]);
110
110
  useEffect(()=>{
111
111
  if (!enabled) return void setBoxes([]);
112
+ let resizeObserver;
113
+ const observedElements = new Set();
114
+ const observeBoundaryElements = (elements)=>{
115
+ if (void 0 === resizeObserver) return;
116
+ for (const element of elements)if (!observedElements.has(element)) {
117
+ observedElements.add(element);
118
+ resizeObserver.observe(element);
119
+ }
120
+ };
112
121
  const readBoxes = ()=>{
122
+ const elements = collectBoundaryElements(legacySelector);
123
+ observeBoundaryElements(elements);
113
124
  const seenBoxes = new Set();
114
- const nextBoxes = collectBoundaryElements(legacySelector).map((element)=>{
125
+ const nextBoxes = elements.map((element)=>{
115
126
  const boundaryId = getBoundaryId(element);
116
127
  if (void 0 === boundaryId || '' === boundaryId) return;
117
128
  const rect = element.getBoundingClientRect();
@@ -139,9 +150,8 @@ function BoundaryDebugger({ controlMode = 'visible', enabledByDefault = false, l
139
150
  }).filter((box)=>void 0 !== box);
140
151
  setBoxes(nextBoxes);
141
152
  };
153
+ resizeObserver = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(readBoxes);
142
154
  readBoxes();
143
- const resizeObserver = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(readBoxes);
144
- for (const element of collectBoundaryElements(legacySelector))resizeObserver?.observe(element);
145
155
  const mutationObserver = new MutationObserver(readBoxes);
146
156
  mutationObserver.observe(document.body, {
147
157
  childList: true,
@@ -2,8 +2,8 @@ import { formatImportPath, fs } from "@modern-js/utils";
2
2
  import path from "path";
3
3
  import { ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME, ENTRY_POINT_REGISTER_FILE_NAME, ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME, ENTRY_POINT_RUNTIME_REGISTER_FILE_NAME, ENTRY_SERVER_BOOTSTRAP_FILE_NAME, INDEX_FILE_NAME, SERVER_ENTRY_POINT_FILE_NAME } from "./constants.mjs";
4
4
  import { resolveSSRMode } from "./ssr/mode.mjs";
5
- import * as __rspack_external__template_mjs_d6ab8956 from "./template.mjs";
6
- import * as __rspack_external__template_server_mjs_38d6edb1 from "./template.server.mjs";
5
+ import * as __rspack_external__template_mjs_d1604447 from "./template.mjs";
6
+ import * as __rspack_external__template_server_mjs_f98cfe58 from "./template.server.mjs";
7
7
  const normalizePreEntry = (preEntry)=>{
8
8
  if (!preEntry) return [];
9
9
  if (Array.isArray(preEntry)) return preEntry.filter((v)=>'string' == typeof v && v.length > 0);
@@ -35,7 +35,7 @@ const generateCode = async (entrypoints, appContext, config, hooks)=>{
35
35
  nestedRoutesEntry
36
36
  });
37
37
  let indexCode = '';
38
- indexCode = ssrMode || !config.server.rsc || customEntry ? __rspack_external__template_mjs_d6ab8956.index({
38
+ indexCode = ssrMode || !config.server.rsc || customEntry ? __rspack_external__template_mjs_d1604447.index({
39
39
  srcDirectory,
40
40
  internalSrcAlias,
41
41
  metaName,
@@ -45,7 +45,7 @@ const generateCode = async (entrypoints, appContext, config, hooks)=>{
45
45
  mountId,
46
46
  enableRsc: config.server.rsc,
47
47
  isNestedRouter: !!entrypoint.nestedRoutesEntry
48
- }) : __rspack_external__template_mjs_d6ab8956.entryForCSRWithRSC({
48
+ }) : __rspack_external__template_mjs_d1604447.entryForCSRWithRSC({
49
49
  metaName,
50
50
  entryName,
51
51
  mountId,
@@ -76,7 +76,7 @@ const generateCode = async (entrypoints, appContext, config, hooks)=>{
76
76
  if (ssrMode) await fs.outputFile(bootstrapServerFile, `export const requestHandler = import('./${SERVER_ENTRY_POINT_FILE_NAME}').then((m) => m.requestHandler)`, 'utf8');
77
77
  }
78
78
  if (ssrMode) {
79
- const indexServerCode = __rspack_external__template_server_mjs_38d6edb1.serverIndex({
79
+ const indexServerCode = __rspack_external__template_server_mjs_f98cfe58.serverIndex({
80
80
  entry,
81
81
  entryName,
82
82
  internalSrcAlias,
@@ -90,16 +90,16 @@ const generateCode = async (entrypoints, appContext, config, hooks)=>{
90
90
  await fs.outputFile(indexServerFile, indexServerCode, 'utf8');
91
91
  } else if (config.server.rsc) {
92
92
  const indexServerFile = path.resolve(internalDirectory, `./${entryName}/${SERVER_ENTRY_POINT_FILE_NAME}`);
93
- const indexServerCode = __rspack_external__template_server_mjs_38d6edb1.entryForCSRWithRSC({
93
+ const indexServerCode = __rspack_external__template_server_mjs_f98cfe58.entryForCSRWithRSC({
94
94
  entryName,
95
95
  metaName
96
96
  });
97
97
  await fs.outputFile(indexServerFile, indexServerCode, 'utf8');
98
98
  }
99
- const registerCode = __rspack_external__template_mjs_d6ab8956.register();
99
+ const registerCode = __rspack_external__template_mjs_d1604447.register();
100
100
  const registerFile = path.resolve(internalDirectory, `./${entryName}/${ENTRY_POINT_REGISTER_FILE_NAME}`);
101
101
  await fs.outputFile(registerFile, registerCode, 'utf8');
102
- const registerRuntimeCode = __rspack_external__template_mjs_d6ab8956.runtimeRegister({
102
+ const registerRuntimeCode = __rspack_external__template_mjs_d1604447.runtimeRegister({
103
103
  entryName,
104
104
  srcDirectory,
105
105
  internalSrcAlias,
@@ -113,7 +113,7 @@ const generateCode = async (entrypoints, appContext, config, hooks)=>{
113
113
  if (!config.server.rsc || entrypoint.nestedRoutesEntry) {
114
114
  const route = serverRoutes.find((r)=>r.entryName === entryName);
115
115
  const basename = route?.urlPath || '/';
116
- contextCode = __rspack_external__template_mjs_d6ab8956.runtimeGlobalContext({
116
+ contextCode = __rspack_external__template_mjs_d1604447.runtimeGlobalContext({
117
117
  entryName,
118
118
  srcDirectory,
119
119
  internalSrcAlias,
@@ -124,18 +124,18 @@ const generateCode = async (entrypoints, appContext, config, hooks)=>{
124
124
  });
125
125
  } else {
126
126
  const AppProxyPath = path.join(internalDirectory, entryName, './AppProxy.jsx');
127
- const appProxyCode = __rspack_external__template_mjs_d6ab8956.AppProxyForRSC({
127
+ const appProxyCode = __rspack_external__template_mjs_d1604447.AppProxyForRSC({
128
128
  srcDirectory,
129
129
  internalSrcAlias,
130
130
  entry,
131
131
  customEntry
132
132
  });
133
133
  await fs.outputFile(AppProxyPath, appProxyCode);
134
- contextCode = __rspack_external__template_mjs_d6ab8956.runtimeGlobalContextForRSCClient({
134
+ contextCode = __rspack_external__template_mjs_d1604447.runtimeGlobalContextForRSCClient({
135
135
  metaName,
136
136
  customEntry
137
137
  });
138
- const contextServerCode = __rspack_external__template_mjs_d6ab8956.runtimeGlobalContextForRSCServer({
138
+ const contextServerCode = __rspack_external__template_mjs_d1604447.runtimeGlobalContextForRSCServer({
139
139
  metaName
140
140
  });
141
141
  const contextFile = path.resolve(internalDirectory, `./${entryName}/${ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME}.server.js`);
@@ -84,14 +84,13 @@ const ssrBuilderPlugin = (modernAPI, outputModule, exportLoadablePath)=>({
84
84
  const hasServerRendering = hasServerRenderingConfig(userConfig);
85
85
  const hasModuleFederationRuntimeMarker = hasServerRendering && shouldUseModuleFederationNodeOutput(config);
86
86
  const hasExplicitMfSsrFlag = isModuleFederationAppSSREnabled(userConfig);
87
- const isCloudflareWorkerSSR = 'workerSSR' === name && userConfig.deploy?.target === 'cloudflare';
88
87
  const requireExplicitMfSsrFlag = 'true' === process.env.MODERN_MF_APP_SSR_REQUIRE_EXPLICIT;
89
88
  if (hasServerRendering && hasModuleFederationRuntimeMarker && !hasExplicitMfSsrFlag) {
90
89
  const warningMessage = '[modernjs][mf-ssr] Module Federation SSR was auto-detected from runtime markers. Set server.ssr.moduleFederationAppSSR=true explicitly in host and remotes to avoid heuristic drift.';
91
90
  if (requireExplicitMfSsrFlag) throw new Error(`${warningMessage} (enforced by MODERN_MF_APP_SSR_REQUIRE_EXPLICIT=true)`);
92
91
  console.warn(warningMessage);
93
92
  }
94
- const isModuleFederationAppSSR = hasServerRendering && hasExplicitMfSsrFlag && !isCloudflareWorkerSSR;
93
+ const isModuleFederationAppSSR = hasServerRendering && hasExplicitMfSsrFlag;
95
94
  const ssrEnv = userConfig.deploy?.worker?.ssr || userConfig.server?.rsc ? 'edge' : 'node';
96
95
  const appContext = modernAPI.getAppContext();
97
96
  const { appDirectory, entrypoints } = appContext;
@@ -0,0 +1,5 @@
1
+ import { createContext, useContext } from "react";
2
+ const RuntimeContext = createContext({});
3
+ const ReactRuntimeContext = RuntimeContext;
4
+ const useRuntimeContext = ()=>useContext(RuntimeContext);
5
+ export { ReactRuntimeContext, RuntimeContext, useRuntimeContext };
@@ -1,8 +1,6 @@
1
- import { ROUTE_MANIFEST } from "@modern-js/utils/universal/constants";
2
- import { createContext, useContext } from "react";
1
+ import { createContext } from "react";
2
+ const ROUTE_MANIFEST = '_MODERNJS_ROUTE_MANIFEST';
3
3
  const InternalRuntimeContext = createContext({});
4
- const RuntimeContext = createContext({});
5
- const ReactRuntimeContext = RuntimeContext;
6
4
  const getInitialContext = (isBrowser = true, routeManifest)=>{
7
5
  const requestContext = {
8
6
  request: {},
@@ -15,5 +13,5 @@ const getInitialContext = (isBrowser = true, routeManifest)=>{
15
13
  context: requestContext
16
14
  };
17
15
  };
18
- const useRuntimeContext = ()=>useContext(RuntimeContext);
19
- export { InternalRuntimeContext, ReactRuntimeContext, RuntimeContext, getInitialContext, useRuntimeContext };
16
+ export { ReactRuntimeContext, RuntimeContext, useRuntimeContext } from "./public.mjs";
17
+ export { InternalRuntimeContext, getInitialContext };
@@ -1,8 +1,44 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { HelmetProvider } from "react-helmet-async";
3
- import { InternalRuntimeContext, RuntimeContext } from "../context/index.mjs";
3
+ import { InternalRuntimeContext, RuntimeContext, getGlobalEnableRsc } from "../context/index.mjs";
4
4
  import { stripRuntimeContextExtensions } from "../context/extensions.mjs";
5
5
  import { ensureHelmetContext } from "../context/helmetContext.mjs";
6
+ function toRscSafeRecord(value) {
7
+ if (!value || 'object' != typeof value) return value;
8
+ return Object.fromEntries(Object.entries(value));
9
+ }
10
+ function createRscSafeSsrContext(ssrContext) {
11
+ if (!ssrContext) return ssrContext;
12
+ const { request } = ssrContext;
13
+ return {
14
+ nonce: ssrContext.nonce,
15
+ useJsonScript: ssrContext.useJsonScript,
16
+ htmlModifiers: [],
17
+ baseUrl: ssrContext.baseUrl,
18
+ request: request ? {
19
+ url: request.url,
20
+ userAgent: request.userAgent,
21
+ cookie: request.cookie,
22
+ pathname: request.pathname,
23
+ query: toRscSafeRecord(request.query),
24
+ params: toRscSafeRecord(request.params),
25
+ headers: toRscSafeRecord(request.headers),
26
+ host: request.host,
27
+ referer: request.referer
28
+ } : request,
29
+ mode: ssrContext.mode,
30
+ loaderFailureMode: ssrContext.loaderFailureMode
31
+ };
32
+ }
33
+ function createRscSafeRequestContext(ssrContext) {
34
+ const safeSsrContext = createRscSafeSsrContext(ssrContext);
35
+ return {
36
+ request: safeSsrContext?.request || {},
37
+ response: {
38
+ locals: ssrContext?.response?.locals || {}
39
+ }
40
+ };
41
+ }
6
42
  function wrapRuntimeContextProvider(App, contextValue) {
7
43
  const { isBrowser, initialData, routes, context, routeManifest, routerContext, unstable_getBlockNavState, ssrContext, _internalContext, _internalRouterBaseName, ...rest } = contextValue;
8
44
  const internalContextValue = contextValue;
@@ -15,6 +51,27 @@ function wrapRuntimeContextProvider(App, contextValue) {
15
51
  ...rest
16
52
  };
17
53
  stripRuntimeContextExtensions(runtimeContextValue);
54
+ if (getGlobalEnableRsc() && !isBrowser) {
55
+ const rscSafeRequestContext = createRscSafeRequestContext(ssrContext);
56
+ const rscInternalContextValue = {
57
+ ...internalContextValue,
58
+ context: rscSafeRequestContext,
59
+ requestContext: rscSafeRequestContext,
60
+ ssrContext: createRscSafeSsrContext(ssrContext)
61
+ };
62
+ const rscRuntimeContextValue = {
63
+ ...runtimeContextValue,
64
+ context: rscSafeRequestContext,
65
+ requestContext: rscSafeRequestContext
66
+ };
67
+ return /*#__PURE__*/ jsx(InternalRuntimeContext.Provider, {
68
+ value: rscInternalContextValue,
69
+ children: /*#__PURE__*/ jsx(RuntimeContext.Provider, {
70
+ value: rscRuntimeContextValue,
71
+ children: App
72
+ })
73
+ });
74
+ }
18
75
  return /*#__PURE__*/ jsx(InternalRuntimeContext.Provider, {
19
76
  value: internalContextValue,
20
77
  children: /*#__PURE__*/ jsx(RuntimeContext.Provider, {
@@ -1,12 +1,16 @@
1
1
  import { attributesToString } from "./utils.mjs";
2
+ const escapeHtmlAttribute = (value)=>value.replaceAll('&', '&amp;').replaceAll('"', '&quot;').replaceAll('<', '&lt;').replaceAll('>', '&gt;');
2
3
  const createFederatedCssLinks = (assets, options)=>{
3
4
  if (void 0 === assets || 0 === assets.length) return '';
4
5
  const seen = new Set(options.existingAssets || []);
5
6
  const attributes = attributesToString(options.attributes || {});
6
7
  const links = [];
7
- for (const asset of assets)if (!('' === asset || seen.has(asset) || options.template.includes(asset))) {
8
- seen.add(asset);
9
- links.push(`<link${attributes} href="${asset}" rel="stylesheet" />`);
8
+ for (const asset of assets){
9
+ const href = escapeHtmlAttribute(asset);
10
+ if (!('' === asset || seen.has(asset) || options.template.includes(asset) || options.template.includes(href))) {
11
+ seen.add(asset);
12
+ links.push(`<link${attributes} href="${href}" rel="stylesheet" />`);
13
+ }
10
14
  }
11
15
  return links.join('');
12
16
  };
@@ -2,15 +2,13 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { storage } from "@modern-js/runtime-utils/node";
3
3
  import { getPathname, parseCookie, parseHeaders, parseQuery } from "@modern-js/runtime-utils/universal/request";
4
4
  import react, { Fragment } from "react";
5
- import { getRouterServerSnapshot } from "../../router/runtime/lifecycle.mjs";
6
- import { handleRSCRedirect } from "../../router/runtime/rsc-router.mjs";
7
5
  import { getGlobalInternalRuntimeContext, getGlobalRSCRoot } from "../context/index.mjs";
8
6
  import { getInitialContext } from "../context/runtime.mjs";
9
7
  import { getServerPayload } from "../context/serverPayload/index.mjs";
10
8
  import { createRoot } from "../react/index.mjs";
11
9
  import { CHUNK_CSS_PLACEHOLDER } from "./constants.mjs";
12
- import { withRouterCleanup } from "./routerCleanup.mjs";
13
- import { SSRErrors } from "./tracer.mjs";
10
+ import { applyRouterSnapshotResult, createLoaderRedirectResponse, finalizeRenderResponse } from "./requestResponse.mjs";
11
+ import { createRouterCleanup, finishWithRouterCleanup, runWithRouterCleanupOnError } from "./routerCleanup.mjs";
14
12
  import { getSSRConfigByEntry, getSSRMode } from "./utils.mjs";
15
13
  async function handleRSCRequest(request, Root, context, options, handleRequest) {
16
14
  const serverPayload = getServerPayload();
@@ -30,29 +28,6 @@ async function handleRSCRequest(request, Root, context, options, handleRequest)
30
28
  runtimeContext: context
31
29
  });
32
30
  }
33
- const isRedirectStatus = (status)=>status >= 300 && status <= 399;
34
- const processRedirect = (headers, status, ctx)=>{
35
- if (ctx.enableRsc && ctx.isRSCNavigation) return handleRSCRedirect(headers, ctx.basename, status);
36
- return new Response(null, {
37
- status,
38
- headers
39
- });
40
- };
41
- const applyRouterSnapshotResult = (context, onError)=>{
42
- const routerServerSnapshot = getRouterServerSnapshot(context);
43
- const routerStatusCode = routerServerSnapshot?.statusCode ?? context.routerContext?.statusCode;
44
- if (routerStatusCode && 200 !== routerStatusCode) context.ssrContext?.response.status(routerStatusCode);
45
- const errors = Object.values(routerServerSnapshot?.errors || context.routerContext?.errors || {});
46
- if (errors.length > 0) onError(errors[0], SSRErrors.LOADER_ERROR);
47
- };
48
- const createLoaderRedirectResponse = (beforeRenderResult, redirectCtx)=>{
49
- if (!beforeRenderResult || !isRedirectStatus(beforeRenderResult.status)) return;
50
- if (beforeRenderResult.headers.has('X-Modernjs-Redirect')) return beforeRenderResult;
51
- const redirectUrl = beforeRenderResult.headers.get('Location') || '/';
52
- return processRedirect(new Headers({
53
- Location: redirectUrl
54
- }), beforeRenderResult.status, redirectCtx);
55
- };
56
31
  const renderRequest = async (request, Root, context, options, handleRequest, enableRsc)=>{
57
32
  if (enableRsc) return handleRSCRequest(request, Root, context, options, handleRequest);
58
33
  return handleRequest(request, Root, {
@@ -60,17 +35,6 @@ const renderRequest = async (request, Root, context, options, handleRequest, ena
60
35
  runtimeContext: context
61
36
  });
62
37
  };
63
- const finalizeRenderResponse = (response, responseProxy, redirectCtx, routerCleanup)=>{
64
- if (-1 !== responseProxy.status && isRedirectStatus(responseProxy.status) && responseProxy.headers.Location) return processRedirect(new Headers(responseProxy.headers), responseProxy.status, redirectCtx);
65
- Object.entries(responseProxy.headers).forEach(([key, value])=>{
66
- response.headers.set(key, value);
67
- });
68
- if (-1 !== responseProxy.status) return routerCleanup.deferUntilBodyDone(new Response(response.body, {
69
- status: responseProxy.status,
70
- headers: response.headers
71
- }));
72
- return routerCleanup.deferUntilBodyDone(response);
73
- };
74
38
  function createSSRContext(request, options) {
75
39
  const { config, loaderContext, onError, onTiming, locals, resource, params, responseProxy, reporter } = options;
76
40
  const { nonce, useJsonScript } = config;
@@ -166,20 +130,26 @@ const createRequestHandler = async (handleRequest, createRequestOptions)=>{
166
130
  isRSCNavigation: 'true' === request.headers.get('x-rsc-tree'),
167
131
  basename: ssrContext.baseUrl || '/'
168
132
  };
169
- return withRouterCleanup(context, options.onError, async (routerCleanup)=>{
170
- const beforeRenderResult = await runBeforeRender(context);
133
+ const routerCleanup = createRouterCleanup(context, options.onError);
134
+ const beforeRenderResult = await runWithRouterCleanupOnError(routerCleanup, ()=>runBeforeRender(context));
135
+ await runWithRouterCleanupOnError(routerCleanup, ()=>{
171
136
  applyRouterSnapshotResult(context, options.onError);
172
- if ("u" > typeof Response) {
173
- const redirectResponse = createLoaderRedirectResponse(beforeRenderResult, redirectCtx);
174
- if (redirectResponse) return redirectResponse;
137
+ });
138
+ if ("u" > typeof Response) {
139
+ const redirectResponse = await runWithRouterCleanupOnError(routerCleanup, ()=>createLoaderRedirectResponse(beforeRenderResult, redirectCtx));
140
+ if (redirectResponse) {
141
+ await routerCleanup.run();
142
+ return redirectResponse;
175
143
  }
144
+ }
145
+ await runWithRouterCleanupOnError(routerCleanup, ()=>{
176
146
  if (!createRequestOptions?.enableRsc) {
177
147
  const { htmlTemplate } = options.resource;
178
148
  options.resource.htmlTemplate = htmlTemplate.replace('</head>', `${CHUNK_CSS_PLACEHOLDER}</head>`);
179
149
  }
180
- const response = await renderRequest(request, Root, context, options, handleRequest, !!createRequestOptions?.enableRsc);
181
- return finalizeRenderResponse(response, responseProxy, redirectCtx, routerCleanup);
182
150
  });
151
+ const response = await runWithRouterCleanupOnError(routerCleanup, ()=>renderRequest(request, Root, context, options, handleRequest, !!createRequestOptions?.enableRsc));
152
+ return finishWithRouterCleanup(routerCleanup, ()=>finalizeRenderResponse(response, responseProxy, redirectCtx, routerCleanup));
183
153
  });
184
154
  };
185
155
  return requestHandler;
@@ -0,0 +1,39 @@
1
+ import { getRouterServerSnapshot } from "../../router/runtime/lifecycle.mjs";
2
+ import { handleRSCRedirect } from "../../router/runtime/rsc-router.mjs";
3
+ import { SSRErrors } from "./tracer.mjs";
4
+ const isRedirectStatus = (status)=>status >= 300 && status <= 399;
5
+ const isNullBodyStatus = (status)=>204 === status || 205 === status || 304 === status;
6
+ const processRedirect = (headers, status, ctx)=>{
7
+ if (ctx.enableRsc && ctx.isRSCNavigation) return handleRSCRedirect(headers, ctx.basename, status);
8
+ return new Response(null, {
9
+ status,
10
+ headers
11
+ });
12
+ };
13
+ const applyRouterSnapshotResult = (context, onError)=>{
14
+ const routerServerSnapshot = getRouterServerSnapshot(context);
15
+ const routerStatusCode = routerServerSnapshot?.statusCode ?? context.routerContext?.statusCode;
16
+ if (routerStatusCode && 200 !== routerStatusCode) context.ssrContext?.response.status(routerStatusCode);
17
+ const errors = Object.values(routerServerSnapshot?.errors || context.routerContext?.errors || {});
18
+ if (errors.length > 0) onError(errors[0], SSRErrors.LOADER_ERROR);
19
+ };
20
+ const createLoaderRedirectResponse = (beforeRenderResult, redirectCtx)=>{
21
+ if (!beforeRenderResult || !isRedirectStatus(beforeRenderResult.status)) return;
22
+ if (beforeRenderResult.headers.has('X-Modernjs-Redirect')) return beforeRenderResult;
23
+ const redirectUrl = beforeRenderResult.headers.get('Location') || '/';
24
+ return processRedirect(new Headers({
25
+ Location: redirectUrl
26
+ }), beforeRenderResult.status, redirectCtx);
27
+ };
28
+ const finalizeRenderResponse = (response, responseProxy, redirectCtx, routerCleanup)=>{
29
+ if (-1 !== responseProxy.status && isRedirectStatus(responseProxy.status) && responseProxy.headers.Location) return processRedirect(new Headers(responseProxy.headers), responseProxy.status, redirectCtx);
30
+ Object.entries(responseProxy.headers).forEach(([key, value])=>{
31
+ response.headers.set(key, value);
32
+ });
33
+ if (-1 !== responseProxy.status) return routerCleanup.deferUntilBodyDone(new Response(isNullBodyStatus(responseProxy.status) ? null : response.body, {
34
+ status: responseProxy.status,
35
+ headers: response.headers
36
+ }));
37
+ return routerCleanup.deferUntilBodyDone(response);
38
+ };
39
+ export { applyRouterSnapshotResult, createLoaderRedirectResponse, finalizeRenderResponse };
@@ -1,9 +1,16 @@
1
1
  import { getRouterRuntimeState } from "../../router/runtime/lifecycle.mjs";
2
2
  const ROUTER_CLEANUP_ERROR = 'An error occurs during router runtime cleanup';
3
- async function withRouterCleanup(runtimeContext, onError, callback) {
4
- const routerCleanup = createRouterCleanup(runtimeContext, onError);
3
+ async function runWithRouterCleanupOnError(routerCleanup, callback) {
5
4
  try {
6
- return await callback(routerCleanup);
5
+ return await callback();
6
+ } catch (error) {
7
+ await routerCleanup.run();
8
+ throw error;
9
+ }
10
+ }
11
+ async function finishWithRouterCleanup(routerCleanup, callback) {
12
+ try {
13
+ return await callback();
7
14
  } finally{
8
15
  if (!routerCleanup.deferred) await routerCleanup.run();
9
16
  }
@@ -63,4 +70,4 @@ function createRouterCleanup(runtimeContext, onError) {
63
70
  deferUntilBodyDone
64
71
  };
65
72
  }
66
- export { ROUTER_CLEANUP_ERROR, createRouterCleanup, withRouterCleanup };
73
+ export { ROUTER_CLEANUP_ERROR, createRouterCleanup, finishWithRouterCleanup, runWithRouterCleanupOnError };
@@ -42,6 +42,10 @@ function getMatchedRouteAssets(runtimeContext, routeManifest) {
42
42
  const matchedRouteIds = getRouterMatchedRouteIds(runtimeContext) ?? [];
43
43
  return matchedRouteIds.flatMap((routeId)=>routeAssets[routeId]?.assets ?? []);
44
44
  }
45
+ function getMatchedRouteChunks(runtimeContext, routeManifest, routeAssetToChunk) {
46
+ if (!routeManifest) return [];
47
+ return getMatchedRouteAssets(runtimeContext, routeManifest).map(routeAssetToChunk);
48
+ }
45
49
  const orderHydrationScriptChunks = ({ asyncEntryChunks, collectedChunks, matchedRouteChunks, entryName })=>{
46
50
  const asyncEntryScriptChunks = [];
47
51
  const asyncEntryDependencyChunks = [];
@@ -72,13 +76,12 @@ function createRouteHydrationScriptTags(runtimeContext, entryName, options = {})
72
76
  const { nonce, template } = options;
73
77
  const routeAssets = getRouteAssets(runtimeContext);
74
78
  if (void 0 === routeAssets) return '';
75
- const matchedRouteIds = getRouterMatchedRouteIds(runtimeContext) ?? [];
76
- const assetEntries = [
77
- ...matchedRouteIds.map((routeId)=>routeAssets[routeId]),
78
- routeAssets[`async-${entryName}`]
79
- ].filter((entry)=>void 0 !== entry);
80
- const jsAssets = Array.from(new Set(assetEntries.flatMap((entry)=>(entry.assets ?? []).filter((asset)=>asset.endsWith('.js')))));
79
+ const existingScriptSrcs = void 0 === template ? new Set() : new Set(getScriptTags(template).map(({ src })=>src));
80
+ const jsAssets = Array.from(new Set([
81
+ ...getMatchedRouteAssets(runtimeContext),
82
+ ...routeAssets[`async-${entryName}`]?.assets ?? []
83
+ ].filter((asset)=>asset.endsWith('.js'))));
81
84
  const nonceAttr = void 0 === nonce || '' === nonce ? '' : ` nonce="${nonce}"`;
82
- return jsAssets.filter((asset)=>template?.includes(asset) !== true).map((asset)=>`<script src=${asset}${nonceAttr}></script>`).join(' ');
85
+ return jsAssets.filter((asset)=>!existingScriptSrcs.has(asset)).map((asset)=>`<script src=${asset}${nonceAttr}></script>`).join(' ');
83
86
  }
84
- export { createRouteHydrationScriptTags, getMatchedRouteAssets, injectBeforeHydrationEntryScript, orderHydrationScriptChunks, replaceChunkJsPlaceholder };
87
+ export { createRouteHydrationScriptTags, getMatchedRouteChunks, injectBeforeHydrationEntryScript, orderHydrationScriptChunks, replaceChunkJsPlaceholder };
@@ -1,6 +1,6 @@
1
1
  import { ChunkExtractor } from "@loadable/server";
2
2
  import { createFederatedCssLinks } from "../federatedCss.mjs";
3
- import { getMatchedRouteAssets, orderHydrationScriptChunks } from "../scriptOrder.mjs";
3
+ import { getMatchedRouteChunks, orderHydrationScriptChunks } from "../scriptOrder.mjs";
4
4
  import { attributesToString, checkIsNode, hasStylesheetLink } from "../utils.mjs";
5
5
  const extname = (uri)=>{
6
6
  if ('string' != typeof uri || !uri.includes('.')) return '';
@@ -28,11 +28,6 @@ const readAsset = async (chunk)=>{
28
28
  return fs.readFile(filepath, 'utf-8');
29
29
  };
30
30
  class LoadableCollector {
31
- getMatchedRouteChunks() {
32
- const { routeManifest, runtimeContext } = this.options;
33
- if (!routeManifest) return [];
34
- return getMatchedRouteAssets(runtimeContext, routeManifest).map(routeAssetToChunk);
35
- }
36
31
  collect(comopnent) {
37
32
  const { stats, entryName } = this.options;
38
33
  if (!stats) return comopnent;
@@ -54,7 +49,7 @@ class LoadableCollector {
54
49
  ]));
55
50
  } catch (e) {}
56
51
  const collectedChunks = extractor ? extractor.getChunkAssets(extractor.chunks) : [];
57
- const matchedRouteChunks = this.getMatchedRouteChunks();
52
+ const matchedRouteChunks = getMatchedRouteChunks(options.runtimeContext, options.routeManifest, routeAssetToChunk);
58
53
  const orderedScriptChunks = orderHydrationScriptChunks({
59
54
  asyncEntryChunks: asyncChunks,
60
55
  collectedChunks,
@@ -132,4 +127,4 @@ class LoadableCollector {
132
127
  this.options = options;
133
128
  }
134
129
  }
135
- export { LoadableCollector, orderHydrationScriptChunks };
130
+ export { LoadableCollector };
@@ -1,4 +1,4 @@
1
- import * as __rspack_external__loadable_component_0aaae075 from "@loadable/component";
1
+ import * as __rspack_external__loadable_component_ee3b4254 from "@loadable/component";
2
2
  export * from "@loadable/component";
3
3
  function asLoadableNamespace(value) {
4
4
  return 'object' == typeof value && null !== value ? value : {};
@@ -15,8 +15,8 @@ function resolveLoadable(module) {
15
15
  if ('function' != typeof loadable) throw new TypeError('Modern.js runtime loadable export must resolve to a function');
16
16
  return loadable;
17
17
  }
18
- const loadable_loadable = resolveLoadable(__rspack_external__loadable_component_0aaae075);
19
- const loadableNamespace = asLoadableNamespace(__rspack_external__loadable_component_0aaae075);
18
+ const loadable_loadable = resolveLoadable(__rspack_external__loadable_component_ee3b4254);
19
+ const loadableNamespace = asLoadableNamespace(__rspack_external__loadable_component_ee3b4254);
20
20
  const loadableDefaultNamespace = asLoadableNamespace(loadableNamespace.default);
21
21
  const callableLoadableNamespace = asLoadableNamespace(loadable_loadable);
22
22
  const lazy = loadableNamespace.lazy ?? loadableDefaultNamespace.lazy ?? callableLoadableNamespace.lazy;
@@ -1,5 +1,6 @@
1
1
  export { isBrowser } from "./common.mjs";
2
- export { RuntimeContext, defineRuntimeConfig, useRuntimeContext } from "./core/index.mjs";
2
+ export { defineRuntimeConfig } from "./core/config.mjs";
3
3
  export { getMonitors } from "./core/context/monitors/index.mjs";
4
+ export { RuntimeContext, useRuntimeContext } from "./core/context/public.mjs";
4
5
  export { getRequest } from "./core/context/request/index.mjs";
5
6
  export { redirect, setHeaders, setStatus } from "./core/context/response/index.mjs";
@@ -6,7 +6,7 @@ import { resolveSSRMode } from "../../../cli/ssr/mode.mjs";
6
6
  import { FILE_SYSTEM_ROUTES_FILE_NAME } from "../constants.mjs";
7
7
  import { walk } from "./nestedRoutes.mjs";
8
8
  import { getServerCombinedModuleFile, getServerLoadersFile } from "./utils.mjs";
9
- import * as __rspack_external__templates_mjs_4da4c6c8 from "./templates.mjs";
9
+ import * as __rspack_external__templates_mjs_ab577925 from "./templates.mjs";
10
10
  async function generateRoutesForEntry(entrypoint, appContext) {
11
11
  const routes = [];
12
12
  if (entrypoint.nestedRoutesEntry) {
@@ -89,7 +89,7 @@ const generateCode = async (appContext, config, entrypoints, api)=>{
89
89
  }
90
90
  const { code } = await hooks.onBeforeGenerateRoutes.call({
91
91
  entrypoint,
92
- code: await __rspack_external__templates_mjs_4da4c6c8.fileSystemRoutes({
92
+ code: await __rspack_external__templates_mjs_ab577925.fileSystemRoutes({
93
93
  metaName,
94
94
  routes: routes,
95
95
  ssrMode: isUseRsc(config) ? 'stream' : ssrMode,
@@ -106,12 +106,12 @@ const generateCode = async (appContext, config, entrypoints, api)=>{
106
106
  const routesServerFile = getServerLoadersFile(internalDirectory, entryName);
107
107
  const filtedRoutesForServer = filterRoutesForServer(routes);
108
108
  const routesForServerLoaderMatches = filterRoutesLoader(routes);
109
- const code = __rspack_external__templates_mjs_4da4c6c8.routesForServer({
109
+ const code = __rspack_external__templates_mjs_ab577925.routesForServer({
110
110
  routesForServerLoaderMatches
111
111
  });
112
112
  await fs.ensureFile(routesServerFile);
113
113
  await fs.writeFile(routesServerFile, code);
114
- const serverRoutesCode = await __rspack_external__templates_mjs_4da4c6c8.fileSystemRoutes({
114
+ const serverRoutesCode = await __rspack_external__templates_mjs_ab577925.fileSystemRoutes({
115
115
  metaName,
116
116
  routes: filtedRoutesForServer,
117
117
  ssrMode,
@@ -125,7 +125,7 @@ const generateCode = async (appContext, config, entrypoints, api)=>{
125
125
  });
126
126
  await fs.outputFile(path.resolve(internalDirectory, `./${entryName}/routes.server.js`), serverRoutesCode, 'utf8');
127
127
  }
128
- const serverLoaderCombined = __rspack_external__templates_mjs_4da4c6c8.ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext);
128
+ const serverLoaderCombined = __rspack_external__templates_mjs_ab577925.ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext);
129
129
  if (serverLoaderCombined) {
130
130
  const serverLoaderFile = getServerCombinedModuleFile(internalDirectory, entryName);
131
131
  await fs.outputFile(serverLoaderFile, serverLoaderCombined);
@@ -182,7 +182,8 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
182
182
  component = `component_${components.length - 1}`;
183
183
  }
184
184
  const isClientComponent = 'nested' === route.type && Boolean(route._component) && Boolean(srcDirectory) && Boolean(internalSrcAlias) && await hasUseClientDirective(route._component, srcDirectory, internalSrcAlias);
185
- const shouldIncludeClientBundle = !isRscClientBundle || isClientComponent;
185
+ const shouldHydrateRscRoute = isRscClientBundle && !isClientComponent && !route.loader && !route.data;
186
+ const shouldIncludeClientBundle = !isRscClientBundle || isClientComponent || shouldHydrateRscRoute;
186
187
  const finalRoute = {
187
188
  ...route,
188
189
  loading,
@@ -285,7 +286,7 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
285
286
  ${importLazyCode}
286
287
  ${!isRscClientBundle ? importComponentsCode : ''}
287
288
  ${importRuntimeRouterCode}
288
- ${!isRscClientBundle ? rootLayoutCode : ''}
289
+ ${rootLayoutCode}
289
290
  ${importLoadingCode}
290
291
  ${importErrorComponentsCode}
291
292
  ${importLoadersCode}