@modern-js/plugin-garfish 1.3.0 → 1.4.1

package/.eslintrc.js

@@ -3,5 +3,5 @@ module.exports = {
   parserOptions: {
     project: require.resolve('./tsconfig.json'),
   },
-  ignorePatterns: ['type.d.ts'],
+  ignorePatterns: ['type.d.ts', 'tests/**/*.tsx'],
 };

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @modern-js/plugin-garfish
 
+## 1.4.0
+
+### Minor Changes
+
+- 4c792f68: feat(plugin-garfish): Sub-applications automatically increment basename
+  feat(plugin-garfish): export common generate code function
+  fix(plugin-garfish): modify plugin-garfish schema config
+
+### Patch Changes
+
+- 55e18278: chore: remove unused dependencies and devDependencies
+- Updated dependencies [969f172f]
+- Updated dependencies [4c792f68]
+- Updated dependencies [4b5d4bf4]
+- Updated dependencies [62f5b8c8]
+- Updated dependencies [55e18278]
+- Updated dependencies [4499a674]
+- Updated dependencies [403f5169]
+- Updated dependencies [a7f42f48]
+  - @modern-js/core@1.4.4
+  - @modern-js/utils@1.3.3
+  - @modern-js/runtime-core@1.2.4
+
+## 1.3.1
+
+### Patch Changes
+
+- 53aca274: modify garfish-plugin config type
+- Updated dependencies [53aca274]
+- Updated dependencies [78279953]
+- Updated dependencies [e116ace5]
+- Updated dependencies [4d72edea]
+  - @modern-js/core@1.4.1
+  - @modern-js/utils@1.3.1
+
 ## 1.3.0
 
 ### Minor Changes

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

@@ -1,283 +1,262 @@
-const _excluded = ["validateSchema", "externals", "componentKey"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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; }
-
 import path from 'path';
-import { createRuntimeExportsUtils, getEntryOptions, PLUGIN_SCHEMAS } from '@modern-js/utils';
+import { createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
 import { createPlugin, useAppContext, useResolvedConfigContext } from '@modern-js/core';
 import { logger } from "../util";
-import { makeProvider, makeRenderFunction } from "./utils";
-
-function getRuntimeConfig(config) {
-  var _config$runtime;
-
-  if (config !== null && config !== void 0 && (_config$runtime = config.runtime) !== null && _config$runtime !== void 0 && _config$runtime.feature) {
-    var _config$runtime2;
-
-    return config === null || config === void 0 ? void 0 : (_config$runtime2 = config.runtime) === null || _config$runtime2 === void 0 ? void 0 : _config$runtime2.feature;
-  }
-
-  return config === null || config === void 0 ? void 0 : config.runtime;
-}
+import { getRuntimeConfig, makeProvider, makeRenderFunction, setRuntimeConfig } from "./utils";
+export const externals = {
+  'react-dom': 'react-dom',
+  react: 'react'
+};
+export const resolvedConfig = async config => {
+  const {
+    resolved
+  } = config;
+  const {
+    masterApp,
+    router
+  } = getRuntimeConfig(resolved);
+  const nConfig = {
+    resolved: _objectSpread({}, resolved)
+  };
 
-function setRuntimeConfig(config, key, value) {
-  var _config$runtime3, _config$runtime4;
+  if (masterApp) {
+    var _router$historyOption;
 
-  if (config !== null && config !== void 0 && config.runtime && config !== null && config !== void 0 && config.runtime[key]) {
-    config.runtime[key] = value;
+    // basename does not exist use router's basename
+    setRuntimeConfig(nConfig.resolved, 'masterApp', Object.assign(typeof masterApp === 'object' ? _objectSpread({}, masterApp) : {}, {
+      basename: (router === null || router === void 0 ? void 0 : (_router$historyOption = router.historyOptions) === null || _router$historyOption === void 0 ? void 0 : _router$historyOption.basename) || '/'
+    }));
   }
 
-  if (config !== null && config !== void 0 && (_config$runtime3 = config.runtime) !== null && _config$runtime3 !== void 0 && _config$runtime3.feature && config !== null && config !== void 0 && (_config$runtime4 = config.runtime) !== null && _config$runtime4 !== void 0 && _config$runtime4.feature[key]) {
-    config.runtime.feature[key] = value;
-  }
-}
-
-export const initializer = _ref => {
-  let {
+  logger(`resolvedConfig`, {
+    runtime: nConfig.resolved.runtime,
+    deploy: nConfig.resolved.deploy,
+    server: nConfig.resolved.server
+  });
+  return nConfig;
+};
+export const initializer = ( // eslint-disable-next-line @typescript-eslint/no-shadow
+{
+  resolvedConfig,
+  validateSchema
+}, {
+  runtimePluginName: _runtimePluginName = '@modern-js/runtime/plugins',
+  defaultEnableHtmlEntry: _defaultEnableHtmlEntry = true,
+  defaultExternalBasicLibrary: _defaultExternalBasicLibrary = false
+}) => () => {
+  let pluginsExportsUtils;
+  let runtimeExportsUtils;
+  return {
     validateSchema,
-    externals,
-    componentKey
-  } = _ref,
-      otherLifeCycle = _objectWithoutProperties(_ref, _excluded);
-
-  return () => {
-    const configMap = new Map();
-    let pluginsExportsUtils;
-    let runtimeExportsUtils;
-    return _objectSpread({
-      resolvedConfig(config) {
-        const {
-          resolved
-        } = config;
-        const {
-          masterApp,
-          router
-        } = getRuntimeConfig(resolved);
-        const nConfig = {
-          resolved: _objectSpread({}, resolved)
-        };
-
-        if (masterApp) {
-          // basename does not exist use router's basename
-          setRuntimeConfig(nConfig.resolved, 'masterApp', Object.assign(typeof masterApp === 'object' ? _objectSpread({}, masterApp) : {}, {
-            basename: (router === null || router === void 0 ? void 0 : router.basename) || '/'
-          }));
-        }
-
-        logger(`resolvedConfig`, {
-          runtime: nConfig.resolved.runtime,
-          deploy: nConfig.resolved.deploy,
-          server: nConfig.resolved.server
-        });
-        return nConfig;
-      },
-
-      config() {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const config = useAppContext();
-        pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'plugins');
-        runtimeExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'index');
-        return {
-          source: {
-            alias: {
-              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
-            }
-          },
-          tools: {
-            webpack: (webpackConfig, {
-              chain,
-              webpack
-            }) => {
-              var _resolvedConfig$deplo;
-
-              const env = process.env.NODE_ENV; // eslint-disable-next-line react-hooks/rules-of-hooks
+    resolvedConfig,
+
+    config() {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const config = useAppContext();
+      pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'plugins');
+      runtimeExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'index');
+      return {
+        source: {
+          alias: {
+            '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+          }
+        },
+        tools: {
+          webpack: (webpackConfig, {
+            chain,
+            webpack,
+            env: _env = process.env.NODE_ENV || 'development'
+          }) => {
+            var _resolveOptions$deplo, _resolveWebpackConfig;
 
-              const resolvedConfig = useResolvedConfigContext();
+            // eslint-disable-next-line react-hooks/rules-of-hooks
+            const resolveOptions = useResolvedConfigContext();
 
-              if (resolvedConfig !== null && resolvedConfig !== void 0 && (_resolvedConfig$deplo = resolvedConfig.deploy) !== null && _resolvedConfig$deplo !== void 0 && _resolvedConfig$deplo.microFrontend) {
-                var _resolvedConfig$deplo2, _resolvedConfig$deplo3;
+            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;
 
-                chain.output.libraryTarget('umd');
+              chain.output.libraryTarget('umd');
 
-                if (resolvedConfig.server.port) {
-                  chain.output.publicPath(env === 'development' ? `//localhost:${resolvedConfig.server.port}/` : webpackConfig.output.publicPath);
-                } // add comments avoid sourcemap abnormal
+              if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$serve = resolveOptions.server) !== null && _resolveOptions$serve !== void 0 && _resolveOptions$serve.port) {
+                chain.output.publicPath(_env === 'development' ? `//localhost:${resolveOptions.server.port}/` : webpackConfig.output.publicPath);
+              } // add comments avoid sourcemap abnormal
 
 
+              if (webpack.BannerPlugin) {
                 chain.plugin('banner').use(webpack.BannerPlugin, [{
                   banner: 'Micro front-end'
                 }]);
-                const {
-                  enableHtmlEntry = true,
-                  externalBasicLibrary = true
-                } = typeof (resolvedConfig === null || resolvedConfig === void 0 ? void 0 : (_resolvedConfig$deplo2 = resolvedConfig.deploy) === null || _resolvedConfig$deplo2 === void 0 ? void 0 : _resolvedConfig$deplo2.microFrontend) === 'object' ? resolvedConfig === null || resolvedConfig === void 0 ? void 0 : (_resolvedConfig$deplo3 = resolvedConfig.deploy) === null || _resolvedConfig$deplo3 === void 0 ? void 0 : _resolvedConfig$deplo3.microFrontend : {}; // external
-
-                if (externalBasicLibrary) {
-                  chain.externals(externals);
-                } // use html mode
-
-
-                if (!enableHtmlEntry) {
-                  chain.output.filename('index.js');
-                  chain.plugins.delete('html-main');
-                  chain.optimization.runtimeChunk(false);
-                  chain.optimization.splitChunks({
-                    chunks: 'async'
-                  });
-                }
               }
 
-              const resolveWebpackConfig = chain.toConfig();
-              logger('webpackConfig', {
-                output: resolveWebpackConfig.output,
-                externals: resolveWebpackConfig.externals,
-                env
-              });
-            }
-          }
-        };
-      },
+              const {
+                enableHtmlEntry = _defaultEnableHtmlEntry,
+                externalBasicLibrary = _defaultExternalBasicLibrary
+              } = 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
 
-      addRuntimeExports() {
-        const mfPackage = path.resolve(__dirname, '../../../../');
-        const addExportStatement = `export { default as garfish } from '${mfPackage}'`;
-        logger('exportStatement', addExportStatement);
-        pluginsExportsUtils.addExport(addExportStatement);
-        runtimeExportsUtils.addExport(`export * from '${mfPackage}'`);
-      },
+              if (externalBasicLibrary) {
+                chain.externals(externals);
+              } // use html mode
 
-      validateSchema,
 
-      modifyEntryImports({
-        entrypoint,
-        imports
-      }) {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const resolvedConfig = useResolvedConfigContext(); // support legacy config
-
-        const {
-          masterApp
-        } = getRuntimeConfig(resolvedConfig); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-        const {
-          packageName
-        } = useAppContext();
-        const masterAppConfig = getEntryOptions(entrypoint.entryName, masterApp, resolvedConfig.runtimeByEntries, packageName);
-        configMap.set(entrypoint.entryName, masterAppConfig);
-
-        if (masterAppConfig) {
-          imports.push({
-            value: '@modern-js/runtime/plugins',
-            specifiers: [{
-              imported: 'garfish'
-            }]
-          });
-        }
+              if (!enableHtmlEntry) {
+                chain.output.filename('index.js');
+                chain.plugins.delete('html-main');
+                chain.optimization.runtimeChunk(false);
+                chain.optimization.splitChunks({
+                  chunks: 'async'
+                });
+              }
+            }
 
+            const resolveWebpackConfig = chain.toConfig();
+            logger('webpackConfig', {
+              output: resolveWebpackConfig.output,
+              externals: resolveWebpackConfig.externals,
+              env: _env,
+              alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias
+            });
+          }
+        }
+      };
+    },
+
+    addRuntimeExports() {
+      const mfPackage = path.resolve(__dirname, '../../../../');
+      const addExportStatement = `export { default as garfish, default as masterApp } from '${mfPackage}'`;
+      logger('exportStatement', addExportStatement);
+      pluginsExportsUtils.addExport(addExportStatement);
+      runtimeExportsUtils.addExport(`export * from '${mfPackage}'`);
+    },
+
+    modifyEntryImports({
+      entrypoint,
+      imports
+    }) {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const config = useResolvedConfigContext();
+      const {
+        masterApp
+      } = getRuntimeConfig(config);
+
+      if (masterApp) {
         imports.push({
-          value: 'react-dom',
+          value: _runtimePluginName,
           specifiers: [{
-            imported: 'unmountComponentAtNode'
-          }, {
-            imported: 'createPortal'
+            imported: 'garfish'
           }]
         });
-        return {
-          imports,
-          entrypoint
-        };
-      },
+        imports.push({
+          value: _runtimePluginName,
+          specifiers: [{
+            imported: 'masterApp'
+          }]
+        });
+      }
 
-      modifyEntryRuntimePlugins({
+      imports.push({
+        value: 'react-dom',
+        specifiers: [{
+          imported: 'unmountComponentAtNode'
+        }, {
+          imported: 'createPortal'
+        }]
+      });
+      return {
+        imports,
+        entrypoint
+      };
+    },
+
+    modifyEntryRuntimePlugins({
+      entrypoint,
+      plugins
+    }) {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const config = useResolvedConfigContext();
+      const {
+        masterApp
+      } = getRuntimeConfig(config);
+
+      if (masterApp) {
+        logger('garfishPlugin options', masterApp);
+        plugins.push({
+          name: 'garfish',
+          args: 'masterApp',
+          options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
+        });
+      }
+
+      return {
         entrypoint,
         plugins
-      }) {
-        const masterAppConfig = configMap.get(entrypoint.entryName);
-
-        if (masterAppConfig) {
-          logger('garfishPlugin options', masterAppConfig);
-          plugins.push({
-            name: 'garfish',
-            args: 'masterApp',
-            options: JSON.stringify(masterAppConfig)
-          });
-        }
+      };
+    },
 
-        return {
-          entrypoint,
-          plugins
-        };
-      },
+    modifyEntryRenderFunction({
+      entrypoint,
+      code
+    }) {
+      var _config$deploy;
 
-      modifyEntryRenderFunction({
-        entrypoint,
-        code
-      }) {
-        var _config$deploy;
-
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const config = useResolvedConfigContext();
-
-        if (!(config !== null && config !== void 0 && (_config$deploy = config.deploy) !== null && _config$deploy !== void 0 && _config$deploy.microFrontend)) {
-          return {
-            entrypoint,
-            code
-          };
-        }
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const config = useResolvedConfigContext();
 
-        const nCode = makeRenderFunction(code);
-        logger('makeRenderFunction', nCode);
+      if (!(config !== null && config !== void 0 && (_config$deploy = config.deploy) !== null && _config$deploy !== void 0 && _config$deploy.microFrontend)) {
         return {
           entrypoint,
-          code: nCode
+          code
         };
-      },
+      }
 
-      modifyEntryExport({
+      const nCode = makeRenderFunction(code);
+      logger('makeRenderFunction', nCode);
+      return {
         entrypoint,
-        exportStatement
-      }) {
-        var _resolvedConfig$deplo4;
-
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const resolvedConfig = useResolvedConfigContext();
-
-        if (resolvedConfig !== null && resolvedConfig !== void 0 && (_resolvedConfig$deplo4 = resolvedConfig.deploy) !== null && _resolvedConfig$deplo4 !== void 0 && _resolvedConfig$deplo4.microFrontend) {
-          const exportStatementCode = makeProvider(componentKey);
-          logger('exportStatement', exportStatementCode);
-          return {
-            entrypoint,
-            exportStatement: exportStatementCode
-          };
-        }
-
+        code: nCode
+      };
+    },
+
+    modifyEntryExport({
+      entrypoint,
+      exportStatement
+    }) {
+      var _config$deploy2;
+
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const config = useResolvedConfigContext();
+
+      if (config !== null && config !== void 0 && (_config$deploy2 = config.deploy) !== null && _config$deploy2 !== void 0 && _config$deploy2.microFrontend) {
+        const exportStatementCode = makeProvider();
+        logger('exportStatement', exportStatementCode);
         return {
           entrypoint,
-          exportStatement
+          exportStatement: exportStatementCode
         };
       }
 
-    }, otherLifeCycle);
+      return {
+        entrypoint,
+        exportStatement
+      };
+    }
+
   };
 };
 export default createPlugin(initializer({
+  resolvedConfig,
+
   validateSchema() {
     return PLUGIN_SCHEMAS['@modern-js/plugin-garfish'];
-  },
+  }
 
-  externals: {
-    'react-dom': 'react-dom',
-    react: 'react'
-  },
-  componentKey: 'dynamicComponent'
+}, {
+  runtimePluginName: '@modern-js/runtime/plugins'
 }), {
   name: '@modern-js/plugin-garfish'
 });

package/dist/js/modern/cli/utils.js

@@ -1,36 +1,90 @@
-export const makeProvider = componentKey => `
-  export const provider = function ({basename, dom, ...props}) {
-    return {
-      render({basename, dom}) {
-        const SubApp = render(props, basename);
-        const node = dom.querySelector('#' + MOUNT_ID) || dom;
-
-        bootstrap(SubApp, node);
-      },
-      destroy({ dom }) {
-        const node = dom.querySelector('#' + MOUNT_ID) || dom;
-
-        if (node) {
-          unmountComponentAtNode(node);
-        }
-      },
-      SubModuleComponent: (props) => {
-        const SubApp = render(props, basename);
-
-        return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
-      },
-      ${componentKey}: () => {
-        const SubApp = render(props, basename);
+export const makeProvider = () => `
+export const provider = function ({basename, dom, ...props}) {
+  return {
+    render({basename, dom}) {
+      console.log('App.config', App.config);
+      const SubApp = render({props, basename});
+      const node = dom.querySelector('#' + MOUNT_ID) || dom;
+      bootstrap(SubApp, node);
+    },
+    destroy({ dom }) {
+      const node = dom.querySelector('#' + MOUNT_ID) || dom;
 
-        return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
+      if (node) {
+        unmountComponentAtNode(node);
       }
+    },
+    SubModuleComponent: (props) => {
+      const SubApp = render({props, basename});
+
+      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
+    },
+    jupiter_submodule_app_key: (props) => {
+      const SubApp = render({props, basename});
+
+      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
     }
-  };
-  if (typeof __GARFISH_EXPORTS__ !== 'undefined') {
-    __GARFISH_EXPORTS__.provider = provider;
   }
+};
+
+if (typeof __GARFISH_EXPORTS__ !== 'undefined') {
+  __GARFISH_EXPORTS__.provider = provider;
+}
 `;
-export const makeRenderFunction = code => code.replace('IS_BROWSER', `
-        IS_BROWSER &&
-        typeof __GARFISH_EXPORTS__ === 'undefined'
-      `).replace('(App)', '(() => <App {...(arguments[0] || {})} />)').replace('"basename":"/"', '"basename":arguments[1] || "/"');
+export const makeRenderFunction = code => {
+  const inGarfishToRender = `
+  const { basename, props } = arguments[0] || {};
+  let renderByGarfish = false;
+  const renderByProvider = !!basename;
+
+  if (IS_BROWSER && window.Garfish && window.Garfish.activeApps && window.Garfish.activeApps.length !== 0) renderByGarfish = true;
+  if (IS_BROWSER && window.Garfish && window.Garfish.apps && Object.keys(window.Garfish.apps).length !== 0) renderByGarfish = true;
+  if (typeof __GARFISH_EXPORTS__ !== 'undefined') renderByGarfish = true;
+  if (renderByGarfish && !renderByProvider) return null;
+
+  function RouterPlugin (routerConfig) {
+    if (basename) {
+      routerConfig.basename = basename;
+      if (routerConfig.supportHtml5History !== false) {
+        if (!routerConfig.historyOptions) {
+          routerConfig.historyOptions = {
+            basename: basename
+          };
+        } else {
+          routerConfig.historyOptions.basename = basename;
+        }
+      }
+    }
+    return router(routerConfig);
+  }
+  `;
+  return inGarfishToRender + code.replace(`router(`, `RouterPlugin(`).replace('IS_BROWSER', `IS_BROWSER && !renderByGarfish`);
+}; // support legacy config
+
+export function getRuntimeConfig(config) {
+  var _config$runtime;
+
+  if (config !== null && config !== void 0 && (_config$runtime = config.runtime) !== null && _config$runtime !== void 0 && _config$runtime.features) {
+    var _config$runtime2;
+
+    return config === null || config === void 0 ? void 0 : (_config$runtime2 = config.runtime) === null || _config$runtime2 === void 0 ? void 0 : _config$runtime2.features;
+  }
+
+  return config === null || config === void 0 ? void 0 : config.runtime;
+} // support legacy config
+
+export function setRuntimeConfig(config, key, value) {
+  var _config$runtime3, _config$runtime4;
+
+  if (config !== null && config !== void 0 && (_config$runtime3 = config.runtime) !== null && _config$runtime3 !== void 0 && _config$runtime3.features && config !== null && config !== void 0 && (_config$runtime4 = config.runtime) !== null && _config$runtime4 !== void 0 && _config$runtime4.features[key]) {
+    config.runtime.features[key] = value;
+    return undefined;
+  }
+
+  if (config !== null && config !== void 0 && config.runtime && config !== null && config !== void 0 && config.runtime[key]) {
+    config.runtime[key] = value;
+    return undefined;
+  }
+
+  return undefined;
+}

package/dist/js/modern/index.js

@@ -1 +1,2 @@
-export { default } from "./cli";
+export { default } from "./runtime";
+export * from "./runtime";

package/dist/js/modern/runtime/index.js

@@ -1,2 +1,3 @@
 export { default } from "./plugin";
-export * from "./useModuleApps";
+export { useModuleApps, useMicroApps, useModuleApp } from "./useModuleApps";
+export { default as Garfish } from 'garfish';