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

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

@@ -0,0 +1,70 @@
+import "../../chunk-I4E63NIC.mjs";
+const isNativeTagFiber = (fiber) => typeof (fiber == null ? void 0 : fiber.type) === "string";
+const isReactSymbolFiber = (fiber) => {
+  var _a;
+  return typeof ((_a = fiber == null ? void 0 : fiber.type) == null ? void 0 : _a.$$typeof) === "symbol";
+};
+const isForwardRef = (fiber) => {
+  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$")
+    )
+  );
+  if (fiberKey) {
+    return element[fiberKey];
+  }
+  return void 0;
+};
+const getElementFiberUpward = (element) => {
+  if (!element) return void 0;
+  const fiber = getElementFiber(element);
+  if (fiber) return fiber;
+  return getElementFiberUpward(element.parentElement);
+};
+const getDirectParentFiber = (child) => {
+  let current = child.return;
+  while (current) {
+    if (!isReactSymbolFiber(current)) {
+      return current;
+    }
+    current = current.return;
+  }
+  return null;
+};
+const getFiberName = (fiber) => {
+  var _a;
+  const fiberType = fiber == null ? void 0 : fiber.type;
+  if (!fiberType) return void 0;
+  const { displayName, name } = fiberType;
+  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") {
+    return displayName;
+  }
+  if (typeof name === "string") {
+    return name;
+  }
+  return void 0;
+};
+export {
+  getDirectParentFiber,
+  getElementFiber,
+  getElementFiberUpward,
+  getFiberName,
+  isForwardRef,
+  isNativeTagFiber,
+  isReactSymbolFiber
+};

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

@@ -0,0 +1,78 @@
+import "../../chunk-I4E63NIC.mjs";
+let iframesListeningTo = /* @__PURE__ */ new Set();
+function setupHighlighter(handlers) {
+  function onClick(event) {
+    var _a;
+    event.preventDefault();
+    event.stopPropagation();
+    (_a = handlers.onClick) == null ? void 0 : _a.call(handlers, event.target);
+  }
+  function onMouseEvent(event) {
+    event.stopPropagation();
+  }
+  function onPointerDown(event) {
+    event.stopPropagation();
+  }
+  function onPointerOver(event) {
+    var _a;
+    event.preventDefault();
+    event.stopPropagation();
+    const target = event.target;
+    if (target.tagName === "IFRAME") {
+      const iframe = target;
+      try {
+        if (!iframesListeningTo.has(iframe)) {
+          const window2 = iframe.contentWindow;
+          registerListenersOnWindow(window2);
+          iframesListeningTo.add(iframe);
+        }
+      } catch (error) {
+      }
+    }
+    (_a = handlers.onPointerOver) == null ? void 0 : _a.call(handlers, event.target);
+  }
+  function onPointerUp(event) {
+    event.preventDefault();
+    event.stopPropagation();
+  }
+  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() {
+    removeListenersOnWindow(window);
+    iframesListeningTo.forEach((frame) => {
+      try {
+        removeListenersOnWindow(frame.contentWindow);
+      } catch (error) {
+      }
+    });
+    iframesListeningTo = /* @__PURE__ */ new Set();
+  }
+  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() {
+    registerListenersOnWindow(window);
+  }
+  startInspectingNative();
+  return stopInspectingNative;
+}
+export {
+  setupHighlighter
+};

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

@@ -0,0 +1,131 @@
+import "../../chunk-I4E63NIC.mjs";
+import {
+  isNativeTagFiber,
+  isReactSymbolFiber,
+  isForwardRef,
+  getDirectParentFiber,
+  getFiberName,
+  getElementFiberUpward
+} from "./fiber";
+const getCodeInfoFromDebugSource = (fiber) => {
+  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 : 1),
+      /**
+       * `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 ? 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 {
+      metadata = JSON.parse(metadataStr);
+    } catch (e) {
+      metadata = void 0;
+    }
+  }
+  if (name && lineNumber && columnNumber && relativePath) {
+    return {
+      name,
+      lineNumber,
+      columnNumber,
+      relativePath,
+      metadata
+    };
+  }
+  return void 0;
+};
+const getCodeInfoFromFiber = (fiber) => {
+  const codeInfos = [
+    // getCodeInfoFromDebugSource(fiber),
+    getCodeInfoFromProps(fiber)
+  ].filter(Boolean);
+  if (!codeInfos.length) return void 0;
+  return Object.assign({}, ...codeInfos);
+};
+const getReferenceFiber = (baseFiber) => {
+  if (!baseFiber) return void 0;
+  const directParent = getDirectParentFiber(baseFiber);
+  if (!directParent) return void 0;
+  const isParentNative = isNativeTagFiber(directParent);
+  const isOnlyOneChild = !directParent.child.sibling;
+  let referenceFiber = !isParentNative && isOnlyOneChild ? directParent : baseFiber;
+  const originReferenceFiber = referenceFiber;
+  while (referenceFiber) {
+    if (getCodeInfoFromFiber(referenceFiber)) return referenceFiber;
+    referenceFiber = referenceFiber.return;
+  }
+  return originReferenceFiber;
+};
+const getElementCodeInfo = (element) => {
+  const fiber = getElementFiberUpward(element);
+  const referenceFiber = getReferenceFiber(fiber);
+  return getCodeInfoFromFiber(referenceFiber);
+};
+const getNamedFiber = (baseFiber) => {
+  var _a, _b;
+  let fiber = baseFiber;
+  let originNamedFiber;
+  while (fiber) {
+    let parent = (_a = fiber.return) != null ? _a : void 0;
+    let forwardParent;
+    while (isReactSymbolFiber(parent)) {
+      if (isForwardRef(parent)) {
+        forwardParent = parent;
+      }
+      parent = (_b = parent == null ? void 0 : parent.return) != null ? _b : void 0;
+    }
+    if (forwardParent) {
+      fiber = forwardParent;
+    }
+    if (getFiberName(fiber)) {
+      if (!originNamedFiber) originNamedFiber = fiber;
+      if (getCodeInfoFromFiber(fiber)) return fiber;
+    }
+    fiber = parent;
+  }
+  return originNamedFiber;
+};
+const getElementInspect = (element) => {
+  const fiber = getElementFiberUpward(element);
+  const referenceFiber = getReferenceFiber(fiber);
+  const namedFiber = getNamedFiber(referenceFiber);
+  const fiberName = getFiberName(namedFiber);
+  const nodeName = element.nodeName.toLowerCase();
+  const title = fiberName != null ? fiberName : nodeName;
+  return {
+    fiber: referenceFiber,
+    name: fiberName,
+    title
+  };
+};
+export {
+  getCodeInfoFromDebugSource,
+  getCodeInfoFromFiber,
+  getCodeInfoFromProps,
+  getElementCodeInfo,
+  getElementInspect,
+  getNamedFiber,
+  getReferenceFiber
+};

package/dist/es/Inspector/utils/{overlay.js → overlay.mjs}

@@ -1,7 +1,8 @@
-export function getNestedBoundingClientRect(node) {
+import "../../chunk-I4E63NIC.mjs";
+function getNestedBoundingClientRect(node) {
   return node.getBoundingClientRect();
 }
-export function getElementDimensions(domElement) {
+function getElementDimensions(domElement) {
   const calculatedStyle = window.getComputedStyle(domElement);
   return {
     borderLeft: Number.parseInt(calculatedStyle.borderLeftWidth, 10),
@@ -18,3 +19,7 @@ export function getElementDimensions(domElement) {
     paddingBottom: Number.parseInt(calculatedStyle.paddingBottom, 10)
   };
 }
+export {
+  getElementDimensions,
+  getNestedBoundingClientRect
+};