@modern-js/plugin-garfish 1.4.11 → 1.4.13

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @modern-js/plugin-garfish
 
+## 1.4.13
+
+### Patch Changes
+
+- a37960018: fix: default config \_SERVER_DATA to insulationVariable and set disableCssExtract to be true
+- Updated dependencies [b8cfc42cd]
+- Updated dependencies [804a5bb8a]
+  - @modern-js/utils@1.7.4
+  - @modern-js/plugin-router@1.2.14
+
 ## 1.4.11
 
 ### Patch Changes

package/dist/js/modern/cli/index.js

@@ -12,6 +12,20 @@ export const externals = {
   'react-dom': 'react-dom',
   react: 'react'
 };
+export function getDefaultMicroFrontedConfig(microFrontend) {
+  if (microFrontend === true) {
+    return {
+      enableHtmlEntry: true,
+      externalBasicLibrary: false,
+      moduleApp: ''
+    };
+  }
+
+  return _objectSpread({
+    enableHtmlEntry: true,
+    externalBasicLibrary: false
+  }, microFrontend);
+}
 export default (({
   runtimePluginName: _runtimePluginName = '@modern-js/runtime/plugins',
   mfPackagePath: _mfPackagePath = path.resolve(__dirname, '../../../../')
@@ -19,7 +33,8 @@ export default (({
   name: '@modern-js/plugin-garfish',
   setup: ({
     useAppContext,
-    useResolvedConfigContext
+    useResolvedConfigContext,
+    useConfigContext
   }) => {
     let pluginsExportsUtils;
     let runtimeExportsUtils;
@@ -50,6 +65,7 @@ export default (({
         }
 
         logger(`resolvedConfig`, {
+          output: nConfig.resolved.output,
           runtime: nConfig.resolved.runtime,
           deploy: nConfig.resolved.deploy,
           server: nConfig.resolved.server
@@ -58,13 +74,33 @@ export default (({
       },
 
       config() {
+        var _useConfig$output$dis, _useConfig$output, _useConfig$deploy;
+
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        const config = useAppContext(); // eslint-disable-next-line react-hooks/rules-of-hooks
+        const useConfig = useConfigContext();
+        logger('useConfig', useConfig); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-        const resolveOptions = useResolvedConfigContext();
+        const config = useAppContext();
         pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'plugins');
         runtimeExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'index');
+        let disableCssExtract = (_useConfig$output$dis = (_useConfig$output = useConfig.output) === null || _useConfig$output === void 0 ? void 0 : _useConfig$output.disableCssExtract) !== null && _useConfig$output$dis !== void 0 ? _useConfig$output$dis : false; // When the micro-frontend application js entry, there is no need to extract css, close cssExtract
+
+        if ((_useConfig$deploy = useConfig.deploy) !== null && _useConfig$deploy !== void 0 && _useConfig$deploy.microFrontend) {
+          var _useConfig$deploy2;
+
+          const {
+            enableHtmlEntry
+          } = getDefaultMicroFrontedConfig((_useConfig$deploy2 = useConfig.deploy) === null || _useConfig$deploy2 === void 0 ? void 0 : _useConfig$deploy2.microFrontend);
+
+          if (!enableHtmlEntry) {
+            disableCssExtract = true;
+          }
+        }
+
         return {
+          output: {
+            disableCssExtract
+          },
           source: {
             alias: {
               '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
@@ -83,8 +119,11 @@ export default (({
             }) => {
               var _resolveOptions$deplo, _resolveWebpackConfig;
 
+              // eslint-disable-next-line react-hooks/rules-of-hooks
+              const resolveOptions = useResolvedConfigContext();
+
               if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$deplo = resolveOptions.deploy) !== null && _resolveOptions$deplo !== void 0 && _resolveOptions$deplo.microFrontend) {
-                var _resolveOptions$serve, _resolveOptions$deplo2, _resolveOptions$deplo3;
+                var _resolveOptions$serve, _resolveOptions$deplo2;
 
                 chain.output.libraryTarget('umd');
 
@@ -100,9 +139,9 @@ export default (({
                 }
 
                 const {
-                  enableHtmlEntry = true,
-                  externalBasicLibrary = false
-                } = typeof (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend) === 'object' ? resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions$deplo3 = resolveOptions.deploy) === null || _resolveOptions$deplo3 === void 0 ? void 0 : _resolveOptions$deplo3.microFrontend : {}; // external
+                  enableHtmlEntry,
+                  externalBasicLibrary
+                } = getDefaultMicroFrontedConfig((_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend); // external
 
                 if (externalBasicLibrary) {
                   chain.externals(externals);
@@ -124,7 +163,8 @@ export default (({
                 output: resolveWebpackConfig.output,
                 externals: resolveWebpackConfig.externals,
                 env: _env,
-                alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias
+                alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias,
+                plugins: resolveWebpackConfig.plugins
               });
             }
           }

package/dist/js/modern/runtime/utils/MApp.js

@@ -48,7 +48,7 @@ export function generateMApp(options, manifest) {
         listening: true
       });
 
-      const garfishOptions = _objectSpread({
+      const garfishOptions = _objectSpread(_objectSpread({
         domGetter: `#${domId}`,
 
         beforeLoad(...args) {
@@ -92,7 +92,9 @@ export function generateMApp(options, manifest) {
           return errorUnmountApp === null || errorUnmountApp === void 0 ? void 0 : errorUnmountApp(error, ...args);
         }
 
-      }, otherOptions);
+      }, otherOptions), {}, {
+        insulationVariable: [...(otherOptions.insulationVariable || []), '_SERVER_DATA']
+      });
 
       logger('MApp componentDidMount', {
         garfishRunning: Garfish.running,

package/dist/js/modern/runtime/utils/apps.js

@@ -57,6 +57,7 @@ function getAppInstance(options, appInfo, manifest) {
       } = this.state;
 
       const loadAppOptions = _objectSpread(_objectSpread({}, appInfo), {}, {
+        insulationVariable: [...(appInfo.insulationVariable || []), '_SERVER_DATA'],
         domGetter: `#${domId}`,
         basename: path.join((options === null || options === void 0 ? void 0 : options.basename) || '/', (match === null || match === void 0 ? void 0 : match.path) || '/'),
         cache: true,

package/dist/js/node/cli/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.externals = exports.default = void 0;
+exports.getDefaultMicroFrontedConfig = getDefaultMicroFrontedConfig;
 
 var _path = _interopRequireDefault(require("path"));
 
@@ -27,6 +28,21 @@ const externals = {
 };
 exports.externals = externals;
 
+function getDefaultMicroFrontedConfig(microFrontend) {
+  if (microFrontend === true) {
+    return {
+      enableHtmlEntry: true,
+      externalBasicLibrary: false,
+      moduleApp: ''
+    };
+  }
+
+  return _objectSpread({
+    enableHtmlEntry: true,
+    externalBasicLibrary: false
+  }, microFrontend);
+}
+
 var _default = ({
   runtimePluginName: _runtimePluginName = '@modern-js/runtime/plugins',
   mfPackagePath: _mfPackagePath = _path.default.resolve(__dirname, '../../../../')
@@ -34,7 +50,8 @@ var _default = ({
   name: '@modern-js/plugin-garfish',
   setup: ({
     useAppContext,
-    useResolvedConfigContext
+    useResolvedConfigContext,
+    useConfigContext
   }) => {
     let pluginsExportsUtils;
     let runtimeExportsUtils;
@@ -65,6 +82,7 @@ var _default = ({
         }
 
         (0, _util.logger)(`resolvedConfig`, {
+          output: nConfig.resolved.output,
           runtime: nConfig.resolved.runtime,
           deploy: nConfig.resolved.deploy,
           server: nConfig.resolved.server
@@ -73,13 +91,33 @@ var _default = ({
       },
 
       config() {
+        var _useConfig$output$dis, _useConfig$output, _useConfig$deploy;
+
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        const config = useAppContext(); // eslint-disable-next-line react-hooks/rules-of-hooks
+        const useConfig = useConfigContext();
+        (0, _util.logger)('useConfig', useConfig); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-        const resolveOptions = useResolvedConfigContext();
+        const config = useAppContext();
         pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(config.internalDirectory, 'plugins');
         runtimeExportsUtils = (0, _utils.createRuntimeExportsUtils)(config.internalDirectory, 'index');
+        let disableCssExtract = (_useConfig$output$dis = (_useConfig$output = useConfig.output) === null || _useConfig$output === void 0 ? void 0 : _useConfig$output.disableCssExtract) !== null && _useConfig$output$dis !== void 0 ? _useConfig$output$dis : false; // When the micro-frontend application js entry, there is no need to extract css, close cssExtract
+
+        if ((_useConfig$deploy = useConfig.deploy) !== null && _useConfig$deploy !== void 0 && _useConfig$deploy.microFrontend) {
+          var _useConfig$deploy2;
+
+          const {
+            enableHtmlEntry
+          } = getDefaultMicroFrontedConfig((_useConfig$deploy2 = useConfig.deploy) === null || _useConfig$deploy2 === void 0 ? void 0 : _useConfig$deploy2.microFrontend);
+
+          if (!enableHtmlEntry) {
+            disableCssExtract = true;
+          }
+        }
+
         return {
+          output: {
+            disableCssExtract
+          },
           source: {
             alias: {
               '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
@@ -98,8 +136,11 @@ var _default = ({
             }) => {
               var _resolveOptions$deplo, _resolveWebpackConfig;
 
+              // eslint-disable-next-line react-hooks/rules-of-hooks
+              const resolveOptions = useResolvedConfigContext();
+
               if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$deplo = resolveOptions.deploy) !== null && _resolveOptions$deplo !== void 0 && _resolveOptions$deplo.microFrontend) {
-                var _resolveOptions$serve, _resolveOptions$deplo2, _resolveOptions$deplo3;
+                var _resolveOptions$serve, _resolveOptions$deplo2;
 
                 chain.output.libraryTarget('umd');
 
@@ -115,9 +156,9 @@ var _default = ({
                 }
 
                 const {
-                  enableHtmlEntry = true,
-                  externalBasicLibrary = false
-                } = typeof (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend) === 'object' ? resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions$deplo3 = resolveOptions.deploy) === null || _resolveOptions$deplo3 === void 0 ? void 0 : _resolveOptions$deplo3.microFrontend : {}; // external
+                  enableHtmlEntry,
+                  externalBasicLibrary
+                } = getDefaultMicroFrontedConfig((_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend); // external
 
                 if (externalBasicLibrary) {
                   chain.externals(externals);
@@ -139,7 +180,8 @@ var _default = ({
                 output: resolveWebpackConfig.output,
                 externals: resolveWebpackConfig.externals,
                 env: _env,
-                alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias
+                alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias,
+                plugins: resolveWebpackConfig.plugins
               });
             }
           }

package/dist/js/node/runtime/utils/MApp.js

@@ -61,7 +61,7 @@ function generateMApp(options, manifest) {
         listening: true
       });
 
-      const garfishOptions = _objectSpread({
+      const garfishOptions = _objectSpread(_objectSpread({
         domGetter: `#${domId}`,
 
         beforeLoad(...args) {
@@ -105,7 +105,9 @@ function generateMApp(options, manifest) {
           return errorUnmountApp === null || errorUnmountApp === void 0 ? void 0 : errorUnmountApp(error, ...args);
         }
 
-      }, otherOptions);
+      }, otherOptions), {}, {
+        insulationVariable: [...(otherOptions.insulationVariable || []), '_SERVER_DATA']
+      });
 
       (0, _util.logger)('MApp componentDidMount', {
         garfishRunning: _garfish.default.running,

package/dist/js/node/runtime/utils/apps.js

@@ -63,6 +63,7 @@ function getAppInstance(options, appInfo, manifest) {
       } = this.state;
 
       const loadAppOptions = _objectSpread(_objectSpread({}, appInfo), {}, {
+        insulationVariable: [...(appInfo.insulationVariable || []), '_SERVER_DATA'],
         domGetter: `#${domId}`,
         basename: _path.default.join((options === null || options === void 0 ? void 0 : options.basename) || '/', (match === null || match === void 0 ? void 0 : match.path) || '/'),
         cache: true,

package/dist/js/treeshaking/cli/index.js

@@ -1,6 +1,6 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import path from 'path';
 import { createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
@@ -10,6 +10,20 @@ export var externals = {
   'react-dom': 'react-dom',
   react: 'react'
 };
+export function getDefaultMicroFrontedConfig(microFrontend) {
+  if (microFrontend === true) {
+    return {
+      enableHtmlEntry: true,
+      externalBasicLibrary: false,
+      moduleApp: ''
+    };
+  }
+
+  return _objectSpread({
+    enableHtmlEntry: true,
+    externalBasicLibrary: false
+  }, microFrontend);
+}
 export default (function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref$runtimePluginNam = _ref.runtimePluginName,
@@ -21,7 +35,8 @@ export default (function () {
     name: '@modern-js/plugin-garfish',
     setup: function setup(_ref2) {
       var useAppContext = _ref2.useAppContext,
-          useResolvedConfigContext = _ref2.useResolvedConfigContext;
+          useResolvedConfigContext = _ref2.useResolvedConfigContext,
+          useConfigContext = _ref2.useConfigContext;
       var pluginsExportsUtils;
       var runtimeExportsUtils;
       return {
@@ -50,6 +65,7 @@ export default (function () {
                     }
 
                     logger("resolvedConfig", {
+                      output: nConfig.resolved.output,
                       runtime: nConfig.resolved.runtime,
                       deploy: nConfig.resolved.deploy,
                       server: nConfig.resolved.server
@@ -71,13 +87,32 @@ export default (function () {
           return resolvedConfig;
         }(),
         config: function config() {
+          var _useConfig$output$dis, _useConfig$output, _useConfig$deploy;
+
           // eslint-disable-next-line react-hooks/rules-of-hooks
-          var config = useAppContext(); // eslint-disable-next-line react-hooks/rules-of-hooks
+          var useConfig = useConfigContext();
+          logger('useConfig', useConfig); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-          var resolveOptions = useResolvedConfigContext();
+          var config = useAppContext();
           pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'plugins');
           runtimeExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'index');
+          var disableCssExtract = (_useConfig$output$dis = (_useConfig$output = useConfig.output) === null || _useConfig$output === void 0 ? void 0 : _useConfig$output.disableCssExtract) !== null && _useConfig$output$dis !== void 0 ? _useConfig$output$dis : false; // When the micro-frontend application js entry, there is no need to extract css, close cssExtract
+
+          if ((_useConfig$deploy = useConfig.deploy) !== null && _useConfig$deploy !== void 0 && _useConfig$deploy.microFrontend) {
+            var _useConfig$deploy2;
+
+            var _getDefaultMicroFront = getDefaultMicroFrontedConfig((_useConfig$deploy2 = useConfig.deploy) === null || _useConfig$deploy2 === void 0 ? void 0 : _useConfig$deploy2.microFrontend),
+                enableHtmlEntry = _getDefaultMicroFront.enableHtmlEntry;
+
+            if (!enableHtmlEntry) {
+              disableCssExtract = true;
+            }
+          }
+
           return {
+            output: {
+              disableCssExtract: disableCssExtract
+            },
             source: {
               alias: {
                 '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
@@ -96,9 +131,11 @@ export default (function () {
                     _webpack = _ref3.webpack,
                     _ref3$env = _ref3.env,
                     env = _ref3$env === void 0 ? process.env.NODE_ENV || 'development' : _ref3$env;
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                var resolveOptions = useResolvedConfigContext();
 
                 if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$deplo = resolveOptions.deploy) !== null && _resolveOptions$deplo !== void 0 && _resolveOptions$deplo.microFrontend) {
-                  var _resolveOptions$serve, _resolveOptions$deplo2, _resolveOptions$deplo3;
+                  var _resolveOptions$serve, _resolveOptions$deplo2;
 
                   chain.output.libraryTarget('umd');
 
@@ -113,11 +150,9 @@ export default (function () {
                     }]);
                   }
 
-                  var _ref4 = _typeof(resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend) === 'object' ? resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions$deplo3 = resolveOptions.deploy) === null || _resolveOptions$deplo3 === void 0 ? void 0 : _resolveOptions$deplo3.microFrontend : {},
-                      _ref4$enableHtmlEntry = _ref4.enableHtmlEntry,
-                      enableHtmlEntry = _ref4$enableHtmlEntry === void 0 ? true : _ref4$enableHtmlEntry,
-                      _ref4$externalBasicLi = _ref4.externalBasicLibrary,
-                      externalBasicLibrary = _ref4$externalBasicLi === void 0 ? false : _ref4$externalBasicLi; // external
+                  var _getDefaultMicroFront2 = getDefaultMicroFrontedConfig((_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend),
+                      _enableHtmlEntry = _getDefaultMicroFront2.enableHtmlEntry,
+                      externalBasicLibrary = _getDefaultMicroFront2.externalBasicLibrary; // external
 
 
                   if (externalBasicLibrary) {
@@ -125,7 +160,7 @@ export default (function () {
                   } // use html mode
 
 
-                  if (!enableHtmlEntry) {
+                  if (!_enableHtmlEntry) {
                     chain.output.filename('index.js');
                     chain.plugins["delete"]('html-main');
                     chain.optimization.runtimeChunk(false);
@@ -140,7 +175,8 @@ export default (function () {
                   output: resolveWebpackConfig.output,
                   externals: resolveWebpackConfig.externals,
                   env: env,
-                  alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias
+                  alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias,
+                  plugins: resolveWebpackConfig.plugins
                 });
               }
             }
@@ -152,9 +188,9 @@ export default (function () {
           pluginsExportsUtils.addExport(addExportStatement);
           runtimeExportsUtils.addExport("export * from '".concat(mfPackagePath, "'"));
         },
-        modifyEntryImports: function modifyEntryImports(_ref5) {
-          var entrypoint = _ref5.entrypoint,
-              imports = _ref5.imports;
+        modifyEntryImports: function modifyEntryImports(_ref4) {
+          var entrypoint = _ref4.entrypoint,
+              imports = _ref4.imports;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useResolvedConfigContext();
 
@@ -189,9 +225,9 @@ export default (function () {
             entrypoint: entrypoint
           };
         },
-        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref6) {
-          var entrypoint = _ref6.entrypoint,
-              plugins = _ref6.plugins;
+        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref5) {
+          var entrypoint = _ref5.entrypoint,
+              plugins = _ref5.plugins;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useResolvedConfigContext();
 
@@ -212,11 +248,11 @@ export default (function () {
             plugins: plugins
           };
         },
-        modifyEntryRenderFunction: function modifyEntryRenderFunction(_ref7) {
+        modifyEntryRenderFunction: function modifyEntryRenderFunction(_ref6) {
           var _config$deploy;
 
-          var entrypoint = _ref7.entrypoint,
-              code = _ref7.code;
+          var entrypoint = _ref6.entrypoint,
+              code = _ref6.code;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useResolvedConfigContext();
 
@@ -234,11 +270,11 @@ export default (function () {
             code: nCode
           };
         },
-        modifyEntryExport: function modifyEntryExport(_ref8) {
+        modifyEntryExport: function modifyEntryExport(_ref7) {
           var _config$deploy2;
 
-          var entrypoint = _ref8.entrypoint,
-              exportStatement = _ref8.exportStatement;
+          var entrypoint = _ref7.entrypoint,
+              exportStatement = _ref7.exportStatement;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useResolvedConfigContext();
 

package/dist/js/treeshaking/runtime/utils/MApp.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
@@ -55,7 +56,7 @@ export function generateMApp(options, manifest) {
           listening: true
         });
 
-        var garfishOptions = _objectSpread({
+        var garfishOptions = _objectSpread(_objectSpread({
           domGetter: "#".concat(domId),
           beforeLoad: function beforeLoad() {
             for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -113,7 +114,9 @@ export function generateMApp(options, manifest) {
             });
             return _errorUnmountApp === null || _errorUnmountApp === void 0 ? void 0 : _errorUnmountApp.apply(void 0, [error].concat(args));
           }
-        }, otherOptions);
+        }, otherOptions), {}, {
+          insulationVariable: [].concat(_toConsumableArray(otherOptions.insulationVariable || []), ['_SERVER_DATA'])
+        });
 
         logger('MApp componentDidMount', {
           garfishRunning: Garfish.running,

package/dist/js/treeshaking/runtime/utils/apps.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
@@ -69,6 +70,7 @@ function getAppInstance(options, appInfo, manifest) {
                   _this$props = this.props, match = _this$props.match, history = _this$props.history, setLoadingState = _this$props.setLoadingState, userProps = _objectWithoutProperties(_this$props, _excluded);
                   domId = this.state.domId;
                   loadAppOptions = _objectSpread(_objectSpread({}, appInfo), {}, {
+                    insulationVariable: [].concat(_toConsumableArray(appInfo.insulationVariable || []), ['_SERVER_DATA']),
                     domGetter: "#".concat(domId),
                     basename: path.join((options === null || options === void 0 ? void 0 : options.basename) || '/', (match === null || match === void 0 ? void 0 : match.path) || '/'),
                     cache: true,

package/dist/types/cli/index.d.ts

@@ -1,9 +1,16 @@
-import type { CliHookCallbacks, CliPlugin } from '@modern-js/core';
+import type { CliHookCallbacks, CliPlugin, useConfigContext } from '@modern-js/core';
+export declare type UseConfig = ReturnType<typeof useConfigContext>;
 export declare const externals: {
   'react-dom': string;
   react: string;
 };
 export declare type LifeCycle = CliHookCallbacks;
+declare type NonInValidAble<T> = T extends null | undefined | false ? never : T;
+export declare function getDefaultMicroFrontedConfig(microFrontend: NonInValidAble<NonNullable<UseConfig['deploy']>['microFrontend']>): {
+  enableHtmlEntry: boolean;
+  externalBasicLibrary: boolean;
+  moduleApp?: string | undefined;
+};
 
 declare const _default: ({
   runtimePluginName,

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.4.11",
+  "version": "1.4.13",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/runtime/index.d.ts",
   "typesVersions": {
@@ -50,16 +50,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7",
-    "@modern-js/utils": "^1.7.3",
+    "@modern-js/utils": "^1.7.4",
     "@types/debug": "^4.1.7",
     "@types/react-loadable": "^5.5.6",
     "debug": "^4.3.2",
-    "garfish": "^1.3.3",
+    "garfish": "^1.5.5",
     "hoist-non-react-statics": "^3.3.2",
     "react-loadable": "^5.5.0"
   },
   "devDependencies": {
-    "@modern-js/core": "1.10.2",
+    "@modern-js/core": "1.10.3",
     "@modern-js/plugin-router": "1.2.14",
     "@modern-js/runtime-core": "1.4.6",
     "@modern-js/types": "1.5.3",
@@ -91,7 +91,8 @@
   "modernConfig": {},
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
-    "access": "public"
+    "access": "public",
+    "types": "./dist/types/runtime/index.d.ts"
   },
   "wireit": {
     "build": {
@@ -110,7 +111,8 @@
       "files": [
         "src/**/*",
         "tsconfig.json",
-        "package.json"
+        "package.json",
+        "tests/**/*"
       ],
       "output": []
     }