@lark-apaas/miaoda-inspector 0.1.0-alpha.1 → 0.1.0-alpha.3

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

@@ -1,69 +1,64 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+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)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  isNativeTagFiber: function() {
-    return isNativeTagFiber;
-  },
-  isReactSymbolFiber: function() {
-    return isReactSymbolFiber;
-  },
-  isForwardRef: function() {
-    return isForwardRef;
-  },
-  getElementFiber: function() {
-    return getElementFiber;
-  },
-  getElementFiberUpward: function() {
-    return getElementFiberUpward;
-  },
-  getDirectParentFiber: function() {
-    return getDirectParentFiber;
-  },
-  getFiberName: function() {
-    return getFiberName;
+    __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);
+var fiber_exports = {};
+__export(fiber_exports, {
+  getDirectParentFiber: () => getDirectParentFiber,
+  getElementFiber: () => getElementFiber,
+  getElementFiberUpward: () => getElementFiberUpward,
+  getFiberName: () => getFiberName,
+  isForwardRef: () => isForwardRef,
+  isNativeTagFiber: () => isNativeTagFiber,
+  isReactSymbolFiber: () => isReactSymbolFiber
 });
-const isNativeTagFiber = (fiber) => typeof (fiber === null || fiber === void 0 ? void 0 : fiber.type) === "string";
+module.exports = __toCommonJS(fiber_exports);
+const isNativeTagFiber = (fiber) => typeof (fiber == null ? void 0 : fiber.type) === "string";
 const isReactSymbolFiber = (fiber) => {
-  var _fiber_type;
-  return typeof (fiber === null || fiber === void 0 ? void 0 : (_fiber_type = fiber.type) === null || _fiber_type === void 0 ? void 0 : _fiber_type.$$typeof) === "symbol";
+  var _a;
+  return typeof ((_a = fiber == null ? void 0 : fiber.type) == null ? void 0 : _a.$$typeof) === "symbol";
 };
 const isForwardRef = (fiber) => {
-  var _fiber_type;
-  return (fiber === null || fiber === void 0 ? void 0 : (_fiber_type = fiber.type) === null || _fiber_type === void 0 ? void 0 : _fiber_type.$$typeof) === Symbol.for("react.forward_ref");
+  var _a;
+  return ((_a = fiber == null ? void 0 : fiber.type) == null ? void 0 : _a.$$typeof) === Symbol.for("react.forward_ref");
 };
 const getElementFiber = (element) => {
-  const fiberKey = Object.keys(element).find((key) => (
-    /**
-    * for react <= v16.13.1
-    * https://github.com/facebook/react/blob/v16.13.1/packages/react-dom/src/client/ReactDOMComponentTree.js#L21
-    */
-    key.startsWith("__reactInternalInstance$") || /**
-    * for react >= v16.14.0
-    * https://github.com/facebook/react/blob/v16.14.0/packages/react-dom/src/client/ReactDOMComponentTree.js#L39
-    */
-    key.startsWith("__reactFiber$")
-  ));
+  const fiberKey = Object.keys(element).find(
+    (key) => (
+      /**
+       * for react <= v16.13.1
+       * https://github.com/facebook/react/blob/v16.13.1/packages/react-dom/src/client/ReactDOMComponentTree.js#L21
+       */
+      key.startsWith("__reactInternalInstance$") || /**
+       * for react >= v16.14.0
+       * https://github.com/facebook/react/blob/v16.14.0/packages/react-dom/src/client/ReactDOMComponentTree.js#L39
+       */
+      key.startsWith("__reactFiber$")
+    )
+  );
   if (fiberKey) {
     return element[fiberKey];
   }
   return void 0;
 };
 const getElementFiberUpward = (element) => {
-  if (!element)
-    return void 0;
+  if (!element) return void 0;
   const fiber = getElementFiber(element);
-  if (fiber)
-    return fiber;
+  if (fiber) return fiber;
   return getElementFiberUpward(element.parentElement);
 };
 const getDirectParentFiber = (child) => {
@@ -77,12 +72,11 @@ const getDirectParentFiber = (child) => {
   return null;
 };
 const getFiberName = (fiber) => {
-  var _fiber_pendingProps;
-  const fiberType = fiber === null || fiber === void 0 ? void 0 : fiber.type;
-  if (!fiberType)
-    return void 0;
+  var _a;
+  const fiberType = fiber == null ? void 0 : fiber.type;
+  if (!fiberType) return void 0;
   const { displayName, name } = fiberType;
-  if (fiber === null || fiber === void 0 ? void 0 : (_fiber_pendingProps = fiber.pendingProps) === null || _fiber_pendingProps === void 0 ? void 0 : _fiber_pendingProps["data-miaoda-component-name"]) {
+  if ((_a = fiber == null ? void 0 : fiber.pendingProps) == null ? void 0 : _a["data-miaoda-component-name"]) {
     return fiber.pendingProps["data-miaoda-component-name"];
   }
   if (typeof displayName === "string") {

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

@@ -1,20 +1,33 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "setupHighlighter", {
-  enumerable: true,
-  get: function() {
-    return setupHighlighter;
+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);
+var highlight_exports = {};
+__export(highlight_exports, {
+  setupHighlighter: () => setupHighlighter
 });
+module.exports = __toCommonJS(highlight_exports);
 let iframesListeningTo = /* @__PURE__ */ new Set();
 function setupHighlighter(handlers) {
   function onClick(event) {
-    var _handlers_onClick;
+    var _a;
     event.preventDefault();
     event.stopPropagation();
-    (_handlers_onClick = handlers.onClick) === null || _handlers_onClick === void 0 ? void 0 : _handlers_onClick.call(handlers, event.target);
+    (_a = handlers.onClick) == null ? void 0 : _a.call(handlers, event.target);
   }
   function onMouseEvent(event) {
     event.stopPropagation();
@@ -23,7 +36,7 @@ function setupHighlighter(handlers) {
     event.stopPropagation();
   }
   function onPointerOver(event) {
-    var _handlers_onPointerOver;
+    var _a;
     event.preventDefault();
     event.stopPropagation();
     const target = event.target;
@@ -31,28 +44,28 @@ function setupHighlighter(handlers) {
       const iframe = target;
       try {
         if (!iframesListeningTo.has(iframe)) {
-          const window1 = iframe.contentWindow;
-          registerListenersOnWindow(window1);
+          const window2 = iframe.contentWindow;
+          registerListenersOnWindow(window2);
           iframesListeningTo.add(iframe);
         }
       } catch (error) {
       }
     }
-    (_handlers_onPointerOver = handlers.onPointerOver) === null || _handlers_onPointerOver === void 0 ? void 0 : _handlers_onPointerOver.call(handlers, event.target);
+    (_a = handlers.onPointerOver) == null ? void 0 : _a.call(handlers, event.target);
   }
   function onPointerUp(event) {
     event.preventDefault();
     event.stopPropagation();
   }
-  function removeListenersOnWindow(window1) {
-    if (window1 && typeof window1.removeEventListener === "function") {
-      window1.removeEventListener("click", onClick, true);
-      window1.removeEventListener("mousedown", onMouseEvent, true);
-      window1.removeEventListener("mouseover", onMouseEvent, true);
-      window1.removeEventListener("mouseup", onMouseEvent, true);
-      window1.removeEventListener("pointerdown", onPointerDown, true);
-      window1.removeEventListener("pointerover", onPointerOver, true);
-      window1.removeEventListener("pointerup", onPointerUp, true);
+  function removeListenersOnWindow(window2) {
+    if (window2 && typeof window2.removeEventListener === "function") {
+      window2.removeEventListener("click", onClick, true);
+      window2.removeEventListener("mousedown", onMouseEvent, true);
+      window2.removeEventListener("mouseover", onMouseEvent, true);
+      window2.removeEventListener("mouseup", onMouseEvent, true);
+      window2.removeEventListener("pointerdown", onPointerDown, true);
+      window2.removeEventListener("pointerover", onPointerOver, true);
+      window2.removeEventListener("pointerup", onPointerUp, true);
     }
   }
   function stopInspectingNative() {
@@ -65,15 +78,15 @@ function setupHighlighter(handlers) {
     });
     iframesListeningTo = /* @__PURE__ */ new Set();
   }
-  function registerListenersOnWindow(window1) {
-    if (window1 && typeof window1.addEventListener === "function") {
-      window1.addEventListener("click", onClick, true);
-      window1.addEventListener("mousedown", onMouseEvent, true);
-      window1.addEventListener("mouseover", onMouseEvent, true);
-      window1.addEventListener("mouseup", onMouseEvent, true);
-      window1.addEventListener("pointerdown", onPointerDown, true);
-      window1.addEventListener("pointerover", onPointerOver, true);
-      window1.addEventListener("pointerup", onPointerUp, true);
+  function registerListenersOnWindow(window2) {
+    if (window2 && typeof window2.addEventListener === "function") {
+      window2.addEventListener("click", onClick, true);
+      window2.addEventListener("mousedown", onMouseEvent, true);
+      window2.addEventListener("mouseover", onMouseEvent, true);
+      window2.addEventListener("mouseup", onMouseEvent, true);
+      window2.addEventListener("pointerdown", onPointerDown, true);
+      window2.addEventListener("pointerover", onPointerOver, true);
+      window2.addEventListener("pointerup", onPointerUp, true);
     }
   }
   function startInspectingNative() {

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

@@ -1,20 +1,20 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-_export_star(require("./highlight"), exports);
-_export_star(require("./inspect"), exports);
-_export_star(require("./overlay"), exports);
-function _export_star(from, to) {
-  Object.keys(from).forEach(function(k) {
-    if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-      Object.defineProperty(to, k, {
-        enumerable: true,
-        get: function() {
-          return from[k];
-        }
-      });
-    }
-  });
-  return from;
-}
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+module.exports = __toCommonJS(utils_exports);
+__reExport(utils_exports, require("./highlight"), module.exports);
+__reExport(utils_exports, require("./inspect"), module.exports);
+__reExport(utils_exports, require("./overlay"), module.exports);

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

@@ -1,66 +1,63 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+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)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  getCodeInfoFromDebugSource: function() {
-    return getCodeInfoFromDebugSource;
-  },
-  getCodeInfoFromProps: function() {
-    return getCodeInfoFromProps;
-  },
-  getCodeInfoFromFiber: function() {
-    return getCodeInfoFromFiber;
-  },
-  getReferenceFiber: function() {
-    return getReferenceFiber;
-  },
-  getElementCodeInfo: function() {
-    return getElementCodeInfo;
-  },
-  getNamedFiber: function() {
-    return getNamedFiber;
-  },
-  getElementInspect: function() {
-    return getElementInspect;
+    __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);
+var inspect_exports = {};
+__export(inspect_exports, {
+  getCodeInfoFromDebugSource: () => getCodeInfoFromDebugSource,
+  getCodeInfoFromFiber: () => getCodeInfoFromFiber,
+  getCodeInfoFromProps: () => getCodeInfoFromProps,
+  getElementCodeInfo: () => getElementCodeInfo,
+  getElementInspect: () => getElementInspect,
+  getNamedFiber: () => getNamedFiber,
+  getReferenceFiber: () => getReferenceFiber
 });
-const _fiber = require("./fiber");
+module.exports = __toCommonJS(inspect_exports);
+var import_fiber = require("./fiber");
 const getCodeInfoFromDebugSource = (fiber) => {
-  var _fiber__debugOwner;
-  if (!fiber)
-    return void 0;
-  var _fiber__debugSource;
-  const debugSource = (_fiber__debugSource = fiber._debugSource) !== null && _fiber__debugSource !== void 0 ? _fiber__debugSource : (_fiber__debugOwner = fiber._debugOwner) === null || _fiber__debugOwner === void 0 ? void 0 : _fiber__debugOwner._debugSource;
-  if (!debugSource)
-    return void 0;
+  var _a, _b;
+  if (!fiber) return void 0;
+  const debugSource = (_b = fiber._debugSource) != null ? _b : (_a = fiber._debugOwner) == null ? void 0 : _a._debugSource;
+  if (!debugSource) return void 0;
   const { fileName, lineNumber, columnNumber } = debugSource;
   if (fileName && lineNumber) {
     return {
       lineNumber: String(lineNumber),
-      columnNumber: String(columnNumber !== null && columnNumber !== void 0 ? columnNumber : 1),
+      columnNumber: String(columnNumber != null ? columnNumber : 1),
       /**
-      * `fileName` in `_debugSource` is absolutely
-      * ---
-      *
-      * compatible with the incorrect `fileName: "</xxx/file>"` by [rspack](https://github.com/web-infra-dev/rspack)
-      */
+       * `fileName` in `_debugSource` is absolutely
+       * ---
+       *
+       * compatible with the incorrect `fileName: "</xxx/file>"` by [rspack](https://github.com/web-infra-dev/rspack)
+       */
       absolutePath: fileName.match(/^<.*>$/) ? fileName.replace(/^<|>$/g, "") : fileName
     };
   }
   return void 0;
 };
 const getCodeInfoFromProps = (fiber) => {
-  if (!(fiber === null || fiber === void 0 ? void 0 : fiber.pendingProps))
-    return void 0;
-  const { "data-miaoda-line": lineNumber, "data-miaoda-column": columnNumber, "data-miaoda-relative-path": relativePath, "data-miaoda-component-name": name, "data-miaoda-metadata": metadataStr } = fiber.pendingProps;
+  if (!(fiber == null ? void 0 : fiber.pendingProps)) return void 0;
+  const {
+    "data-miaoda-line": lineNumber,
+    "data-miaoda-column": columnNumber,
+    "data-miaoda-relative-path": relativePath,
+    "data-miaoda-component-name": name,
+    "data-miaoda-metadata": metadataStr
+  } = fiber.pendingProps;
   let metadata;
   if (metadataStr) {
     try {
@@ -85,66 +82,59 @@ const getCodeInfoFromFiber = (fiber) => {
     // getCodeInfoFromDebugSource(fiber),
     getCodeInfoFromProps(fiber)
   ].filter(Boolean);
-  if (!codeInfos.length)
-    return void 0;
+  if (!codeInfos.length) return void 0;
   return Object.assign({}, ...codeInfos);
 };
 const getReferenceFiber = (baseFiber) => {
-  if (!baseFiber)
-    return void 0;
-  const directParent = (0, _fiber.getDirectParentFiber)(baseFiber);
-  if (!directParent)
-    return void 0;
-  const isParentNative = (0, _fiber.isNativeTagFiber)(directParent);
+  if (!baseFiber) return void 0;
+  const directParent = (0, import_fiber.getDirectParentFiber)(baseFiber);
+  if (!directParent) return void 0;
+  const isParentNative = (0, import_fiber.isNativeTagFiber)(directParent);
   const isOnlyOneChild = !directParent.child.sibling;
   let referenceFiber = !isParentNative && isOnlyOneChild ? directParent : baseFiber;
   const originReferenceFiber = referenceFiber;
   while (referenceFiber) {
-    if (getCodeInfoFromFiber(referenceFiber))
-      return referenceFiber;
+    if (getCodeInfoFromFiber(referenceFiber)) return referenceFiber;
     referenceFiber = referenceFiber.return;
   }
   return originReferenceFiber;
 };
 const getElementCodeInfo = (element) => {
-  const fiber = (0, _fiber.getElementFiberUpward)(element);
+  const fiber = (0, import_fiber.getElementFiberUpward)(element);
   const referenceFiber = getReferenceFiber(fiber);
   return getCodeInfoFromFiber(referenceFiber);
 };
 const getNamedFiber = (baseFiber) => {
+  var _a, _b;
   let fiber = baseFiber;
   let originNamedFiber;
   while (fiber) {
-    var _fiber_return;
-    let parent = (_fiber_return = fiber.return) !== null && _fiber_return !== void 0 ? _fiber_return : void 0;
+    let parent = (_a = fiber.return) != null ? _a : void 0;
     let forwardParent;
-    while ((0, _fiber.isReactSymbolFiber)(parent)) {
-      if ((0, _fiber.isForwardRef)(parent)) {
+    while ((0, import_fiber.isReactSymbolFiber)(parent)) {
+      if ((0, import_fiber.isForwardRef)(parent)) {
         forwardParent = parent;
       }
-      var _parent_return;
-      parent = (_parent_return = parent === null || parent === void 0 ? void 0 : parent.return) !== null && _parent_return !== void 0 ? _parent_return : void 0;
+      parent = (_b = parent == null ? void 0 : parent.return) != null ? _b : void 0;
     }
     if (forwardParent) {
       fiber = forwardParent;
     }
-    if ((0, _fiber.getFiberName)(fiber)) {
-      if (!originNamedFiber)
-        originNamedFiber = fiber;
-      if (getCodeInfoFromFiber(fiber))
-        return fiber;
+    if ((0, import_fiber.getFiberName)(fiber)) {
+      if (!originNamedFiber) originNamedFiber = fiber;
+      if (getCodeInfoFromFiber(fiber)) return fiber;
     }
     fiber = parent;
   }
   return originNamedFiber;
 };
 const getElementInspect = (element) => {
-  const fiber = (0, _fiber.getElementFiberUpward)(element);
+  const fiber = (0, import_fiber.getElementFiberUpward)(element);
   const referenceFiber = getReferenceFiber(fiber);
   const namedFiber = getNamedFiber(referenceFiber);
-  const fiberName = (0, _fiber.getFiberName)(namedFiber);
+  const fiberName = (0, import_fiber.getFiberName)(namedFiber);
   const nodeName = element.nodeName.toLowerCase();
-  const title = fiberName !== null && fiberName !== void 0 ? fiberName : nodeName;
+  const title = fiberName != null ? fiberName : nodeName;
   return {
     fiber: referenceFiber,
     name: fiberName,

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

@@ -1,22 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+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)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  getNestedBoundingClientRect: function() {
-    return getNestedBoundingClientRect;
-  },
-  getElementDimensions: function() {
-    return getElementDimensions;
+    __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);
+var overlay_exports = {};
+__export(overlay_exports, {
+  getElementDimensions: () => getElementDimensions,
+  getNestedBoundingClientRect: () => getNestedBoundingClientRect
 });
+module.exports = __toCommonJS(overlay_exports);
 function getNestedBoundingClientRect(node) {
   return node.getBoundingClientRect();
 }