@module-federation/devtools 0.16.0 → 0.17.1

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.
Files changed (13) hide show
  1. package/dist/es/App.js +4 -2
  2. package/dist/es/component/Form/index.js +13 -10
  3. package/dist/es/component/Form/index.module.js +1 -1
  4. package/dist/es/component/Form/index_module.css +4 -0
  5. package/dist/es/component/Layout/index.js +4 -2
  6. package/dist/lib/App.js +4 -2
  7. package/dist/lib/component/Form/index.js +13 -10
  8. package/dist/lib/component/Form/index.module.js +1 -1
  9. package/dist/lib/component/Form/index_module.css +4 -0
  10. package/dist/lib/component/Layout/index.js +4 -2
  11. package/dist/types/src/component/Form/index.d.ts +2 -1
  12. package/dist/types/src/utils/types/common.d.ts +2 -1
  13. package/package.json +9 -10
package/dist/es/App.js CHANGED
@@ -15,7 +15,8 @@ const App = (props) => {
15
15
  getVersion,
16
16
  handleSnapshot,
17
17
  handleProxyAddress,
18
- customValueValidate
18
+ customValueValidate,
19
+ headerSlot
19
20
  } = props;
20
21
  const [module, setModule] = useState(((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo) || {});
21
22
  useEffect(() => {
@@ -30,7 +31,8 @@ const App = (props) => {
30
31
  getVersion,
31
32
  handleSnapshot,
32
33
  handleProxyAddress,
33
- customValueValidate
34
+ customValueValidate,
35
+ headerSlot
34
36
  }
35
37
  ) : /* @__PURE__ */ jsx(Empty, { description: "No ModuleInfo Detected" }) }) }) });
36
38
  };
package/dist/es/component/Form/index.js CHANGED
@@ -189,16 +189,19 @@ const FormComponent = (props) => {
189
189
  /* @__PURE__ */ jsxs("div", { className: styles.status, children: [
190
190
  /* @__PURE__ */ jsx(Badge, { color: condition.color, className: styles.badge }),
191
191
  /* @__PURE__ */ jsx("span", { className: styles.message, children: condition.message }),
192
- /* @__PURE__ */ jsx(
193
- Switch,
194
- {
195
- checked: enableHMR === "enable",
196
- checkedText: "Enable HMR",
197
- uncheckedText: "Disable HMR",
198
- onChange: hmrChange,
199
- className: styles.switch
200
- }
201
- )
192
+ /* @__PURE__ */ jsxs("span", { className: styles.headerSlot, children: [
193
+ props.headerSlot,
194
+ /* @__PURE__ */ jsx(
195
+ Switch,
196
+ {
197
+ checked: enableHMR === "enable",
198
+ checkedText: "Enable HMR",
199
+ uncheckedText: "Disable HMR",
200
+ onChange: hmrChange,
201
+ className: styles.switch
202
+ }
203
+ )
204
+ ] })
202
205
  ] })
203
206
  ] }),
204
207
  fields.length ? /* @__PURE__ */ jsx(Fragment, { children: fields.map((item, index) => {
package/dist/es/component/Form/index.module.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "./index_module.css";
2
- var index_module_default = { "container": "container_20b79", "checkBox": "checkBox_20b79", "input": "input_20b79", "delete": "delete_20b79", "header": "header_20b79", "add": "add_20b79", "title": "title_20b79", "status": "status_20b79", "message": "message_20b79", "switch": "switch_20b79", "badge": "badge_20b79" };
2
+ var index_module_default = { "container": "container_20b79", "checkBox": "checkBox_20b79", "input": "input_20b79", "delete": "delete_20b79", "header": "header_20b79", "add": "add_20b79", "title": "title_20b79", "status": "status_20b79", "message": "message_20b79", "switch": "switch_20b79", "headerSlot": "headerSlot_20b79", "badge": "badge_20b79" };
3
3
  export {
4
4
  index_module_default as default
5
5
  };
package/dist/es/component/Form/index_module.css CHANGED
@@ -36,6 +36,10 @@
36
36
  .header_20b79 .status_20b79 .switch_20b79 {
37
37
  margin-left: 0.5vw;
38
38
  }
39
+ .header_20b79 .headerSlot_20b79 {
40
+ display: flex;
41
+ align-items: center;
42
+ }
39
43
  .header_20b79 .badge_20b79 {
40
44
  display: flex;
41
45
  transform: scale(1.6);
package/dist/es/component/Layout/index.js CHANGED
@@ -58,7 +58,8 @@ const Layout = (props) => {
58
58
  setVersionList,
59
59
  getVersion,
60
60
  handleProxyAddress,
61
- customValueValidate
61
+ customValueValidate,
62
+ headerSlot
62
63
  } = props;
63
64
  const { producer } = separateType(moduleInfo);
64
65
  const [condition, setCondition] = useState(statusInfo.processing);
@@ -200,7 +201,8 @@ const Layout = (props) => {
200
201
  versionList,
201
202
  setVersionList,
202
203
  getVersion,
203
- customValueValidate
204
+ customValueValidate,
205
+ headerSlot
204
206
  }
205
207
  )
206
208
  }
package/dist/lib/App.js CHANGED
@@ -48,7 +48,8 @@ const App = (props) => {
48
48
  getVersion,
49
49
  handleSnapshot,
50
50
  handleProxyAddress,
51
- customValueValidate
51
+ customValueValidate,
52
+ headerSlot
52
53
  } = props;
53
54
  const [module2, setModule] = (0, import_react.useState)(((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo) || {});
54
55
  (0, import_react.useEffect)(() => {
@@ -63,7 +64,8 @@ const App = (props) => {
63
64
  getVersion,
64
65
  handleSnapshot,
65
66
  handleProxyAddress,
66
- customValueValidate
67
+ customValueValidate,
68
+ headerSlot
67
69
  }
68
70
  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Empty, { description: "No ModuleInfo Detected" }) }) }) });
69
71
  };
package/dist/lib/component/Form/index.js CHANGED
@@ -203,16 +203,19 @@ const FormComponent = (props) => {
203
203
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_index.default.status, children: [
204
204
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Badge, { color: condition.color, className: import_index.default.badge }),
205
205
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.message, children: condition.message }),
206
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
207
- import_web_react.Switch,
208
- {
209
- checked: enableHMR === "enable",
210
- checkedText: "Enable HMR",
211
- uncheckedText: "Disable HMR",
212
- onChange: hmrChange,
213
- className: import_index.default.switch
214
- }
215
- )
206
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: import_index.default.headerSlot, children: [
207
+ props.headerSlot,
208
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
209
+ import_web_react.Switch,
210
+ {
211
+ checked: enableHMR === "enable",
212
+ checkedText: "Enable HMR",
213
+ uncheckedText: "Disable HMR",
214
+ onChange: hmrChange,
215
+ className: import_index.default.switch
216
+ }
217
+ )
218
+ ] })
216
219
  ] })
217
220
  ] }),
218
221
  fields.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fields.map((item, index) => {
package/dist/lib/component/Form/index.module.js CHANGED
@@ -22,4 +22,4 @@ __export(index_module_exports, {
22
22
  });
23
23
  module.exports = __toCommonJS(index_module_exports);
24
24
  var import_index_module = require("./index_module.css");
25
- var index_module_default = { "container": "container_20b79", "checkBox": "checkBox_20b79", "input": "input_20b79", "delete": "delete_20b79", "header": "header_20b79", "add": "add_20b79", "title": "title_20b79", "status": "status_20b79", "message": "message_20b79", "switch": "switch_20b79", "badge": "badge_20b79" };
25
+ var index_module_default = { "container": "container_20b79", "checkBox": "checkBox_20b79", "input": "input_20b79", "delete": "delete_20b79", "header": "header_20b79", "add": "add_20b79", "title": "title_20b79", "status": "status_20b79", "message": "message_20b79", "switch": "switch_20b79", "headerSlot": "headerSlot_20b79", "badge": "badge_20b79" };
package/dist/lib/component/Form/index_module.css CHANGED
@@ -36,6 +36,10 @@
36
36
  .header_20b79 .status_20b79 .switch_20b79 {
37
37
  margin-left: 0.5vw;
38
38
  }
39
+ .header_20b79 .headerSlot_20b79 {
40
+ display: flex;
41
+ align-items: center;
42
+ }
39
43
  .header_20b79 .badge_20b79 {
40
44
  display: flex;
41
45
  transform: scale(1.6);
package/dist/lib/component/Layout/index.js CHANGED
@@ -68,7 +68,8 @@ const Layout = (props) => {
68
68
  setVersionList,
69
69
  getVersion,
70
70
  handleProxyAddress,
71
- customValueValidate
71
+ customValueValidate,
72
+ headerSlot
72
73
  } = props;
73
74
  const { producer } = (0, import_utils.separateType)(moduleInfo);
74
75
  const [condition, setCondition] = (0, import_react.useState)(import_constant.statusInfo.processing);
@@ -210,7 +211,8 @@ const Layout = (props) => {
210
211
  versionList,
211
212
  setVersionList,
212
213
  getVersion,
213
- customValueValidate
214
+ customValueValidate,
215
+ headerSlot
214
216
  }
215
217
  )
216
218
  }
package/dist/types/src/component/Form/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { SetStateAction } from 'react';
1
+ import { SetStateAction, ReactNode } from 'react';
2
2
  import { FormInstance } from '@arco-design/web-react';
3
3
  import { FormItemStatus, RootComponentProps } from '../../utils';
4
4
  interface FormProps {
@@ -13,6 +13,7 @@ interface FormProps {
13
13
  validateForm: any;
14
14
  enableHMR: string;
15
15
  onHMRChange: (on: boolean) => void;
16
+ headerSlot?: ReactNode;
16
17
  }
17
18
  declare const FormComponent: (props: FormProps & RootComponentProps) => import("react").JSX.Element;
18
19
  export default FormComponent;
package/dist/types/src/utils/types/common.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import type { ReactNode } from 'react';
2
2
  import { getModuleInfo } from '../index';
3
3
  export interface FormItemStatus {
4
4
  keyStatus: boolean;
@@ -13,5 +13,6 @@ export interface RootComponentProps {
13
13
  getVersion?: (moduleName: string) => Promise<Array<string>>;
14
14
  handleProxyAddress?: (address: string) => string;
15
15
  customValueValidate?: (schema: string) => boolean;
16
+ headerSlot?: ReactNode;
16
17
  }
17
18
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@module-federation/devtools",
3
- "version": "0.16.0",
3
+ "version": "0.17.1",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
@@ -38,23 +38,22 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@arco-design/web-react": "^2.64.1",
41
- "@modern-js/runtime": "2.67.6",
41
+ "@modern-js/runtime": "2.68.2",
42
42
  "ahooks": "^3.7.10",
43
43
  "dagre": "^0.8.5",
44
44
  "react": "~18.3.1",
45
45
  "react-dom": "~18.3.1",
46
46
  "reactflow": "11.11.4",
47
- "@module-federation/sdk": "0.16.0"
47
+ "@module-federation/sdk": "0.17.1"
48
48
  },
49
49
  "devDependencies": {
50
- "@modern-js-app/eslint-config": "2.54.6",
51
- "@modern-js/app-tools": "2.67.6",
50
+ "@modern-js-app/eslint-config": "2.59.0",
51
+ "@modern-js/app-tools": "2.68.2",
52
52
  "@modern-js/eslint-config": "2.59.0",
53
- "@modern-js/module-tools": "2.67.6",
54
- "@modern-js/storybook": "2.67.6",
55
- "@modern-js/tsconfig": "2.67.6",
53
+ "@modern-js/module-tools": "2.68.2",
54
+ "@modern-js/storybook": "2.68.2",
55
+ "@modern-js/tsconfig": "2.68.2",
56
56
  "@playwright/test": "1.49.1",
57
- "@storybook/addon-essentials": "^8",
58
57
  "@types/chrome": "^0.0.272",
59
58
  "@types/dagre": "^0.7.52",
60
59
  "@types/jest": "~29.2.4",
@@ -66,7 +65,7 @@
66
65
  "rimraf": "~6.0.1",
67
66
  "typescript": "~5.0.4",
68
67
  "vitest": "1.2.2",
69
- "@module-federation/runtime": "0.16.0"
68
+ "@module-federation/runtime": "0.17.1"
70
69
  },
71
70
  "scripts": {
72
71
  "build:storybook": "storybook build",