@modern-js/plugin-garfish 1.4.10 → 1.4.13-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @modern-js/plugin-garfish
 
+## 1.4.11
+
+### Patch Changes
+
+- d32f35134: chore: add modern/jest/eslint/ts config files to .npmignore
+- Updated dependencies [d32f35134]
+- Updated dependencies [6ae4a34ae]
+- Updated dependencies [97086dde8]
+- Updated dependencies [97086dde8]
+- Updated dependencies [b80229c79]
+- Updated dependencies [948cc4436]
+  - @modern-js/plugin-router@1.2.14
+  - @modern-js/runtime-core@1.4.6
+  - @modern-js/utils@1.7.3
+
 ## 1.4.10
 
 ### 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);
@@ -111,7 +150,8 @@ export default (({
 
                 if (!enableHtmlEntry) {
                   chain.output.filename('index.js');
-                  chain.plugins.delete('html-main');
+                  chain.plugins.delete('html-main'); // chain.plugins.delete('mini-css-extract');
+
                   chain.optimization.runtimeChunk(false);
                   chain.optimization.splitChunks({
                     chunks: 'async'
@@ -124,7 +164,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/loadable.js

@@ -4,12 +4,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 // logical reference to https://github.com/jamiebuilds/react-loadable/blob/6201c5837b212d6244c57f3748f2b1375096beeb/src/index.js
 import React from 'react';
 import { logger } from "../util";
@@ -21,24 +21,28 @@ export function Loadable(WrapComponent) {
     return class LoadableComponent extends React.Component {
       constructor(...args) {
         super(...args);
-        this.state = {
+
+        _defineProperty(this, "state", {
           error: null,
           pastDelay: false,
           timedOut: false,
           isLoading: false
-        };
-        this.mounted = false;
-        this.delay = void 0;
-        this.timeout = void 0;
+        });
+
+        _defineProperty(this, "mounted", false);
+
+        _defineProperty(this, "delay", void 0);
 
-        this.retry = () => {
+        _defineProperty(this, "timeout", void 0);
+
+        _defineProperty(this, "retry", () => {
           this.setState({
             error: null,
             isLoading: true,
             timedOut: false
           }); // res = loadFn(opts.loader);
           // this._loadModule();
-        };
+        });
       }
 
       // eslint-disable-next-line @typescript-eslint/naming-convention

package/dist/js/modern/runtime/plugin.js

@@ -76,7 +76,8 @@ export default (config => ({
         class GetMicroFrontendApp extends React.Component {
           constructor(props) {
             super(props);
-            this.state = {
+
+            _defineProperty(this, "state", {
               MApp: () => {
                 logger('MApp init Component Render');
                 return /*#__PURE__*/React.createElement('div');
@@ -88,7 +89,7 @@ export default (config => ({
 
               }),
               appInfoList: []
-            };
+            });
 
             const load = async () => {
               const GarfishConfig = await promise;

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

@@ -4,12 +4,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import React from 'react'; // eslint-disable-next-line import/no-named-as-default
 
 import Garfish from 'garfish';
@@ -20,9 +20,10 @@ export function generateMApp(options, manifest) {
   class MApp extends React.Component {
     constructor(...args) {
       super(...args);
-      this.state = {
+
+      _defineProperty(this, "state", {
         domId: generateSubAppContainerKey()
-      };
+      });
     }
 
     componentDidMount() {
@@ -47,7 +48,7 @@ export function generateMApp(options, manifest) {
         listening: true
       });
 
-      const garfishOptions = _objectSpread({
+      const garfishOptions = _objectSpread(_objectSpread({
         domGetter: `#${domId}`,
 
         beforeLoad(...args) {
@@ -91,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

@@ -4,12 +4,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 // The loading logic of the current component refers to react-loadable https://github.com/jamiebuilds/react-loadable
 import path from 'path';
 import React from 'react'; // eslint-disable-next-line import/no-named-as-default
@@ -33,12 +33,13 @@ function getAppInstance(options, appInfo, manifest) {
   class MicroApp extends React.Component {
     constructor(...args) {
       super(...args);
-      this.state = {
+
+      _defineProperty(this, "state", {
         appInstance: null,
         domId: generateSubAppContainerKey(appInfo)
-      };
+      });
 
-      this.unregisterHistoryListener = () => {};
+      _defineProperty(this, "unregisterHistoryListener", () => {});
     }
 
     // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -56,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);
@@ -126,7 +167,8 @@ var _default = ({
 
                 if (!enableHtmlEntry) {
                   chain.output.filename('index.js');
-                  chain.plugins.delete('html-main');
+                  chain.plugins.delete('html-main'); // chain.plugins.delete('mini-css-extract');
+
                   chain.optimization.runtimeChunk(false);
                   chain.optimization.splitChunks({
                     chunks: 'async'
@@ -139,7 +181,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/loadable.js

@@ -19,35 +19,39 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function Loadable(WrapComponent) {
   return function (defaultLoadable) {
     return class LoadableComponent extends _react.default.Component {
       constructor(...args) {
         super(...args);
-        this.state = {
+
+        _defineProperty(this, "state", {
           error: null,
           pastDelay: false,
           timedOut: false,
           isLoading: false
-        };
-        this.mounted = false;
-        this.delay = void 0;
-        this.timeout = void 0;
+        });
+
+        _defineProperty(this, "mounted", false);
+
+        _defineProperty(this, "delay", void 0);
 
-        this.retry = () => {
+        _defineProperty(this, "timeout", void 0);
+
+        _defineProperty(this, "retry", () => {
           this.setState({
             error: null,
             isLoading: true,
             timedOut: false
           }); // res = loadFn(opts.loader);
           // this._loadModule();
-        };
+        });
       }
 
       // eslint-disable-next-line @typescript-eslint/naming-convention

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

@@ -92,7 +92,8 @@ var _default = config => ({
         class GetMicroFrontendApp extends _react.default.Component {
           constructor(props) {
             super(props);
-            this.state = {
+
+            _defineProperty(this, "state", {
               MApp: () => {
                 (0, _util.logger)('MApp init Component Render');
                 return /*#__PURE__*/_react.default.createElement('div');
@@ -104,7 +105,7 @@ var _default = config => ({
 
               }),
               appInfoList: []
-            };
+            });
 
             const load = async () => {
               const GarfishConfig = await promise;

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

@@ -23,19 +23,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function generateMApp(options, manifest) {
   class MApp extends _react.default.Component {
     constructor(...args) {
       super(...args);
-      this.state = {
+
+      _defineProperty(this, "state", {
         domId: (0, _util.generateSubAppContainerKey)()
-      };
+      });
     }
 
     componentDidMount() {
@@ -60,7 +61,7 @@ function generateMApp(options, manifest) {
         listening: true
       });
 
-      const garfishOptions = _objectSpread({
+      const garfishOptions = _objectSpread(_objectSpread({
         domGetter: `#${domId}`,
 
         beforeLoad(...args) {
@@ -104,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

@@ -27,24 +27,25 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function getAppInstance(options, appInfo, manifest) {
   let locationHref = '';
 
   class MicroApp extends _react.default.Component {
     constructor(...args) {
       super(...args);
-      this.state = {
+
+      _defineProperty(this, "state", {
         appInstance: null,
         domId: (0, _util.generateSubAppContainerKey)(appInfo)
-      };
+      });
 
-      this.unregisterHistoryListener = () => {};
+      _defineProperty(this, "unregisterHistoryListener", () => {});
     }
 
     // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -62,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,