@module-federation/modern-js 0.0.0-next-20241010084324 → 0.0.0-next-20241011105718

package/dist/esm-node/cli/utils.js

@@ -47,7 +47,9 @@ const replaceRemoteUrl = (mfConfig, remoteIpStrategy) => {
       if (typeof remoteObject === "string") {
         return;
       }
-      handleRemoteObject(remoteObject);
+      if ("entry" in remoteObject && typeof remoteObject.entry === "string") {
+        remoteObject.entry = remoteObject.entry.replace(LOCALHOST, ipv4);
+      }
     });
   } else if (typeof mfConfig.remotes !== "string") {
     handleRemoteObject(mfConfig.remotes);
@@ -96,17 +98,18 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
+  var _mfConfig_shareStrategy;
+  mfConfig.shareStrategy = (_mfConfig_shareStrategy = mfConfig.shareStrategy) !== null && _mfConfig_shareStrategy !== void 0 ? _mfConfig_shareStrategy : "loaded-first";
   patchDTSConfig(mfConfig, isServer);
-  injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
   if (isDev) {
     injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
   }
   if (isServer) {
-    injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
+    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/node.js"), runtimePlugins);
     if (isDev) {
       injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
-    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js"), runtimePlugins);
+    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/node-fetch.js"), runtimePlugins);
     if (!mfConfig.library) {
       mfConfig.library = {
         type: "commonjs-module",
@@ -291,5 +294,6 @@ export {
   getMFConfig,
   patchBundlerConfig,
   patchIgnoreWarning,
-  patchMFConfig
+  patchMFConfig,
+  replaceRemoteUrl
 };

package/dist/esm-node/cli/utils.spec.js

@@ -36,10 +36,10 @@ describe("patchMFConfig", async () => {
         remote: `http://${ipv4}:3000/remoteEntry.js`
       },
       remoteType: "script",
+      shareStrategy: "loaded-first",
       runtimePlugins: [
-        path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
-        require.resolve("@module-federation/node/runtimePlugin"),
-        path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
+        path.resolve(__dirname, "./mfRuntimePlugins/node.js"),
+        path.resolve(__dirname, "./mfRuntimePlugins/node-fetch.js")
       ],
       shared: {
         react: {
@@ -64,9 +64,8 @@ describe("patchMFConfig", async () => {
         remote: `http://${ipv4}:3000/remoteEntry.js`
       },
       remoteType: "script",
-      runtimePlugins: [
-        path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js")
-      ],
+      runtimePlugins: [],
+      shareStrategy: "loaded-first",
       shared: {
         react: {
           eager: true,

package/dist/esm-node/constant.js

@@ -1,8 +1,30 @@
 const MODERN_JS_SERVER_DIR = "bundles";
 const LOCALHOST = "localhost";
 const PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
+const isDev = process.env.NODE_ENV === "development";
+const MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes";
+const MODERN_JS_ROUTE_SERVER_LOADER = "route-server-loaders";
+const META_NAME = "modern-js";
+const FOLD_IDENTIFIER = "@mf";
+const SEPARATOR = "_";
+const MF_ROUTES = "mf-routes";
+const DEFAULT_ENTRY = "main";
+const DEFAULT_LAYOUT = "layout";
+const MF_JSON = "mf.json";
+const ROUTE_ID = "ROUTE_ID";
 export {
+  DEFAULT_ENTRY,
+  DEFAULT_LAYOUT,
+  FOLD_IDENTIFIER,
   LOCALHOST,
+  META_NAME,
+  MF_JSON,
+  MF_ROUTES,
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
+  MODERN_JS_ROUTE_SERVER_LOADER,
   MODERN_JS_SERVER_DIR,
-  PLUGIN_IDENTIFIER
+  PLUGIN_IDENTIFIER,
+  ROUTE_ID,
+  SEPARATOR,
+  isDev
 };

package/dist/esm-node/runtime/dataLoader/plugin-inject-assets.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext } from "react";
+import { getInstance } from "@module-federation/enhanced/runtime";
+import { collectSSRAssets } from "../createRemoteSSRComponent";
+import { RuntimeReactContext } from "@meta/runtime";
+import { decodeId, getRemoteId } from "./utils";
+function traverseRoutes(routes, remoteNames) {
+  routes.forEach((route) => {
+    route.id && remoteNames.add(decodeId(route.id));
+    route.children && traverseRoutes(route.children, remoteNames);
+  });
+}
+const ssrDataLoaderInjectAssetsPlugin = ({ metaName }) => {
+  return {
+    name: "@modern-js/plugin-mf-data-loader-inject-assets",
+    pre: [
+      "@modern-js/plugin-mf-data-loader"
+    ],
+    post: [
+      "@module-federation/modern-js",
+      `@${metaName}/plugin-router`
+    ],
+    setup: () => {
+      return {
+        wrapRoot(App) {
+          const AppWrapper = (props) => {
+            const instance = getInstance();
+            if (!instance || !instance.options.remotes.length) {
+              return /* @__PURE__ */ _jsx(_Fragment, {
+                children: props.children
+              });
+            }
+            const context = useContext(RuntimeReactContext);
+            const { remotes } = instance.options;
+            const remoteNames = /* @__PURE__ */ new Set();
+            traverseRoutes(context.routes, remoteNames);
+            const remoteIds = [
+              ...remoteNames
+            ].reduce((sum, cur) => {
+              const matchRemote = remotes.find((r) => r.name === cur);
+              if (matchRemote) {
+                sum.add(getRemoteId(cur));
+              }
+              return sum;
+            }, /* @__PURE__ */ new Set());
+            const assets = [];
+            remoteIds.forEach((remoteId) => {
+              assets.push(...collectSSRAssets({
+                id: remoteId,
+                injectScript: false
+              }));
+            });
+            return /* @__PURE__ */ _jsxs(_Fragment, {
+              children: [
+                assets,
+                props.children
+              ]
+            });
+          };
+          return AppWrapper;
+        }
+      };
+    }
+  };
+};
+export {
+  ssrDataLoaderInjectAssetsPlugin
+};

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

@@ -0,0 +1,51 @@
+import { getInstance } from "@module-federation/enhanced/runtime";
+import { MF_ROUTES, DEFAULT_ENTRY } from "../../constant";
+import { injectRemoteRoutes } from "./utils";
+const ssrDataLoaderPlugin = ({ metaName, dataLoaderRemotes }) => {
+  return {
+    name: "@modern-js/plugin-mf-data-loader",
+    post: [
+      `@${metaName}/plugin-router`,
+      "@module-federation/modern-js"
+    ],
+    setup: () => {
+      const remoteRoutesMap = {};
+      return {
+        async beforeRender() {
+          if (Object.keys(remoteRoutesMap).length) {
+            return;
+          }
+          const instance = getInstance();
+          if (!instance) {
+            return;
+          }
+          if (!instance.options.remotes.length) {
+            return;
+          }
+          await Promise.all(instance.options.remotes.map(async (remote) => {
+            if (!dataLoaderRemotes.includes(remote.name)) {
+              return;
+            }
+            const remoteId = `${remote.name}/${DEFAULT_ENTRY}/${MF_ROUTES}`;
+            const { routes } = await instance.loadRemote(remoteId);
+            remoteRoutesMap[remote.name] = {
+              routes
+            };
+          }));
+        },
+        // runtime plugin not save route , so it needs to inject again when trigger
+        modifyRoutes: (routes) => {
+          injectRemoteRoutes({
+            entry: {
+              routes
+            }
+          }, remoteRoutesMap);
+          return routes;
+        }
+      };
+    }
+  };
+};
+export {
+  ssrDataLoaderPlugin
+};

package/dist/esm-node/runtime/dataLoader/utils.js

@@ -0,0 +1,86 @@
+import { encodeName, decodeName } from "@module-federation/sdk";
+import { DEFAULT_ENTRY, DEFAULT_LAYOUT, MF_ROUTES } from "../../constant";
+const SPLIT_SYMBOL = "@";
+function transformName2Prefix(name) {
+  return `${encodeName(name, "", false)}${SPLIT_SYMBOL}`;
+}
+function decodeId(prefix) {
+  const realPrefix = prefix.split(SPLIT_SYMBOL)[0];
+  return decodeName(realPrefix, "", false);
+}
+function getRemoteRoutesInfos(route, remoteRoutesMap) {
+  if (!route.id) {
+    return;
+  }
+  const remoteName = decodeId(route.id);
+  const remoteRouteObj = remoteRoutesMap[remoteName];
+  if (!remoteRouteObj) {
+    return;
+  }
+  const remoteRoutes = remoteRouteObj.routes[0];
+  return {
+    routes: remoteRoutes,
+    name: remoteName,
+    pathName: route.path
+  };
+}
+function getRemoteLayoutId(remoteName) {
+  const prefix = transformName2Prefix(remoteName);
+  return `${prefix}${DEFAULT_LAYOUT}`;
+}
+function getRemoteId(remoteName) {
+  return `${remoteName}/${DEFAULT_ENTRY}/${MF_ROUTES}`;
+}
+function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
+  const traverse = (route) => {
+    var _route_children;
+    const remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
+    if (remoteRoutesInfos) {
+      const { routes, pathName } = remoteRoutesInfos;
+      route.id = routes.id;
+      route.path = pathName;
+      if (routes.loader) {
+        route.loader = routes.loader;
+      }
+      if (routes.children) {
+        route.children = routes.children;
+      }
+      if (routes.Component) {
+        route.Component = routes.Component;
+        if (route.element) {
+          delete route.element;
+        }
+      } else if (routes.element) {
+        route.element = routes.element;
+        if (route.Component) {
+          delete route.Component;
+        }
+      }
+      return;
+    }
+    (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.forEach((r) => {
+      traverse(r);
+    });
+  };
+  Object.keys(initialRoutes).forEach((entryName) => {
+    const routes = initialRoutes[entryName];
+    if (Array.isArray(routes)) {
+      routes.forEach((route) => {
+        traverse(route);
+      });
+    } else {
+      var _routes_routes;
+      routes === null || routes === void 0 ? void 0 : (_routes_routes = routes.routes) === null || _routes_routes === void 0 ? void 0 : _routes_routes.forEach((r) => {
+        traverse(r);
+      });
+    }
+  });
+}
+export {
+  decodeId,
+  getRemoteId,
+  getRemoteLayoutId,
+  getRemoteRoutesInfos,
+  injectRemoteRoutes,
+  transformName2Prefix
+};

package/dist/esm-node/runtime/index.js

@@ -1,5 +1,7 @@
 export * from "@module-federation/enhanced/runtime";
 import { createRemoteSSRComponent } from "./createRemoteSSRComponent";
+import { withMFRouteId } from "./withMFRouteId";
 export {
-  createRemoteSSRComponent
+  createRemoteSSRComponent,
+  withMFRouteId
 };

package/dist/esm-node/runtime/withMFRouteId.js

@@ -0,0 +1,7 @@
+function withMFRouteId(id) {
+  const prefix = typeof MODERN_ROUTER_ID_PREFIX === "string" ? MODERN_ROUTER_ID_PREFIX : "";
+  return prefix + id;
+}
+export {
+  withMFRouteId
+};

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

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import hoistNonReactStatics from "hoist-non-react-statics";
 import { SSRLiveReload } from "./SSRLiveReload";
-const mfSSRPlugin = () => ({
+const mfSSRPlugin = ({ metaName }) => ({
   name: "@module-federation/modern-js",
+  pre: [
+    `@${metaName}/plugin-router`
+  ],
   setup: () => {
     return {
-      async init({ context }, next) {
+      async beforeRender() {
         if (typeof window !== "undefined") {
-          return next({
-            context
-          });
+          return;
         }
         globalThis.shouldUpdate = false;
         const nodeUtils = await import("@module-federation/node/utils");
@@ -19,9 +20,7 @@ const mfSSRPlugin = () => ({
           await nodeUtils.flushChunks();
           globalThis.shouldUpdate = true;
         }
-        return next({
-          context
-        });
+        return;
       },
       wrapRoot(App) {
         const AppWrapper = (props) => /* @__PURE__ */ _jsxs(_Fragment, {

package/dist/types/cli/dataLoader/ast/constant.d.ts

@@ -0,0 +1,8 @@
+export declare const IS_ROOT = "isRoot";
+export declare const ID = "id";
+export declare const COMPONENT = "component";
+export declare const LAZY_COMPONENT = "lazyImport";
+export declare const SHOULD_REVALIDATE = "shouldRevalidate";
+export declare const PRIVATE_COMPONENT = "_component";
+export declare const ELEMENT = "element";
+export declare const LOADER = "loader";

package/dist/types/cli/dataLoader/ast/generateRoutes.d.ts

@@ -0,0 +1,5 @@
+declare function generateRoutes({ sourceCode, filePath, }: {
+    sourceCode: string;
+    filePath: string;
+}): void;
+export { generateRoutes };

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

@@ -0,0 +1 @@
+export { generateRoutes } from './generateRoutes';

package/dist/types/cli/dataLoader/clearMFCache.d.ts

@@ -0,0 +1 @@
+export declare function clearMFCache(): void;

package/dist/types/cli/dataLoader/generateRouteFile.d.ts

@@ -0,0 +1,10 @@
+export declare function calcPathName(filePath: string, rootDir: string, entry: string): string;
+export declare function generateRouteFile(options: {
+    appDirectory: string;
+}): Promise<{
+    entries: string[];
+    remotePathMap: Record<string, {
+        name: string;
+        path: string;
+    }>;
+}>;

package/dist/types/cli/dataLoader/patchMFConfig.d.ts

@@ -0,0 +1,10 @@
+import { type moduleFederationPlugin } from '@module-federation/sdk';
+type PatchMFConfigOptions = {
+    mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions;
+    metaName: string;
+    isServer: boolean;
+    internalDirectory: string;
+    entries: Set<string>;
+};
+export declare function patchMFConfig(options: PatchMFConfigOptions): void;
+export {};

package/dist/types/cli/dataLoader/plugin.d.ts

@@ -0,0 +1,6 @@
+import type { CliPlugin, AppTools } from '@modern-js/app-tools';
+import type { DataLoaderOptions, InternalModernPluginOptions } from '../../types';
+import { generateRoutes } from './ast';
+export declare const moduleFederationDataLoaderPlugin: (enable: boolean, internalOptions: InternalModernPluginOptions, userConfig: DataLoaderOptions) => CliPlugin<AppTools>;
+export default moduleFederationDataLoaderPlugin;
+export { generateRoutes };

package/dist/types/cli/mfRuntimePlugins/node.d.ts

@@ -0,0 +1,3 @@
+import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+declare const nodePlugin: () => FederationRuntimePlugin;
+export default nodePlugin;

package/dist/types/cli/server/dataLoaderPlugin.d.ts

@@ -0,0 +1,10 @@
+import type { ServerPlugin } from '@modern-js/server-core';
+import { init } from '@module-federation/enhanced/runtime';
+type MFRuntimeOptions = Parameters<typeof init>[0];
+export type DataLoaderServerPluginOptions = {
+    runtimeOptions: MFRuntimeOptions;
+    dataLoaderRemotes: string[];
+    ssrByRouteIdsMap: Record<string, string>;
+};
+declare const _default: ({ runtimeOptions, dataLoaderRemotes, ssrByRouteIdsMap, }: DataLoaderServerPluginOptions) => ServerPlugin;
+export default _default;

package/dist/types/cli/server/fetchRemoteFullRoutesMap.d.ts

@@ -0,0 +1,11 @@
+import type { FederationHost } from '@module-federation/enhanced/runtime';
+import type { RouteObject } from '@modern-js/runtime/router';
+export type RemoteRoutesMap = Record<string, {
+    routes: RouteObject[];
+}>;
+export declare function fetchRemoteFullRoutesMap(options: {
+    remotePath: string;
+    instance: FederationHost;
+    dataLoaderRemotes: string[];
+}): Promise<RemoteRoutesMap>;
+export declare function getSSRByRouteIds(dataLoaderRemotes: string[], remoteRoutesMap: RemoteRoutesMap): undefined | string[];

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

@@ -2,8 +2,10 @@ import type { webpack, UserConfig, AppTools, Rspack, Bundler } from '@modern-js/
 import { moduleFederationPlugin } from '@module-federation/sdk';
 import { PluginOptions } from '../types';
 import { BundlerConfig } from '../interfaces/bundler';
+import type { init } from '@module-federation/enhanced/runtime';
 export type ConfigType<T> = T extends 'webpack' ? webpack.Configuration : T extends 'rspack' ? Rspack.Configuration : never;
 export declare const getMFConfig: (userConfig: PluginOptions) => Promise<moduleFederationPlugin.ModuleFederationPluginOptions>;
+export declare const replaceRemoteUrl: (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions | Parameters<typeof init>[0], remoteIpStrategy?: "ipv4" | "inherit") => void;
 export declare const patchMFConfig: (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, isServer: boolean, remoteIpStrategy?: "ipv4" | "inherit") => moduleFederationPlugin.ModuleFederationPluginOptions;
 export declare function patchIgnoreWarning<T extends Bundler>(bundlerConfig: BundlerConfig<T>): void;
 export declare function patchBundlerConfig<T extends Bundler>(options: {

package/dist/types/constant.d.ts

@@ -1,3 +1,14 @@
 export declare const MODERN_JS_SERVER_DIR = "bundles";
 export declare const LOCALHOST = "localhost";
 export declare const PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
+export declare const isDev: boolean;
+export declare const MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes";
+export declare const MODERN_JS_ROUTE_SERVER_LOADER = "route-server-loaders";
+export declare const META_NAME = "modern-js";
+export declare const FOLD_IDENTIFIER = "@mf";
+export declare const SEPARATOR = "_";
+export declare const MF_ROUTES = "mf-routes";
+export declare const DEFAULT_ENTRY = "main";
+export declare const DEFAULT_LAYOUT = "layout";
+export declare const MF_JSON = "mf.json";
+export declare const ROUTE_ID = "ROUTE_ID";

package/dist/types/interfaces/route.d.ts

@@ -0,0 +1,12 @@
+export type Route = {
+    id: string;
+    type: string;
+    loader?: boolean;
+    index?: boolean;
+    isRoot?: boolean;
+    children?: Route[];
+};
+export type MFModernRouteJson = {
+    routes: Record<string, Route[]>;
+    prefix: string;
+};

package/dist/types/runtime/dataLoader/plugin-inject-assets.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from '@modern-js/runtime';
+export declare const ssrDataLoaderInjectAssetsPlugin: ({ metaName, }: {
+    metaName: string;
+}) => Plugin;

package/dist/types/runtime/dataLoader/plugin.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from '@modern-js/runtime';
+export declare const ssrDataLoaderPlugin: ({ metaName, dataLoaderRemotes, }: {
+    metaName: string;
+    dataLoaderRemotes: string[];
+}) => Plugin;

package/dist/types/runtime/dataLoader/utils.d.ts

@@ -0,0 +1,22 @@
+import type { RouteObject } from '@modern-js/runtime/router';
+export type RemoteRoutesMap = Record<string, {
+    routes: RouteObject[];
+}>;
+export type LoaderBundlesRoutes = {
+    [entryName: string]: {
+        routes: RouteObject[];
+    };
+};
+export type NestedRoutes = {
+    [entryName: string]: RouteObject[];
+};
+export declare function transformName2Prefix(name: string): string;
+export declare function decodeId(prefix: string): string;
+export declare function getRemoteRoutesInfos(route: RouteObject, remoteRoutesMap: RemoteRoutesMap): {
+    routes: RouteObject;
+    name: string;
+    pathName: string | undefined;
+} | undefined;
+export declare function getRemoteLayoutId(remoteName: string): string;
+export declare function getRemoteId(remoteName: string): string;
+export declare function injectRemoteRoutes(initialRoutes: LoaderBundlesRoutes | NestedRoutes, remoteRoutesMap: RemoteRoutesMap): void;

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

@@ -1,2 +1,3 @@
 export * from '@module-federation/enhanced/runtime';
 export { createRemoteSSRComponent } from './createRemoteSSRComponent';
+export { withMFRouteId } from './withMFRouteId';

package/dist/types/runtime/withMFRouteId.d.ts

@@ -0,0 +1 @@
+export declare function withMFRouteId(id: string): string;

package/dist/types/ssr-runtime/plugin.d.ts

@@ -1,2 +1,4 @@
 import type { Plugin } from '@modern-js/runtime';
-export declare const mfSSRPlugin: () => Plugin;
+export declare const mfSSRPlugin: ({ metaName }: {
+    metaName: string;
+}) => Plugin;

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

@@ -1,12 +1,15 @@
 import { moduleFederationPlugin } from '@module-federation/sdk';
 import type { ModuleFederationPlugin as WebpackModuleFederationPlugin } from '@module-federation/enhanced';
 import type { ModuleFederationPlugin as RspackModuleFederationPlugin } from '@module-federation/enhanced/rspack';
+import type { init } from '@module-federation/enhanced/runtime';
 export interface PluginOptions {
     config?: moduleFederationPlugin.ModuleFederationPluginOptions;
     configPath?: string;
     remoteIpStrategy?: 'ipv4' | 'inherit';
+    dataLoader?: boolean | DataLoaderOptions;
 }
 export interface InternalModernPluginOptions {
+    metaName?: string;
     csrConfig?: moduleFederationPlugin.ModuleFederationPluginOptions;
     ssrConfig?: moduleFederationPlugin.ModuleFederationPluginOptions;
     distOutputDir: string;
@@ -16,3 +19,8 @@ export interface InternalModernPluginOptions {
     remoteIpStrategy?: 'ipv4' | 'inherit';
 }
 export type BundlerPlugin = WebpackModuleFederationPlugin | RspackModuleFederationPlugin;
+export type TransformRuntimeOptions = (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions) => Parameters<typeof init>[0];
+export type DataLoaderOptions = {
+    serverPlugin?: string;
+    transformRuntimeOptions?: TransformRuntimeOptions;
+};

package/dist/types/types/modern.d.ts

@@ -0,0 +1,12 @@
+import type { AppToolsNormalizedConfig } from '@modern-js/app-tools';
+type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
+type ExcludeUndefined<T> = T extends undefined ? never : T;
+type ExcludeVoid<T> = T extends void ? never : T;
+type NonUndefined<T> = ExcludeUndefined<T>;
+type NonVoid<T> = ExcludeVoid<T>;
+type Must<T> = NonVoid<NonUndefined<T>>;
+type PickObjectArr<T> = T extends Record<string, any>[] ? never : T;
+type ExcludeFunction<T> = T extends (...args: any[]) => any ? never : T;
+type WebpackPlugins = Must<AppToolsNormalizedConfig['tools']['webpack']>;
+export type WebpackPluginType = ArrayElement<Must<ExcludeFunction<PickObjectArr<WebpackPlugins>>['plugins']>>;
+export {};