@ice/mf-runtime 0.0.8 → 0.0.10-beta.0

package/es2017/FallBack.js

@@ -1,18 +1,17 @@
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from 'react';
 class Component extends React.Component {
     render() {
         const { containerRef } = this.props;
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ React.createElement("div", {
             ref: containerRef
         });
     }
 }
 export const FallBack = ({ Original, remoteReactDOM, remoteReact })=>{
     const ReactDOM = remoteReactDOM();
-    const React = remoteReact();
-    class WrappedComponent extends React.Component {
+    const React1 = remoteReact();
+    class WrappedComponent extends React1.Component {
         componentDidMount() {
             this.mountOriginalComponent(true);
         }
@@ -25,18 +24,18 @@ export const FallBack = ({ Original, remoteReactDOM, remoteReact })=>{
             }
         }
         mountOriginalComponent(shouldRender = false) {
-            const element = React.createElement(Original, this.props);
+            const element = React1.createElement(Original, this.props);
             const renderMethod = shouldRender ? ReactDOM.render : ReactDOM.hydrate;
             renderMethod(element, this.containerRef.current);
         }
         render() {
-            return /*#__PURE__*/ _jsx(Component, {
+            return /*#__PURE__*/ React.createElement(Component, {
                 containerRef: this.containerRef
             });
         }
         constructor(...args){
             super(...args);
-            _define_property(this, "containerRef", React.createRef());
+            _define_property(this, "containerRef", React1.createRef());
         }
     }
     return WrappedComponent;

package/es2017/RemoteModule.js

@@ -1,14 +1,16 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import { loadRemote } from '@module-federation/runtime';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { FallBack } from './FallBack';
 import { setFederatedModulePublicPath } from './set-public-path';
+import { getMicroMod } from './mf-global-store';
 export const RemoteModule = ({ module, scope, runtime, publicPath, LoadingComponent, ErrorComponent, onError, componentProps = {}, children = null })=>{
-    var _runtime, _runtime1;
+    var _microMod, _runtime, _runtime1;
+    const microMod = getMicroMod(scope);
+    if ((_microMod = microMod) === null || _microMod === void 0 ? void 0 : _microMod.publicPath) {
+        setFederatedModulePublicPath(microMod.moduleFederatedName, microMod.publicPath);
+    }
     if (publicPath) {
         setFederatedModulePublicPath(scope, publicPath);
     }
@@ -42,24 +44,13 @@ export const RemoteModule = ({ module, scope, runtime, publicPath, LoadingCompon
         (_runtime = runtime) === null || _runtime === void 0 ? void 0 : _runtime.react,
         (_runtime1 = runtime) === null || _runtime1 === void 0 ? void 0 : _runtime1.reactDOM
     ]);
-    const Loading = LoadingComponent || /*#__PURE__*/ _jsx("div", {
-        children: "Loading..."
-    });
-    const ErrorFallback = ({ error })=>ErrorComponent || /*#__PURE__*/ _jsxs("div", {
-            children: [
-                "远程模块加载失败: ",
-                error.message
-            ]
-        });
+    const Loading = LoadingComponent || /*#__PURE__*/ React.createElement("div", null, "Loading...");
+    const ErrorFallback = ({ error })=>ErrorComponent || /*#__PURE__*/ React.createElement("div", null, "远程模块加载失败: ", error.message);
     if (!Component) return Loading;
-    return /*#__PURE__*/ _jsx(ErrorBoundary, {
+    return /*#__PURE__*/ React.createElement(ErrorBoundary, {
         FallbackComponent: ErrorFallback,
-        onError: onError,
-        children: /*#__PURE__*/ _jsx(React.Suspense, {
-            fallback: Loading,
-            children: /*#__PURE__*/ _jsx(Component, _object_spread_props(_object_spread({}, componentProps), {
-                children: children
-            }))
-        })
-    });
+        onError: onError
+    }, /*#__PURE__*/ React.createElement(React.Suspense, {
+        fallback: Loading
+    }, /*#__PURE__*/ React.createElement(Component, componentProps, children)));
 };

package/es2017/index.d.ts

@@ -1,5 +1,6 @@
-import type { ExtendedUserOptions } from './types';
+import type { ExtendedUserOptions, MicroMod } from './types';
 export { loadRemote, registerPlugins } from '@module-federation/runtime';
 export * from './FallBack';
 export * from './RemoteModule';
-export declare function init(options: ExtendedUserOptions): void;
+export declare function init(options: ExtendedUserOptions, microMods?: MicroMod[]): void;
+export declare function initByMicroMods(microMods: MicroMod[], hostName?: string): void;

package/es2017/index.js

@@ -1,13 +1,39 @@
+import { getBasename } from '@ice/stark-app';
 import { registerPlugins, init as mfInit } from '@module-federation/runtime';
 import { runtimePlugin } from './runtime-plugin';
 import { initGlobalStore } from './mf-global-store';
 export { loadRemote, registerPlugins } from '@module-federation/runtime';
 export * from './FallBack';
 export * from './RemoteModule';
-export function init(options) {
-    initGlobalStore(options);
+export function init(options, microMods) {
+    initGlobalStore(options, microMods);
     mfInit(options);
     registerPlugins([
         runtimePlugin()
     ]);
 }
+// 需要一个稳定的，微应用唯一的 ID
+function generateUniqueId() {
+    const prefix = 'ice_standard';
+    const baseName = getBasename().split('/').join('_');
+    return `${prefix}_${baseName}`;
+}
+export function initByMicroMods(microMods, hostName) {
+    const remotes = microMods.map((microMod)=>{
+        var _microMod_remoteEntry;
+        const isLegacy = !((_microMod_remoteEntry = microMod.remoteEntry) === null || _microMod_remoteEntry === void 0 ? void 0 : _microMod_remoteEntry.match(/\/mf\/remoteEntry\.js$/));
+        const remote = {
+            name: microMod.moduleFederatedName,
+            entry: microMod.remoteEntry,
+            alias: microMod.appName,
+            extraInfo: Object.assign(microMod.extraInfo || {}, {
+                legacy: isLegacy
+            })
+        };
+        return remote;
+    });
+    init({
+        remotes,
+        name: generateUniqueId() || hostName
+    }, microMods);
+}

package/es2017/mf-global-store.d.ts

@@ -1,4 +1,4 @@
-import type { ExtraInfo, ExtendedUserOptions } from './types';
+import type { ExtraInfo, ExtendedUserOptions, MicroMod } from './types';
 export interface RemoteModuleInfo {
     key: string;
     name: string;
@@ -17,10 +17,15 @@ declare global {
         __MF_GLOBAL_STORE__: {
             remotes: Map<string, RemoteModuleInfo>;
             hostRemotes: Map<string, HostRemoteInfo>;
+            microMods?: Map<string, MicroMod[]>;
+            currentModuleName?: string;
         };
+        getCurrentIceMicroMods?: () => MicroMod[];
     }
 }
-export declare function initGlobalStore(options: ExtendedUserOptions): void;
+export declare function getCurrentModuleName(): string;
+export declare function getMicroMod(scope: string): MicroMod;
+export declare function initGlobalStore(options: ExtendedUserOptions, microMods?: MicroMod[]): void;
 export declare function generateRemoteKey(name: string, entry: string): string;
 export declare function getRemoteInfoFromStore(hostName: string, remoteName: string): RemoteModuleInfo | undefined;
 export declare function hasConflict(hostName: string, remoteName: string): boolean;

package/es2017/mf-global-store.js

@@ -1,11 +1,42 @@
-export function initGlobalStore(options) {
+export function getCurrentModuleName() {
+    var _window___MF_GLOBAL_STORE__;
+    return (_window___MF_GLOBAL_STORE__ = window.__MF_GLOBAL_STORE__) === null || _window___MF_GLOBAL_STORE__ === void 0 ? void 0 : _window___MF_GLOBAL_STORE__.currentModuleName;
+}
+export function getMicroMod(scope) {
+    var _store_microMods, _microMods;
+    const store = window.__MF_GLOBAL_STORE__;
+    const currentModuleName = getCurrentModuleName();
+    if (!currentModuleName) {
+        return undefined;
+    }
+    const microMods = (_store_microMods = store.microMods) === null || _store_microMods === void 0 ? void 0 : _store_microMods.get(currentModuleName);
+    return (_microMods = microMods) === null || _microMods === void 0 ? void 0 : _microMods.find((microMod)=>microMod.appName === scope);
+}
+export function initGlobalStore(options, microMods) {
     if (!window.__MF_GLOBAL_STORE__) {
         window.__MF_GLOBAL_STORE__ = {
             remotes: new Map(),
             hostRemotes: new Map()
         };
     }
+    window.__MF_GLOBAL_STORE__.currentModuleName = options.name;
+    if (microMods) {
+        if (!window.__MF_GLOBAL_STORE__.microMods) {
+            window.__MF_GLOBAL_STORE__.microMods = new Map();
+        }
+        window.__MF_GLOBAL_STORE__.microMods.set(options.name, microMods);
+    }
     const store = window.__MF_GLOBAL_STORE__;
+    if (!window.getCurrentIceMicroMods) {
+        window.getCurrentIceMicroMods = ()=>{
+            var _store_microMods;
+            const currentModuleName = getCurrentModuleName();
+            if (!currentModuleName) {
+                return [];
+            }
+            return ((_store_microMods = store.microMods) === null || _store_microMods === void 0 ? void 0 : _store_microMods.get(currentModuleName)) || [];
+        };
+    }
     // 获取或创建 hostInfo
     const existingHostInfo = store.hostRemotes.get(options.name);
     const hostInfo = existingHostInfo || {

package/es2017/types.d.ts

@@ -10,3 +10,11 @@ export type ExtendedRemote = Remote & {
 export interface ExtendedUserOptions extends Omit<UserOptions, 'remotes'> {
     remotes: ExtendedRemote[];
 }
+export interface MicroMod {
+    appName: string;
+    version: string;
+    publicPath: string;
+    remoteEntry: string;
+    moduleFederatedName: string;
+    extraInfo?: ExtraInfo;
+}

package/esm/FallBack.js

@@ -4,7 +4,6 @@ import { _ as _create_class } from "@swc/helpers/_/_create_class";
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _inherits } from "@swc/helpers/_/_inherits";
 import { _ as _create_super } from "@swc/helpers/_/_create_super";
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 var Component = /*#__PURE__*/ function(_React_Component) {
     "use strict";
@@ -19,7 +18,7 @@ var Component = /*#__PURE__*/ function(_React_Component) {
             key: "render",
             value: function render() {
                 var containerRef = this.props.containerRef;
-                return /*#__PURE__*/ _jsx("div", {
+                return /*#__PURE__*/ React.createElement("div", {
                     ref: containerRef
                 });
             }
@@ -75,7 +74,7 @@ export var FallBack = function(param) {
             {
                 key: "render",
                 value: function render() {
-                    return /*#__PURE__*/ _jsx(Component, {
+                    return /*#__PURE__*/ React.createElement(Component, {
                         containerRef: this.containerRef
                     });
                 }

package/esm/RemoteModule.js

@@ -1,17 +1,19 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import { loadRemote } from "@module-federation/runtime";
 import * as React from "react";
 import { useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { FallBack } from "./FallBack";
 import { setFederatedModulePublicPath } from "./set-public-path";
+import { getMicroMod } from "./mf-global-store";
 export var RemoteModule = function(param) {
     var module = param.module, scope = param.scope, runtime = param.runtime, publicPath = param.publicPath, LoadingComponent = param.LoadingComponent, ErrorComponent = param.ErrorComponent, onError = param.onError, _param_componentProps = param.componentProps, componentProps = _param_componentProps === void 0 ? {} : _param_componentProps, _param_children = param.children, children = _param_children === void 0 ? null : _param_children;
-    var _runtime, _runtime1;
+    var _microMod, _runtime, _runtime1;
+    var microMod = getMicroMod(scope);
+    if ((_microMod = microMod) === null || _microMod === void 0 ? void 0 : _microMod.publicPath) {
+        setFederatedModulePublicPath(microMod.moduleFederatedName, microMod.publicPath);
+    }
     if (publicPath) {
         setFederatedModulePublicPath(scope, publicPath);
     }
@@ -68,27 +70,16 @@ export var RemoteModule = function(param) {
         (_runtime = runtime) === null || _runtime === void 0 ? void 0 : _runtime.react,
         (_runtime1 = runtime) === null || _runtime1 === void 0 ? void 0 : _runtime1.reactDOM
     ]);
-    var Loading = LoadingComponent || /*#__PURE__*/ _jsx("div", {
-        children: "Loading..."
-    });
+    var Loading = LoadingComponent || /*#__PURE__*/ React.createElement("div", null, "Loading...");
     var ErrorFallback = function(param) {
         var error = param.error;
-        return ErrorComponent || /*#__PURE__*/ _jsxs("div", {
-            children: [
-                "远程模块加载失败: ",
-                error.message
-            ]
-        });
+        return ErrorComponent || /*#__PURE__*/ React.createElement("div", null, "远程模块加载失败: ", error.message);
     };
     if (!Component) return Loading;
-    return /*#__PURE__*/ _jsx(ErrorBoundary, {
+    return /*#__PURE__*/ React.createElement(ErrorBoundary, {
         FallbackComponent: ErrorFallback,
-        onError: onError,
-        children: /*#__PURE__*/ _jsx(React.Suspense, {
-            fallback: Loading,
-            children: /*#__PURE__*/ _jsx(Component, _object_spread_props(_object_spread({}, componentProps), {
-                children: children
-            }))
-        })
-    });
+        onError: onError
+    }, /*#__PURE__*/ React.createElement(React.Suspense, {
+        fallback: Loading
+    }, /*#__PURE__*/ React.createElement(Component, componentProps, children)));
 };

package/esm/index.d.ts

@@ -1,5 +1,6 @@
-import type { ExtendedUserOptions } from './types';
+import type { ExtendedUserOptions, MicroMod } from './types';
 export { loadRemote, registerPlugins } from '@module-federation/runtime';
 export * from './FallBack';
 export * from './RemoteModule';
-export declare function init(options: ExtendedUserOptions): void;
+export declare function init(options: ExtendedUserOptions, microMods?: MicroMod[]): void;
+export declare function initByMicroMods(microMods: MicroMod[], hostName?: string): void;

package/esm/index.js

@@ -1,13 +1,39 @@
+import { getBasename } from "@ice/stark-app";
 import { registerPlugins, init as mfInit } from "@module-federation/runtime";
 import { runtimePlugin } from "./runtime-plugin";
 import { initGlobalStore } from "./mf-global-store";
 export { loadRemote, registerPlugins } from "@module-federation/runtime";
 export * from "./FallBack";
 export * from "./RemoteModule";
-export function init(options) {
-    initGlobalStore(options);
+export function init(options, microMods) {
+    initGlobalStore(options, microMods);
     mfInit(options);
     registerPlugins([
         runtimePlugin()
     ]);
 }
+// 需要一个稳定的，微应用唯一的 ID
+function generateUniqueId() {
+    var prefix = "ice_standard";
+    var baseName = getBasename().split("/").join("_");
+    return "".concat(prefix, "_").concat(baseName);
+}
+export function initByMicroMods(microMods, hostName) {
+    var remotes = microMods.map(function(microMod) {
+        var _microMod_remoteEntry;
+        var isLegacy = !((_microMod_remoteEntry = microMod.remoteEntry) === null || _microMod_remoteEntry === void 0 ? void 0 : _microMod_remoteEntry.match(/\/mf\/remoteEntry\.js$/));
+        var remote = {
+            name: microMod.moduleFederatedName,
+            entry: microMod.remoteEntry,
+            alias: microMod.appName,
+            extraInfo: Object.assign(microMod.extraInfo || {}, {
+                legacy: isLegacy
+            })
+        };
+        return remote;
+    });
+    init({
+        remotes: remotes,
+        name: generateUniqueId() || hostName
+    }, microMods);
+}

package/esm/mf-global-store.d.ts

@@ -1,4 +1,4 @@
-import type { ExtraInfo, ExtendedUserOptions } from './types';
+import type { ExtraInfo, ExtendedUserOptions, MicroMod } from './types';
 export interface RemoteModuleInfo {
     key: string;
     name: string;
@@ -17,10 +17,15 @@ declare global {
         __MF_GLOBAL_STORE__: {
             remotes: Map<string, RemoteModuleInfo>;
             hostRemotes: Map<string, HostRemoteInfo>;
+            microMods?: Map<string, MicroMod[]>;
+            currentModuleName?: string;
         };
+        getCurrentIceMicroMods?: () => MicroMod[];
     }
 }
-export declare function initGlobalStore(options: ExtendedUserOptions): void;
+export declare function getCurrentModuleName(): string;
+export declare function getMicroMod(scope: string): MicroMod;
+export declare function initGlobalStore(options: ExtendedUserOptions, microMods?: MicroMod[]): void;
 export declare function generateRemoteKey(name: string, entry: string): string;
 export declare function getRemoteInfoFromStore(hostName: string, remoteName: string): RemoteModuleInfo | undefined;
 export declare function hasConflict(hostName: string, remoteName: string): boolean;

package/esm/mf-global-store.js

@@ -1,12 +1,45 @@
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-export function initGlobalStore(options) {
+export function getCurrentModuleName() {
+    var _window___MF_GLOBAL_STORE__;
+    return (_window___MF_GLOBAL_STORE__ = window.__MF_GLOBAL_STORE__) === null || _window___MF_GLOBAL_STORE__ === void 0 ? void 0 : _window___MF_GLOBAL_STORE__.currentModuleName;
+}
+export function getMicroMod(scope) {
+    var _store_microMods, _microMods;
+    var store = window.__MF_GLOBAL_STORE__;
+    var currentModuleName = getCurrentModuleName();
+    if (!currentModuleName) {
+        return undefined;
+    }
+    var microMods = (_store_microMods = store.microMods) === null || _store_microMods === void 0 ? void 0 : _store_microMods.get(currentModuleName);
+    return (_microMods = microMods) === null || _microMods === void 0 ? void 0 : _microMods.find(function(microMod) {
+        return microMod.appName === scope;
+    });
+}
+export function initGlobalStore(options, microMods) {
     if (!window.__MF_GLOBAL_STORE__) {
         window.__MF_GLOBAL_STORE__ = {
             remotes: new Map(),
             hostRemotes: new Map()
         };
     }
+    window.__MF_GLOBAL_STORE__.currentModuleName = options.name;
+    if (microMods) {
+        if (!window.__MF_GLOBAL_STORE__.microMods) {
+            window.__MF_GLOBAL_STORE__.microMods = new Map();
+        }
+        window.__MF_GLOBAL_STORE__.microMods.set(options.name, microMods);
+    }
     var store = window.__MF_GLOBAL_STORE__;
+    if (!window.getCurrentIceMicroMods) {
+        window.getCurrentIceMicroMods = function() {
+            var _store_microMods;
+            var currentModuleName = getCurrentModuleName();
+            if (!currentModuleName) {
+                return [];
+            }
+            return ((_store_microMods = store.microMods) === null || _store_microMods === void 0 ? void 0 : _store_microMods.get(currentModuleName)) || [];
+        };
+    }
     // 获取或创建 hostInfo
     var existingHostInfo = store.hostRemotes.get(options.name);
     var hostInfo = existingHostInfo || {

package/esm/types.d.ts

@@ -10,3 +10,11 @@ export type ExtendedRemote = Remote & {
 export interface ExtendedUserOptions extends Omit<UserOptions, 'remotes'> {
     remotes: ExtendedRemote[];
 }
+export interface MicroMod {
+    appName: string;
+    version: string;
+    publicPath: string;
+    remoteEntry: string;
+    moduleFederatedName: string;
+    extraInfo?: ExtraInfo;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ice/mf-runtime",
-  "version": "0.0.8",
+  "version": "0.0.10-beta.0",
   "description": "ice mf runtime",
   "files": [
     "esm",
@@ -22,7 +22,7 @@
         "default": "./esm/index.js"
       }
     },
-    "./*": "./*"
+    "./types": "./esm/types.js"
   },
   "sideEffects": [
     "dist/*",
@@ -69,7 +69,8 @@
     "registry": "https://registry.npmjs.org"
   },
   "peerDependencies": {
-    "react": "^16 || ^17 || ^18"
+    "react": "^16 || ^17 || ^18",
+    "@ice/stark-app": "^1.5.0"
   },
   "license": "MIT"
 }