@lark-apaas/miaoda-inspector 1.0.0 → 1.0.2

package/dist/es/Inspector/utils/inspect.mjs

@@ -36,7 +36,8 @@ const getCodeInfoFromProps = (fiber) => {
     "data-miaoda-column": columnNumber,
     "data-miaoda-relative-path": relativePath,
     "data-miaoda-component-name": name,
-    "data-miaoda-metadata": metadataStr
+    "data-miaoda-metadata": metadataStr,
+    "data-ai-section-type": sectionType
   } = fiber.pendingProps;
   let metadata;
   if (metadataStr) {
@@ -52,7 +53,8 @@ const getCodeInfoFromProps = (fiber) => {
       lineNumber,
       columnNumber,
       relativePath,
-      metadata
+      metadata,
+      sectionType: sectionType != null ? sectionType : ""
     };
   }
   return void 0;

package/dist/es/MiaodaInspector/MiaodaInspector.mjs

@@ -318,12 +318,16 @@ function MiaodaInspector(props) {
     },
     [props.cwd]
   );
+  const updateIntervalRef = useRef(500);
   const handleMessage = useCallback(
     (event) => {
-      var _a, _b;
+      var _a, _b, _c;
       const { data } = event;
       if (isIncomingMessage(data, "InitConfig")) {
-        const { inspectorActive, userToken, appId, inspectorVersion } = data.data;
+        const { inspectorActive, userToken, appId, inspectorVersion, updateInterval } = data.data;
+        if (updateInterval !== void 0) {
+          updateIntervalRef.current = updateInterval;
+        }
         if (inspectorActive !== void 0) {
           setActive(inspectorActive);
           if (inspectorActive === false) {
@@ -364,6 +368,13 @@ function MiaodaInspector(props) {
           }
           selectedElementMap.clear();
         }
+      } else if (isIncomingMessage(data, "ClearModification")) {
+        const { elementId } = data.data;
+        const selectedElement = selectedElementMap.get(elementId);
+        if (selectedElement && selectedElement.element) {
+          selectedElementMap.delete(elementId);
+          (_c = selectedElement.dispose) == null ? void 0 : _c.call(selectedElement);
+        }
       } else if (isIncomingMessage(data, "EditText")) {
         const { elementId, textContent } = data.data;
         const selectedElement = selectedElementMap.get(elementId);
@@ -560,7 +571,7 @@ function MiaodaInspector(props) {
     postMessage({
       type: "PageMounted",
       data: {
-        version: "1.0.0",
+        version: "1.0.2",
         feature: {
           selectParent: true,
           reverseSelect: true
@@ -568,6 +579,29 @@ function MiaodaInspector(props) {
       }
     });
   }, []);
+  useEffect(() => {
+    const intervalId = null;
+    const updateOnce = () => {
+      const coordinatesMap = {};
+      for (const [, selectedElement] of selectedElementMap) {
+        if (selectedElement.element) {
+          const coordinate = getElementCoordinates(selectedElement.element);
+          coordinatesMap[selectedElement.elementId] = coordinate;
+        }
+      }
+      postMessage({
+        type: "CoordinateUpdate",
+        data: coordinatesMap
+      });
+      setTimeout(updateOnce, updateIntervalRef.current);
+    };
+    updateOnce();
+    return () => {
+      if (intervalId) {
+        clearTimeout(intervalId);
+      }
+    };
+  }, []);
   return /* @__PURE__ */ jsx(
     Inspector,
     {

package/dist/lib/Inspector/utils/inspect.js

@@ -69,7 +69,8 @@ const getCodeInfoFromProps = (fiber) => {
     "data-miaoda-column": columnNumber,
     "data-miaoda-relative-path": relativePath,
     "data-miaoda-component-name": name,
-    "data-miaoda-metadata": metadataStr
+    "data-miaoda-metadata": metadataStr,
+    "data-ai-section-type": sectionType
   } = fiber.pendingProps;
   let metadata;
   if (metadataStr) {
@@ -85,7 +86,8 @@ const getCodeInfoFromProps = (fiber) => {
       lineNumber,
       columnNumber,
       relativePath,
-      metadata
+      metadata,
+      sectionType: sectionType != null ? sectionType : ""
     };
   }
   return void 0;

package/dist/lib/MiaodaInspector/MiaodaInspector.js

@@ -335,12 +335,16 @@ function MiaodaInspector(props) {
     },
     [props.cwd]
   );
+  const updateIntervalRef = (0, import_react.useRef)(500);
   const handleMessage = (0, import_react.useCallback)(
     (event) => {
-      var _a, _b;
+      var _a, _b, _c;
       const { data } = event;
       if ((0, import_utils2.isIncomingMessage)(data, "InitConfig")) {
-        const { inspectorActive, userToken, appId, inspectorVersion } = data.data;
+        const { inspectorActive, userToken, appId, inspectorVersion, updateInterval } = data.data;
+        if (updateInterval !== void 0) {
+          updateIntervalRef.current = updateInterval;
+        }
         if (inspectorActive !== void 0) {
           setActive(inspectorActive);
           if (inspectorActive === false) {
@@ -381,6 +385,13 @@ function MiaodaInspector(props) {
           }
           selectedElementMap.clear();
         }
+      } else if ((0, import_utils2.isIncomingMessage)(data, "ClearModification")) {
+        const { elementId } = data.data;
+        const selectedElement = selectedElementMap.get(elementId);
+        if (selectedElement && selectedElement.element) {
+          selectedElementMap.delete(elementId);
+          (_c = selectedElement.dispose) == null ? void 0 : _c.call(selectedElement);
+        }
       } else if ((0, import_utils2.isIncomingMessage)(data, "EditText")) {
         const { elementId, textContent } = data.data;
         const selectedElement = selectedElementMap.get(elementId);
@@ -577,7 +588,7 @@ function MiaodaInspector(props) {
     (0, import_utils2.postMessage)({
       type: "PageMounted",
       data: {
-        version: "1.0.0",
+        version: "1.0.2",
         feature: {
           selectParent: true,
           reverseSelect: true
@@ -585,6 +596,29 @@ function MiaodaInspector(props) {
       }
     });
   }, []);
+  (0, import_react.useEffect)(() => {
+    const intervalId = null;
+    const updateOnce = () => {
+      const coordinatesMap = {};
+      for (const [, selectedElement] of selectedElementMap) {
+        if (selectedElement.element) {
+          const coordinate = getElementCoordinates(selectedElement.element);
+          coordinatesMap[selectedElement.elementId] = coordinate;
+        }
+      }
+      (0, import_utils2.postMessage)({
+        type: "CoordinateUpdate",
+        data: coordinatesMap
+      });
+      setTimeout(updateOnce, updateIntervalRef.current);
+    };
+    updateOnce();
+    return () => {
+      if (intervalId) {
+        clearTimeout(intervalId);
+      }
+    };
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Inspector.Inspector,
     {

package/dist/types/Inspector/utils/inspect.d.ts

@@ -4,6 +4,7 @@ interface CodeInfo {
     name?: string;
     lineNumber: string;
     columnNumber: string;
+    sectionType?: string;
     /**
      * code source file relative path to dev-server cwd(current working directory)
      * need use with `react-dev-inspector/plugins/babel`
@@ -37,6 +38,7 @@ interface CodeDataAttribute {
     'data-miaoda-relative-path': string;
     'data-miaoda-component-name'?: string;
     'data-miaoda-metadata'?: string;
+    'data-ai-section-type'?: string;
 }
 /**
  * react fiber property `_debugSource` created by `@babel/plugin-transform-react-jsx-source`

package/dist/types/types/iframe-events.d.ts

@@ -43,12 +43,13 @@ interface EditAttributesMessage extends IframeMessage<{
 }> {
     type: 'EditAttributes';
 }
-type IncomingMessage = InitConfigMessage | ClearSelectedMessage | EditTextMessage | EditStyleMessage | EditClassNameMessage | EditPropsMessage | EditIconPropsMessage | ReverseSelectMessage | SelectParentMessage | EditAttributesMessage;
+type IncomingMessage = InitConfigMessage | ClearSelectedMessage | ClearModificationMessage | EditTextMessage | EditStyleMessage | EditClassNameMessage | EditPropsMessage | EditIconPropsMessage | ReverseSelectMessage | SelectParentMessage | EditAttributesMessage;
 interface InitConfigMessage extends IframeMessage<{
     inspectorActive?: boolean;
     userToken?: string;
     appId?: string;
     inspectorVersion?: string;
+    updateInterval?: number;
 }> {
     type: 'InitConfig';
 }
@@ -57,6 +58,11 @@ interface ClearSelectedMessage extends IframeMessage<{
 }> {
     type: 'ClearSelected';
 }
+interface ClearModificationMessage extends IframeMessage<{
+    elementId: string;
+}> {
+    type: 'ClearModification';
+}
 interface EditTextMessage extends IframeMessage<{
     elementId: string;
     textContent: string;
@@ -190,11 +196,21 @@ interface SelectInspectorElementMessage extends IframeMessage<InspectorInfo> {
 interface InspectorUIConfigMessage extends IframeMessage<InspectorUIConfig> {
     type: 'InspectorUIConfig';
 }
-type OutgoingMessage = PageMountedMessage | TextUpdateMessage | PageScrollMessage | ElementResizeMessage | SelectInspectorElementMessage | InspectorUIConfigMessage;
+interface CoordinateUpdateMessage extends IframeMessage<Record<string, {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+}>> {
+    type: 'CoordinateUpdate';
+}
+type OutgoingMessage = PageMountedMessage | TextUpdateMessage | PageScrollMessage | ElementResizeMessage | SelectInspectorElementMessage | InspectorUIConfigMessage | CoordinateUpdateMessage;
 declare global {
     interface WindowEventMap {
         message: MessageEvent<IframeMessage>;
     }
 }
 
-export type { ClearSelectedMessage, EditAttributesMessage, EditClassNameMessage, EditIconPropsMessage, EditPropsMessage, EditStyleMessage, EditTextMessage, ElementResizeMessage, IframeMessage, IncomingMessage, InitConfigMessage, InspectorInfo, InspectorUIConfigMessage, OutgoingMessage, PageMountedMessage, PageScrollMessage, ReverseSelectMessage, SelectInspectorElementMessage, SelectParentMessage, TextUpdateMessage };
+export type { ClearModificationMessage, ClearSelectedMessage, CoordinateUpdateMessage, EditAttributesMessage, EditClassNameMessage, EditIconPropsMessage, EditPropsMessage, EditStyleMessage, EditTextMessage, ElementResizeMessage, IframeMessage, IncomingMessage, InitConfigMessage, InspectorInfo, InspectorUIConfigMessage, OutgoingMessage, PageMountedMessage, PageScrollMessage, ReverseSelectMessage, SelectInspectorElementMessage, SelectParentMessage, TextUpdateMessage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/miaoda-inspector",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Inspector for Lark Apaas",
   "sideEffects": [
     "*.css"