@empjs/share 0.0.1

package/README.md

@@ -0,0 +1,96 @@
+# @empjs/share
+
+## 01 Rspack Plugin
+> @empjs/share/rspack
+使用方法
+```js
+import {pluginRspackEmpShare} from '@empjs/share'
+// import pluginRspackEmpShare from '@empjs/share/rspack' // or
+import {defineConfig} from '@empjs/cli'
+export default defineConfig(store => {
+  return {
+    plugins: [
+      pluginRspackEmpShare({
+        name: 'mfHost',
+        shared: {
+          react: {
+            singleton: true,
+            requiredVersion: '18',
+          },
+          'react-dom': {
+            singleton: true,
+            requiredVersion: '18',
+          },
+        },
+        exposes: {
+          './App': './src/App',
+          './CountComp': './src/CountComp',
+        },
+      }),
+    ],
+  }
+})
+
+
+```
+
+## 02 Library 
+> @empjs/share/library
+
+## 03 Runtime
+> @empjs/share/runtime
+
+
+### 项目调用
+
+```js
+import React, { useEffect, useState, version } from "react";
+import ReactDOM from "react-dom";
+// 引用runtime
+import { empRuntime, withReactAdapter } from "@empjs/share/runtime";
+// 实例化远程 emp
+empRuntime.init({
+  remotes: [
+    {
+      name: "mfHost",
+      entry: `http://${process.env.lanIp}:8001/emp.js`,
+    },
+  ],
+  name: "federationRuntimeDemo",
+});
+// 封装 React 18的组件 以便插入到 React 16
+const RemoteApp = empRuntime.react.adapter(empRuntime.load("mfHost/App"));
+// 创建 React 16 组件
+const ParentComponent = () => {
+  const [count, setCount] = useState(0);
+  return (
+    <div
+      style={{
+        border: "1px solid #eee",
+        padding: "10px",
+        background: "#f7f7f7",
+      }}
+    >
+      <h1>React Version {React.version}!</h1>
+      <button onClick={() => setCount(count + 1)}>Click Count {count}</button>
+    </div>
+  );
+};
+// 封装 React 16的组件 以便插入到 React 18
+const ParentComponentAdapter = empRuntime.react.adapter(
+  ParentComponent,
+  "default",
+  React,
+  ReactDOM
+);
+//
+const App = () => {
+  return (
+    <>
+      <h1>app React Version {version}</h1>
+      <RemoteApp component={ParentComponentAdapter} />
+    </>
+  );
+};
+export default App;
+```

package/dist/index.cjs

@@ -0,0 +1,109 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  pluginRspackEmpShare: () => rspack_default
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/plugin/rspack/index.ts
+var import_rspack = require("@module-federation/enhanced/rspack");
+
+// src/helper/config.ts
+var shareGlobalName = "EMP_SHARE_RUNTIME";
+
+// src/helper/index.ts
+var importJsVm = (content) => `data:text/javascript,${content}`;
+
+// src/plugin/rspack/plugin.ts
+var getShareRuntimeEntry = () => {
+  const content = [`import '@empjs/share/library'`].join("\n");
+  return importJsVm(content);
+};
+var EmpShareRuntimePlugin = class {
+  constructor() {
+  }
+  apply(compiler) {
+    const { webpack } = compiler;
+    const entry = getShareRuntimeEntry();
+    new webpack.EntryPlugin(compiler.context, entry, {
+      name: void 0
+    }).apply(compiler);
+  }
+};
+
+// src/plugin/rspack/index.ts
+var rspack_default = (o = {}) => {
+  return {
+    name: "@empjs/share",
+    async rsConfig(store) {
+      console.log(o);
+      if (o.name) {
+        const op = store.deepAssign(
+          {
+            filename: "emp.js",
+            manifest: false,
+            dts: false,
+            dev: {
+              disableDynamicRemoteTypeHints: true
+            }
+          },
+          o
+        );
+        delete op.empRuntime;
+        store.chain.plugin("plugin-emp-share").use(import_rspack.ModuleFederationPlugin, [op]);
+      }
+      const { empRuntime } = o;
+      if (empRuntime) {
+        if (!empRuntime.runtimeLib) {
+          store.chain.plugin("plugin-emp-runtime").use(EmpShareRuntimePlugin);
+        }
+        empRuntime.runtimeGlobal = empRuntime.frameworkGlobal || shareGlobalName;
+        const externalRuntime = {
+          "@module-federation/runtime": `MFRuntime`,
+          "@module-federation/sdk": `MFSDK`
+        };
+        const externals = [];
+        for (const [key, value] of Object.entries(externalRuntime)) {
+          externals[key] = `${empRuntime.runtimeGlobal}.${value}`;
+        }
+        empRuntime.framework = empRuntime.framework || "react";
+        empRuntime.frameworkGlobal = empRuntime.frameworkGlobal || empRuntime.runtimeGlobal;
+        if (empRuntime.framework === "react") {
+          const externalReact = {
+            react: `React`,
+            "react-dom": `ReactDOM`
+          };
+          for (const [key, value] of Object.entries(externalReact)) {
+            externals[key] = `${empRuntime.frameworkGlobal}.${value}`;
+          }
+        }
+        if (empRuntime.setExternals) empRuntime.setExternals(externals);
+        store.merge({ externals });
+      }
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pluginRspackEmpShare
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/plugin/rspack/index.ts","../src/helper/config.ts","../src/helper/index.ts","../src/plugin/rspack/plugin.ts"],"sourcesContent":["// export {default as runtime} from './mfRuntime'\nexport {default as pluginRspackEmpShare} from './rspack'\n","import type {GlobalStore} from '@empjs/cli'\nimport {ModuleFederationPlugin} from '@module-federation/enhanced/rspack'\nimport {shareGlobalName} from 'src/helper/config'\nimport {EmpShareRuntimePlugin} from './plugin'\nimport type {EMPPluginShareType} from './types'\n//\nexport default (o: EMPPluginShareType = {}) => {\n  return {\n    name: '@empjs/share',\n    async rsConfig(store: GlobalStore) {\n      console.log(o)\n      if (o.name) {\n        const op: any = store.deepAssign(\n          {\n            filename: 'emp.js',\n            manifest: false,\n            dts: false,\n            dev: {\n              disableDynamicRemoteTypeHints: true,\n            },\n          },\n          o,\n        )\n        delete op.empRuntime\n        store.chain.plugin('plugin-emp-share').use(ModuleFederationPlugin, [op])\n      }\n      const {empRuntime} = o\n      if (empRuntime) {\n        if (!empRuntime.runtimeLib) {\n          store.chain.plugin('plugin-emp-runtime').use(EmpShareRuntimePlugin)\n        }\n        empRuntime.runtimeGlobal = empRuntime.frameworkGlobal || shareGlobalName\n        const externalRuntime = {\n          '@module-federation/runtime': `MFRuntime`,\n          '@module-federation/sdk': `MFSDK`,\n        }\n        const externals = []\n        for (const [key, value] of Object.entries(externalRuntime)) {\n          externals[key] = `${empRuntime.runtimeGlobal}.${value}`\n        }\n        //\n        empRuntime.framework = empRuntime.framework || 'react'\n        empRuntime.frameworkGlobal = empRuntime.frameworkGlobal || empRuntime.runtimeGlobal\n        if (empRuntime.framework === 'react') {\n          const externalReact = {\n            react: `React`,\n            'react-dom': `ReactDOM`,\n          }\n          for (const [key, value] of Object.entries(externalReact)) {\n            externals[key] = `${empRuntime.frameworkGlobal}.${value}`\n          }\n        }\n        //\n        if (empRuntime.setExternals) empRuntime.setExternals(externals)\n        store.merge({externals})\n      }\n    },\n  }\n}\n","export const shareGlobalName = 'EMP_SHARE_RUNTIME'\n","export const importJsVm = (content: string) => `data:text/javascript,${content}`\n","import type {Compiler} from '@rspack/core'\nimport {importJsVm} from 'src/helper'\nconst getShareRuntimeEntry = () => {\n  const content = [`import '@empjs/share/library'`].join('\\n')\n  return importJsVm(content)\n}\nexport class EmpShareRuntimePlugin {\n  constructor() {}\n  apply(compiler: Compiler) {\n    const {webpack} = compiler\n    const entry = getShareRuntimeEntry()\n    new webpack.EntryPlugin(compiler.context, entry, {\n      name: undefined,\n    }).apply(compiler)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAqC;;;ACD9B,IAAM,kBAAkB;;;ACAxB,IAAM,aAAa,CAAC,YAAoB,wBAAwB,OAAO;;;ACE9E,IAAM,uBAAuB,MAAM;AACjC,QAAM,UAAU,CAAC,+BAA+B,EAAE,KAAK,IAAI;AAC3D,SAAO,WAAW,OAAO;AAC3B;AACO,IAAM,wBAAN,MAA4B;AAAA,EACjC,cAAc;AAAA,EAAC;AAAA,EACf,MAAM,UAAoB;AACxB,UAAM,EAAC,QAAO,IAAI;AAClB,UAAM,QAAQ,qBAAqB;AACnC,QAAI,QAAQ,YAAY,SAAS,SAAS,OAAO;AAAA,MAC/C,MAAM;AAAA,IACR,CAAC,EAAE,MAAM,QAAQ;AAAA,EACnB;AACF;;;AHTA,IAAO,iBAAQ,CAAC,IAAwB,CAAC,MAAM;AAC7C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,SAAS,OAAoB;AACjC,cAAQ,IAAI,CAAC;AACb,UAAI,EAAE,MAAM;AACV,cAAM,KAAU,MAAM;AAAA,UACpB;AAAA,YACE,UAAU;AAAA,YACV,UAAU;AAAA,YACV,KAAK;AAAA,YACL,KAAK;AAAA,cACH,+BAA+B;AAAA,YACjC;AAAA,UACF;AAAA,UACA;AAAA,QACF;AACA,eAAO,GAAG;AACV,cAAM,MAAM,OAAO,kBAAkB,EAAE,IAAI,sCAAwB,CAAC,EAAE,CAAC;AAAA,MACzE;AACA,YAAM,EAAC,WAAU,IAAI;AACrB,UAAI,YAAY;AACd,YAAI,CAAC,WAAW,YAAY;AAC1B,gBAAM,MAAM,OAAO,oBAAoB,EAAE,IAAI,qBAAqB;AAAA,QACpE;AACA,mBAAW,gBAAgB,WAAW,mBAAmB;AACzD,cAAM,kBAAkB;AAAA,UACtB,8BAA8B;AAAA,UAC9B,0BAA0B;AAAA,QAC5B;AACA,cAAM,YAAY,CAAC;AACnB,mBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,eAAe,GAAG;AAC1D,oBAAU,GAAG,IAAI,GAAG,WAAW,aAAa,IAAI,KAAK;AAAA,QACvD;AAEA,mBAAW,YAAY,WAAW,aAAa;AAC/C,mBAAW,kBAAkB,WAAW,mBAAmB,WAAW;AACtE,YAAI,WAAW,cAAc,SAAS;AACpC,gBAAM,gBAAgB;AAAA,YACpB,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AACA,qBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,aAAa,GAAG;AACxD,sBAAU,GAAG,IAAI,GAAG,WAAW,eAAe,IAAI,KAAK;AAAA,UACzD;AAAA,QACF;AAEA,YAAI,WAAW,aAAc,YAAW,aAAa,SAAS;AAC9D,cAAM,MAAM,EAAC,UAAS,CAAC;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,3 @@
+export { default as pluginRspackEmpShare } from './rspack.cjs';
+import '@empjs/cli';
+import '@module-federation/enhanced/rspack';

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as pluginRspackEmpShare } from './rspack.js';
+import '@empjs/cli';
+import '@module-federation/enhanced/rspack';

package/dist/index.js

@@ -0,0 +1,82 @@
+// src/plugin/rspack/index.ts
+import { ModuleFederationPlugin } from "@module-federation/enhanced/rspack";
+
+// src/helper/config.ts
+var shareGlobalName = "EMP_SHARE_RUNTIME";
+
+// src/helper/index.ts
+var importJsVm = (content) => `data:text/javascript,${content}`;
+
+// src/plugin/rspack/plugin.ts
+var getShareRuntimeEntry = () => {
+  const content = [`import '@empjs/share/library'`].join("\n");
+  return importJsVm(content);
+};
+var EmpShareRuntimePlugin = class {
+  constructor() {
+  }
+  apply(compiler) {
+    const { webpack } = compiler;
+    const entry = getShareRuntimeEntry();
+    new webpack.EntryPlugin(compiler.context, entry, {
+      name: void 0
+    }).apply(compiler);
+  }
+};
+
+// src/plugin/rspack/index.ts
+var rspack_default = (o = {}) => {
+  return {
+    name: "@empjs/share",
+    async rsConfig(store) {
+      console.log(o);
+      if (o.name) {
+        const op = store.deepAssign(
+          {
+            filename: "emp.js",
+            manifest: false,
+            dts: false,
+            dev: {
+              disableDynamicRemoteTypeHints: true
+            }
+          },
+          o
+        );
+        delete op.empRuntime;
+        store.chain.plugin("plugin-emp-share").use(ModuleFederationPlugin, [op]);
+      }
+      const { empRuntime } = o;
+      if (empRuntime) {
+        if (!empRuntime.runtimeLib) {
+          store.chain.plugin("plugin-emp-runtime").use(EmpShareRuntimePlugin);
+        }
+        empRuntime.runtimeGlobal = empRuntime.frameworkGlobal || shareGlobalName;
+        const externalRuntime = {
+          "@module-federation/runtime": `MFRuntime`,
+          "@module-federation/sdk": `MFSDK`
+        };
+        const externals = [];
+        for (const [key, value] of Object.entries(externalRuntime)) {
+          externals[key] = `${empRuntime.runtimeGlobal}.${value}`;
+        }
+        empRuntime.framework = empRuntime.framework || "react";
+        empRuntime.frameworkGlobal = empRuntime.frameworkGlobal || empRuntime.runtimeGlobal;
+        if (empRuntime.framework === "react") {
+          const externalReact = {
+            react: `React`,
+            "react-dom": `ReactDOM`
+          };
+          for (const [key, value] of Object.entries(externalReact)) {
+            externals[key] = `${empRuntime.frameworkGlobal}.${value}`;
+          }
+        }
+        if (empRuntime.setExternals) empRuntime.setExternals(externals);
+        store.merge({ externals });
+      }
+    }
+  };
+};
+export {
+  rspack_default as pluginRspackEmpShare
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/rspack/index.ts","../src/helper/config.ts","../src/helper/index.ts","../src/plugin/rspack/plugin.ts"],"sourcesContent":["import type {GlobalStore} from '@empjs/cli'\nimport {ModuleFederationPlugin} from '@module-federation/enhanced/rspack'\nimport {shareGlobalName} from 'src/helper/config'\nimport {EmpShareRuntimePlugin} from './plugin'\nimport type {EMPPluginShareType} from './types'\n//\nexport default (o: EMPPluginShareType = {}) => {\n  return {\n    name: '@empjs/share',\n    async rsConfig(store: GlobalStore) {\n      console.log(o)\n      if (o.name) {\n        const op: any = store.deepAssign(\n          {\n            filename: 'emp.js',\n            manifest: false,\n            dts: false,\n            dev: {\n              disableDynamicRemoteTypeHints: true,\n            },\n          },\n          o,\n        )\n        delete op.empRuntime\n        store.chain.plugin('plugin-emp-share').use(ModuleFederationPlugin, [op])\n      }\n      const {empRuntime} = o\n      if (empRuntime) {\n        if (!empRuntime.runtimeLib) {\n          store.chain.plugin('plugin-emp-runtime').use(EmpShareRuntimePlugin)\n        }\n        empRuntime.runtimeGlobal = empRuntime.frameworkGlobal || shareGlobalName\n        const externalRuntime = {\n          '@module-federation/runtime': `MFRuntime`,\n          '@module-federation/sdk': `MFSDK`,\n        }\n        const externals = []\n        for (const [key, value] of Object.entries(externalRuntime)) {\n          externals[key] = `${empRuntime.runtimeGlobal}.${value}`\n        }\n        //\n        empRuntime.framework = empRuntime.framework || 'react'\n        empRuntime.frameworkGlobal = empRuntime.frameworkGlobal || empRuntime.runtimeGlobal\n        if (empRuntime.framework === 'react') {\n          const externalReact = {\n            react: `React`,\n            'react-dom': `ReactDOM`,\n          }\n          for (const [key, value] of Object.entries(externalReact)) {\n            externals[key] = `${empRuntime.frameworkGlobal}.${value}`\n          }\n        }\n        //\n        if (empRuntime.setExternals) empRuntime.setExternals(externals)\n        store.merge({externals})\n      }\n    },\n  }\n}\n","export const shareGlobalName = 'EMP_SHARE_RUNTIME'\n","export const importJsVm = (content: string) => `data:text/javascript,${content}`\n","import type {Compiler} from '@rspack/core'\nimport {importJsVm} from 'src/helper'\nconst getShareRuntimeEntry = () => {\n  const content = [`import '@empjs/share/library'`].join('\\n')\n  return importJsVm(content)\n}\nexport class EmpShareRuntimePlugin {\n  constructor() {}\n  apply(compiler: Compiler) {\n    const {webpack} = compiler\n    const entry = getShareRuntimeEntry()\n    new webpack.EntryPlugin(compiler.context, entry, {\n      name: undefined,\n    }).apply(compiler)\n  }\n}\n"],"mappings":";AACA,SAAQ,8BAA6B;;;ACD9B,IAAM,kBAAkB;;;ACAxB,IAAM,aAAa,CAAC,YAAoB,wBAAwB,OAAO;;;ACE9E,IAAM,uBAAuB,MAAM;AACjC,QAAM,UAAU,CAAC,+BAA+B,EAAE,KAAK,IAAI;AAC3D,SAAO,WAAW,OAAO;AAC3B;AACO,IAAM,wBAAN,MAA4B;AAAA,EACjC,cAAc;AAAA,EAAC;AAAA,EACf,MAAM,UAAoB;AACxB,UAAM,EAAC,QAAO,IAAI;AAClB,UAAM,QAAQ,qBAAqB;AACnC,QAAI,QAAQ,YAAY,SAAS,SAAS,OAAO;AAAA,MAC/C,MAAM;AAAA,IACR,CAAC,EAAE,MAAM,QAAQ;AAAA,EACnB;AACF;;;AHTA,IAAO,iBAAQ,CAAC,IAAwB,CAAC,MAAM;AAC7C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,SAAS,OAAoB;AACjC,cAAQ,IAAI,CAAC;AACb,UAAI,EAAE,MAAM;AACV,cAAM,KAAU,MAAM;AAAA,UACpB;AAAA,YACE,UAAU;AAAA,YACV,UAAU;AAAA,YACV,KAAK;AAAA,YACL,KAAK;AAAA,cACH,+BAA+B;AAAA,YACjC;AAAA,UACF;AAAA,UACA;AAAA,QACF;AACA,eAAO,GAAG;AACV,cAAM,MAAM,OAAO,kBAAkB,EAAE,IAAI,wBAAwB,CAAC,EAAE,CAAC;AAAA,MACzE;AACA,YAAM,EAAC,WAAU,IAAI;AACrB,UAAI,YAAY;AACd,YAAI,CAAC,WAAW,YAAY;AAC1B,gBAAM,MAAM,OAAO,oBAAoB,EAAE,IAAI,qBAAqB;AAAA,QACpE;AACA,mBAAW,gBAAgB,WAAW,mBAAmB;AACzD,cAAM,kBAAkB;AAAA,UACtB,8BAA8B;AAAA,UAC9B,0BAA0B;AAAA,QAC5B;AACA,cAAM,YAAY,CAAC;AACnB,mBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,eAAe,GAAG;AAC1D,oBAAU,GAAG,IAAI,GAAG,WAAW,aAAa,IAAI,KAAK;AAAA,QACvD;AAEA,mBAAW,YAAY,WAAW,aAAa;AAC/C,mBAAW,kBAAkB,WAAW,mBAAmB,WAAW;AACtE,YAAI,WAAW,cAAc,SAAS;AACpC,gBAAM,gBAAgB;AAAA,YACpB,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AACA,qBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,aAAa,GAAG;AACxD,sBAAU,GAAG,IAAI,GAAG,WAAW,eAAe,IAAI,KAAK;AAAA,UACzD;AAAA,QACF;AAEA,YAAI,WAAW,aAAc,YAAW,aAAa,SAAS;AAC9D,cAAM,MAAM,EAAC,UAAS,CAAC;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/rspack.cjs

@@ -0,0 +1,105 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/rspack.ts
+var rspack_exports = {};
+__export(rspack_exports, {
+  default: () => rspack_default
+});
+module.exports = __toCommonJS(rspack_exports);
+
+// src/plugin/rspack/index.ts
+var import_rspack = require("@module-federation/enhanced/rspack");
+
+// src/helper/config.ts
+var shareGlobalName = "EMP_SHARE_RUNTIME";
+
+// src/helper/index.ts
+var importJsVm = (content) => `data:text/javascript,${content}`;
+
+// src/plugin/rspack/plugin.ts
+var getShareRuntimeEntry = () => {
+  const content = [`import '@empjs/share/library'`].join("\n");
+  return importJsVm(content);
+};
+var EmpShareRuntimePlugin = class {
+  constructor() {
+  }
+  apply(compiler) {
+    const { webpack } = compiler;
+    const entry = getShareRuntimeEntry();
+    new webpack.EntryPlugin(compiler.context, entry, {
+      name: void 0
+    }).apply(compiler);
+  }
+};
+
+// src/plugin/rspack/index.ts
+var rspack_default = (o = {}) => {
+  return {
+    name: "@empjs/share",
+    async rsConfig(store) {
+      console.log(o);
+      if (o.name) {
+        const op = store.deepAssign(
+          {
+            filename: "emp.js",
+            manifest: false,
+            dts: false,
+            dev: {
+              disableDynamicRemoteTypeHints: true
+            }
+          },
+          o
+        );
+        delete op.empRuntime;
+        store.chain.plugin("plugin-emp-share").use(import_rspack.ModuleFederationPlugin, [op]);
+      }
+      const { empRuntime } = o;
+      if (empRuntime) {
+        if (!empRuntime.runtimeLib) {
+          store.chain.plugin("plugin-emp-runtime").use(EmpShareRuntimePlugin);
+        }
+        empRuntime.runtimeGlobal = empRuntime.frameworkGlobal || shareGlobalName;
+        const externalRuntime = {
+          "@module-federation/runtime": `MFRuntime`,
+          "@module-federation/sdk": `MFSDK`
+        };
+        const externals = [];
+        for (const [key, value] of Object.entries(externalRuntime)) {
+          externals[key] = `${empRuntime.runtimeGlobal}.${value}`;
+        }
+        empRuntime.framework = empRuntime.framework || "react";
+        empRuntime.frameworkGlobal = empRuntime.frameworkGlobal || empRuntime.runtimeGlobal;
+        if (empRuntime.framework === "react") {
+          const externalReact = {
+            react: `React`,
+            "react-dom": `ReactDOM`
+          };
+          for (const [key, value] of Object.entries(externalReact)) {
+            externals[key] = `${empRuntime.frameworkGlobal}.${value}`;
+          }
+        }
+        if (empRuntime.setExternals) empRuntime.setExternals(externals);
+        store.merge({ externals });
+      }
+    }
+  };
+};
+//# sourceMappingURL=rspack.cjs.map

package/dist/rspack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rspack.ts","../src/plugin/rspack/index.ts","../src/helper/config.ts","../src/helper/index.ts","../src/plugin/rspack/plugin.ts"],"sourcesContent":["// import {ModuleFederationPlugin} from '@module-federation/enhanced/rspack'\n// export type ModuleFederationPluginOptions = ConstructorParameters<typeof ModuleFederationPlugin>[0]\n// export {ModuleFederationPlugin}\nexport {default} from './plugin/rspack'\n","import type {GlobalStore} from '@empjs/cli'\nimport {ModuleFederationPlugin} from '@module-federation/enhanced/rspack'\nimport {shareGlobalName} from 'src/helper/config'\nimport {EmpShareRuntimePlugin} from './plugin'\nimport type {EMPPluginShareType} from './types'\n//\nexport default (o: EMPPluginShareType = {}) => {\n  return {\n    name: '@empjs/share',\n    async rsConfig(store: GlobalStore) {\n      console.log(o)\n      if (o.name) {\n        const op: any = store.deepAssign(\n          {\n            filename: 'emp.js',\n            manifest: false,\n            dts: false,\n            dev: {\n              disableDynamicRemoteTypeHints: true,\n            },\n          },\n          o,\n        )\n        delete op.empRuntime\n        store.chain.plugin('plugin-emp-share').use(ModuleFederationPlugin, [op])\n      }\n      const {empRuntime} = o\n      if (empRuntime) {\n        if (!empRuntime.runtimeLib) {\n          store.chain.plugin('plugin-emp-runtime').use(EmpShareRuntimePlugin)\n        }\n        empRuntime.runtimeGlobal = empRuntime.frameworkGlobal || shareGlobalName\n        const externalRuntime = {\n          '@module-federation/runtime': `MFRuntime`,\n          '@module-federation/sdk': `MFSDK`,\n        }\n        const externals = []\n        for (const [key, value] of Object.entries(externalRuntime)) {\n          externals[key] = `${empRuntime.runtimeGlobal}.${value}`\n        }\n        //\n        empRuntime.framework = empRuntime.framework || 'react'\n        empRuntime.frameworkGlobal = empRuntime.frameworkGlobal || empRuntime.runtimeGlobal\n        if (empRuntime.framework === 'react') {\n          const externalReact = {\n            react: `React`,\n            'react-dom': `ReactDOM`,\n          }\n          for (const [key, value] of Object.entries(externalReact)) {\n            externals[key] = `${empRuntime.frameworkGlobal}.${value}`\n          }\n        }\n        //\n        if (empRuntime.setExternals) empRuntime.setExternals(externals)\n        store.merge({externals})\n      }\n    },\n  }\n}\n","export const shareGlobalName = 'EMP_SHARE_RUNTIME'\n","export const importJsVm = (content: string) => `data:text/javascript,${content}`\n","import type {Compiler} from '@rspack/core'\nimport {importJsVm} from 'src/helper'\nconst getShareRuntimeEntry = () => {\n  const content = [`import '@empjs/share/library'`].join('\\n')\n  return importJsVm(content)\n}\nexport class EmpShareRuntimePlugin {\n  constructor() {}\n  apply(compiler: Compiler) {\n    const {webpack} = compiler\n    const entry = getShareRuntimeEntry()\n    new webpack.EntryPlugin(compiler.context, entry, {\n      name: undefined,\n    }).apply(compiler)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAqC;;;ACD9B,IAAM,kBAAkB;;;ACAxB,IAAM,aAAa,CAAC,YAAoB,wBAAwB,OAAO;;;ACE9E,IAAM,uBAAuB,MAAM;AACjC,QAAM,UAAU,CAAC,+BAA+B,EAAE,KAAK,IAAI;AAC3D,SAAO,WAAW,OAAO;AAC3B;AACO,IAAM,wBAAN,MAA4B;AAAA,EACjC,cAAc;AAAA,EAAC;AAAA,EACf,MAAM,UAAoB;AACxB,UAAM,EAAC,QAAO,IAAI;AAClB,UAAM,QAAQ,qBAAqB;AACnC,QAAI,QAAQ,YAAY,SAAS,SAAS,OAAO;AAAA,MAC/C,MAAM;AAAA,IACR,CAAC,EAAE,MAAM,QAAQ;AAAA,EACnB;AACF;;;AHTA,IAAO,iBAAQ,CAAC,IAAwB,CAAC,MAAM;AAC7C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,SAAS,OAAoB;AACjC,cAAQ,IAAI,CAAC;AACb,UAAI,EAAE,MAAM;AACV,cAAM,KAAU,MAAM;AAAA,UACpB;AAAA,YACE,UAAU;AAAA,YACV,UAAU;AAAA,YACV,KAAK;AAAA,YACL,KAAK;AAAA,cACH,+BAA+B;AAAA,YACjC;AAAA,UACF;AAAA,UACA;AAAA,QACF;AACA,eAAO,GAAG;AACV,cAAM,MAAM,OAAO,kBAAkB,EAAE,IAAI,sCAAwB,CAAC,EAAE,CAAC;AAAA,MACzE;AACA,YAAM,EAAC,WAAU,IAAI;AACrB,UAAI,YAAY;AACd,YAAI,CAAC,WAAW,YAAY;AAC1B,gBAAM,MAAM,OAAO,oBAAoB,EAAE,IAAI,qBAAqB;AAAA,QACpE;AACA,mBAAW,gBAAgB,WAAW,mBAAmB;AACzD,cAAM,kBAAkB;AAAA,UACtB,8BAA8B;AAAA,UAC9B,0BAA0B;AAAA,QAC5B;AACA,cAAM,YAAY,CAAC;AACnB,mBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,eAAe,GAAG;AAC1D,oBAAU,GAAG,IAAI,GAAG,WAAW,aAAa,IAAI,KAAK;AAAA,QACvD;AAEA,mBAAW,YAAY,WAAW,aAAa;AAC/C,mBAAW,kBAAkB,WAAW,mBAAmB,WAAW;AACtE,YAAI,WAAW,cAAc,SAAS;AACpC,gBAAM,gBAAgB;AAAA,YACpB,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AACA,qBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,aAAa,GAAG;AACxD,sBAAU,GAAG,IAAI,GAAG,WAAW,eAAe,IAAI,KAAK;AAAA,UACzD;AAAA,QACF;AAEA,YAAI,WAAW,aAAc,YAAW,aAAa,SAAS;AAC9D,cAAM,MAAM,EAAC,UAAS,CAAC;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/rspack.d.cts

@@ -0,0 +1,40 @@
+import { GlobalStore } from '@empjs/cli';
+import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
+
+type ModuleFederationPluginOptions = ConstructorParameters<typeof ModuleFederationPlugin>[0];
+type EMPSHARERuntimeOptions = {
+    /**
+     * UI框架 远程地址
+     */
+    frameworkLib?: string | {
+        dev: string;
+        prod: string;
+    };
+    /**
+     * UI框架 全局命名
+     */
+    frameworkGlobal?: string;
+    /**
+     * MFRuntime 远程地址
+     */
+    runtimeLib?: string;
+    /**
+     * MFRuntime 全局命名
+     */
+    runtimeGlobal?: string;
+    setExternals?: (o: any) => void;
+    /**
+     * 快捷设置 external 默认为 react
+     */
+    framework?: string;
+};
+type EMPPluginShareType = ModuleFederationPluginOptions & {
+    empRuntime?: EMPSHARERuntimeOptions;
+};
+
+declare const _default: (o?: EMPPluginShareType) => {
+    name: string;
+    rsConfig(store: GlobalStore): Promise<void>;
+};
+
+export { _default as default };

package/dist/rspack.d.ts

@@ -0,0 +1,40 @@
+import { GlobalStore } from '@empjs/cli';
+import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
+
+type ModuleFederationPluginOptions = ConstructorParameters<typeof ModuleFederationPlugin>[0];
+type EMPSHARERuntimeOptions = {
+    /**
+     * UI框架 远程地址
+     */
+    frameworkLib?: string | {
+        dev: string;
+        prod: string;
+    };
+    /**
+     * UI框架 全局命名
+     */
+    frameworkGlobal?: string;
+    /**
+     * MFRuntime 远程地址
+     */
+    runtimeLib?: string;
+    /**
+     * MFRuntime 全局命名
+     */
+    runtimeGlobal?: string;
+    setExternals?: (o: any) => void;
+    /**
+     * 快捷设置 external 默认为 react
+     */
+    framework?: string;
+};
+type EMPPluginShareType = ModuleFederationPluginOptions & {
+    empRuntime?: EMPSHARERuntimeOptions;
+};
+
+declare const _default: (o?: EMPPluginShareType) => {
+    name: string;
+    rsConfig(store: GlobalStore): Promise<void>;
+};
+
+export { _default as default };

package/dist/rspack.js

@@ -0,0 +1,82 @@
+// src/plugin/rspack/index.ts
+import { ModuleFederationPlugin } from "@module-federation/enhanced/rspack";
+
+// src/helper/config.ts
+var shareGlobalName = "EMP_SHARE_RUNTIME";
+
+// src/helper/index.ts
+var importJsVm = (content) => `data:text/javascript,${content}`;
+
+// src/plugin/rspack/plugin.ts
+var getShareRuntimeEntry = () => {
+  const content = [`import '@empjs/share/library'`].join("\n");
+  return importJsVm(content);
+};
+var EmpShareRuntimePlugin = class {
+  constructor() {
+  }
+  apply(compiler) {
+    const { webpack } = compiler;
+    const entry = getShareRuntimeEntry();
+    new webpack.EntryPlugin(compiler.context, entry, {
+      name: void 0
+    }).apply(compiler);
+  }
+};
+
+// src/plugin/rspack/index.ts
+var rspack_default = (o = {}) => {
+  return {
+    name: "@empjs/share",
+    async rsConfig(store) {
+      console.log(o);
+      if (o.name) {
+        const op = store.deepAssign(
+          {
+            filename: "emp.js",
+            manifest: false,
+            dts: false,
+            dev: {
+              disableDynamicRemoteTypeHints: true
+            }
+          },
+          o
+        );
+        delete op.empRuntime;
+        store.chain.plugin("plugin-emp-share").use(ModuleFederationPlugin, [op]);
+      }
+      const { empRuntime } = o;
+      if (empRuntime) {
+        if (!empRuntime.runtimeLib) {
+          store.chain.plugin("plugin-emp-runtime").use(EmpShareRuntimePlugin);
+        }
+        empRuntime.runtimeGlobal = empRuntime.frameworkGlobal || shareGlobalName;
+        const externalRuntime = {
+          "@module-federation/runtime": `MFRuntime`,
+          "@module-federation/sdk": `MFSDK`
+        };
+        const externals = [];
+        for (const [key, value] of Object.entries(externalRuntime)) {
+          externals[key] = `${empRuntime.runtimeGlobal}.${value}`;
+        }
+        empRuntime.framework = empRuntime.framework || "react";
+        empRuntime.frameworkGlobal = empRuntime.frameworkGlobal || empRuntime.runtimeGlobal;
+        if (empRuntime.framework === "react") {
+          const externalReact = {
+            react: `React`,
+            "react-dom": `ReactDOM`
+          };
+          for (const [key, value] of Object.entries(externalReact)) {
+            externals[key] = `${empRuntime.frameworkGlobal}.${value}`;
+          }
+        }
+        if (empRuntime.setExternals) empRuntime.setExternals(externals);
+        store.merge({ externals });
+      }
+    }
+  };
+};
+export {
+  rspack_default as default
+};
+//# sourceMappingURL=rspack.js.map

package/dist/rspack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/rspack/index.ts","../src/helper/config.ts","../src/helper/index.ts","../src/plugin/rspack/plugin.ts"],"sourcesContent":["import type {GlobalStore} from '@empjs/cli'\nimport {ModuleFederationPlugin} from '@module-federation/enhanced/rspack'\nimport {shareGlobalName} from 'src/helper/config'\nimport {EmpShareRuntimePlugin} from './plugin'\nimport type {EMPPluginShareType} from './types'\n//\nexport default (o: EMPPluginShareType = {}) => {\n  return {\n    name: '@empjs/share',\n    async rsConfig(store: GlobalStore) {\n      console.log(o)\n      if (o.name) {\n        const op: any = store.deepAssign(\n          {\n            filename: 'emp.js',\n            manifest: false,\n            dts: false,\n            dev: {\n              disableDynamicRemoteTypeHints: true,\n            },\n          },\n          o,\n        )\n        delete op.empRuntime\n        store.chain.plugin('plugin-emp-share').use(ModuleFederationPlugin, [op])\n      }\n      const {empRuntime} = o\n      if (empRuntime) {\n        if (!empRuntime.runtimeLib) {\n          store.chain.plugin('plugin-emp-runtime').use(EmpShareRuntimePlugin)\n        }\n        empRuntime.runtimeGlobal = empRuntime.frameworkGlobal || shareGlobalName\n        const externalRuntime = {\n          '@module-federation/runtime': `MFRuntime`,\n          '@module-federation/sdk': `MFSDK`,\n        }\n        const externals = []\n        for (const [key, value] of Object.entries(externalRuntime)) {\n          externals[key] = `${empRuntime.runtimeGlobal}.${value}`\n        }\n        //\n        empRuntime.framework = empRuntime.framework || 'react'\n        empRuntime.frameworkGlobal = empRuntime.frameworkGlobal || empRuntime.runtimeGlobal\n        if (empRuntime.framework === 'react') {\n          const externalReact = {\n            react: `React`,\n            'react-dom': `ReactDOM`,\n          }\n          for (const [key, value] of Object.entries(externalReact)) {\n            externals[key] = `${empRuntime.frameworkGlobal}.${value}`\n          }\n        }\n        //\n        if (empRuntime.setExternals) empRuntime.setExternals(externals)\n        store.merge({externals})\n      }\n    },\n  }\n}\n","export const shareGlobalName = 'EMP_SHARE_RUNTIME'\n","export const importJsVm = (content: string) => `data:text/javascript,${content}`\n","import type {Compiler} from '@rspack/core'\nimport {importJsVm} from 'src/helper'\nconst getShareRuntimeEntry = () => {\n  const content = [`import '@empjs/share/library'`].join('\\n')\n  return importJsVm(content)\n}\nexport class EmpShareRuntimePlugin {\n  constructor() {}\n  apply(compiler: Compiler) {\n    const {webpack} = compiler\n    const entry = getShareRuntimeEntry()\n    new webpack.EntryPlugin(compiler.context, entry, {\n      name: undefined,\n    }).apply(compiler)\n  }\n}\n"],"mappings":";AACA,SAAQ,8BAA6B;;;ACD9B,IAAM,kBAAkB;;;ACAxB,IAAM,aAAa,CAAC,YAAoB,wBAAwB,OAAO;;;ACE9E,IAAM,uBAAuB,MAAM;AACjC,QAAM,UAAU,CAAC,+BAA+B,EAAE,KAAK,IAAI;AAC3D,SAAO,WAAW,OAAO;AAC3B;AACO,IAAM,wBAAN,MAA4B;AAAA,EACjC,cAAc;AAAA,EAAC;AAAA,EACf,MAAM,UAAoB;AACxB,UAAM,EAAC,QAAO,IAAI;AAClB,UAAM,QAAQ,qBAAqB;AACnC,QAAI,QAAQ,YAAY,SAAS,SAAS,OAAO;AAAA,MAC/C,MAAM;AAAA,IACR,CAAC,EAAE,MAAM,QAAQ;AAAA,EACnB;AACF;;;AHTA,IAAO,iBAAQ,CAAC,IAAwB,CAAC,MAAM;AAC7C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,SAAS,OAAoB;AACjC,cAAQ,IAAI,CAAC;AACb,UAAI,EAAE,MAAM;AACV,cAAM,KAAU,MAAM;AAAA,UACpB;AAAA,YACE,UAAU;AAAA,YACV,UAAU;AAAA,YACV,KAAK;AAAA,YACL,KAAK;AAAA,cACH,+BAA+B;AAAA,YACjC;AAAA,UACF;AAAA,UACA;AAAA,QACF;AACA,eAAO,GAAG;AACV,cAAM,MAAM,OAAO,kBAAkB,EAAE,IAAI,wBAAwB,CAAC,EAAE,CAAC;AAAA,MACzE;AACA,YAAM,EAAC,WAAU,IAAI;AACrB,UAAI,YAAY;AACd,YAAI,CAAC,WAAW,YAAY;AAC1B,gBAAM,MAAM,OAAO,oBAAoB,EAAE,IAAI,qBAAqB;AAAA,QACpE;AACA,mBAAW,gBAAgB,WAAW,mBAAmB;AACzD,cAAM,kBAAkB;AAAA,UACtB,8BAA8B;AAAA,UAC9B,0BAA0B;AAAA,QAC5B;AACA,cAAM,YAAY,CAAC;AACnB,mBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,eAAe,GAAG;AAC1D,oBAAU,GAAG,IAAI,GAAG,WAAW,aAAa,IAAI,KAAK;AAAA,QACvD;AAEA,mBAAW,YAAY,WAAW,aAAa;AAC/C,mBAAW,kBAAkB,WAAW,mBAAmB,WAAW;AACtE,YAAI,WAAW,cAAc,SAAS;AACpC,gBAAM,gBAAgB;AAAA,YACpB,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AACA,qBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,aAAa,GAAG;AACxD,sBAAU,GAAG,IAAI,GAAG,WAAW,eAAe,IAAI,KAAK;AAAA,UACzD;AAAA,QACF;AAEA,YAAI,WAAW,aAAc,YAAW,aAAa,SAAS;AAC9D,cAAM,MAAM,EAAC,UAAS,CAAC;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/runtime.cjs

@@ -0,0 +1,211 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/runtime.ts
+var runtime_exports = {};
+__export(runtime_exports, {
+  default: () => mfRuntime_default
+});
+module.exports = __toCommonJS(runtime_exports);
+
+// src/helper/config.ts
+var shareGlobalName = "EMP_SHARE_RUNTIME";
+
+// src/mfRuntime/helper.ts
+function deepAssign(target, ...sources) {
+  for (const source of sources) {
+    for (const k in source) {
+      const vs = source[k], vt = target[k];
+      if (Object(vs) == vs && Object(vt) === vt) {
+        target[k] = deepAssign(vt, vs);
+        continue;
+      }
+      target[k] = source[k];
+    }
+  }
+  return target;
+}
+var checkVersion = (version) => version ? Number(version.split(".")[0]) : 0;
+var isPromise = (p) => p && Object.prototype.toString.call(p) === "[object Promise]";
+
+// src/mfRuntime/framework/base.ts
+var BaseAdapter = class {
+  libs;
+  constructor(libs) {
+    this.libs = libs;
+  }
+  get shared() {
+    const { React, ReactDOM, scope } = this.libs;
+    return {
+      react: {
+        lib: () => React,
+        version: React.version,
+        scope,
+        shareConfig: {
+          singleton: true,
+          requiredVersion: `^${React.version}`
+        }
+      },
+      "react-dom": {
+        lib: () => ReactDOM,
+        version: ReactDOM.version,
+        scope,
+        shareConfig: {
+          singleton: true,
+          requiredVersion: `^${React.version}`
+        }
+      }
+    };
+  }
+};
+
+// src/mfRuntime/framework/react.tsx
+var ReactAdapter = class extends BaseAdapter {
+  constructor(libs) {
+    super(libs);
+  }
+  adapter(component, scope = this.libs.scope, React = this.libs.React, ReactDOM = this.libs.ReactDOM) {
+    const reactVersion = checkVersion(React.version);
+    const self = this;
+    class WrappedComponent extends React.Component {
+      containerRef;
+      root;
+      constructor(props) {
+        super(props);
+        this.containerRef = React.createRef();
+      }
+      componentDidMount() {
+        this.mountOriginalComponent(true);
+      }
+      componentDidUpdate() {
+        this.mountOriginalComponent();
+      }
+      componentWillUnmount() {
+        this.unMountOriginalComponent();
+      }
+      unMountOriginalComponent() {
+        if (!this.containerRef.current) return;
+        if (reactVersion < 18) {
+          ReactDOM.unmountComponentAtNode(this.containerRef.current);
+        } else {
+          this.root.unmount();
+        }
+      }
+      async mountOriginalComponent(shouldRender) {
+        if (isPromise(component))
+          component = await component.then((m) => {
+            return m[scope];
+          });
+        const element = React.createElement(component, this.props);
+        if (reactVersion < 18) {
+          const Render = shouldRender ? ReactDOM.render : ReactDOM.hydrate;
+          Render(element, this.containerRef.current);
+        } else {
+          if (shouldRender) {
+            const { createRoot } = self.libs;
+            this.root = createRoot(this.containerRef.current);
+            this.root.render(element);
+          } else {
+            const { hydrateRoot } = self.libs;
+            this.root = hydrateRoot(this.containerRef.current, element);
+          }
+        }
+      }
+      render() {
+        return /* @__PURE__ */ React.createElement("div", { ref: this.containerRef });
+      }
+    }
+    return WrappedComponent;
+  }
+};
+
+// src/mfRuntime/plugins.ts
+var catchErrorNextPlugin = function(showLog = false) {
+  return {
+    name: "catch-error-next-plugin",
+    errorLoadRemote(o) {
+      if (showLog) {
+        console.log("[@emp/adapter]", o.id, o.lifecycle, o.from);
+        console.error("[@emp/adapter]", o.error);
+      }
+      return {};
+    }
+  };
+};
+
+// src/mfRuntime/index.ts
+var EMPRuntime = class {
+  libs = deepAssign(
+    {
+      scope: "default"
+    },
+    window[shareGlobalName] || {}
+  );
+  initOptions;
+  options = {
+    showLog: false
+  };
+  framework;
+  isInit = false;
+  react;
+  constructor(op) {
+    if (op) this.setupLibs(op);
+  }
+  /**
+   * 实例化 adapter libs
+   * @param EMP_ADAPTER
+   */
+  setupLibs(o) {
+    if (o) {
+      this.libs = o;
+    }
+    if (!this.libs.MFRuntime) {
+      throw new Error("EMP FastMode must load MFRuntime!");
+    }
+    if (!this.libs.MFSDK) {
+      throw new Error("EMP FastMode must load MFSDK!");
+    }
+    if (this.libs.React && this.libs.ReactDOM) {
+      this.framework = "react";
+      this.react = new ReactAdapter(this.libs);
+    }
+  }
+  init(options = {}) {
+    if (this.isInit) return;
+    let op = {
+      name: "empAdepterProject",
+      remotes: [],
+      plugins: [catchErrorNextPlugin(this.options.showLog)]
+    };
+    if (this.framework === "react") {
+      op.shared = this.react.shared;
+    }
+    op = deepAssign(op, options);
+    this.libs.MFRuntime.init(op);
+    this.isInit = true;
+  }
+  load(...args) {
+    return this.libs.MFRuntime.loadRemote(...args);
+  }
+  register = this.libs.MFRuntime.registerRemotes;
+  preload = this.libs.MFRuntime.preloadRemote;
+  loadShare = this.libs.MFRuntime.loadShare;
+};
+var mfRuntime_default = new EMPRuntime();
+//# sourceMappingURL=runtime.cjs.map

package/dist/runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/runtime.ts","../src/helper/config.ts","../src/mfRuntime/helper.ts","../src/mfRuntime/framework/base.ts","../src/mfRuntime/framework/react.tsx","../src/mfRuntime/plugins.ts","../src/mfRuntime/index.ts"],"sourcesContent":["export {default} from './mfRuntime'\n","export const shareGlobalName = 'EMP_SHARE_RUNTIME'\n","export function deepAssign<T>(target: any, ...sources: any): T {\n  for (const source of sources) {\n    for (const k in source) {\n      const vs = source[k],\n        vt = target[k]\n      if (Object(vs) == vs && Object(vt) === vt) {\n        target[k] = deepAssign(vt, vs)\n        continue\n      }\n      target[k] = source[k]\n    }\n  }\n  return target\n}\n\nexport const checkVersion = (version: string) => (version ? Number(version.split('.')[0]) : 0)\nexport const isPromise = (p: any) => p && Object.prototype.toString.call(p) === '[object Promise]'\n","import type {EMP_ADAPTER_Type} from '../types'\nexport class BaseAdapter {\n  libs: EMP_ADAPTER_Type\n\n  constructor(libs: EMP_ADAPTER_Type) {\n    this.libs = libs\n  }\n  get shared() {\n    const {React, ReactDOM, scope} = this.libs as EMP_ADAPTER_Type\n    return {\n      react: {\n        lib: () => React,\n        version: React.version,\n        scope,\n        shareConfig: {\n          singleton: true,\n          requiredVersion: `^${React.version}`,\n        },\n      },\n      'react-dom': {\n        lib: () => ReactDOM,\n        version: ReactDOM.version,\n        scope,\n        shareConfig: {\n          singleton: true,\n          requiredVersion: `^${React.version}`,\n        },\n      },\n    }\n  }\n}\n","import {checkVersion, isPromise} from '../helper'\nimport type {EMP_ADAPTER_Type} from '../types'\nimport {BaseAdapter} from './base'\nexport class ReactAdapter extends BaseAdapter {\n  constructor(libs: EMP_ADAPTER_Type) {\n    super(libs)\n  }\n  adapter<P = any>(\n    component: any,\n    scope: string = this.libs.scope,\n    React: any = this.libs.React,\n    ReactDOM: any = this.libs.ReactDOM,\n  ): P {\n    const reactVersion = checkVersion(React.version)\n    const self = this\n    class WrappedComponent extends React.Component {\n      public containerRef: any\n      public root: any\n      constructor(props: P) {\n        super(props as any)\n        this.containerRef = React.createRef()\n      }\n\n      componentDidMount() {\n        this.mountOriginalComponent(true)\n      }\n\n      componentDidUpdate() {\n        this.mountOriginalComponent()\n      }\n\n      componentWillUnmount() {\n        this.unMountOriginalComponent()\n      }\n      unMountOriginalComponent() {\n        if (!this.containerRef.current) return\n        if (reactVersion < 18) {\n          ReactDOM.unmountComponentAtNode(this.containerRef.current)\n        } else {\n          this.root.unmount()\n        }\n      }\n      async mountOriginalComponent(shouldRender?: boolean) {\n        if (isPromise(component))\n          component = await component.then((m: any) => {\n            return m[scope]\n          })\n        const element = React.createElement(component, this.props)\n        if (reactVersion < 18) {\n          const Render = shouldRender ? ReactDOM.render : ReactDOM.hydrate\n          Render(element, this.containerRef.current)\n        } else {\n          if (shouldRender) {\n            const {createRoot} = self.libs\n            this.root = createRoot(this.containerRef.current!)\n            this.root.render(element)\n          } else {\n            const {hydrateRoot} = self.libs\n            this.root = hydrateRoot(this.containerRef.current!, element)\n          }\n        }\n      }\n\n      render() {\n        return <div ref={this.containerRef} />\n      }\n    }\n    return WrappedComponent as any\n  }\n}\n","import type {FederationRuntimePlugin} from '@module-federation/runtime'\nexport const errorLoadPlugin: () => FederationRuntimePlugin = function () {\n  return {\n    name: 'fallback-plugin',\n    errorLoadRemote(...args) {\n      console.error('[errorLoadRemote]', ...args)\n      const fallback = 'error loading modules'\n      return fallback\n    },\n  }\n}\n\nexport const catchErrorNextPlugin: (showLog?: boolean) => FederationRuntimePlugin = function (showLog = false) {\n  return {\n    name: 'catch-error-next-plugin',\n    errorLoadRemote(o) {\n      if (showLog) {\n        // console.error('[@emp/adapter]', o)\n        console.log('[@emp/adapter]', o.id, o.lifecycle, o.from)\n        console.error('[@emp/adapter]', o.error)\n      }\n      return {}\n    },\n  }\n}\n","import {shareGlobalName} from 'src/helper/config'\nimport {ReactAdapter} from './framework/react'\nimport {deepAssign} from './helper'\nimport {catchErrorNextPlugin} from './plugins'\nimport type {\n  EMP_ADAPTER_OPTIONS_Type,\n  EMP_ADAPTER_Type,\n  EmpRuntimeOptions,\n  FrameworkType,\n  InitOptionsType,\n  LoadRemoteType,\n} from './types'\ntype EmpInitOptionsType = Partial<InitOptionsType>\nexport class EMPRuntime {\n  public libs: EMP_ADAPTER_OPTIONS_Type = deepAssign(\n    {\n      scope: 'default',\n    },\n    window[shareGlobalName] || {},\n  )\n  public initOptions!: InitOptionsType\n  public options: EmpRuntimeOptions = {\n    showLog: false,\n  }\n  framework?: FrameworkType\n  private isInit = false\n  react!: ReactAdapter\n  constructor(op?: EMP_ADAPTER_OPTIONS_Type) {\n    if (op) this.setupLibs(op)\n  }\n  /**\n   * 实例化 adapter libs\n   * @param EMP_ADAPTER\n   */\n  public setupLibs(o?: EMP_ADAPTER_OPTIONS_Type) {\n    if (o) {\n      // console.log(this.libs, o)\n      // this.libs = deepAssign(this.libs, o)\n      this.libs = o\n    }\n    if (!this.libs.MFRuntime) {\n      throw new Error('EMP FastMode must load MFRuntime!')\n    }\n    if (!this.libs.MFSDK) {\n      throw new Error('EMP FastMode must load MFSDK!')\n    }\n    if (this.libs.React && this.libs.ReactDOM) {\n      this.framework = 'react'\n      this.react = new ReactAdapter(this.libs as EMP_ADAPTER_Type)\n    }\n  }\n  public init(options: EmpInitOptionsType = {}) {\n    if (this.isInit) return\n    let op: InitOptionsType = {\n      name: 'empAdepterProject',\n      remotes: [],\n      plugins: [catchErrorNextPlugin(this.options.showLog)],\n    }\n    if (this.framework === 'react') {\n      op.shared = this.react.shared\n    }\n    op = deepAssign<InitOptionsType>(op, options)\n    this.libs.MFRuntime.init(op)\n    this.isInit = true\n  }\n  public load<T = any>(...args: LoadRemoteType) {\n    return this.libs.MFRuntime.loadRemote<T>(...args) as Promise<T>\n  }\n  public register = this.libs.MFRuntime.registerRemotes\n  public preload = this.libs.MFRuntime.preloadRemote\n  public loadShare = this.libs.MFRuntime.loadShare\n}\n//\nexport default new EMPRuntime()\n"],"mappings":"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","names":[]}

package/dist/runtime.d.cts

@@ -0,0 +1,79 @@
+import * as MFRuntime from '@module-federation/runtime';
+import MFRuntime__default from '@module-federation/runtime';
+import MFSDK from '@module-federation/sdk';
+
+type Override<What, With> = Omit<What, keyof With> & With;
+type EMP_ADAPTER_OPTIONS_Type = {
+    React?: any;
+    ReactDOM?: any;
+    createRoot?: any;
+    hydrateRoot?: any;
+    Vue?: any;
+    MFRuntime: Required<typeof MFRuntime__default>;
+    MFSDK: Required<typeof MFSDK>;
+    scope: string;
+};
+type EMP_ADAPTER_Type = Override<Required<EMP_ADAPTER_OPTIONS_Type>, {
+    createRoot?: any;
+    hydrateRoot?: any;
+}>;
+type InitOptionsType = Parameters<typeof MFRuntime__default.init>[0];
+type LoadRemoteType = Parameters<typeof MFRuntime__default.loadRemote>;
+type FrameworkType = 'react' | 'vue' | 'vue2' | 'angular';
+type EmpRuntimeOptions = {
+    showLog?: boolean;
+};
+
+declare class BaseAdapter {
+    libs: EMP_ADAPTER_Type;
+    constructor(libs: EMP_ADAPTER_Type);
+    get shared(): {
+        react: {
+            lib: () => any;
+            version: any;
+            scope: string;
+            shareConfig: {
+                singleton: boolean;
+                requiredVersion: string;
+            };
+        };
+        'react-dom': {
+            lib: () => any;
+            version: any;
+            scope: string;
+            shareConfig: {
+                singleton: boolean;
+                requiredVersion: string;
+            };
+        };
+    };
+}
+
+declare class ReactAdapter extends BaseAdapter {
+    constructor(libs: EMP_ADAPTER_Type);
+    adapter<P = any>(component: any, scope?: string, React?: any, ReactDOM?: any): P;
+}
+
+type EmpInitOptionsType = Partial<InitOptionsType>;
+declare class EMPRuntime {
+    libs: EMP_ADAPTER_OPTIONS_Type;
+    initOptions: InitOptionsType;
+    options: EmpRuntimeOptions;
+    framework?: FrameworkType;
+    private isInit;
+    react: ReactAdapter;
+    constructor(op?: EMP_ADAPTER_OPTIONS_Type);
+    /**
+     * 实例化 adapter libs
+     * @param EMP_ADAPTER
+     */
+    setupLibs(o?: EMP_ADAPTER_OPTIONS_Type): void;
+    init(options?: EmpInitOptionsType): void;
+    load<T = any>(...args: LoadRemoteType): Promise<T>;
+    register: typeof MFRuntime.registerRemotes;
+    preload: typeof MFRuntime.preloadRemote;
+    loadShare: typeof MFRuntime.loadShare;
+}
+declare const _default: EMPRuntime;
+
+export { _default as default };

package/dist/runtime.d.ts

@@ -0,0 +1,79 @@
+import * as MFRuntime from '@module-federation/runtime';
+import MFRuntime__default from '@module-federation/runtime';
+import MFSDK from '@module-federation/sdk';
+
+type Override<What, With> = Omit<What, keyof With> & With;
+type EMP_ADAPTER_OPTIONS_Type = {
+    React?: any;
+    ReactDOM?: any;
+    createRoot?: any;
+    hydrateRoot?: any;
+    Vue?: any;
+    MFRuntime: Required<typeof MFRuntime__default>;
+    MFSDK: Required<typeof MFSDK>;
+    scope: string;
+};
+type EMP_ADAPTER_Type = Override<Required<EMP_ADAPTER_OPTIONS_Type>, {
+    createRoot?: any;
+    hydrateRoot?: any;
+}>;
+type InitOptionsType = Parameters<typeof MFRuntime__default.init>[0];
+type LoadRemoteType = Parameters<typeof MFRuntime__default.loadRemote>;
+type FrameworkType = 'react' | 'vue' | 'vue2' | 'angular';
+type EmpRuntimeOptions = {
+    showLog?: boolean;
+};
+
+declare class BaseAdapter {
+    libs: EMP_ADAPTER_Type;
+    constructor(libs: EMP_ADAPTER_Type);
+    get shared(): {
+        react: {
+            lib: () => any;
+            version: any;
+            scope: string;
+            shareConfig: {
+                singleton: boolean;
+                requiredVersion: string;
+            };
+        };
+        'react-dom': {
+            lib: () => any;
+            version: any;
+            scope: string;
+            shareConfig: {
+                singleton: boolean;
+                requiredVersion: string;
+            };
+        };
+    };
+}
+
+declare class ReactAdapter extends BaseAdapter {
+    constructor(libs: EMP_ADAPTER_Type);
+    adapter<P = any>(component: any, scope?: string, React?: any, ReactDOM?: any): P;
+}
+
+type EmpInitOptionsType = Partial<InitOptionsType>;
+declare class EMPRuntime {
+    libs: EMP_ADAPTER_OPTIONS_Type;
+    initOptions: InitOptionsType;
+    options: EmpRuntimeOptions;
+    framework?: FrameworkType;
+    private isInit;
+    react: ReactAdapter;
+    constructor(op?: EMP_ADAPTER_OPTIONS_Type);
+    /**
+     * 实例化 adapter libs
+     * @param EMP_ADAPTER
+     */
+    setupLibs(o?: EMP_ADAPTER_OPTIONS_Type): void;
+    init(options?: EmpInitOptionsType): void;
+    load<T = any>(...args: LoadRemoteType): Promise<T>;
+    register: typeof MFRuntime.registerRemotes;
+    preload: typeof MFRuntime.preloadRemote;
+    loadShare: typeof MFRuntime.loadShare;
+}
+declare const _default: EMPRuntime;
+
+export { _default as default };

package/dist/runtime.js

@@ -0,0 +1,188 @@
+// src/helper/config.ts
+var shareGlobalName = "EMP_SHARE_RUNTIME";
+
+// src/mfRuntime/helper.ts
+function deepAssign(target, ...sources) {
+  for (const source of sources) {
+    for (const k in source) {
+      const vs = source[k], vt = target[k];
+      if (Object(vs) == vs && Object(vt) === vt) {
+        target[k] = deepAssign(vt, vs);
+        continue;
+      }
+      target[k] = source[k];
+    }
+  }
+  return target;
+}
+var checkVersion = (version) => version ? Number(version.split(".")[0]) : 0;
+var isPromise = (p) => p && Object.prototype.toString.call(p) === "[object Promise]";
+
+// src/mfRuntime/framework/base.ts
+var BaseAdapter = class {
+  libs;
+  constructor(libs) {
+    this.libs = libs;
+  }
+  get shared() {
+    const { React, ReactDOM, scope } = this.libs;
+    return {
+      react: {
+        lib: () => React,
+        version: React.version,
+        scope,
+        shareConfig: {
+          singleton: true,
+          requiredVersion: `^${React.version}`
+        }
+      },
+      "react-dom": {
+        lib: () => ReactDOM,
+        version: ReactDOM.version,
+        scope,
+        shareConfig: {
+          singleton: true,
+          requiredVersion: `^${React.version}`
+        }
+      }
+    };
+  }
+};
+
+// src/mfRuntime/framework/react.tsx
+var ReactAdapter = class extends BaseAdapter {
+  constructor(libs) {
+    super(libs);
+  }
+  adapter(component, scope = this.libs.scope, React = this.libs.React, ReactDOM = this.libs.ReactDOM) {
+    const reactVersion = checkVersion(React.version);
+    const self = this;
+    class WrappedComponent extends React.Component {
+      containerRef;
+      root;
+      constructor(props) {
+        super(props);
+        this.containerRef = React.createRef();
+      }
+      componentDidMount() {
+        this.mountOriginalComponent(true);
+      }
+      componentDidUpdate() {
+        this.mountOriginalComponent();
+      }
+      componentWillUnmount() {
+        this.unMountOriginalComponent();
+      }
+      unMountOriginalComponent() {
+        if (!this.containerRef.current) return;
+        if (reactVersion < 18) {
+          ReactDOM.unmountComponentAtNode(this.containerRef.current);
+        } else {
+          this.root.unmount();
+        }
+      }
+      async mountOriginalComponent(shouldRender) {
+        if (isPromise(component))
+          component = await component.then((m) => {
+            return m[scope];
+          });
+        const element = React.createElement(component, this.props);
+        if (reactVersion < 18) {
+          const Render = shouldRender ? ReactDOM.render : ReactDOM.hydrate;
+          Render(element, this.containerRef.current);
+        } else {
+          if (shouldRender) {
+            const { createRoot } = self.libs;
+            this.root = createRoot(this.containerRef.current);
+            this.root.render(element);
+          } else {
+            const { hydrateRoot } = self.libs;
+            this.root = hydrateRoot(this.containerRef.current, element);
+          }
+        }
+      }
+      render() {
+        return /* @__PURE__ */ React.createElement("div", { ref: this.containerRef });
+      }
+    }
+    return WrappedComponent;
+  }
+};
+
+// src/mfRuntime/plugins.ts
+var catchErrorNextPlugin = function(showLog = false) {
+  return {
+    name: "catch-error-next-plugin",
+    errorLoadRemote(o) {
+      if (showLog) {
+        console.log("[@emp/adapter]", o.id, o.lifecycle, o.from);
+        console.error("[@emp/adapter]", o.error);
+      }
+      return {};
+    }
+  };
+};
+
+// src/mfRuntime/index.ts
+var EMPRuntime = class {
+  libs = deepAssign(
+    {
+      scope: "default"
+    },
+    window[shareGlobalName] || {}
+  );
+  initOptions;
+  options = {
+    showLog: false
+  };
+  framework;
+  isInit = false;
+  react;
+  constructor(op) {
+    if (op) this.setupLibs(op);
+  }
+  /**
+   * 实例化 adapter libs
+   * @param EMP_ADAPTER
+   */
+  setupLibs(o) {
+    if (o) {
+      this.libs = o;
+    }
+    if (!this.libs.MFRuntime) {
+      throw new Error("EMP FastMode must load MFRuntime!");
+    }
+    if (!this.libs.MFSDK) {
+      throw new Error("EMP FastMode must load MFSDK!");
+    }
+    if (this.libs.React && this.libs.ReactDOM) {
+      this.framework = "react";
+      this.react = new ReactAdapter(this.libs);
+    }
+  }
+  init(options = {}) {
+    if (this.isInit) return;
+    let op = {
+      name: "empAdepterProject",
+      remotes: [],
+      plugins: [catchErrorNextPlugin(this.options.showLog)]
+    };
+    if (this.framework === "react") {
+      op.shared = this.react.shared;
+    }
+    op = deepAssign(op, options);
+    this.libs.MFRuntime.init(op);
+    this.isInit = true;
+  }
+  load(...args) {
+    return this.libs.MFRuntime.loadRemote(...args);
+  }
+  register = this.libs.MFRuntime.registerRemotes;
+  preload = this.libs.MFRuntime.preloadRemote;
+  loadShare = this.libs.MFRuntime.loadShare;
+};
+var mfRuntime_default = new EMPRuntime();
+export {
+  mfRuntime_default as default
+};
+//# sourceMappingURL=runtime.js.map

package/dist/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helper/config.ts","../src/mfRuntime/helper.ts","../src/mfRuntime/framework/base.ts","../src/mfRuntime/framework/react.tsx","../src/mfRuntime/plugins.ts","../src/mfRuntime/index.ts"],"sourcesContent":["export const shareGlobalName = 'EMP_SHARE_RUNTIME'\n","export function deepAssign<T>(target: any, ...sources: any): T {\n  for (const source of sources) {\n    for (const k in source) {\n      const vs = source[k],\n        vt = target[k]\n      if (Object(vs) == vs && Object(vt) === vt) {\n        target[k] = deepAssign(vt, vs)\n        continue\n      }\n      target[k] = source[k]\n    }\n  }\n  return target\n}\n\nexport const checkVersion = (version: string) => (version ? Number(version.split('.')[0]) : 0)\nexport const isPromise = (p: any) => p && Object.prototype.toString.call(p) === '[object Promise]'\n","import type {EMP_ADAPTER_Type} from '../types'\nexport class BaseAdapter {\n  libs: EMP_ADAPTER_Type\n\n  constructor(libs: EMP_ADAPTER_Type) {\n    this.libs = libs\n  }\n  get shared() {\n    const {React, ReactDOM, scope} = this.libs as EMP_ADAPTER_Type\n    return {\n      react: {\n        lib: () => React,\n        version: React.version,\n        scope,\n        shareConfig: {\n          singleton: true,\n          requiredVersion: `^${React.version}`,\n        },\n      },\n      'react-dom': {\n        lib: () => ReactDOM,\n        version: ReactDOM.version,\n        scope,\n        shareConfig: {\n          singleton: true,\n          requiredVersion: `^${React.version}`,\n        },\n      },\n    }\n  }\n}\n","import {checkVersion, isPromise} from '../helper'\nimport type {EMP_ADAPTER_Type} from '../types'\nimport {BaseAdapter} from './base'\nexport class ReactAdapter extends BaseAdapter {\n  constructor(libs: EMP_ADAPTER_Type) {\n    super(libs)\n  }\n  adapter<P = any>(\n    component: any,\n    scope: string = this.libs.scope,\n    React: any = this.libs.React,\n    ReactDOM: any = this.libs.ReactDOM,\n  ): P {\n    const reactVersion = checkVersion(React.version)\n    const self = this\n    class WrappedComponent extends React.Component {\n      public containerRef: any\n      public root: any\n      constructor(props: P) {\n        super(props as any)\n        this.containerRef = React.createRef()\n      }\n\n      componentDidMount() {\n        this.mountOriginalComponent(true)\n      }\n\n      componentDidUpdate() {\n        this.mountOriginalComponent()\n      }\n\n      componentWillUnmount() {\n        this.unMountOriginalComponent()\n      }\n      unMountOriginalComponent() {\n        if (!this.containerRef.current) return\n        if (reactVersion < 18) {\n          ReactDOM.unmountComponentAtNode(this.containerRef.current)\n        } else {\n          this.root.unmount()\n        }\n      }\n      async mountOriginalComponent(shouldRender?: boolean) {\n        if (isPromise(component))\n          component = await component.then((m: any) => {\n            return m[scope]\n          })\n        const element = React.createElement(component, this.props)\n        if (reactVersion < 18) {\n          const Render = shouldRender ? ReactDOM.render : ReactDOM.hydrate\n          Render(element, this.containerRef.current)\n        } else {\n          if (shouldRender) {\n            const {createRoot} = self.libs\n            this.root = createRoot(this.containerRef.current!)\n            this.root.render(element)\n          } else {\n            const {hydrateRoot} = self.libs\n            this.root = hydrateRoot(this.containerRef.current!, element)\n          }\n        }\n      }\n\n      render() {\n        return <div ref={this.containerRef} />\n      }\n    }\n    return WrappedComponent as any\n  }\n}\n","import type {FederationRuntimePlugin} from '@module-federation/runtime'\nexport const errorLoadPlugin: () => FederationRuntimePlugin = function () {\n  return {\n    name: 'fallback-plugin',\n    errorLoadRemote(...args) {\n      console.error('[errorLoadRemote]', ...args)\n      const fallback = 'error loading modules'\n      return fallback\n    },\n  }\n}\n\nexport const catchErrorNextPlugin: (showLog?: boolean) => FederationRuntimePlugin = function (showLog = false) {\n  return {\n    name: 'catch-error-next-plugin',\n    errorLoadRemote(o) {\n      if (showLog) {\n        // console.error('[@emp/adapter]', o)\n        console.log('[@emp/adapter]', o.id, o.lifecycle, o.from)\n        console.error('[@emp/adapter]', o.error)\n      }\n      return {}\n    },\n  }\n}\n","import {shareGlobalName} from 'src/helper/config'\nimport {ReactAdapter} from './framework/react'\nimport {deepAssign} from './helper'\nimport {catchErrorNextPlugin} from './plugins'\nimport type {\n  EMP_ADAPTER_OPTIONS_Type,\n  EMP_ADAPTER_Type,\n  EmpRuntimeOptions,\n  FrameworkType,\n  InitOptionsType,\n  LoadRemoteType,\n} from './types'\ntype EmpInitOptionsType = Partial<InitOptionsType>\nexport class EMPRuntime {\n  public libs: EMP_ADAPTER_OPTIONS_Type = deepAssign(\n    {\n      scope: 'default',\n    },\n    window[shareGlobalName] || {},\n  )\n  public initOptions!: InitOptionsType\n  public options: EmpRuntimeOptions = {\n    showLog: false,\n  }\n  framework?: FrameworkType\n  private isInit = false\n  react!: ReactAdapter\n  constructor(op?: EMP_ADAPTER_OPTIONS_Type) {\n    if (op) this.setupLibs(op)\n  }\n  /**\n   * 实例化 adapter libs\n   * @param EMP_ADAPTER\n   */\n  public setupLibs(o?: EMP_ADAPTER_OPTIONS_Type) {\n    if (o) {\n      // console.log(this.libs, o)\n      // this.libs = deepAssign(this.libs, o)\n      this.libs = o\n    }\n    if (!this.libs.MFRuntime) {\n      throw new Error('EMP FastMode must load MFRuntime!')\n    }\n    if (!this.libs.MFSDK) {\n      throw new Error('EMP FastMode must load MFSDK!')\n    }\n    if (this.libs.React && this.libs.ReactDOM) {\n      this.framework = 'react'\n      this.react = new ReactAdapter(this.libs as EMP_ADAPTER_Type)\n    }\n  }\n  public init(options: EmpInitOptionsType = {}) {\n    if (this.isInit) return\n    let op: InitOptionsType = {\n      name: 'empAdepterProject',\n      remotes: [],\n      plugins: [catchErrorNextPlugin(this.options.showLog)],\n    }\n    if (this.framework === 'react') {\n      op.shared = this.react.shared\n    }\n    op = deepAssign<InitOptionsType>(op, options)\n    this.libs.MFRuntime.init(op)\n    this.isInit = true\n  }\n  public load<T = any>(...args: LoadRemoteType) {\n    return this.libs.MFRuntime.loadRemote<T>(...args) as Promise<T>\n  }\n  public register = this.libs.MFRuntime.registerRemotes\n  public preload = this.libs.MFRuntime.preloadRemote\n  public loadShare = this.libs.MFRuntime.loadShare\n}\n//\nexport default new EMPRuntime()\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@empjs/share",
+  "version": "0.0.1",
+  "description": "emp share and runtime",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist",
+    "adapter"
+  ],
+  "maintainers": [
+    "ckken@qq.com"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/empjs/emp.git",
+    "directory": "packages/emp-share"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./runtime": {
+      "import": {
+        "types": "./dist/runtime.d.ts",
+        "default": "./dist/runtime.js"
+      },
+      "require": {
+        "types": "./dist/runtime.d.cts",
+        "default": "./dist/runtime.cjs"
+      }
+    },
+    "./rspack": {
+      "import": {
+        "types": "./dist/rspack.d.ts",
+        "default": "./dist/rspack.js"
+      },
+      "require": {
+        "types": "./dist/rspack.d.cts",
+        "default": "./dist/rspack.cjs"
+      }
+    },
+    "./library": {
+      "types": "./output/index.d.ts",
+      "default": "./output/index.js"
+    }
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "author": "Ken",
+  "dependencies": {
+    "@empjs/module-federation-runtime": "0.6.2",
+    "@module-federation/enhanced": "0.6.1",
+    "@module-federation/runtime": "0.6.1",
+    "@module-federation/sdk": "0.6.1",
+    "core-js": "^3.37.0"
+  },
+  "devDependencies": {
+    "@rspack/core": "^1.0.4",
+    "@swc/core": "^1.4.14",
+    "tsup": "^8.2.3",
+    "typescript": "^5.5.4",
+    "@empjs/cli": "3.1.0-rc.9"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup"
+  }
+}