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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/miaoda-inspector",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.2",
   "description": "Inspector for Lark Apaas",
   "sideEffects": [
     "*.css"
@@ -15,15 +15,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "edenx build --tsconfig tsconfig.build.json",
-    "check-type": "rush check-type",
-    "lint": "eslint . --quiet",
-    "start": "rush storybook",
-    "test": "vitest",
-    "test:cov": "vitest run --coverage",
-    "test:update": "vitest run -u"
-  },
   "dependencies": {
     "clsx": "~2.0.0",
     "hotkeys-js": "^3.8.1",
@@ -33,16 +24,25 @@
   },
   "devDependencies": {
     "@types/react-reconciler": ">=0.26.6",
-    "@edenx/module-tools": "~1.35.1",
     "@testing-library/react": "^12",
     "@testing-library/react-hooks": "^8",
     "@types/node": "^18.17.18",
     "@types/react": "^17",
     "eslint": "^8",
     "react": "^18",
-    "typescript": "^4"
+    "typescript": "^4",
+    "vitest": "^1.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
+  },
+  "scripts": {
+    "build": "tsup --tsconfig tsconfig.build.json",
+    "check-type": "rush check-type",
+    "lint": "eslint . --quiet",
+    "start": "rush storybook",
+    "test": "vitest",
+    "test:cov": "vitest run --coverage",
+    "test:update": "vitest run -u"
   }
-}
+}

package/dist/es/Inspector/hooks/use-effect-event.js

@@ -1,15 +0,0 @@
-import { useMemo, useRef } from "react";
-export const useEffectEvent = (callback) => {
-  const callbackRef = useRef(callback);
-  callbackRef.current = useMemo(() => callback, [
-    callback
-  ]);
-  const stableRef = useRef();
-  if (!stableRef.current) {
-    stableRef.current = function(...args) {
-      var _callbackRef_current;
-      return (_callbackRef_current = callbackRef.current) === null || _callbackRef_current === void 0 ? void 0 : _callbackRef_current.apply(this, args);
-    };
-  }
-  return stableRef.current;
-};

package/dist/es/Inspector/hooks/use-layout-effect.js

@@ -1,3 +0,0 @@
-var _window_document, _window;
-import { useEffect, useLayoutEffect as _useLayoutEffect } from "react";
-export const useLayoutEffect = typeof window !== "undefined" && ((_window = window) === null || _window === void 0 ? void 0 : (_window_document = _window.document) === null || _window_document === void 0 ? void 0 : _window_document.createElement) ? _useLayoutEffect : useEffect;

package/dist/es/Inspector/index.js

@@ -1 +0,0 @@
-export { Inspector } from "./Inspector";

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

@@ -1,61 +0,0 @@
-export const isNativeTagFiber = (fiber) => typeof (fiber === null || fiber === void 0 ? void 0 : fiber.type) === "string";
-export 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";
-};
-export 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");
-};
-export 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;
-};
-export const getElementFiberUpward = (element) => {
-  if (!element)
-    return void 0;
-  const fiber = getElementFiber(element);
-  if (fiber)
-    return fiber;
-  return getElementFiberUpward(element.parentElement);
-};
-export const getDirectParentFiber = (child) => {
-  let current = child.return;
-  while (current) {
-    if (!isReactSymbolFiber(current)) {
-      return current;
-    }
-    current = current.return;
-  }
-  return null;
-};
-export const getFiberName = (fiber) => {
-  var _fiber_pendingProps;
-  const fiberType = fiber === null || fiber === void 0 ? 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"]) {
-    return fiber.pendingProps["data-miaoda-component-name"];
-  }
-  if (typeof displayName === "string") {
-    return displayName;
-  }
-  if (typeof name === "string") {
-    return name;
-  }
-  return void 0;
-};

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

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

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

@@ -1,119 +0,0 @@
-import { isNativeTagFiber, isReactSymbolFiber, isForwardRef, getDirectParentFiber, getFiberName, getElementFiberUpward } from "./fiber";
-export 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;
-  const { fileName, lineNumber, columnNumber } = debugSource;
-  if (fileName && lineNumber) {
-    return {
-      lineNumber: String(lineNumber),
-      columnNumber: String(columnNumber !== null && columnNumber !== void 0 ? 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;
-};
-export 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;
-  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;
-};
-export const getCodeInfoFromFiber = (fiber) => {
-  const codeInfos = [
-    // getCodeInfoFromDebugSource(fiber),
-    getCodeInfoFromProps(fiber)
-  ].filter(Boolean);
-  if (!codeInfos.length)
-    return void 0;
-  return Object.assign({}, ...codeInfos);
-};
-export 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;
-};
-export const getElementCodeInfo = (element) => {
-  const fiber = getElementFiberUpward(element);
-  const referenceFiber = getReferenceFiber(fiber);
-  return getCodeInfoFromFiber(referenceFiber);
-};
-export const getNamedFiber = (baseFiber) => {
-  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 forwardParent;
-    while (isReactSymbolFiber(parent)) {
-      if (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;
-    }
-    if (forwardParent) {
-      fiber = forwardParent;
-    }
-    if (getFiberName(fiber)) {
-      if (!originNamedFiber)
-        originNamedFiber = fiber;
-      if (getCodeInfoFromFiber(fiber))
-        return fiber;
-    }
-    fiber = parent;
-  }
-  return originNamedFiber;
-};
-export 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 !== void 0 ? fiberName : nodeName;
-  return {
-    fiber: referenceFiber,
-    name: fiberName,
-    title
-  };
-};