@module-federation/modern-js 0.0.0-next-20240816084239 → 0.0.0-next-20240816090839

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

@@ -1,245 +0,0 @@
-import path from "path";
-import { fs } from "@modern-js/utils";
-import { transformName2Prefix } from "../runtime/utils";
-import { PLUGIN_IDENTIFIER } from "../constant";
-import { MF_FULL_ROUTES, MF_SLIM_ROUTES, MF_ROUTES_META } from "../runtime/constant";
-import { generateRoutes, generateSlimRoutes } from "./ast";
-import { MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME, META_NAME } from "./constant";
-import { getIPV4, replaceRemoteUrl } from "./utils";
-import { SerializableRoutesPlugin, SERIALIZABLE_ROUTES } from "./bundler-plugins/SerializableRoutesPlugin";
-function generateExtraExposeFiles(options) {
-  const { routesFilePath, mfConfig, isServer, baseName } = options;
-  const outputDir = path.resolve(process.cwd(), "node_modules/.federation");
-  fs.ensureDirSync(outputDir);
-  const addSuffix = (fileName) => {
-    if (!isServer) {
-      return `${fileName}.jsx`;
-    }
-    return `${fileName}.server.jsx`;
-  };
-  const routesFileContent = fs.readFileSync(routesFilePath, "utf-8");
-  const outputSlimRoutesPath = path.resolve(outputDir, addSuffix(MF_SLIM_ROUTES));
-  const outputFullRoutesPath = path.resolve(outputDir, addSuffix(MF_FULL_ROUTES));
-  const outputRoutesMetaPath = path.resolve(outputDir, `${MF_ROUTES_META}.js`);
-  generateSlimRoutes({
-    sourceCode: routesFileContent,
-    filePath: outputSlimRoutesPath,
-    prefix: transformName2Prefix(mfConfig.name),
-    baseName
-  });
-  generateRoutes({
-    sourceCode: routesFileContent,
-    filePath: outputFullRoutesPath,
-    prefix: transformName2Prefix(mfConfig.name),
-    baseName
-  });
-  fs.writeFileSync(outputRoutesMetaPath, `export const baseName = '${baseName}';`);
-  return {
-    outputSlimRoutesPath,
-    outputFullRoutesPath,
-    outputRoutesMetaPath
-  };
-}
-function addExpose(options) {
-  const { mfConfig } = options;
-  const { outputSlimRoutesPath, outputFullRoutesPath, outputRoutesMetaPath } = generateExtraExposeFiles(options);
-  const fullRoutesKey = `./${MF_FULL_ROUTES}`;
-  const slimRoutesKey = `./${MF_SLIM_ROUTES}`;
-  const routeMetaKey = `./${MF_ROUTES_META}`;
-  if (!mfConfig.exposes) {
-    mfConfig.exposes = {
-      [fullRoutesKey]: outputFullRoutesPath,
-      [slimRoutesKey]: outputSlimRoutesPath,
-      [routeMetaKey]: outputRoutesMetaPath
-    };
-  } else {
-    if (!Array.isArray(mfConfig.exposes)) {
-      if (!mfConfig.exposes[fullRoutesKey]) {
-        mfConfig.exposes[fullRoutesKey] = outputFullRoutesPath;
-      }
-      if (!mfConfig.exposes[slimRoutesKey]) {
-        mfConfig.exposes[slimRoutesKey] = outputSlimRoutesPath;
-      }
-      if (!mfConfig.exposes[routeMetaKey]) {
-        mfConfig.exposes[routeMetaKey] = outputRoutesMetaPath;
-      }
-    }
-  }
-}
-function addShared(options) {
-  const { metaName, mfConfig } = options;
-  const alias = `@${metaName}/runtime/router`;
-  if (!mfConfig.shared) {
-    mfConfig.shared = {
-      [alias]: {
-        singleton: true
-      }
-    };
-  } else {
-    if (!Array.isArray(mfConfig.shared)) {
-      mfConfig.shared[alias] = {
-        singleton: true
-      };
-    } else {
-      mfConfig.shared.push(alias);
-    }
-  }
-}
-function _pathMfConfig(options) {
-  addShared(options);
-  addExpose(options);
-}
-async function _fetchSSRByRouteIds(partialSSRRemotes, mfConfig, transformRuntimeFn) {
-  const partialMfConfig = {
-    name: mfConfig.name,
-    remotes: {
-      ...mfConfig.remotes
-    }
-  };
-  replaceRemoteUrl(partialMfConfig, "ipv4");
-  const runtimeInitOptions = transformRuntimeFn(partialMfConfig);
-  if (!runtimeInitOptions.remotes.length || !partialSSRRemotes.length) {
-    return void 0;
-  }
-  const remoteProviderRouteIds = /* @__PURE__ */ new Set();
-  const collectIds = (route) => {
-    remoteProviderRouteIds.add(route.id);
-    if (route.children) {
-      route.children.forEach((r) => {
-        collectIds(r);
-      });
-    }
-  };
-  await Promise.all(runtimeInitOptions.remotes.map(async (remote) => {
-    const entry = "entry" in remote ? remote.entry : "";
-    if (!entry) {
-      return void 0;
-    }
-    const ipv4 = getIPV4();
-    const url = new URL(entry);
-    const serializableRoutesUrl = url.href.replace(url.pathname, `/${SERIALIZABLE_ROUTES}`).replace("localhost", ipv4);
-    const serializableRoutesRet = await fetch(serializableRoutesUrl);
-    const serializableRoutes = await serializableRoutesRet.json();
-    serializableRoutes.forEach((serializableRoute) => {
-      collectIds(serializableRoute);
-    });
-  }));
-  return [
-    ...remoteProviderRouteIds
-  ];
-}
-function _transformRuntimeOptions(buildOptions) {
-  const remotes = buildOptions.remotes || {};
-  const runtimeRemotes = Object.entries(remotes).map((remote) => {
-    const [_alias, nameAndEntry] = remote;
-    const [name, entry] = nameAndEntry.split("@");
-    return {
-      name,
-      entry
-    };
-  });
-  return {
-    name: buildOptions.name,
-    remotes: runtimeRemotes
-  };
-}
-const moduleFederationDataLoaderPlugin = (enable, internalOptions, userConfig) => ({
-  name: "@modern-js/plugin-module-federation-data-loader",
-  pre: [
-    "@modern-js/plugin-module-federation-config"
-  ],
-  post: [
-    "@modern-js/plugin-router",
-    "@modern-js/plugin-module-federation"
-  ],
-  setup: async ({ useConfigContext, useAppContext }) => {
-    var _modernjsConfig_server, _internalOptions_csrConfig;
-    if (!enable) {
-      return;
-    }
-    const { baseName, partialSSRRemotes = [], fetchSSRByRouteIds, patchMFConfig, metaName = META_NAME, serverPlugin = "@module-federation/modern-js/data-loader-server", transformRuntimeOptions } = userConfig;
-    if (!baseName) {
-      throw new Error(`${PLUGIN_IDENTIFIER} 'baseName' is required if you enable 'dataLoader'!`);
-    }
-    const modernjsConfig = useConfigContext();
-    const appContext = useAppContext();
-    const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
-    const name = (_internalOptions_csrConfig = internalOptions.csrConfig) === null || _internalOptions_csrConfig === void 0 ? void 0 : _internalOptions_csrConfig.name;
-    const routesFilePath = path.resolve(appContext.internalDirectory.replace(META_NAME, metaName || META_NAME), `./main/${MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME}`);
-    const transformRuntimeFn = transformRuntimeOptions || _transformRuntimeOptions;
-    return {
-      _internalRuntimePlugins: ({ entrypoint, plugins }) => {
-        plugins.push({
-          name: "ssrDataLoader",
-          path: "@module-federation/modern-js/data-loader",
-          config: {}
-        });
-        return {
-          entrypoint,
-          plugins
-        };
-      },
-      _internalServerPlugins({ plugins }) {
-        plugins.push({
-          name: serverPlugin,
-          options: transformRuntimeFn(internalOptions.csrConfig)
-        });
-        return {
-          plugins
-        };
-      },
-      config: async () => {
-        const fetchFn = fetchSSRByRouteIds || _fetchSSRByRouteIds;
-        const ssrByRouteIds = await fetchFn(partialSSRRemotes, internalOptions.csrConfig, transformRuntimeFn);
-        const patchMFConfigFn = patchMFConfig || _pathMfConfig;
-        return {
-          server: {
-            ssrByRouteIds
-          },
-          tools: {
-            rspack(_config, { isServer }) {
-              patchMFConfigFn({
-                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
-                baseName,
-                metaName,
-                isServer,
-                routesFilePath
-              });
-            },
-            webpack(_config, { isServer }) {
-              patchMFConfigFn({
-                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
-                baseName,
-                metaName,
-                isServer,
-                routesFilePath
-              });
-            },
-            bundlerChain(chain, { isServer }) {
-              if (!isServer && internalOptions.csrConfig && Object.keys(internalOptions.csrConfig.exposes).length) {
-                chain.plugin("SerializableRoutesPlugin").use(SerializableRoutesPlugin, [
-                  {
-                    routesFilePath,
-                    prefix: transformName2Prefix(internalOptions.csrConfig.name)
-                  }
-                ]);
-              }
-            }
-          },
-          source: {
-            define: {
-              MODERN_ROUTER_ID_PREFIX: JSON.stringify(transformName2Prefix(name))
-            }
-          }
-        };
-      }
-    };
-  }
-});
-var dataLoaderPlugin_default = moduleFederationDataLoaderPlugin;
-export {
-  dataLoaderPlugin_default as default,
-  generateRoutes,
-  generateSlimRoutes,
-  moduleFederationDataLoaderPlugin
-};

package/dist/esm-node/cli/server/dataLoaderPlugin.js

@@ -1,63 +0,0 @@
-import { getInstance, init } from "@module-federation/enhanced/runtime";
-import { MF_SLIM_ROUTES } from "../../runtime/constant";
-async function getSlimRemotes(mfInstance) {
-  return await Promise.all(mfInstance.options.remotes.map(async (remote) => {
-    const { routes, baseName } = await mfInstance.loadRemote(`${remote.name}/${MF_SLIM_ROUTES}`);
-    return {
-      routes,
-      baseName
-    };
-  }));
-}
-var dataLoaderPlugin_default = (mfRuntimeOptions) => ({
-  name: "MFDataLoaderServerPlugin",
-  pre: [
-    "@modern-js/plugin-inject-resource"
-  ],
-  setup(api) {
-    const { remotes, name } = mfRuntimeOptions;
-    if (!remotes.length) {
-      return {};
-    }
-    let isHandled = false;
-    return {
-      prepare() {
-        const { middlewares } = api.useAppContext();
-        middlewares.push({
-          name: "MFDataLoaderServerPlugin",
-          handler: async (c, next) => {
-            console.log("isHandled : ", isHandled);
-            const serverManifest = c.get("serverManifest");
-            const { loaderBundles, nestedRoutesJson } = serverManifest;
-            console.log("nestedRoutesJson: ", nestedRoutesJson);
-            console.log("loaderBundles.main.routes : ", loaderBundles.main.routes);
-            if (isHandled) {
-              await next();
-            } else {
-              const instance = getInstance() || init({
-                name,
-                remotes
-              });
-              const slimRoutes = await getSlimRemotes(instance);
-              slimRoutes.forEach((slimRoute) => {
-                const { routes, baseName } = slimRoute;
-                routes[0].path = `/${baseName}`;
-                loaderBundles.main.routes.push(...routes);
-                nestedRoutesJson.default.main.push(...routes);
-              });
-              console.log("push loaderBundles.main.routes done ");
-              isHandled = true;
-              await next();
-            }
-          },
-          before: [
-            "render"
-          ]
-        });
-      }
-    };
-  }
-});
-export {
-  dataLoaderPlugin_default as default
-};

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

@@ -1,8 +0,0 @@
-const MF_SLIM_ROUTES = "mf-slim-routes";
-const MF_FULL_ROUTES = "mf-full-routes";
-const MF_ROUTES_META = "mf-routes-meta";
-export {
-  MF_FULL_ROUTES,
-  MF_ROUTES_META,
-  MF_SLIM_ROUTES
-};

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

@@ -1,63 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getInstance, loadRemote } from "@module-federation/enhanced/runtime";
-import { MF_FULL_ROUTES } from "./constant";
-globalThis.mfRemoteRoutes = globalThis.mfRemoteRoutes || [];
-var _globalThis_mfHasLoadedRemoteRoutes;
-globalThis.mfHasLoadedRemoteRoutes = (_globalThis_mfHasLoadedRemoteRoutes = globalThis.mfHasLoadedRemoteRoutes) !== null && _globalThis_mfHasLoadedRemoteRoutes !== void 0 ? _globalThis_mfHasLoadedRemoteRoutes : false;
-async function loadRoutes() {
-  var _getInstance;
-  if (globalThis.mfHasLoadedRemoteRoutes) {
-    return;
-  }
-  const remotes = (_getInstance = getInstance()) === null || _getInstance === void 0 ? void 0 : _getInstance.options.remotes;
-  if (!remotes) {
-    return;
-  }
-  const remoteModuleIds = remotes.map((remote) => {
-    return `${remote.name}/${MF_FULL_ROUTES}`;
-  });
-  const traverse = (cRoutes, prefix) => {
-    cRoutes.forEach((i) => {
-      i.id = prefix + i.id;
-      const Comp = i.component;
-      i.element = /* @__PURE__ */ _jsx(Comp, {});
-      if (i.children) {
-        traverse(i.children, prefix);
-      }
-    });
-  };
-  await Promise.all(remoteModuleIds.map(async (remoteModuleId) => {
-    const remoteName = remoteModuleId.split(`/${MF_FULL_ROUTES}`)[0];
-    const { routes, baseName } = await loadRemote(remoteModuleId);
-    routes[0].path = `/${baseName}`;
-    routes[0].isRoot = false;
-    globalThis.mfRemoteRoutes.push(...routes);
-  }));
-  globalThis.mfHasLoadedRemoteRoutes = true;
-  return globalThis.mfRemoteRoutes;
-}
-const ssrDataLoaderPlugin = () => {
-  return {
-    name: "@modern-js/plugin-mf-data-loader",
-    post: [
-      "@modern-js/plugin-router"
-    ],
-    setup: () => {
-      return {
-        async beforeRender({ context }) {
-          console.log("init");
-          await loadRoutes();
-        },
-        modifyRoutes: (routes) => {
-          console.log("modifyRoutes");
-          routes.push(...globalThis.mfRemoteRoutes);
-          console.log("routes: ", routes);
-          return routes;
-        }
-      };
-    }
-  };
-};
-export {
-  ssrDataLoaderPlugin
-};

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

@@ -1,19 +0,0 @@
-function transformName2Prefix(name) {
-  const NameTransformSymbol = {
-    AT: "@",
-    HYPHEN: "-",
-    SLASH: "/",
-    UNDERLINE: "_"
-  };
-  const NameTransformMap = {
-    [NameTransformSymbol.AT]: "SCOPE",
-    [NameTransformSymbol.HYPHEN]: "HYPHEN",
-    [NameTransformSymbol.SLASH]: "SLASH",
-    [NameTransformSymbol.UNDERLINE]: "UNDERLINE"
-  };
-  const SPLIT_SYMBOL = "@";
-  return `${name.replace(new RegExp(`${NameTransformSymbol.AT}`, "g"), NameTransformMap[NameTransformSymbol.AT]).replace(new RegExp(`${NameTransformSymbol.HYPHEN}`, "g"), NameTransformMap[NameTransformSymbol.HYPHEN]).replace(new RegExp(`${NameTransformSymbol.SLASH}`, "g"), NameTransformMap[NameTransformSymbol.SLASH]).replace(new RegExp(`${NameTransformSymbol.UNDERLINE}`, "g"), NameTransformMap[NameTransformSymbol.UNDERLINE])}${SPLIT_SYMBOL}`;
-}
-export {
-  transformName2Prefix
-};

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

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

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

@@ -1,8 +0,0 @@
-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/ast/generateRoutes.d.ts

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

package/dist/types/cli/ast/generateSerializableRoutes.d.ts

@@ -1,5 +0,0 @@
-declare function generateSerializableRoutes({ sourceCode, prefix, }: {
-    sourceCode: string;
-    prefix: string;
-}): string;
-export { generateSerializableRoutes };

package/dist/types/cli/ast/generateSlimRoutes.d.ts

@@ -1,7 +0,0 @@
-declare function generateSlimRoutes({ sourceCode, filePath, prefix, baseName, }: {
-    sourceCode: string;
-    filePath: string;
-    prefix: string;
-    baseName: string;
-}): void;
-export { generateSlimRoutes };

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

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

package/dist/types/cli/bundler-plugins/SerializableRoutesPlugin.d.ts

@@ -1,12 +0,0 @@
-import { webpack } from '@modern-js/app-tools';
-export declare const SERIALIZABLE_ROUTES = "serializable-routes.json";
-declare class SerializableRoutesPlugin implements webpack.WebpackPluginInstance {
-    routesFilePath: string;
-    prefix: string;
-    constructor(options: {
-        routesFilePath: string;
-        prefix: string;
-    });
-    apply(compiler: webpack.Compiler): void;
-}
-export { SerializableRoutesPlugin };

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-export declare const MF_SLIM_ROUTES = "mf-slim-routes";
-export declare const MF_FULL_ROUTES = "mf-full-routes";
-export declare const MF_ROUTES_META = "mf-routes-meta";

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

@@ -1,7 +0,0 @@
-import type { Plugin } from '@modern-js/runtime';
-import { type RouteObject } from '@modern-js/runtime/router';
-declare global {
-    var mfRemoteRoutes: RouteObject[];
-    var mfHasLoadedRemoteRoutes: boolean;
-}
-export declare const ssrDataLoaderPlugin: () => Plugin;

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

@@ -1 +0,0 @@
-export declare function transformName2Prefix(name: string): string;

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

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