@modern-js/runtime 2.25.2 → 2.27.0

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @modern-js/runtime
 
+## 2.27.0
+
+### Patch Changes
+
+- 21be212: fix: add support for nodenext moduleResolution
+  fix: TS 类型支持 moduleResolution 为 nodenext
+- 8322a51: chore: migrate packages from tsc to module-lib build
+
+  chore: 将使用 tsc 的包迁移到 module-lib 构建
+
+- fb51b98: fix: fix remixRouter not existed in conventional routes
+  fix: 修复 remixRouter 在约定式路由下不存在问题
+- b591092: fix: fix `modifyRoutes` in SSR
+  fix: 修复 SSR 时, `modifyRoutes` 执行时机
+- Updated dependencies [91d14b8]
+- Updated dependencies [6d7104d]
+  - @modern-js/utils@2.27.0
+  - @modern-js/plugin@2.27.0
+  - @modern-js/types@2.27.0
+
+## 2.26.0
+
+### Minor Changes
+
+- 22acfda: feat: support unstable_getBlockNavState
+  feat: 支持 unstable_getBlockNavState
+
+### Patch Changes
+
+- 64a51c4: fix(plugin-runtime): we should not repeatly registe the script, if template has it.
+  fix(plugin-runtime): 如果模版中已经有了,我们不应该重复添加 script 链接
+- 1586774: feat: add support for origin properties in document
+  feat: 为 document 增加原始属性透传
+- 73c592d: fix: should define remixRouter property when the property does not exist
+  fix: 应该仅当属性不存在时，定义 remixRouter
+- 5c2dbb3: refactor: use import syntax for reduck plugin types
+  refactor: 使用 import 语法加载 reduck 插件的类型文件
+  - @modern-js/plugin@2.26.0
+  - @modern-js/types@2.26.0
+  - @modern-js/utils@2.26.0
+
 ## 2.25.2
 
 ### Patch Changes

package/dist/cjs/document/Body.js

@@ -16,8 +16,9 @@ const _DocumentStructureContext = require("./DocumentStructureContext");
 const _Root = require("./Root");
 function Body(props) {
   const { hasSetRoot } = (0, _react.useContext)(_DocumentStructureContext.DocumentStructureContext);
-  const { children } = props;
+  const { children, ...rest } = props;
   return /* @__PURE__ */ (0, _jsxruntime.jsxs)("body", {
+    ...rest,
     children: [
       hasSetRoot ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(_Root.DefaultRoot, {}),
       children,

package/dist/cjs/document/Head.js

@@ -26,8 +26,9 @@ const _Links = require("./Links");
 const _constants = require("./constants");
 function Head(props) {
   const { hasSetScripts, hasSetLinks } = (0, _react.useContext)(_DocumentStructureContext.DocumentStructureContext);
-  const { children } = props;
+  const { children, ...rest } = props;
   return /* @__PURE__ */ (0, _jsxruntime.jsxs)("head", {
+    ...rest,
     children: [
       `${_constants.DOCUMENT_META_PLACEHOLDER}`,
       !hasSetLinks && /* @__PURE__ */ (0, _jsxruntime.jsx)(_Links.Links, {}),

package/dist/cjs/document/Root.js

@@ -20,18 +20,24 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /* @__PURE__ */ _interop_require_wildcard._(require("react"));
+const _lodash = require("@modern-js/utils/lodash");
 const _DocumentContext = require("./DocumentContext");
 const _constants = require("./constants");
 function Root(props) {
-  const { rootId, children } = props;
+  const { rootId, children, ...rest } = props;
+  const legalProperties = (0, _lodash.omit)(rest, "id");
   const { templateParams: { mountId = "root" } } = (0, _react.useContext)(_DocumentContext.DocumentContext);
-  return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-    id: `${rootId || mountId}`,
-    children: [
-      `${_constants.DOCUMENT_SSR_PLACEHOLDER}`,
-      children
-    ]
-  });
+  return (
+    // in case for properities order not keep
+    /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+      id: `${rootId || mountId}`,
+      ...legalProperties,
+      children: [
+        `${_constants.DOCUMENT_SSR_PLACEHOLDER}`,
+        children
+      ]
+    })
+  );
 }
 function DefaultRoot(props) {
   const { templateParams: { mountId = "root" } } = (0, _react.useContext)(_DocumentContext.DocumentContext);

package/dist/cjs/router/runtime/plugin.js

@@ -105,7 +105,25 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
                 hydrationData
               });
               const runtimeContext = (0, _react.useContext)(_core.RuntimeReactContext);
-              runtimeContext.remixRouter = router;
+              if (!runtimeContext.remixRouter) {
+                Object.defineProperty(runtimeContext, "remixRouter", {
+                  get() {
+                    return router;
+                  }
+                });
+              }
+              const originSubscribe = router.subscribe;
+              router.subscribe = (listener) => {
+                const wrapedListener = (...args) => {
+                  const getBlockNavState = runtimeContext.unstable_getBlockNavState;
+                  const blockRoute = getBlockNavState ? getBlockNavState() : false;
+                  if (blockRoute) {
+                    return;
+                  }
+                  return listener(...args);
+                };
+                return originSubscribe(wrapedListener);
+              };
               return /* @__PURE__ */ (0, _jsxruntime.jsx)(App, {
                 ...props,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_router.RouterProvider, {

package/dist/cjs/router/runtime/plugin.node.js

@@ -76,13 +76,15 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
           const { request, mode: ssrMode, nonce } = context.ssrContext;
           const baseUrl = request.baseUrl;
           const _basename = baseUrl === "/" ? (0, _utils.urlJoin)(baseUrl, basename) : baseUrl;
-          const routes = createRoutes ? createRoutes() : (0, _router1.createRoutesFromElements)((0, _utils.renderRoutes)({
+          let routes = createRoutes ? createRoutes() : (0, _router1.createRoutesFromElements)((0, _utils.renderRoutes)({
             routesConfig,
             ssrMode,
             props: {
               nonce
             }
           }));
+          const runner = api.useHookRunners();
+          routes = runner.modifyRoutes(routes);
           const { query } = (0, _remixrouter.createStaticHandler)(routes, {
             basename: _basename
           });
@@ -96,8 +98,6 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
           context.routerContext = routerContext;
           context.routes = routes;
           context.routeManifest = context.ssrContext.routeManifest;
-          const runner = api.useHookRunners();
-          runner.modifyRoutes(routes);
           return next({
             context
           });
@@ -133,6 +133,12 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
         },
         pickContext: ({ context, pickedContext }, next) => {
           const { remixRouter } = context;
+          if (!remixRouter) {
+            return next({
+              context,
+              pickedContext
+            });
+          }
           const router = {
             navigate: remixRouter.navigate,
             get location() {

package/dist/cjs/ssr/serverRender/renderToString/entry.js

@@ -112,7 +112,8 @@ class Entry {
         result: this.result,
         entryName: this.entryName,
         config: this.pluginConfig,
-        nonce: this.nonce
+        nonce: this.nonce,
+        template: this.template
       };
       html = (0, _reduce.reduce)(App, renderContext, [
         _styledComponent.toHtml,
@@ -151,6 +152,7 @@ class Entry {
     _define_property._(this, "result", void 0);
     _define_property._(this, "metrics", void 0);
     _define_property._(this, "logger", void 0);
+    _define_property._(this, "template", void 0);
     _define_property._(this, "App", void 0);
     _define_property._(this, "fragments", void 0);
     _define_property._(this, "pluginConfig", void 0);
@@ -159,6 +161,7 @@ class Entry {
     const { ctx, config } = options;
     const { entryName, template, request: { host }, nonce } = ctx;
     this.fragments = (0, _template.toFragments)(template, entryName);
+    this.template = template;
     this.entryName = entryName;
     this.host = host;
     this.App = options.App;

package/dist/cjs/ssr/serverRender/renderToString/loadable.js

@@ -47,9 +47,12 @@ const toHtml = (jsx, renderer, next) => {
       default:
     }
     if (fileType === "js") {
-      attributes.nonce = nonce;
-      const attrsStr = (0, _utils.attributesToString)(attributes);
-      chunksMap[fileType] += `<script${attrsStr} src="${v.url}"></script>`;
+      const jsChunkReg = new RegExp(`<script .*src="${v.url}".*>`);
+      if (!jsChunkReg.test(renderer.template)) {
+        attributes.nonce = nonce;
+        const attrsStr = (0, _utils.attributesToString)(attributes);
+        chunksMap[fileType] += `<script${attrsStr} src="${v.url}"></script>`;
+      }
     } else if (fileType === "css") {
       const attrsStr = (0, _utils.attributesToString)(attributes);
       chunksMap[fileType] += `<link${attrsStr} href="${v.url}" rel="stylesheet" />`;

package/dist/esm/document/Body.js

@@ -1,3 +1,6 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
 import { DOCUMENT_CHUNKSMAP_PLACEHOLDER, DOCUMENT_SSRDATASCRIPT_PLACEHOLDER } from "./constants";
@@ -5,13 +8,15 @@ import { DocumentStructureContext } from "./DocumentStructureContext";
 import { DefaultRoot } from "./Root";
 export function Body(props) {
   var hasSetRoot = useContext(DocumentStructureContext).hasSetRoot;
-  var children = props.children;
-  return /* @__PURE__ */ _jsxs("body", {
+  var children = props.children, rest = _object_without_properties(props, [
+    "children"
+  ]);
+  return /* @__PURE__ */ _jsxs("body", _object_spread_props(_object_spread({}, rest), {
     children: [
       hasSetRoot ? null : /* @__PURE__ */ _jsx(DefaultRoot, {}),
       children,
       "".concat(DOCUMENT_CHUNKSMAP_PLACEHOLDER),
       "".concat(DOCUMENT_SSRDATASCRIPT_PLACEHOLDER)
     ]
-  });
+  }));
 }

package/dist/esm/document/Head.js

@@ -1,3 +1,6 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
 import { DocumentStructureContext } from "./DocumentStructureContext";
@@ -6,15 +9,17 @@ import { Links } from "./Links";
 import { DOCUMENT_META_PLACEHOLDER } from "./constants";
 export function Head(props) {
   var _useContext = useContext(DocumentStructureContext), hasSetScripts = _useContext.hasSetScripts, hasSetLinks = _useContext.hasSetLinks;
-  var children = props.children;
-  return /* @__PURE__ */ _jsxs("head", {
+  var children = props.children, rest = _object_without_properties(props, [
+    "children"
+  ]);
+  return /* @__PURE__ */ _jsxs("head", _object_spread_props(_object_spread({}, rest), {
     children: [
       "".concat(DOCUMENT_META_PLACEHOLDER),
       !hasSetLinks && /* @__PURE__ */ _jsx(Links, {}),
       !hasSetScripts && /* @__PURE__ */ _jsx(Scripts, {}),
       children
     ]
-  });
+  }));
 }
 export function DefaultHead() {
   return /* @__PURE__ */ _jsx("head", {

package/dist/esm/document/Root.js

@@ -1,17 +1,29 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
+import { omit } from "@modern-js/utils/lodash";
 import { DocumentContext } from "./DocumentContext";
 import { DOCUMENT_SSR_PLACEHOLDER } from "./constants";
 export function Root(props) {
-  var rootId = props.rootId, children = props.children;
+  var rootId = props.rootId, children = props.children, rest = _object_without_properties(props, [
+    "rootId",
+    "children"
+  ]);
+  var legalProperties = omit(rest, "id");
   var _useContext = useContext(DocumentContext), _useContext_templateParams = _useContext.templateParams, _useContext_templateParams_mountId = _useContext_templateParams.mountId, mountId = _useContext_templateParams_mountId === void 0 ? "root" : _useContext_templateParams_mountId;
-  return /* @__PURE__ */ _jsxs("div", {
-    id: "".concat(rootId || mountId),
-    children: [
-      "".concat(DOCUMENT_SSR_PLACEHOLDER),
-      children
-    ]
-  });
+  return (
+    // in case for properities order not keep
+    /* @__PURE__ */ _jsxs("div", _object_spread_props(_object_spread({
+      id: "".concat(rootId || mountId)
+    }, legalProperties), {
+      children: [
+        "".concat(DOCUMENT_SSR_PLACEHOLDER),
+        children
+      ]
+    }))
+  );
 }
 export function DefaultRoot(props) {
   var _useContext = useContext(DocumentContext), _useContext_templateParams = _useContext.templateParams, _useContext_templateParams_mountId = _useContext_templateParams.mountId, mountId = _useContext_templateParams_mountId === void 0 ? "root" : _useContext_templateParams_mountId;

package/dist/esm/router/runtime/plugin.js

@@ -1,5 +1,6 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { createBrowserRouter, createHashRouter, RouterProvider, createRoutesFromElements, useMatches, useLocation } from "@modern-js/utils/runtime/router";
@@ -86,7 +87,28 @@ export var routerPlugin = function(param) {
                 hydrationData: hydrationData
               });
               var runtimeContext = useContext(RuntimeReactContext);
-              runtimeContext.remixRouter = router;
+              if (!runtimeContext.remixRouter) {
+                Object.defineProperty(runtimeContext, "remixRouter", {
+                  get: function get() {
+                    return router;
+                  }
+                });
+              }
+              var originSubscribe = router.subscribe;
+              router.subscribe = function(listener) {
+                var wrapedListener = function() {
+                  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                    args[_key] = arguments[_key];
+                  }
+                  var getBlockNavState = runtimeContext.unstable_getBlockNavState;
+                  var blockRoute = getBlockNavState ? getBlockNavState() : false;
+                  if (blockRoute) {
+                    return;
+                  }
+                  return listener.apply(void 0, _to_consumable_array(args));
+                };
+                return originSubscribe(wrapedListener);
+              };
               return /* @__PURE__ */ _jsx(App, _object_spread_props(_object_spread({}, props), {
                 children: /* @__PURE__ */ _jsx(RouterProvider, {
                   router: router

package/dist/esm/router/runtime/plugin.node.js

@@ -87,7 +87,7 @@ export var routerPlugin = function(param) {
         init: function init(param2, next) {
           var context = param2.context;
           return _async_to_generator(function() {
-            var _context_ssrContext, request, ssrMode, nonce, baseUrl, _basename, routes, query, remixRequest, routerContext, router, runner;
+            var _context_ssrContext, request, ssrMode, nonce, baseUrl, _basename, routes, runner, query, remixRequest, routerContext, router;
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
@@ -109,6 +109,8 @@ export var routerPlugin = function(param) {
                       nonce: nonce
                     }
                   }));
+                  runner = api.useHookRunners();
+                  routes = runner.modifyRoutes(routes);
                   query = createStaticHandler(routes, {
                     basename: _basename
                   }).query;
@@ -130,8 +132,6 @@ export var routerPlugin = function(param) {
                   context.routerContext = routerContext;
                   context.routes = routes;
                   context.routeManifest = context.ssrContext.routeManifest;
-                  runner = api.useHookRunners();
-                  runner.modifyRoutes(routes);
                   return [
                     2,
                     next({
@@ -174,6 +174,12 @@ export var routerPlugin = function(param) {
         pickContext: function(param2, next) {
           var context = param2.context, pickedContext = param2.pickedContext;
           var remixRouter = context.remixRouter;
+          if (!remixRouter) {
+            return next({
+              context: context,
+              pickedContext: pickedContext
+            });
+          }
           var router = {
             navigate: remixRouter.navigate,
             get location() {

package/dist/esm/ssr/serverRender/renderToString/entry.js

@@ -45,6 +45,7 @@ var Entry = /* @__PURE__ */ function() {
     _define_property(this, "result", void 0);
     _define_property(this, "metrics", void 0);
     _define_property(this, "logger", void 0);
+    _define_property(this, "template", void 0);
     _define_property(this, "App", void 0);
     _define_property(this, "fragments", void 0);
     _define_property(this, "pluginConfig", void 0);
@@ -53,6 +54,7 @@ var Entry = /* @__PURE__ */ function() {
     var ctx = options.ctx, config = options.config;
     var entryName = ctx.entryName, template = ctx.template, host = ctx.request.host, nonce = ctx.nonce;
     this.fragments = toFragments(template, entryName);
+    this.template = template;
     this.entryName = entryName;
     this.host = host;
     this.App = options.App;
@@ -218,7 +220,8 @@ var Entry = /* @__PURE__ */ function() {
             result: this.result,
             entryName: this.entryName,
             config: this.pluginConfig,
-            nonce: this.nonce
+            nonce: this.nonce,
+            template: this.template
           };
           html = reduce(App, renderContext, [
             styledComponentRenderer.toHtml,

package/dist/esm/ssr/serverRender/renderToString/loadable.js

@@ -40,9 +40,12 @@ export var toHtml = function(jsx, renderer, next) {
         default:
       }
       if (fileType === "js") {
-        attributes.nonce = nonce;
-        var attrsStr = attributesToString(attributes);
-        chunksMap[fileType] += "<script".concat(attrsStr, ' src="').concat(v.url, '"></script>');
+        var jsChunkReg = new RegExp('<script .*src="'.concat(v.url, '".*>'));
+        if (!jsChunkReg.test(renderer.template)) {
+          attributes.nonce = nonce;
+          var attrsStr = attributesToString(attributes);
+          chunksMap[fileType] += "<script".concat(attrsStr, ' src="').concat(v.url, '"></script>');
+        }
       } else if (fileType === "css") {
         var attrsStr1 = attributesToString(attributes);
         chunksMap[fileType] += "<link".concat(attrsStr1, ' href="').concat(v.url, '" rel="stylesheet" />');

package/dist/esm-node/document/Body.js

@@ -5,8 +5,9 @@ import { DocumentStructureContext } from "./DocumentStructureContext";
 import { DefaultRoot } from "./Root";
 export function Body(props) {
   const { hasSetRoot } = useContext(DocumentStructureContext);
-  const { children } = props;
+  const { children, ...rest } = props;
   return /* @__PURE__ */ _jsxs("body", {
+    ...rest,
     children: [
       hasSetRoot ? null : /* @__PURE__ */ _jsx(DefaultRoot, {}),
       children,

package/dist/esm-node/document/Head.js

@@ -6,8 +6,9 @@ import { Links } from "./Links";
 import { DOCUMENT_META_PLACEHOLDER } from "./constants";
 export function Head(props) {
   const { hasSetScripts, hasSetLinks } = useContext(DocumentStructureContext);
-  const { children } = props;
+  const { children, ...rest } = props;
   return /* @__PURE__ */ _jsxs("head", {
+    ...rest,
     children: [
       `${DOCUMENT_META_PLACEHOLDER}`,
       !hasSetLinks && /* @__PURE__ */ _jsx(Links, {}),

package/dist/esm-node/document/Root.js

@@ -1,17 +1,23 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
+import { omit } from "@modern-js/utils/lodash";
 import { DocumentContext } from "./DocumentContext";
 import { DOCUMENT_SSR_PLACEHOLDER } from "./constants";
 export function Root(props) {
-  const { rootId, children } = props;
+  const { rootId, children, ...rest } = props;
+  const legalProperties = omit(rest, "id");
   const { templateParams: { mountId = "root" } } = useContext(DocumentContext);
-  return /* @__PURE__ */ _jsxs("div", {
-    id: `${rootId || mountId}`,
-    children: [
-      `${DOCUMENT_SSR_PLACEHOLDER}`,
-      children
-    ]
-  });
+  return (
+    // in case for properities order not keep
+    /* @__PURE__ */ _jsxs("div", {
+      id: `${rootId || mountId}`,
+      ...legalProperties,
+      children: [
+        `${DOCUMENT_SSR_PLACEHOLDER}`,
+        children
+      ]
+    })
+  );
 }
 export function DefaultRoot(props) {
   const { templateParams: { mountId = "root" } } = useContext(DocumentContext);

package/dist/esm-node/router/runtime/plugin.js

@@ -78,7 +78,25 @@ export const routerPlugin = ({ serverBase = [], supportHtml5History = true, base
                 hydrationData
               });
               const runtimeContext = useContext(RuntimeReactContext);
-              runtimeContext.remixRouter = router;
+              if (!runtimeContext.remixRouter) {
+                Object.defineProperty(runtimeContext, "remixRouter", {
+                  get() {
+                    return router;
+                  }
+                });
+              }
+              const originSubscribe = router.subscribe;
+              router.subscribe = (listener) => {
+                const wrapedListener = (...args) => {
+                  const getBlockNavState = runtimeContext.unstable_getBlockNavState;
+                  const blockRoute = getBlockNavState ? getBlockNavState() : false;
+                  if (blockRoute) {
+                    return;
+                  }
+                  return listener(...args);
+                };
+                return originSubscribe(wrapedListener);
+              };
               return /* @__PURE__ */ _jsx(App, {
                 ...props,
                 children: /* @__PURE__ */ _jsx(RouterProvider, {

package/dist/esm-node/router/runtime/plugin.node.js

@@ -52,13 +52,15 @@ export const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
           const { request, mode: ssrMode, nonce } = context.ssrContext;
           const baseUrl = request.baseUrl;
           const _basename = baseUrl === "/" ? urlJoin(baseUrl, basename) : baseUrl;
-          const routes = createRoutes ? createRoutes() : createRoutesFromElements(renderRoutes({
+          let routes = createRoutes ? createRoutes() : createRoutesFromElements(renderRoutes({
             routesConfig,
             ssrMode,
             props: {
               nonce
             }
           }));
+          const runner = api.useHookRunners();
+          routes = runner.modifyRoutes(routes);
           const { query } = createStaticHandler(routes, {
             basename: _basename
           });
@@ -72,8 +74,6 @@ export const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
           context.routerContext = routerContext;
           context.routes = routes;
           context.routeManifest = context.ssrContext.routeManifest;
-          const runner = api.useHookRunners();
-          runner.modifyRoutes(routes);
           return next({
             context
           });
@@ -109,6 +109,12 @@ export const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
         },
         pickContext: ({ context, pickedContext }, next) => {
           const { remixRouter } = context;
+          if (!remixRouter) {
+            return next({
+              context,
+              pickedContext
+            });
+          }
           const router = {
             navigate: remixRouter.navigate,
             get location() {

package/dist/esm-node/ssr/serverRender/renderToString/entry.js

@@ -100,7 +100,8 @@ class Entry {
         result: this.result,
         entryName: this.entryName,
         config: this.pluginConfig,
-        nonce: this.nonce
+        nonce: this.nonce,
+        template: this.template
       };
       html = reduce(App, renderContext, [
         styledComponentRenderer.toHtml,
@@ -139,6 +140,7 @@ class Entry {
     _define_property(this, "result", void 0);
     _define_property(this, "metrics", void 0);
     _define_property(this, "logger", void 0);
+    _define_property(this, "template", void 0);
     _define_property(this, "App", void 0);
     _define_property(this, "fragments", void 0);
     _define_property(this, "pluginConfig", void 0);
@@ -147,6 +149,7 @@ class Entry {
     const { ctx, config } = options;
     const { entryName, template, request: { host }, nonce } = ctx;
     this.fragments = toFragments(template, entryName);
+    this.template = template;
     this.entryName = entryName;
     this.host = host;
     this.App = options.App;

package/dist/esm-node/ssr/serverRender/renderToString/loadable.js

@@ -37,9 +37,12 @@ export const toHtml = (jsx, renderer, next) => {
       default:
     }
     if (fileType === "js") {
-      attributes.nonce = nonce;
-      const attrsStr = attributesToString(attributes);
-      chunksMap[fileType] += `<script${attrsStr} src="${v.url}"></script>`;
+      const jsChunkReg = new RegExp(`<script .*src="${v.url}".*>`);
+      if (!jsChunkReg.test(renderer.template)) {
+        attributes.nonce = nonce;
+        const attrsStr = attributesToString(attributes);
+        chunksMap[fileType] += `<script${attrsStr} src="${v.url}"></script>`;
+      }
     } else if (fileType === "css") {
       const attrsStr = attributesToString(attributes);
       chunksMap[fileType] += `<link${attrsStr} href="${v.url}" rel="stylesheet" />`;

package/dist/types/runtimeContext.d.ts

@@ -13,6 +13,14 @@ export interface BaseRuntimeContext {
   store?: Store;
   routeManifest: RouteManifest;
   routerContext?: StaticHandlerContext;
+  /**
+   * private method
+   */
+  remixRouter?: Router;
+  /**
+   * private
+   */
+  unstable_getBlockNavState?: () => boolean;
 }
 export interface RuntimeContext extends BaseRuntimeContext {
   [key: string]: any;

package/dist/types/ssr/serverRender/renderToString/entry.d.ts

@@ -10,6 +10,7 @@ export default class Entry {
   result: RenderResult;
   metrics: SSRServerContext['metrics'];
   logger: SSRServerContext['logger'];
+  private readonly template;
   private readonly App;
   private readonly fragments;
   private readonly pluginConfig;

package/dist/types/ssr/serverRender/renderToString/type.d.ts

@@ -19,6 +19,7 @@ export interface RenderEntry {
   result: RenderResult;
   stats: Record<string, any>;
   config: SSRPluginConfig;
+  template: string;
   nonce?: string;
 }
 export type RenderHandler = (jsx: React.ReactElement, renderer: RenderEntry, next: (jsx: React.ReactElement) => string) => string;

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.25.2",
+  "version": "2.27.0",
   "engines": {
     "node": ">=14.17.6"
   },
@@ -29,6 +29,10 @@
       "types": "./dist/types/index.d.ts",
       "default": "./dist/esm/index.js"
     },
+    "./types": "./types/index.d.ts",
+    "./types/index": "./types/index.d.ts",
+    "./types/router": "./types/router.d.ts",
+    "./types/model": "./types/model.d.ts",
     "./loadable": {
       "jsnext:source": "./src/exports/loadable.ts",
       "types": "./dist/types/exports/loadable.d.ts",
@@ -145,9 +149,9 @@
     "@babel/core": "^7.21.8",
     "@babel/types": "^7.21.5",
     "cookie": "0.5.0",
-    "@loadable/babel-plugin": "^5.13.2",
-    "@loadable/component": "^5.15.0",
-    "@loadable/server": "^5.15.1",
+    "@loadable/babel-plugin": "5.15.3",
+    "@loadable/component": "5.15.3",
+    "@loadable/server": "5.15.3",
     "@loadable/webpack-plugin": "5.15.2",
     "@modern-js-reduck/plugin-auto-actions": "^1.1.10",
     "@modern-js-reduck/plugin-devtools": "^1.1.10",
@@ -169,9 +173,9 @@
     "redux-logger": "^3.0.6",
     "styled-components": "^5.3.1",
     "@swc/helpers": "0.5.1",
-    "@modern-js/plugin": "2.25.2",
-    "@modern-js/types": "2.25.2",
-    "@modern-js/utils": "2.25.2"
+    "@modern-js/plugin": "2.27.0",
+    "@modern-js/types": "2.27.0",
+    "@modern-js/utils": "2.27.0"
   },
   "peerDependencies": {
     "react": ">=17",
@@ -192,14 +196,13 @@
     "ts-jest": "^29.1.0",
     "typescript": "^5",
     "webpack": "^5.88.1",
-    "@modern-js/app-tools": "2.25.2",
-    "@modern-js/core": "2.25.2",
-    "@modern-js/server-core": "2.25.2",
-    "@scripts/build": "2.25.2",
-    "@scripts/jest-config": "2.25.2"
+    "@modern-js/app-tools": "2.27.0",
+    "@modern-js/core": "2.27.0",
+    "@modern-js/server-core": "2.27.0",
+    "@scripts/jest-config": "2.27.0",
+    "@scripts/build": "2.27.0"
   },
   "sideEffects": false,
-  "modernConfig": {},
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",

package/types/model.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="@modern-js-reduck/plugin-auto-actions" />
-/// <reference types="@modern-js-reduck/plugin-devtools" />
-/// <reference types="@modern-js-reduck/plugin-effects" />
-/// <reference types="@modern-js-reduck/plugin-immutable" />
+import '@modern-js-reduck/plugin-auto-actions';
+import '@modern-js-reduck/plugin-devtools';
+import '@modern-js-reduck/plugin-effects';
+import '@modern-js-reduck/plugin-immutable';
 
 export { default } from '../dist/types/state';
 export * from '../dist/types/state';