@module-federation/modern-js 0.0.0-next-20240913094943 → 0.0.0-next-20240913095223

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,13 @@
 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";

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,4 @@
+import type { Plugin } from '@modern-js/runtime';
+export declare const ssrDataLoaderPlugin: ({ metaName, }: {
+    metaName: 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,9 @@ export interface InternalModernPluginOptions {
     remoteIpStrategy?: 'ipv4' | 'inherit';
 }
 export type BundlerPlugin = WebpackModuleFederationPlugin | RspackModuleFederationPlugin;
+export type TransformRuntimeOptions = (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions) => Parameters<typeof init>[0];
+export type DataLoaderOptions = {
+    partialSSRRemotes?: string[];
+    serverPlugin?: string;
+    transformRuntimeOptions?: TransformRuntimeOptions;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20240913094943",
+  "version": "0.0.0-next-20240913095223",
   "files": [
     "dist/",
     "types.d.ts",
@@ -23,6 +23,23 @@
       "types": "./dist/types/ssr-runtime/index.d.ts",
       "default": "./dist/esm/ssr-runtime/index.js"
     },
+    "./data-loader": {
+      "types": "./dist/types/runtime/dataLoader/plugin.d.ts",
+      "default": "./dist/esm/runtime/dataLoader/plugin.js"
+    },
+    "./data-loader-inject-assets": {
+      "types": "./dist/types/runtime/dataLoader/plugin-inject-assets.d.ts",
+      "default": "./dist/esm/runtime/dataLoader/plugin-inject-assets.js"
+    },
+    "./data-loader-server": {
+      "types": "./dist/types/cli/server/dataLoaderPlugin.d.ts",
+      "default": "./dist/cjs/cli/server/dataLoaderPlugin.js"
+    },
+    "./data-loader-plugin": {
+      "import": "./dist/esm/cli/dataLoader/plugin.js",
+      "require": "./dist/cjs/cli/dataLoader/plugin.js",
+      "types": "./dist/types/cli/dataLoader/plugin.d.ts"
+    },
     "./config-plugin": {
       "import": "./dist/esm/cli/configPlugin.js",
       "require": "./dist/cjs/cli/configPlugin.js",
@@ -47,6 +64,18 @@
       ],
       "ssr-plugin": [
         "./dist/types/cli/ssrPlugin.d.ts"
+      ],
+      "data-loader-plugin": [
+        "./dist/types/cli/dataLoader/plugin.d.ts"
+      ],
+      "data-loader": [
+        "./dist/types/runtime/dataLoader/plugin.d.ts"
+      ],
+      "data-loader-inject-assets": [
+        "./dist/types/runtime/dataLoader/plugin-inject-assets.d.ts"
+      ],
+      "data-loader-server": [
+        "./dist/types/cli/server/dataLoaderPlugin.d.ts"
       ]
     }
   },
@@ -56,25 +85,33 @@
   "license": "MIT",
   "dependencies": {
     "@swc/helpers": "0.5.12",
-    "@modern-js/utils": "2.54.2",
+    "@modern-js/utils": "2.58.4-alpha.2",
     "@modern-js/node-bundle-require": "2.54.2",
     "node-fetch": "~3.3.0",
     "react-error-boundary": "4.0.13",
     "hoist-non-react-statics": "3.3.2",
-    "@module-federation/sdk": "0.0.0-next-20240913094943",
-    "@module-federation/enhanced": "0.0.0-next-20240913094943",
-    "@module-federation/node": "0.0.0-next-20240913094943"
+    "@babel/generator": "7.25.0",
+    "@babel/parser": "7.25.3",
+    "@babel/traverse": "7.25.3",
+    "@babel/types": "7.25.2",
+    "@module-federation/sdk": "0.0.0-next-20240913095223",
+    "@module-federation/enhanced": "0.0.0-next-20240913095223",
+    "@module-federation/node": "0.0.0-next-20240913095223"
   },
   "devDependencies": {
+    "@types/babel__traverse": "7.20.6",
+    "@types/babel__generator": "7.6.8",
     "@types/hoist-non-react-statics": "3.3.2",
-    "@modern-js/app-tools": "2.57.0",
-    "@modern-js/core": "2.57.0",
-    "@modern-js/runtime": "2.57.0",
-    "@modern-js/module-tools": "2.57.0",
-    "@modern-js/tsconfig": "2.57.0",
-    "@module-federation/manifest": "0.0.0-next-20240913094943"
+    "@modern-js/server-core": "^2.59.0",
+    "@modern-js/app-tools": "^2.59.0",
+    "@modern-js/core": "^2.59.0",
+    "@modern-js/runtime": "^2.59.0",
+    "@modern-js/module-tools": "^2.59.0",
+    "@modern-js/tsconfig": "^2.59.0",
+    "@module-federation/manifest": "0.0.0-next-20240913095223"
   },
   "peerDependencies": {
+    "@modern-js/runtime": "^2.59.0",
     "react": ">=17",
     "react-dom": ">=17",
     "typescript": "^4.9.0 || ^5.0.0",

package/dist/esm/cli/constant.js

@@ -1,4 +0,0 @@
-var isDev = process.env.NODE_ENV === "development";
-export {
-  isDev
-};

package/dist/esm/cli/mfRuntimePlugins/shared-strategy.js

@@ -1,25 +0,0 @@
-var sharedStrategy = function() {
-  return {
-    name: "shared-strategy-plugin",
-    beforeInit: function beforeInit(args) {
-      var userOptions = args.userOptions;
-      var shared = userOptions.shared;
-      if (shared) {
-        Object.keys(shared).forEach(function(sharedKey) {
-          var sharedConfigs = shared[sharedKey];
-          var arraySharedConfigs = Array.isArray(sharedConfigs) ? sharedConfigs : [
-            sharedConfigs
-          ];
-          arraySharedConfigs.forEach(function(s) {
-            s.strategy = "loaded-first";
-          });
-        });
-      }
-      return args;
-    }
-  };
-};
-var shared_strategy_default = sharedStrategy;
-export {
-  shared_strategy_default as default
-};

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

@@ -1,4 +0,0 @@
-const isDev = process.env.NODE_ENV === "development";
-export {
-  isDev
-};

package/dist/esm-node/cli/mfRuntimePlugins/shared-strategy.js

@@ -1,23 +0,0 @@
-const sharedStrategy = () => ({
-  name: "shared-strategy-plugin",
-  beforeInit(args) {
-    const { userOptions } = args;
-    const shared = userOptions.shared;
-    if (shared) {
-      Object.keys(shared).forEach((sharedKey) => {
-        const sharedConfigs = shared[sharedKey];
-        const arraySharedConfigs = Array.isArray(sharedConfigs) ? sharedConfigs : [
-          sharedConfigs
-        ];
-        arraySharedConfigs.forEach((s) => {
-          s.strategy = "loaded-first";
-        });
-      });
-    }
-    return args;
-  }
-});
-var shared_strategy_default = sharedStrategy;
-export {
-  shared_strategy_default as default
-};

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

@@ -1 +0,0 @@
-export declare const isDev: boolean;

package/dist/types/cli/mfRuntimePlugins/shared-strategy.d.ts

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