@module-federation/devtools 0.0.0-next-20240425091022 → 0.0.0-next-20240425095041

package/dist/es/component/Form/index.js

@@ -40,6 +40,7 @@ import { defaultDataItem, proxyFormField } from "../../template/constant";
 import {
   validateCustom,
   validateSemver,
+  validatePort,
   isObject,
   separateType
 } from "../../utils";
@@ -130,7 +131,7 @@ const FormComponent = (props) => {
         valueStatus: false
       };
     }
-    if (validateCustom(value) || validateSemver(value)) {
+    if (validateCustom(value) || validateSemver(value) || validatePort(value)) {
       statusSet[index].valueStatus = true;
       flushSync(() => setFormStatus(statusSet));
       return callback();

package/dist/es/component/Layout/index.js

@@ -56,7 +56,8 @@ const Layout = (props) => {
     handleSnapshot,
     versionList,
     setVersionList,
-    getVersion
+    getVersion,
+    handleProxyAddress
   } = props;
   const { producer } = separateType(moduleInfo);
   const [condition, setCondition] = useState(statusInfo.processing);
@@ -79,6 +80,10 @@ const Layout = (props) => {
             return memo;
           }
           const duplicate = JSON.parse(JSON.stringify(current));
+          if (handleProxyAddress) {
+            const value = handleProxyAddress(duplicate.value);
+            duplicate.value = value;
+          }
           return [...memo, duplicate];
         },
         []

package/dist/es/utils/sdk/graph.js

@@ -19,6 +19,7 @@ const validateSemver = (schema) => {
   const reg = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(\.(0|[1-9]\d*))?(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/gm;
   return reg.test(schema);
 };
+const validatePort = (schema) => !isNaN(Number(schema));
 const splitModuleId = (target) => {
   const array = target.split(":");
   const { length } = array;
@@ -144,5 +145,6 @@ class DependencyGraph {
 }
 export {
   DependencyGraph,
+  validatePort,
   validateSemver
 };

package/dist/lib/component/Form/index.js

@@ -145,7 +145,7 @@ const FormComponent = (props) => {
         valueStatus: false
       };
     }
-    if ((0, import_utils.validateCustom)(value) || (0, import_utils.validateSemver)(value)) {
+    if ((0, import_utils.validateCustom)(value) || (0, import_utils.validateSemver)(value) || (0, import_utils.validatePort)(value)) {
       statusSet[index].valueStatus = true;
       (0, import_react_dom.flushSync)(() => setFormStatus(statusSet));
       return callback();

package/dist/lib/component/Layout/index.js

@@ -66,7 +66,8 @@ const Layout = (props) => {
     handleSnapshot,
     versionList,
     setVersionList,
-    getVersion
+    getVersion,
+    handleProxyAddress
   } = props;
   const { producer } = (0, import_utils.separateType)(moduleInfo);
   const [condition, setCondition] = (0, import_react.useState)(import_constant.statusInfo.processing);
@@ -89,6 +90,10 @@ const Layout = (props) => {
             return memo;
           }
           const duplicate = JSON.parse(JSON.stringify(current));
+          if (handleProxyAddress) {
+            const value = handleProxyAddress(duplicate.value);
+            duplicate.value = value;
+          }
           return [...memo, duplicate];
         },
         []

package/dist/lib/utils/sdk/graph.js

@@ -33,6 +33,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var graph_exports = {};
 __export(graph_exports, {
   DependencyGraph: () => DependencyGraph,
+  validatePort: () => validatePort,
   validateSemver: () => validateSemver
 });
 module.exports = __toCommonJS(graph_exports);
@@ -41,6 +42,7 @@ const validateSemver = (schema) => {
   const reg = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(\.(0|[1-9]\d*))?(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/gm;
   return reg.test(schema);
 };
+const validatePort = (schema) => !isNaN(Number(schema));
 const splitModuleId = (target) => {
   const array = target.split(":");
   const { length } = array;
@@ -167,5 +169,6 @@ class DependencyGraph {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DependencyGraph,
+  validatePort,
   validateSemver
 });

package/dist/types/src/utils/sdk/graph.d.ts

@@ -27,6 +27,7 @@ export interface EdgeType {
     };
 }
 export declare const validateSemver: (schema: string) => boolean;
+export declare const validatePort: (schema: string) => boolean;
 export declare class DependencyGraph {
     snapshot: GlobalModuleInfo;
     initTarget: string;

package/dist/types/src/utils/types/common.d.ts

@@ -11,5 +11,6 @@ export interface RootComponentProps {
     versionList?: Array<Array<string>>;
     setVersionList?: React.Dispatch<React.SetStateAction<Array<Array<string>>>>;
     getVersion?: (moduleName: string) => Promise<Array<string>>;
+    handleProxyAddress?: (address: string) => string;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/devtools",
-  "version": "0.0.0-next-20240425091022",
+  "version": "0.0.0-next-20240425095041",
   "files": [
     "dist/",
     "install-deps.bash",
@@ -38,7 +38,7 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "reactflow": "11.10.4",
-    "@module-federation/sdk": "0.0.0-next-20240425091022"
+    "@module-federation/sdk": "0.0.0-next-20240425095041"
   },
   "devDependencies": {
     "@types/dagre": "^0.7.52",
@@ -61,7 +61,7 @@
     "vitest": "1.2.2",
     "@modern-js/storybook": "2.46.1",
     "@storybook/addon-essentials": "^7",
-    "@module-federation/runtime": "0.0.0-next-20240425091022"
+    "@module-federation/runtime": "0.0.0-next-20240425095041"
   },
   "scripts": {
     "build:storybook": "storybook build",