@modern-js/runtime 2.19.1 → 2.21.0

package/dist/cjs/ssr/cli/babel-plugin-ssr-loader-id.js

@@ -2,55 +2,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-const _crypto = /* @__PURE__ */ _interop_require_default(require("crypto"));
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _crypto = /* @__PURE__ */ _interop_require_default._(require("crypto"));
 const _buffer = require("buffer");
-const _types = /* @__PURE__ */ _interop_require_wildcard(require("@babel/types"));
+const _types = /* @__PURE__ */ _interop_require_wildcard._(require("@babel/types"));
 const _lodash = require("@modern-js/utils/lodash");
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-function _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== "function")
-    return null;
-  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache = function(nodeInterop2) {
-    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-    return {
-      default: obj
-    };
-  }
-  var cache = _getRequireWildcardCache(nodeInterop);
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-  var newObj = {};
-  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var key in obj) {
-    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-  newObj.default = obj;
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-  return newObj;
-}
 const RUNTIME_PACKAGE_NAMES = [
   "@modern-js/runtime"
 ];

package/dist/cjs/ssr/cli/index.js

@@ -6,13 +6,9 @@ Object.defineProperty(exports, "default", {
   enumerable: true,
   get: () => _default
 });
-const _path = /* @__PURE__ */ _interop_require_default(require("path"));
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _path = /* @__PURE__ */ _interop_require_default._(require("path"));
 const _utils = require("@modern-js/utils");
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
 const PLUGIN_IDENTIFIER = "ssr";
 const hasStringSSREntry = (userConfig) => {
   const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
@@ -71,7 +67,7 @@ const _default = () => {
             source: {
               alias: {
                 // ensure that all packages use the same storage in @modern-js/utils/runtime-node
-                "@modern-js/utils/runtime-node": require.resolve("@modern-js/utils/runtime-node"),
+                "@modern-js/utils/runtime-node$": require.resolve("@modern-js/utils/runtime-node"),
                 "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
               },
               globalVars: (values, { target }) => {

package/dist/cjs/ssr/cli/loadable-bundler-plugin.js

@@ -2,26 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-const _path = /* @__PURE__ */ _interop_require_default(require("path"));
+const _define_property = require("@swc/helpers/_/_define_property");
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _path = /* @__PURE__ */ _interop_require_default._(require("path"));
 const _utils = require("@modern-js/utils");
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
 class LoadablePlugin {
   apply(compiler) {
     this.compiler = compiler;
@@ -97,8 +81,8 @@ class LoadablePlugin {
     outputAsset: true,
     chunkLoadingGlobal: "__LOADABLE_LOADED_CHUNKS__"
   }) {
-    _define_property(this, "opts", void 0);
-    _define_property(this, "compiler", void 0);
+    _define_property._(this, "opts", void 0);
+    _define_property._(this, "compiler", void 0);
     this.opts = {
       filename,
       path,

package/dist/cjs/ssr/index.js

@@ -13,33 +13,17 @@ _export(exports, {
   ssr: () => ssr,
   default: () => _default
 });
+const _export_star = require("@swc/helpers/_/_export_star");
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 const _jsxruntime = require("react/jsx-runtime");
 const _component = require("@loadable/component");
-const _hoistnonreactstatics = /* @__PURE__ */ _interop_require_default(require("hoist-non-react-statics"));
+const _hoistnonreactstatics = /* @__PURE__ */ _interop_require_default._(require("hoist-non-react-statics"));
 const _runtimebrowser = require("@modern-js/utils/runtime-browser");
 const _types = require("./serverRender/types");
 const _withCallback = require("./react/withCallback");
 const _utils = require("./utils");
 const _utils1 = require("./serverRender/utils");
-_export_star(require("./react"), exports);
-function _export_star(from, to) {
-  Object.keys(from).forEach(function(k) {
-    if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-      Object.defineProperty(to, k, {
-        enumerable: true,
-        get: function() {
-          return from[k];
-        }
-      });
-    }
-  });
-  return from;
-}
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
+_export_star._(require("./react"), exports);
 const ssr = (config) => {
   return {
     name: "@modern-js/plugin-ssr",

package/dist/cjs/ssr/index.node.js

@@ -13,27 +13,11 @@ _export(exports, {
   ssr: () => ssr,
   default: () => _default
 });
+const _export_star = require("@swc/helpers/_/_export_star");
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 const _utils = require("./utils");
-const _serverRender = /* @__PURE__ */ _interop_require_default(require("./serverRender"));
-_export_star(require("./react"), exports);
-function _export_star(from, to) {
-  Object.keys(from).forEach(function(k) {
-    if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-      Object.defineProperty(to, k, {
-        enumerable: true,
-        get: function() {
-          return from[k];
-        }
-      });
-    }
-  });
-  return from;
-}
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
+const _serverRender = /* @__PURE__ */ _interop_require_default._(require("./serverRender"));
+_export_star._(require("./react"), exports);
 const ssr = (config = {}) => {
   return {
     name: "@modern-js/plugin-ssr",

package/dist/cjs/ssr/react/nossr/index.js

@@ -6,47 +6,8 @@ Object.defineProperty(exports, "NoSSR", {
   enumerable: true,
   get: () => NoSSR
 });
-const _react = /* @__PURE__ */ _interop_require_wildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== "function")
-    return null;
-  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache = function(nodeInterop2) {
-    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-    return {
-      default: obj
-    };
-  }
-  var cache = _getRequireWildcardCache(nodeInterop);
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-  var newObj = {};
-  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var key in obj) {
-    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-  newObj.default = obj;
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-  return newObj;
-}
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /* @__PURE__ */ _interop_require_wildcard._(require("react"));
 let csr = false;
 const NoSSR = (props) => {
   const [isMounted, setMounted] = (0, _react.useState)(csr);

package/dist/cjs/ssr/react/prerender/index.js

@@ -6,67 +6,12 @@ Object.defineProperty(exports, "PreRender", {
   enumerable: true,
   get: () => PreRender
 });
-const _reactsideeffect = /* @__PURE__ */ _interop_require_default(require("react-side-effect"));
-const _react = /* @__PURE__ */ _interop_require_wildcard(require("react"));
+const _define_property = require("@swc/helpers/_/_define_property");
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactsideeffect = /* @__PURE__ */ _interop_require_default._(require("react-side-effect"));
+const _react = /* @__PURE__ */ _interop_require_wildcard._(require("react"));
 const _util = require("./util");
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-function _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== "function")
-    return null;
-  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache = function(nodeInterop2) {
-    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-    return {
-      default: obj
-    };
-  }
-  var cache = _getRequireWildcardCache(nodeInterop);
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-  var newObj = {};
-  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var key in obj) {
-    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-  newObj.default = obj;
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-  return newObj;
-}
 const PROP_NAMES = {
   INTERVAL: "interval",
   STALE_LIMIT: "staleLimit",
@@ -138,9 +83,9 @@ function factory(Component) {
       });
     }
   }
-  _define_property(Spr, "peek", Component.peek);
-  _define_property(Spr, "rewind", Component.rewind);
-  _define_property(Spr, "config", () => {
+  _define_property._(Spr, "peek", Component.peek);
+  _define_property._(Spr, "rewind", Component.rewind);
+  _define_property._(Spr, "config", () => {
     const mappedState = Component.rewind();
     return mappedState;
   });

package/dist/cjs/ssr/react/withCallback/index.js

@@ -6,47 +6,8 @@ Object.defineProperty(exports, "WithCallback", {
   enumerable: true,
   get: () => WithCallback
 });
-const _react = /* @__PURE__ */ _interop_require_wildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== "function")
-    return null;
-  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache = function(nodeInterop2) {
-    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-    return {
-      default: obj
-    };
-  }
-  var cache = _getRequireWildcardCache(nodeInterop);
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-  var newObj = {};
-  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var key in obj) {
-    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-  newObj.default = obj;
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-  return newObj;
-}
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /* @__PURE__ */ _interop_require_wildcard._(require("react"));
 const WithCallback = ({ callback, children }) => {
   const once = (0, _react.useRef)(false);
   (0, _react.useLayoutEffect)(() => {

package/dist/cjs/ssr/serverRender/renderToStream/buildTemplate.after.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "buildShellAfterTemplate", {
   get: () => buildShellAfterTemplate
 });
 const _runtimenode = require("@modern-js/utils/runtime-node");
+const _utils = require("../utils");
 const _buildTemplateshare = require("./buildTemplate.share");
 function buildShellAfterTemplate(afterAppTemplate, options) {
   const callbacks = [
@@ -18,7 +19,7 @@ function buildShellAfterTemplate(afterAppTemplate, options) {
     return template.replace("<!--<?- SSRDataScript ?>-->", ssrDataScript);
     function buildSSRDataScript() {
       const { context: { ssrContext, initialData, __i18nData__ }, renderLevel } = options;
-      const { request, enableUnsafeCtx } = ssrContext;
+      const { request, enableUnsafeCtx, nonce } = ssrContext;
       const unsafeContext = {
         headers: request.headers
       };
@@ -39,8 +40,11 @@ function buildShellAfterTemplate(afterAppTemplate, options) {
         },
         renderLevel
       };
+      const attrsStr = (0, _utils.attributesToString)({
+        nonce
+      });
       return `
-      <script>window._SSR_DATA = ${(0, _runtimenode.serializeJson)(SSRData)}</script>
+      <script${attrsStr}>window._SSR_DATA = ${(0, _runtimenode.serializeJson)(SSRData)}</script>
       `;
     }
   }

package/dist/cjs/ssr/serverRender/renderToStream/bulidTemplate.before.js

@@ -6,16 +6,12 @@ Object.defineProperty(exports, "buildShellBeforeTemplate", {
   enumerable: true,
   get: () => buildShellBeforeTemplate
 });
-const _reacthelmet = /* @__PURE__ */ _interop_require_default(require("react-helmet"));
-const _reactrouterdom = require("react-router-dom");
-const _helmet = /* @__PURE__ */ _interop_require_default(require("../helmet"));
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _reacthelmet = /* @__PURE__ */ _interop_require_default._(require("react-helmet"));
+const _router = require("@modern-js/utils/runtime/router");
+const _helmet = /* @__PURE__ */ _interop_require_default._(require("../helmet"));
 const _utils = require("../utils");
 const _buildTemplateshare = require("./buildTemplate.share");
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
 function getHeadTemplate(beforeEntryTemplate, context) {
   const callbacks = [
     (headTemplate2) => {
@@ -39,7 +35,7 @@ function getHeadTemplate(beforeEntryTemplate, context) {
       }
       const { routeAssets } = routeManifest;
       const cssChunks = [];
-      const matches = (0, _reactrouterdom.matchRoutes)(routes, routerContext.location, routerContext.basename);
+      const matches = (0, _router.matchRoutes)(routes, routerContext.location, routerContext.basename);
       matches === null || matches === void 0 ? void 0 : matches.forEach((match, index) => {
         if (!index) {
           return;

package/dist/cjs/ssr/serverRender/renderToStream/index.js

@@ -6,16 +6,12 @@ Object.defineProperty(exports, "render", {
   enumerable: true,
   get: () => render
 });
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 const _react = require("react");
 const _runtimenode = require("@modern-js/utils/runtime-node");
 const _prerender = require("../../react/prerender");
 const _time = require("../time");
-const _renderToPipe = /* @__PURE__ */ _interop_require_default(require("./renderToPipe"));
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
+const _renderToPipe = /* @__PURE__ */ _interop_require_default._(require("./renderToPipe"));
 const render = ({ App, context }) => {
   const { ssrContext } = context;
   if (!ssrContext) {

package/dist/cjs/ssr/serverRender/renderToStream/renderToPipe.js

@@ -12,13 +12,13 @@ const _common = require("../../../common");
 const _template = require("./template");
 var ShellChunkStatus;
 (function(ShellChunkStatus2) {
-  ShellChunkStatus2[ShellChunkStatus2["IDLE"] = 0] = "IDLE";
-  ShellChunkStatus2[ShellChunkStatus2["START"] = 1] = "START";
-  ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 2] = "FINIESH";
+  ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
+  ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
 function renderToPipe(rootElement, context, options) {
-  let shellChunkStatus = ShellChunkStatus.IDLE;
+  let shellChunkStatus = ShellChunkStatus.START;
   const { ssrContext } = context;
+  const chunkVec = [];
   const forUserPipe = (stream) => {
     return new Promise((resolve) => {
       let renderToPipeableStream;
@@ -28,6 +28,7 @@ function renderToPipe(rootElement, context, options) {
       }
       const { pipe } = renderToPipeableStream(rootElement, {
         ...options,
+        nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
         onShellReady() {
           var _options_onShellReady;
           const { shellAfter, shellBefore } = (0, _template.getTemplates)(context, _types.RenderLevel.SERVER_RENDER);
@@ -36,16 +37,13 @@ function renderToPipe(rootElement, context, options) {
             transform(chunk, _encoding, callback) {
               try {
                 if (shellChunkStatus !== ShellChunkStatus.FINIESH) {
-                  let concatedChunk = chunk.toString();
-                  if (shellChunkStatus === ShellChunkStatus.IDLE) {
-                    concatedChunk = `${shellBefore}${concatedChunk}`;
-                    shellChunkStatus = ShellChunkStatus.START;
-                  }
-                  if (shellChunkStatus === ShellChunkStatus.START && concatedChunk.endsWith(_common.ESCAPED_SHELL_STREAM_END_MARK)) {
-                    concatedChunk = concatedChunk.replace(_common.ESCAPED_SHELL_STREAM_END_MARK, shellAfter);
+                  chunkVec.push(chunk.toString());
+                  let concatedChunk = chunkVec.join("");
+                  if (concatedChunk.endsWith(_common.ESCAPED_SHELL_STREAM_END_MARK)) {
+                    concatedChunk = concatedChunk.replace(_common.ESCAPED_SHELL_STREAM_END_MARK, "");
                     shellChunkStatus = ShellChunkStatus.FINIESH;
+                    this.push(`${shellBefore}${concatedChunk}${shellAfter}`);
                   }
-                  this.push(concatedChunk);
                 } else {
                   this.push(chunk);
                 }

package/dist/cjs/ssr/serverRender/renderToStream/renderToPipe.worker.js

@@ -11,12 +11,12 @@ const _common = require("../../../common");
 const _template = require("./template");
 var ShellChunkStatus;
 (function(ShellChunkStatus2) {
-  ShellChunkStatus2[ShellChunkStatus2["IDLE"] = 0] = "IDLE";
-  ShellChunkStatus2[ShellChunkStatus2["START"] = 1] = "START";
-  ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 2] = "FINIESH";
+  ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
+  ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
 function renderToPipe(rootElement, context, options) {
-  let shellChunkStatus = ShellChunkStatus.IDLE;
+  let shellChunkStatus = ShellChunkStatus.START;
+  const chunkVec = [];
   const { ssrContext } = context;
   const forUserPipe = async () => {
     let renderToReadableStream;
@@ -28,6 +28,7 @@ function renderToPipe(rootElement, context, options) {
     try {
       const readableOriginal = await renderToReadableStream(rootElement, {
         ...options,
+        nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
         onError(error) {
           var _options_onError;
           ssrContext.logger.error("An error occurs during streaming SSR", error);
@@ -45,14 +46,13 @@ function renderToPipe(rootElement, context, options) {
               return;
             }
             if (shellChunkStatus !== ShellChunkStatus.FINIESH) {
-              let concatedChunk = new TextDecoder().decode(value);
-              if (shellChunkStatus === ShellChunkStatus.IDLE) {
-                concatedChunk = `${shellBefore}${concatedChunk}`;
-                shellChunkStatus = ShellChunkStatus.START;
-              }
-              if (shellChunkStatus === ShellChunkStatus.START && concatedChunk.endsWith(_common.ESCAPED_SHELL_STREAM_END_MARK)) {
-                concatedChunk = concatedChunk.replace(_common.ESCAPED_SHELL_STREAM_END_MARK, shellAfter);
+              const chunk = new TextDecoder().decode(value);
+              chunkVec.push(chunk);
+              let concatedChunk = chunkVec.join("");
+              if (concatedChunk.endsWith(_common.ESCAPED_SHELL_STREAM_END_MARK)) {
+                concatedChunk = concatedChunk.replace(_common.ESCAPED_SHELL_STREAM_END_MARK, "");
                 shellChunkStatus = ShellChunkStatus.FINIESH;
+                controller.enqueue(encodeForWebStream(`${shellBefore}${concatedChunk}${shellAfter}`));
               }
               controller.enqueue(encodeForWebStream(concatedChunk));
             } else {