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

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

@@ -1,10 +1,16 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import "../chunk-I4E63NIC.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
 import hotkeys from "hotkeys-js";
 import { useLayoutEffect, useEffectEvent, useMousePosition } from "./hooks";
 import { Overlay } from "./Overlay";
-import { setupHighlighter, getElementCodeInfo, getElementInspect, getReferenceFiber } from "./utils";
+import {
+  setupHighlighter,
+  getElementCodeInfo,
+  getElementInspect,
+  getReferenceFiber
+} from "./utils";
 import { getElementFiberUpward } from "./utils/fiber";
 const getParentElement = (element) => {
   let parent = element;
@@ -16,7 +22,7 @@ const getParentElement = (element) => {
     const parentFiber = parent.parentElement ? getElementFiberUpward(parent.parentElement) : void 0;
     const referenceFiber = getReferenceFiber(fiber);
     const parentReferenceFiber = parentFiber ? getReferenceFiber(parentFiber) : null;
-    const currentName = referenceFiber === null || referenceFiber === void 0 ? void 0 : referenceFiber.pendingProps["data-miaoda-component-name"];
+    const currentName = referenceFiber == null ? void 0 : referenceFiber.pendingProps["data-miaoda-component-name"];
     const parentName = parentReferenceFiber ? parentReferenceFiber.pendingProps["data-miaoda-component-name"] : null;
     if (currentName && currentName !== parentName) {
       return parent;
@@ -25,62 +31,56 @@ const getParentElement = (element) => {
   }
   return;
 };
-export const defaultHotkeys = () => {
-  var _navigator_platform;
-  return ((_navigator_platform = navigator.platform) === null || _navigator_platform === void 0 ? void 0 : _navigator_platform.startsWith("Mac")) ? [
-    "Ctrl",
-    "Shift",
-    "Command",
-    "C"
-  ] : [
-    "Ctrl",
-    "Shift",
-    "Alt",
-    "C"
-  ];
+const defaultHotkeys = () => {
+  var _a;
+  return ((_a = navigator.platform) == null ? void 0 : _a.startsWith("Mac")) ? ["Ctrl", "Shift", "Command", "C"] : ["Ctrl", "Shift", "Alt", "C"];
 };
-export const Inspector = (props) => {
-  const { keys, onHoverElement, onClickElement, onInspectElement, active: controlledActive, onActiveChange, handleCodeInfo, disable = true, children } = props;
-  const [isActive, setActive] = useState(controlledActive !== null && controlledActive !== void 0 ? controlledActive : false);
-  const hotkey = keys === null ? null : (keys !== null && keys !== void 0 ? keys : []).join("+");
+const Inspector = (props) => {
+  const {
+    keys,
+    onHoverElement,
+    onClickElement,
+    onInspectElement,
+    active: controlledActive,
+    onActiveChange,
+    handleCodeInfo,
+    disable = true,
+    children
+  } = props;
+  const [isActive, setActive] = useState(controlledActive != null ? controlledActive : false);
+  const hotkey = keys === null ? null : (keys != null ? keys : []).join("+");
   const overlayRef = useRef();
-  const mouseRef = useMousePosition({
-    disable
-  });
+  const mouseRef = useMousePosition({ disable });
   useLayoutEffect(() => {
     if (controlledActive !== void 0) {
       setActive(controlledActive);
     }
-  }, [
-    controlledActive
-  ]);
+  }, [controlledActive]);
   const activate = useEffectEvent(() => {
-    onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(true);
+    onActiveChange == null ? void 0 : onActiveChange(true);
     if (controlledActive === void 0) {
       setActive(true);
     }
   });
   const deactivate = useEffectEvent(() => {
-    onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
+    onActiveChange == null ? void 0 : onActiveChange(false);
     if (controlledActive === void 0) {
       setActive(false);
     }
   });
   const handleHoverElement = useEffectEvent((element) => {
-    var _overlay_inspect;
+    var _a;
     const overlay = overlayRef.current;
     const targetElement = getParentElement(element);
     if (!targetElement) {
       return;
     }
     const codeInfo = getElementCodeInfo(targetElement);
-    const relativePath = codeInfo === null || codeInfo === void 0 ? void 0 : codeInfo.relativePath;
-    const absolutePath = codeInfo === null || codeInfo === void 0 ? void 0 : codeInfo.absolutePath;
+    const relativePath = codeInfo == null ? void 0 : codeInfo.relativePath;
+    const absolutePath = codeInfo == null ? void 0 : codeInfo.absolutePath;
     const { fiber, name, title } = getElementInspect(targetElement);
-    overlay === null || overlay === void 0 ? void 0 : (_overlay_inspect = overlay.inspect) === null || _overlay_inspect === void 0 ? void 0 : _overlay_inspect.call(overlay, [
-      targetElement
-    ], title, relativePath !== null && relativePath !== void 0 ? relativePath : absolutePath);
-    onHoverElement === null || onHoverElement === void 0 ? void 0 : onHoverElement({
+    (_a = overlay == null ? void 0 : overlay.inspect) == null ? void 0 : _a.call(overlay, [targetElement], title, relativePath != null ? relativePath : absolutePath);
+    onHoverElement == null ? void 0 : onHoverElement({
       element: targetElement,
       fiber,
       codeInfo,
@@ -94,7 +94,7 @@ export const Inspector = (props) => {
     }
     const codeInfo = getElementCodeInfo(targetElement);
     const { fiber, name, title } = getElementInspect(targetElement);
-    onClickElement === null || onClickElement === void 0 ? void 0 : onClickElement({
+    onClickElement == null ? void 0 : onClickElement({
       element: targetElement,
       fiber,
       codeInfo,
@@ -102,7 +102,7 @@ export const Inspector = (props) => {
       title
     });
     if (fiber && codeInfo) {
-      onInspectElement === null || onInspectElement === void 0 ? void 0 : onInspectElement({
+      onInspectElement == null ? void 0 : onInspectElement({
         element: targetElement,
         fiber,
         codeInfo,
@@ -112,8 +112,7 @@ export const Inspector = (props) => {
     }
   });
   const startInspect = useEffectEvent(() => {
-    if (overlayRef.current || disable)
-      return;
+    if (overlayRef.current || disable) return;
     const overlay = new Overlay(handleCodeInfo);
     overlayRef.current = overlay;
     hotkeys(`esc`, deactivate);
@@ -124,12 +123,11 @@ export const Inspector = (props) => {
     overlay.setRemoveCallback(stopCallback);
     const initPoint = mouseRef.current;
     const initElement = document.elementFromPoint(initPoint.x, initPoint.y);
-    if (initElement)
-      handleHoverElement(initElement);
+    if (initElement) handleHoverElement(initElement);
   });
   const stopInspect = useEffectEvent(() => {
-    var _overlayRef_current;
-    (_overlayRef_current = overlayRef.current) === null || _overlayRef_current === void 0 ? void 0 : _overlayRef_current.remove();
+    var _a;
+    (_a = overlayRef.current) == null ? void 0 : _a.remove();
     overlayRef.current = void 0;
     hotkeys.unbind(`esc`, deactivate);
   });
@@ -140,13 +138,11 @@ export const Inspector = (props) => {
       stopInspect();
     }
     return stopInspect;
-  }, [
-    isActive
-  ]);
+  }, [isActive]);
   useEffect(() => {
     const handleScroll = () => {
-      var _overlayRef_current;
-      (_overlayRef_current = overlayRef.current) === null || _overlayRef_current === void 0 ? void 0 : _overlayRef_current.clearRect();
+      var _a;
+      (_a = overlayRef.current) == null ? void 0 : _a.clearRect();
     };
     window.addEventListener("scroll", handleScroll, true);
     return () => {
@@ -169,11 +165,10 @@ export const Inspector = (props) => {
       };
     }
     return;
-  }, [
-    hotkey,
-    disable
-  ]);
-  return /* @__PURE__ */ _jsx(_Fragment, {
-    children: children !== null && children !== void 0 ? children : null
-  });
+  }, [hotkey, disable]);
+  return /* @__PURE__ */ jsx(Fragment, { children: children != null ? children : null });
+};
+export {
+  Inspector,
+  defaultHotkeys
 };

package/dist/es/Inspector/{Overlay.js → Overlay.mjs}

@@ -1,4 +1,8 @@
-import { getElementDimensions, getNestedBoundingClientRect } from "./utils";
+import "../chunk-I4E63NIC.mjs";
+import {
+  getElementDimensions,
+  getNestedBoundingClientRect
+} from "./utils";
 const overlayStyles = {
   padding: "transparent",
   margin: "transparent",
@@ -51,24 +55,6 @@ function findTipPos(dims, bounds, tipSize) {
   };
 }
 class OverlayRect {
-  remove() {
-    if (this.node.parentNode) {
-      this.node.parentNode.removeChild(this.node);
-    }
-  }
-  update(box, dims) {
-    boxWrap(dims, "margin", this.node);
-    boxWrap(dims, "border", this.border);
-    boxWrap(dims, "padding", this.padding);
-    Object.assign(this.content.style, {
-      height: `${box.height - dims.borderTop - dims.borderBottom - dims.paddingTop - dims.paddingBottom}px`,
-      width: `${box.width - dims.borderLeft - dims.borderRight - dims.paddingLeft - dims.paddingRight}px`
-    });
-    Object.assign(this.node.style, {
-      top: `${box.top - dims.marginTop}px`,
-      left: `${box.left - dims.marginLeft}px`
-    });
-  }
   constructor(doc, container) {
     this.node = doc.createElement("div");
     this.border = doc.createElement("div");
@@ -88,21 +74,26 @@ class OverlayRect {
     this.padding.appendChild(this.content);
     container.prepend(this.node);
   }
-}
-class ClickOverlayRect {
   remove() {
     if (this.node.parentNode) {
       this.node.parentNode.removeChild(this.node);
     }
   }
   update(box, dims) {
+    boxWrap(dims, "margin", this.node);
+    boxWrap(dims, "border", this.border);
+    boxWrap(dims, "padding", this.padding);
+    Object.assign(this.content.style, {
+      height: `${box.height - dims.borderTop - dims.borderBottom - dims.paddingTop - dims.paddingBottom}px`,
+      width: `${box.width - dims.borderLeft - dims.borderRight - dims.paddingLeft - dims.paddingRight}px`
+    });
     Object.assign(this.node.style, {
-      top: `${box.top - 1 - dims.marginTop}px`,
-      left: `${box.left - 1 - dims.marginLeft}px`,
-      width: `${box.width + dims.marginLeft + dims.marginRight + 2}px`,
-      height: `${box.height + dims.marginTop + dims.marginBottom + 2}px`
+      top: `${box.top - dims.marginTop}px`,
+      left: `${box.left - dims.marginLeft}px`
     });
   }
+}
+class ClickOverlayRect {
   constructor(doc, container) {
     this.node = doc.createElement("div");
     this.border = doc.createElement("div");
@@ -124,36 +115,21 @@ class ClickOverlayRect {
     this.node.appendChild(this.border);
     container.appendChild(this.node);
   }
-}
-class OverlayTip {
   remove() {
-    if (this.tip.parentNode) {
-      this.tip.parentNode.removeChild(this.tip);
-    }
-  }
-  updateText(name) {
-    this.titleDiv.textContent = name;
-  }
-  updatePosition(dims, bounds) {
-    const tipRect = this.tip.getBoundingClientRect();
-    const tipPos = findTipPos(dims, bounds, {
-      width: tipRect.width,
-      height: tipRect.height
-    });
-    Object.assign(this.tip.style, tipPos.style);
-    if (dims.width === 0 || dims.height === 0) {
-      this.invisible();
-    } else {
-      Object.assign(this.tip.style, {
-        display: "flex"
-      });
+    if (this.node.parentNode) {
+      this.node.parentNode.removeChild(this.node);
     }
   }
-  invisible() {
-    Object.assign(this.tip.style, {
-      display: "none"
+  update(box, dims) {
+    Object.assign(this.node.style, {
+      top: `${box.top - 1 - dims.marginTop}px`,
+      left: `${box.left - 1 - dims.marginLeft}px`,
+      width: `${box.width + dims.marginLeft + dims.marginRight + 2}px`,
+      height: `${box.height + dims.marginTop + dims.marginBottom + 2}px`
     });
   }
+}
+class OverlayTip {
   constructor(doc, container) {
     this.tip = doc.createElement("div");
     Object.assign(this.tip.style, {
@@ -187,8 +163,62 @@ class OverlayTip {
     this.tip.style.zIndex = "10000000";
     container.appendChild(this.tip);
   }
+  remove() {
+    if (this.tip.parentNode) {
+      this.tip.parentNode.removeChild(this.tip);
+    }
+  }
+  updateText(name) {
+    this.titleDiv.textContent = name;
+  }
+  updatePosition(dims, bounds) {
+    const tipRect = this.tip.getBoundingClientRect();
+    const tipPos = findTipPos(dims, bounds, {
+      width: tipRect.width,
+      height: tipRect.height
+    });
+    Object.assign(this.tip.style, tipPos.style);
+    if (dims.width === 0 || dims.height === 0) {
+      this.invisible();
+    } else {
+      Object.assign(this.tip.style, {
+        display: "flex"
+      });
+    }
+  }
+  invisible() {
+    Object.assign(this.tip.style, {
+      display: "none"
+    });
+  }
 }
-export class Overlay {
+class Overlay {
+  constructor(handleCodeInfo) {
+    this.handleCodeInfo = handleCodeInfo;
+    const currentWindow = window.__REACT_DEVTOOLS_TARGET_WINDOW__ || window;
+    this.window = currentWindow;
+    const tipBoundsWindow = window.__REACT_DEVTOOLS_TARGET_WINDOW__ || window;
+    this.tipBoundsWindow = tipBoundsWindow;
+    const doc = currentWindow.document;
+    this.container = doc.createElement("div");
+    this.container.style.zIndex = "10000000";
+    this.tip = new OverlayTip(doc, this.container);
+    this.rects = [];
+    this.removeCallback = () => {
+    };
+    let rafId = null;
+    this.resizeObserver = new ResizeObserver(() => {
+      if (rafId) {
+        cancelAnimationFrame(rafId);
+      }
+      rafId = requestAnimationFrame(() => {
+        if (this.currentElements && this.currentName) {
+          this.updatePositions(this.currentElements, this.currentName);
+        }
+      });
+    });
+    doc.body.appendChild(this.container);
+  }
   remove() {
     this.tip.remove();
     this.rects.forEach((rect) => {
@@ -209,7 +239,7 @@ export class Overlay {
     this.currentElements = nodes;
     while (this.rects.length > elements.length) {
       const rect = this.rects.pop();
-      rect === null || rect === void 0 ? void 0 : rect.remove();
+      rect == null ? void 0 : rect.remove();
     }
     if (elements.length === 0) {
       return;
@@ -223,7 +253,7 @@ export class Overlay {
     const elements = nodes.filter((node) => node.nodeType === Node.ELEMENT_NODE);
     while (this.rects.length > elements.length) {
       const rect = this.rects.pop();
-      rect === null || rect === void 0 ? void 0 : rect.remove();
+      rect == null ? void 0 : rect.remove();
     }
     if (elements.length === 0) {
       return;
@@ -241,8 +271,14 @@ export class Overlay {
       const box = getNestedBoundingClientRect(element, this.window);
       const dims = getElementDimensions(element);
       outerBox.top = Math.min(outerBox.top, box.top - dims.marginTop);
-      outerBox.right = Math.max(outerBox.right, box.left + box.width + dims.marginRight);
-      outerBox.bottom = Math.max(outerBox.bottom, box.top + box.height + dims.marginBottom);
+      outerBox.right = Math.max(
+        outerBox.right,
+        box.left + box.width + dims.marginRight
+      );
+      outerBox.bottom = Math.max(
+        outerBox.bottom,
+        box.top + box.height + dims.marginBottom
+      );
       outerBox.left = Math.min(outerBox.left, box.left - dims.marginLeft);
       const rect = this.rects[index];
       rect.update(box, dims);
@@ -257,55 +293,63 @@ export class Overlay {
     } else {
       this.tip.updateText(name);
     }
-    const tipBounds = getNestedBoundingClientRect(this.tipBoundsWindow.document.documentElement, this.window);
-    this.tip.updatePosition({
-      top: outerBox.top,
-      left: outerBox.left,
-      height: outerBox.bottom - outerBox.top,
-      width: outerBox.right - outerBox.left
-    }, {
-      top: tipBounds.top + this.tipBoundsWindow.scrollY,
-      left: tipBounds.left + this.tipBoundsWindow.scrollX,
-      height: this.tipBoundsWindow.innerHeight,
-      width: this.tipBoundsWindow.innerWidth
-    });
+    const tipBounds = getNestedBoundingClientRect(
+      this.tipBoundsWindow.document.documentElement,
+      this.window
+    );
+    this.tip.updatePosition(
+      {
+        top: outerBox.top,
+        left: outerBox.left,
+        height: outerBox.bottom - outerBox.top,
+        width: outerBox.right - outerBox.left
+      },
+      {
+        top: tipBounds.top + this.tipBoundsWindow.scrollY,
+        left: tipBounds.left + this.tipBoundsWindow.scrollX,
+        height: this.tipBoundsWindow.innerHeight,
+        width: this.tipBoundsWindow.innerWidth
+      }
+    );
   }
   clearRect() {
-    var _this_rects;
-    (_this_rects = this.rects) === null || _this_rects === void 0 ? void 0 : _this_rects.forEach((rect) => {
+    var _a;
+    (_a = this.rects) == null ? void 0 : _a.forEach((rect) => {
       rect.remove();
     });
     this.rects.length = 0;
     this.tip.invisible();
   }
-  constructor(handleCodeInfo) {
-    this.handleCodeInfo = handleCodeInfo;
+}
+class ClickOverlay {
+  constructor(positionUpdate) {
+    this.currentElement = null;
+    this.currentName = void 0;
+    this.positionUpdate = positionUpdate;
     const currentWindow = window.__REACT_DEVTOOLS_TARGET_WINDOW__ || window;
     this.window = currentWindow;
     const tipBoundsWindow = window.__REACT_DEVTOOLS_TARGET_WINDOW__ || window;
     this.tipBoundsWindow = tipBoundsWindow;
     const doc = currentWindow.document;
     this.container = doc.createElement("div");
-    this.container.style.zIndex = "10000000";
+    this.container.style.zIndex = "9999999";
     this.tip = new OverlayTip(doc, this.container);
-    this.rects = [];
-    this.removeCallback = () => {
-    };
+    this.rect = null;
     let rafId = null;
     this.resizeObserver = new ResizeObserver(() => {
+      var _a;
       if (rafId) {
         cancelAnimationFrame(rafId);
       }
       rafId = requestAnimationFrame(() => {
-        if (this.currentElements && this.currentName) {
-          this.updatePositions(this.currentElements, this.currentName);
+        if (this.currentElement) {
+          this.updatePosition(this.currentElement);
         }
       });
+      (_a = this.positionUpdate) == null ? void 0 : _a.call(this);
     });
     doc.body.appendChild(this.container);
   }
-}
-export class ClickOverlay {
   remove() {
     this.tip.remove();
     if (this.rect) {
@@ -334,7 +378,7 @@ export class ClickOverlay {
     this.resizeObserver.observe(element);
   }
   updatePosition(element) {
-    var _this_rect;
+    var _a;
     const outerBox = {
       top: Number.POSITIVE_INFINITY,
       right: Number.NEGATIVE_INFINITY,
@@ -344,57 +388,45 @@ export class ClickOverlay {
     const box = getNestedBoundingClientRect(element, this.window);
     const dims = getElementDimensions(element);
     outerBox.top = Math.min(outerBox.top, box.top - dims.marginTop);
-    outerBox.right = Math.max(outerBox.right, box.left + box.width + dims.marginRight);
-    outerBox.bottom = Math.max(outerBox.bottom, box.top + box.height + dims.marginBottom);
+    outerBox.right = Math.max(
+      outerBox.right,
+      box.left + box.width + dims.marginRight
+    );
+    outerBox.bottom = Math.max(
+      outerBox.bottom,
+      box.top + box.height + dims.marginBottom
+    );
     outerBox.left = Math.min(outerBox.left, box.left - dims.marginLeft);
-    (_this_rect = this.rect) === null || _this_rect === void 0 ? void 0 : _this_rect.update(box, dims);
-    const tipBounds = getNestedBoundingClientRect(this.tipBoundsWindow.document.documentElement, this.window);
+    (_a = this.rect) == null ? void 0 : _a.update(box, dims);
+    const tipBounds = getNestedBoundingClientRect(
+      this.tipBoundsWindow.document.documentElement,
+      this.window
+    );
     if (box.width === 0 || box.height === 0) {
       this.tip.invisible();
     }
-    this.tip.updatePosition({
-      top: outerBox.top,
-      left: outerBox.left,
-      height: outerBox.bottom - outerBox.top,
-      width: outerBox.right - outerBox.left
-    }, {
-      top: tipBounds.top + this.tipBoundsWindow.scrollY,
-      left: tipBounds.left + this.tipBoundsWindow.scrollX,
-      height: this.tipBoundsWindow.innerHeight,
-      width: this.tipBoundsWindow.innerWidth
-    });
+    this.tip.updatePosition(
+      {
+        top: outerBox.top,
+        left: outerBox.left,
+        height: outerBox.bottom - outerBox.top,
+        width: outerBox.right - outerBox.left
+      },
+      {
+        top: tipBounds.top + this.tipBoundsWindow.scrollY,
+        left: tipBounds.left + this.tipBoundsWindow.scrollX,
+        height: this.tipBoundsWindow.innerHeight,
+        width: this.tipBoundsWindow.innerWidth
+      }
+    );
   }
   clearRect() {
-    var _this_rect;
-    (_this_rect = this.rect) === null || _this_rect === void 0 ? void 0 : _this_rect.remove();
+    var _a;
+    (_a = this.rect) == null ? void 0 : _a.remove();
     this.tip.invisible();
   }
-  constructor(positionUpdate) {
-    this.currentElement = null;
-    this.currentName = void 0;
-    this.positionUpdate = positionUpdate;
-    const currentWindow = window.__REACT_DEVTOOLS_TARGET_WINDOW__ || window;
-    this.window = currentWindow;
-    const tipBoundsWindow = window.__REACT_DEVTOOLS_TARGET_WINDOW__ || window;
-    this.tipBoundsWindow = tipBoundsWindow;
-    const doc = currentWindow.document;
-    this.container = doc.createElement("div");
-    this.container.style.zIndex = "9999999";
-    this.tip = new OverlayTip(doc, this.container);
-    this.rect = null;
-    let rafId = null;
-    this.resizeObserver = new ResizeObserver(() => {
-      var _this_positionUpdate, _this;
-      if (rafId) {
-        cancelAnimationFrame(rafId);
-      }
-      rafId = requestAnimationFrame(() => {
-        if (this.currentElement) {
-          this.updatePosition(this.currentElement);
-        }
-      });
-      (_this_positionUpdate = (_this = this).positionUpdate) === null || _this_positionUpdate === void 0 ? void 0 : _this_positionUpdate.call(_this);
-    });
-    doc.body.appendChild(this.container);
-  }
 }
+export {
+  ClickOverlay,
+  Overlay
+};

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

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

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

@@ -0,0 +1,9 @@
+import "../../chunk-I4E63NIC.mjs";
+var _a;
+import { useEffect, useLayoutEffect as _useLayoutEffect } from "react";
+const useLayoutEffect = typeof window !== "undefined" && // @ts-expect-error `window` is not available in SSR
+// eslint-disable-next-line no-restricted-syntax
+((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.createElement) ? _useLayoutEffect : useEffect;
+export {
+  useLayoutEffect
+};

package/dist/es/Inspector/hooks/{use-mouse.js → use-mouse.mjs}

@@ -1,5 +1,8 @@
+import "../../chunk-I4E63NIC.mjs";
 import { useEffect, useRef } from "react";
-export const useMousePosition = ({ disable }) => {
+const useMousePosition = ({
+  disable
+}) => {
   const mouseRef = useRef({
     x: 0,
     y: 0
@@ -15,8 +18,9 @@ export const useMousePosition = ({ disable }) => {
     return () => {
       document.removeEventListener("mousemove", recordMousePoint, true);
     };
-  }, [
-    disable
-  ]);
+  }, [disable]);
   return mouseRef;
 };
+export {
+  useMousePosition
+};

package/dist/es/Inspector/index.mjs

@@ -0,0 +1,5 @@
+import "../chunk-I4E63NIC.mjs";
+import { Inspector } from "./Inspector";
+export {
+  Inspector
+};