@empjs/share 0.0.1 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -47
- package/dist/adapter.cjs +2 -0
- package/dist/adapter.cjs.map +1 -0
- package/dist/adapter.d.cts +14 -0
- package/dist/adapter.d.ts +14 -0
- package/dist/adapter.js +2 -0
- package/dist/adapter.js.map +1 -0
- package/dist/index-CLt6ciOL.d.cts +21 -0
- package/dist/index-CLt6ciOL.d.ts +21 -0
- package/dist/index.cjs +2 -108
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +2 -81
- package/dist/index.js.map +1 -1
- package/dist/rspack.cjs +2 -104
- package/dist/rspack.cjs.map +1 -1
- package/dist/rspack.d.cts +5 -4
- package/dist/rspack.d.ts +5 -4
- package/dist/rspack.js +2 -81
- package/dist/rspack.js.map +1 -1
- package/dist/runtime.cjs +1 -210
- package/dist/runtime.cjs.map +1 -1
- package/dist/runtime.d.cts +8 -63
- package/dist/runtime.d.ts +8 -63
- package/dist/runtime.js +1 -187
- package/dist/runtime.js.map +1 -1
- package/package.json +33 -6
package/dist/runtime.d.cts
CHANGED
|
@@ -1,73 +1,18 @@
|
|
|
1
|
-
import * as MFRuntime from '@module-federation/runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
type Override<What, With> = Omit<What, keyof With> & With;
|
|
6
|
-
type EMP_ADAPTER_OPTIONS_Type = {
|
|
7
|
-
React?: any;
|
|
8
|
-
ReactDOM?: any;
|
|
9
|
-
createRoot?: any;
|
|
10
|
-
hydrateRoot?: any;
|
|
11
|
-
Vue?: any;
|
|
12
|
-
MFRuntime: Required<typeof MFRuntime__default>;
|
|
13
|
-
MFSDK: Required<typeof MFSDK>;
|
|
14
|
-
scope: string;
|
|
15
|
-
};
|
|
16
|
-
type EMP_ADAPTER_Type = Override<Required<EMP_ADAPTER_OPTIONS_Type>, {
|
|
17
|
-
createRoot?: any;
|
|
18
|
-
hydrateRoot?: any;
|
|
19
|
-
}>;
|
|
20
|
-
type InitOptionsType = Parameters<typeof MFRuntime__default.init>[0];
|
|
21
|
-
type LoadRemoteType = Parameters<typeof MFRuntime__default.loadRemote>;
|
|
22
|
-
type FrameworkType = 'react' | 'vue' | 'vue2' | 'angular';
|
|
23
|
-
type EmpRuntimeOptions = {
|
|
24
|
-
showLog?: boolean;
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
declare class BaseAdapter {
|
|
28
|
-
libs: EMP_ADAPTER_Type;
|
|
29
|
-
constructor(libs: EMP_ADAPTER_Type);
|
|
30
|
-
get shared(): {
|
|
31
|
-
react: {
|
|
32
|
-
lib: () => any;
|
|
33
|
-
version: any;
|
|
34
|
-
scope: string;
|
|
35
|
-
shareConfig: {
|
|
36
|
-
singleton: boolean;
|
|
37
|
-
requiredVersion: string;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
'react-dom': {
|
|
41
|
-
lib: () => any;
|
|
42
|
-
version: any;
|
|
43
|
-
scope: string;
|
|
44
|
-
shareConfig: {
|
|
45
|
-
singleton: boolean;
|
|
46
|
-
requiredVersion: string;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
declare class ReactAdapter extends BaseAdapter {
|
|
53
|
-
constructor(libs: EMP_ADAPTER_Type);
|
|
54
|
-
adapter<P = any>(component: any, scope?: string, React?: any, ReactDOM?: any): P;
|
|
55
|
-
}
|
|
1
|
+
import * as MFRuntime from '@module-federation/enhanced/runtime';
|
|
2
|
+
import { E as EMPShareRuntimeType, I as InitOptionsType, a as EmpRuntimeOptions, L as LoadRemoteType } from './index-CLt6ciOL.cjs';
|
|
3
|
+
import '@module-federation/sdk';
|
|
56
4
|
|
|
57
5
|
type EmpInitOptionsType = Partial<InitOptionsType>;
|
|
58
6
|
declare class EMPRuntime {
|
|
59
|
-
libs:
|
|
7
|
+
libs: EMPShareRuntimeType;
|
|
60
8
|
initOptions: InitOptionsType;
|
|
61
9
|
options: EmpRuntimeOptions;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
react: ReactAdapter;
|
|
65
|
-
constructor(op?: EMP_ADAPTER_OPTIONS_Type);
|
|
10
|
+
shareGlobalName: string;
|
|
11
|
+
constructor(op?: EMPShareRuntimeType);
|
|
66
12
|
/**
|
|
67
13
|
* 实例化 adapter libs
|
|
68
|
-
* @param EMP_ADAPTER
|
|
69
14
|
*/
|
|
70
|
-
|
|
15
|
+
setup(o?: EMPShareRuntimeType | string): void;
|
|
71
16
|
init(options?: EmpInitOptionsType): void;
|
|
72
17
|
load<T = any>(...args: LoadRemoteType): Promise<T>;
|
|
73
18
|
register: typeof MFRuntime.registerRemotes;
|
|
@@ -76,4 +21,4 @@ declare class EMPRuntime {
|
|
|
76
21
|
}
|
|
77
22
|
declare const _default: EMPRuntime;
|
|
78
23
|
|
|
79
|
-
export { _default as default };
|
|
24
|
+
export { EMPRuntime, _default as default };
|
package/dist/runtime.d.ts
CHANGED
|
@@ -1,73 +1,18 @@
|
|
|
1
|
-
import * as MFRuntime from '@module-federation/runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
type Override<What, With> = Omit<What, keyof With> & With;
|
|
6
|
-
type EMP_ADAPTER_OPTIONS_Type = {
|
|
7
|
-
React?: any;
|
|
8
|
-
ReactDOM?: any;
|
|
9
|
-
createRoot?: any;
|
|
10
|
-
hydrateRoot?: any;
|
|
11
|
-
Vue?: any;
|
|
12
|
-
MFRuntime: Required<typeof MFRuntime__default>;
|
|
13
|
-
MFSDK: Required<typeof MFSDK>;
|
|
14
|
-
scope: string;
|
|
15
|
-
};
|
|
16
|
-
type EMP_ADAPTER_Type = Override<Required<EMP_ADAPTER_OPTIONS_Type>, {
|
|
17
|
-
createRoot?: any;
|
|
18
|
-
hydrateRoot?: any;
|
|
19
|
-
}>;
|
|
20
|
-
type InitOptionsType = Parameters<typeof MFRuntime__default.init>[0];
|
|
21
|
-
type LoadRemoteType = Parameters<typeof MFRuntime__default.loadRemote>;
|
|
22
|
-
type FrameworkType = 'react' | 'vue' | 'vue2' | 'angular';
|
|
23
|
-
type EmpRuntimeOptions = {
|
|
24
|
-
showLog?: boolean;
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
declare class BaseAdapter {
|
|
28
|
-
libs: EMP_ADAPTER_Type;
|
|
29
|
-
constructor(libs: EMP_ADAPTER_Type);
|
|
30
|
-
get shared(): {
|
|
31
|
-
react: {
|
|
32
|
-
lib: () => any;
|
|
33
|
-
version: any;
|
|
34
|
-
scope: string;
|
|
35
|
-
shareConfig: {
|
|
36
|
-
singleton: boolean;
|
|
37
|
-
requiredVersion: string;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
'react-dom': {
|
|
41
|
-
lib: () => any;
|
|
42
|
-
version: any;
|
|
43
|
-
scope: string;
|
|
44
|
-
shareConfig: {
|
|
45
|
-
singleton: boolean;
|
|
46
|
-
requiredVersion: string;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
declare class ReactAdapter extends BaseAdapter {
|
|
53
|
-
constructor(libs: EMP_ADAPTER_Type);
|
|
54
|
-
adapter<P = any>(component: any, scope?: string, React?: any, ReactDOM?: any): P;
|
|
55
|
-
}
|
|
1
|
+
import * as MFRuntime from '@module-federation/enhanced/runtime';
|
|
2
|
+
import { E as EMPShareRuntimeType, I as InitOptionsType, a as EmpRuntimeOptions, L as LoadRemoteType } from './index-CLt6ciOL.js';
|
|
3
|
+
import '@module-federation/sdk';
|
|
56
4
|
|
|
57
5
|
type EmpInitOptionsType = Partial<InitOptionsType>;
|
|
58
6
|
declare class EMPRuntime {
|
|
59
|
-
libs:
|
|
7
|
+
libs: EMPShareRuntimeType;
|
|
60
8
|
initOptions: InitOptionsType;
|
|
61
9
|
options: EmpRuntimeOptions;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
react: ReactAdapter;
|
|
65
|
-
constructor(op?: EMP_ADAPTER_OPTIONS_Type);
|
|
10
|
+
shareGlobalName: string;
|
|
11
|
+
constructor(op?: EMPShareRuntimeType);
|
|
66
12
|
/**
|
|
67
13
|
* 实例化 adapter libs
|
|
68
|
-
* @param EMP_ADAPTER
|
|
69
14
|
*/
|
|
70
|
-
|
|
15
|
+
setup(o?: EMPShareRuntimeType | string): void;
|
|
71
16
|
init(options?: EmpInitOptionsType): void;
|
|
72
17
|
load<T = any>(...args: LoadRemoteType): Promise<T>;
|
|
73
18
|
register: typeof MFRuntime.registerRemotes;
|
|
@@ -76,4 +21,4 @@ declare class EMPRuntime {
|
|
|
76
21
|
}
|
|
77
22
|
declare const _default: EMPRuntime;
|
|
78
23
|
|
|
79
|
-
export { _default as default };
|
|
24
|
+
export { EMPRuntime, _default as default };
|
package/dist/runtime.js
CHANGED
|
@@ -1,188 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var shareGlobalName = "EMP_SHARE_RUNTIME";
|
|
3
|
-
|
|
4
|
-
// src/mfRuntime/helper.ts
|
|
5
|
-
function deepAssign(target, ...sources) {
|
|
6
|
-
for (const source of sources) {
|
|
7
|
-
for (const k in source) {
|
|
8
|
-
const vs = source[k], vt = target[k];
|
|
9
|
-
if (Object(vs) == vs && Object(vt) === vt) {
|
|
10
|
-
target[k] = deepAssign(vt, vs);
|
|
11
|
-
continue;
|
|
12
|
-
}
|
|
13
|
-
target[k] = source[k];
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
return target;
|
|
17
|
-
}
|
|
18
|
-
var checkVersion = (version) => version ? Number(version.split(".")[0]) : 0;
|
|
19
|
-
var isPromise = (p) => p && Object.prototype.toString.call(p) === "[object Promise]";
|
|
20
|
-
|
|
21
|
-
// src/mfRuntime/framework/base.ts
|
|
22
|
-
var BaseAdapter = class {
|
|
23
|
-
libs;
|
|
24
|
-
constructor(libs) {
|
|
25
|
-
this.libs = libs;
|
|
26
|
-
}
|
|
27
|
-
get shared() {
|
|
28
|
-
const { React, ReactDOM, scope } = this.libs;
|
|
29
|
-
return {
|
|
30
|
-
react: {
|
|
31
|
-
lib: () => React,
|
|
32
|
-
version: React.version,
|
|
33
|
-
scope,
|
|
34
|
-
shareConfig: {
|
|
35
|
-
singleton: true,
|
|
36
|
-
requiredVersion: `^${React.version}`
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"react-dom": {
|
|
40
|
-
lib: () => ReactDOM,
|
|
41
|
-
version: ReactDOM.version,
|
|
42
|
-
scope,
|
|
43
|
-
shareConfig: {
|
|
44
|
-
singleton: true,
|
|
45
|
-
requiredVersion: `^${React.version}`
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
// src/mfRuntime/framework/react.tsx
|
|
53
|
-
var ReactAdapter = class extends BaseAdapter {
|
|
54
|
-
constructor(libs) {
|
|
55
|
-
super(libs);
|
|
56
|
-
}
|
|
57
|
-
adapter(component, scope = this.libs.scope, React = this.libs.React, ReactDOM = this.libs.ReactDOM) {
|
|
58
|
-
const reactVersion = checkVersion(React.version);
|
|
59
|
-
const self = this;
|
|
60
|
-
class WrappedComponent extends React.Component {
|
|
61
|
-
containerRef;
|
|
62
|
-
root;
|
|
63
|
-
constructor(props) {
|
|
64
|
-
super(props);
|
|
65
|
-
this.containerRef = React.createRef();
|
|
66
|
-
}
|
|
67
|
-
componentDidMount() {
|
|
68
|
-
this.mountOriginalComponent(true);
|
|
69
|
-
}
|
|
70
|
-
componentDidUpdate() {
|
|
71
|
-
this.mountOriginalComponent();
|
|
72
|
-
}
|
|
73
|
-
componentWillUnmount() {
|
|
74
|
-
this.unMountOriginalComponent();
|
|
75
|
-
}
|
|
76
|
-
unMountOriginalComponent() {
|
|
77
|
-
if (!this.containerRef.current) return;
|
|
78
|
-
if (reactVersion < 18) {
|
|
79
|
-
ReactDOM.unmountComponentAtNode(this.containerRef.current);
|
|
80
|
-
} else {
|
|
81
|
-
this.root.unmount();
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
async mountOriginalComponent(shouldRender) {
|
|
85
|
-
if (isPromise(component))
|
|
86
|
-
component = await component.then((m) => {
|
|
87
|
-
return m[scope];
|
|
88
|
-
});
|
|
89
|
-
const element = React.createElement(component, this.props);
|
|
90
|
-
if (reactVersion < 18) {
|
|
91
|
-
const Render = shouldRender ? ReactDOM.render : ReactDOM.hydrate;
|
|
92
|
-
Render(element, this.containerRef.current);
|
|
93
|
-
} else {
|
|
94
|
-
if (shouldRender) {
|
|
95
|
-
const { createRoot } = self.libs;
|
|
96
|
-
this.root = createRoot(this.containerRef.current);
|
|
97
|
-
this.root.render(element);
|
|
98
|
-
} else {
|
|
99
|
-
const { hydrateRoot } = self.libs;
|
|
100
|
-
this.root = hydrateRoot(this.containerRef.current, element);
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
render() {
|
|
105
|
-
return /* @__PURE__ */ React.createElement("div", { ref: this.containerRef });
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
return WrappedComponent;
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
// src/mfRuntime/plugins.ts
|
|
113
|
-
var catchErrorNextPlugin = function(showLog = false) {
|
|
114
|
-
return {
|
|
115
|
-
name: "catch-error-next-plugin",
|
|
116
|
-
errorLoadRemote(o) {
|
|
117
|
-
if (showLog) {
|
|
118
|
-
console.log("[@emp/adapter]", o.id, o.lifecycle, o.from);
|
|
119
|
-
console.error("[@emp/adapter]", o.error);
|
|
120
|
-
}
|
|
121
|
-
return {};
|
|
122
|
-
}
|
|
123
|
-
};
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
// src/mfRuntime/index.ts
|
|
127
|
-
var EMPRuntime = class {
|
|
128
|
-
libs = deepAssign(
|
|
129
|
-
{
|
|
130
|
-
scope: "default"
|
|
131
|
-
},
|
|
132
|
-
window[shareGlobalName] || {}
|
|
133
|
-
);
|
|
134
|
-
initOptions;
|
|
135
|
-
options = {
|
|
136
|
-
showLog: false
|
|
137
|
-
};
|
|
138
|
-
framework;
|
|
139
|
-
isInit = false;
|
|
140
|
-
react;
|
|
141
|
-
constructor(op) {
|
|
142
|
-
if (op) this.setupLibs(op);
|
|
143
|
-
}
|
|
144
|
-
/**
|
|
145
|
-
* 实例化 adapter libs
|
|
146
|
-
* @param EMP_ADAPTER
|
|
147
|
-
*/
|
|
148
|
-
setupLibs(o) {
|
|
149
|
-
if (o) {
|
|
150
|
-
this.libs = o;
|
|
151
|
-
}
|
|
152
|
-
if (!this.libs.MFRuntime) {
|
|
153
|
-
throw new Error("EMP FastMode must load MFRuntime!");
|
|
154
|
-
}
|
|
155
|
-
if (!this.libs.MFSDK) {
|
|
156
|
-
throw new Error("EMP FastMode must load MFSDK!");
|
|
157
|
-
}
|
|
158
|
-
if (this.libs.React && this.libs.ReactDOM) {
|
|
159
|
-
this.framework = "react";
|
|
160
|
-
this.react = new ReactAdapter(this.libs);
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
init(options = {}) {
|
|
164
|
-
if (this.isInit) return;
|
|
165
|
-
let op = {
|
|
166
|
-
name: "empAdepterProject",
|
|
167
|
-
remotes: [],
|
|
168
|
-
plugins: [catchErrorNextPlugin(this.options.showLog)]
|
|
169
|
-
};
|
|
170
|
-
if (this.framework === "react") {
|
|
171
|
-
op.shared = this.react.shared;
|
|
172
|
-
}
|
|
173
|
-
op = deepAssign(op, options);
|
|
174
|
-
this.libs.MFRuntime.init(op);
|
|
175
|
-
this.isInit = true;
|
|
176
|
-
}
|
|
177
|
-
load(...args) {
|
|
178
|
-
return this.libs.MFRuntime.loadRemote(...args);
|
|
179
|
-
}
|
|
180
|
-
register = this.libs.MFRuntime.registerRemotes;
|
|
181
|
-
preload = this.libs.MFRuntime.preloadRemote;
|
|
182
|
-
loadShare = this.libs.MFRuntime.loadShare;
|
|
183
|
-
};
|
|
184
|
-
var mfRuntime_default = new EMPRuntime();
|
|
185
|
-
export {
|
|
186
|
-
mfRuntime_default as default
|
|
187
|
-
};
|
|
1
|
+
function p(e,...i){for(let t of i)for(let n in t){let o=t[n],s=e[n];if(Object(o)==o&&Object(s)===s){e[n]=p(s,o);continue}e[n]=t[n]}return e}var r="EMP_SHARE_RUNTIME";var m=window[r]||{},u=window,{EMPShareGlobalVal:l}=u||{};l&&l.runtimeLib&&(m=u[l.runtimeLib]);var a=class{libs=m;initOptions;options={showLog:!1};shareGlobalName=r;constructor(i){i&&this.setup(i)}setup(i){if(i&&(typeof i=="string"&&(i=window[i]),this.libs=i),!this.libs.MFRuntime||!this.libs.MFSDK)throw new Error("MFRuntime and MFSDK Required!")}init(i={}){let t={name:"empRuntimeProject",remotes:[]};t=p(t,i),this.libs.MFRuntime.init(t)}load(...i){return this.libs.MFRuntime.loadRemote(...i)}register=this.libs?.MFRuntime.registerRemotes;preload=this.libs?.MFRuntime.preloadRemote;loadShare=this.libs?.MFRuntime.loadShare},R=new a;export{a as EMPRuntime,R as default};
|
|
188
2
|
//# sourceMappingURL=runtime.js.map
|
package/dist/runtime.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":[]}
|
|
1
|
+
{"version":3,"sources":["../src/helper/index.ts","../src/helper/config.ts","../src/runtime/index.ts"],"sourcesContent":["export const importJsVm = (content: string) => `data:text/javascript,${content}`\n\nexport 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","export const shareGlobalName = 'EMP_SHARE_RUNTIME'\n","import {deepAssign} from 'src/helper'\nimport {shareGlobalName} from 'src/helper/config'\nimport type {EMPShareRuntimeType, EmpRuntimeOptions, InitOptionsType, LoadRemoteType} from 'src/types'\ntype EmpInitOptionsType = Partial<InitOptionsType>\nlet globalLib = window[shareGlobalName] || {}\n// 根据 injectGlobalValToHtml 提前把库赋值到 EMPRuntime\nconst win: any = window\nconst {EMPShareGlobalVal} = win || {}\nif (EMPShareGlobalVal && EMPShareGlobalVal.runtimeLib) {\n globalLib = win[EMPShareGlobalVal.runtimeLib]\n}\n\nexport class EMPRuntime {\n public libs: EMPShareRuntimeType = globalLib\n public initOptions!: InitOptionsType\n public options: EmpRuntimeOptions = {\n showLog: false,\n }\n public shareGlobalName = shareGlobalName\n // private isInit = false\n constructor(op?: EMPShareRuntimeType) {\n if (op) this.setup(op)\n }\n /**\n * 实例化 adapter libs\n */\n public setup(o?: EMPShareRuntimeType | string) {\n if (o) {\n if (typeof o === 'string') o = window[o]\n this.libs = o as any\n }\n if (!this.libs.MFRuntime || !this.libs.MFSDK) {\n throw new Error('MFRuntime and MFSDK Required!')\n }\n }\n public init(options: EmpInitOptionsType = {}) {\n // if (this.isInit) return\n let op: InitOptionsType = {\n name: 'empRuntimeProject',\n remotes: [],\n // plugins: [catchErrorNextPlugin(this.options.showLog)],\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":"AAEO,SAASA,EAAcC,KAAgBC,EAAiB,CAC7D,QAAWC,KAAUD,EACnB,QAAWE,KAAKD,EAAQ,CACtB,IAAME,EAAKF,EAAOC,CAAC,EACjBE,EAAKL,EAAOG,CAAC,EACf,GAAI,OAAOC,CAAE,GAAKA,GAAM,OAAOC,CAAE,IAAMA,EAAI,CACzCL,EAAOG,CAAC,EAAIJ,EAAWM,EAAID,CAAE,EAC7B,QACF,CACAJ,EAAOG,CAAC,EAAID,EAAOC,CAAC,CACtB,CAEF,OAAOH,CACT,CCfO,IAAMM,EAAkB,oBCI/B,IAAIC,EAAY,OAAOC,CAAe,GAAK,CAAC,EAEtCC,EAAW,OACX,CAAC,kBAAAC,CAAiB,EAAID,GAAO,CAAC,EAChCC,GAAqBA,EAAkB,aACzCH,EAAYE,EAAIC,EAAkB,UAAU,GAGvC,IAAMC,EAAN,KAAiB,CACf,KAA4BJ,EAC5B,YACA,QAA6B,CAClC,QAAS,EACX,EACO,gBAAkBC,EAEzB,YAAYI,EAA0B,CAChCA,GAAI,KAAK,MAAMA,CAAE,CACvB,CAIO,MAAMC,EAAkC,CAK7C,GAJIA,IACE,OAAOA,GAAM,WAAUA,EAAI,OAAOA,CAAC,GACvC,KAAK,KAAOA,GAEV,CAAC,KAAK,KAAK,WAAa,CAAC,KAAK,KAAK,MACrC,MAAM,IAAI,MAAM,+BAA+B,CAEnD,CACO,KAAKC,EAA8B,CAAC,EAAG,CAE5C,IAAIF,EAAsB,CACxB,KAAM,oBACN,QAAS,CAAC,CAEZ,EACAA,EAAKG,EAA4BH,EAAIE,CAAO,EAC5C,KAAK,KAAK,UAAU,KAAKF,CAAE,CAE7B,CACO,QAAiBI,EAAsB,CAC5C,OAAO,KAAK,KAAK,UAAU,WAAc,GAAGA,CAAI,CAClD,CACO,SAAW,KAAK,MAAM,UAAU,gBAChC,QAAU,KAAK,MAAM,UAAU,cAC/B,UAAY,KAAK,MAAM,UAAU,SAC1C,EAEOC,EAAQ,IAAIN","names":["deepAssign","target","sources","source","k","vs","vt","shareGlobalName","globalLib","shareGlobalName","win","EMPShareGlobalVal","EMPRuntime","op","o","options","deepAssign","args","runtime_default"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empjs/share",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"description": "emp share and runtime",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -42,6 +42,16 @@
|
|
|
42
42
|
"default": "./dist/runtime.cjs"
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
+
"./adapter": {
|
|
46
|
+
"import": {
|
|
47
|
+
"types": "./dist/adapter.d.ts",
|
|
48
|
+
"default": "./dist/adapter.js"
|
|
49
|
+
},
|
|
50
|
+
"require": {
|
|
51
|
+
"types": "./dist/adapter.d.cts",
|
|
52
|
+
"default": "./dist/adapter.cjs"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
45
55
|
"./rspack": {
|
|
46
56
|
"import": {
|
|
47
57
|
"types": "./dist/rspack.d.ts",
|
|
@@ -57,15 +67,32 @@
|
|
|
57
67
|
"default": "./output/index.js"
|
|
58
68
|
}
|
|
59
69
|
},
|
|
70
|
+
"typesVersions": {
|
|
71
|
+
"*": {
|
|
72
|
+
".": [
|
|
73
|
+
"./dist/index.d.ts"
|
|
74
|
+
],
|
|
75
|
+
"runtime": [
|
|
76
|
+
"./dist/runtime.d.ts"
|
|
77
|
+
],
|
|
78
|
+
"adapter": [
|
|
79
|
+
"./dist/adapter.d.ts"
|
|
80
|
+
],
|
|
81
|
+
"rspack": [
|
|
82
|
+
"./dist/rspack.d.ts"
|
|
83
|
+
],
|
|
84
|
+
"library": [
|
|
85
|
+
"./output/index.d.ts"
|
|
86
|
+
]
|
|
87
|
+
}
|
|
88
|
+
},
|
|
60
89
|
"engines": {
|
|
61
90
|
"node": ">=16.0.0"
|
|
62
91
|
},
|
|
63
92
|
"author": "Ken",
|
|
64
93
|
"dependencies": {
|
|
65
|
-
"@
|
|
66
|
-
"@module-federation/
|
|
67
|
-
"@module-federation/runtime": "0.6.1",
|
|
68
|
-
"@module-federation/sdk": "0.6.1",
|
|
94
|
+
"@module-federation/enhanced": "0.6.3",
|
|
95
|
+
"@module-federation/sdk": "0.6.3",
|
|
69
96
|
"core-js": "^3.37.0"
|
|
70
97
|
},
|
|
71
98
|
"devDependencies": {
|
|
@@ -73,7 +100,7 @@
|
|
|
73
100
|
"@swc/core": "^1.4.14",
|
|
74
101
|
"tsup": "^8.2.3",
|
|
75
102
|
"typescript": "^5.5.4",
|
|
76
|
-
"@empjs/cli": "3.1.0-rc.
|
|
103
|
+
"@empjs/cli": "3.1.0-rc.11"
|
|
77
104
|
},
|
|
78
105
|
"scripts": {
|
|
79
106
|
"dev": "tsup --watch",
|