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

package/dist/lib/Inspector/Overlay.js

@@ -1,23 +1,28 @@
 "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, {
-  Overlay: function() {
-    return Overlay;
-  },
-  ClickOverlay: function() {
-    return ClickOverlay;
+    __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, {
+  ClickOverlay: () => ClickOverlay,
+  Overlay: () => Overlay
 });
-const _utils = require("./utils");
+module.exports = __toCommonJS(Overlay_exports);
+var import_utils = require("./utils");
 const overlayStyles = {
   padding: "transparent",
   margin: "transparent",
@@ -70,24 +75,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");
@@ -107,21 +94,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");
@@ -143,36 +135,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, {
@@ -206,8 +183,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"
+    });
+  }
 }
 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) => {
@@ -228,7 +259,7 @@ 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;
@@ -242,7 +273,7 @@ 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;
@@ -257,11 +288,17 @@ class Overlay {
       left: Number.POSITIVE_INFINITY
     };
     elements.forEach((element, index) => {
-      const box = (0, _utils.getNestedBoundingClientRect)(element, this.window);
-      const dims = (0, _utils.getElementDimensions)(element);
+      const box = (0, import_utils.getNestedBoundingClientRect)(element, this.window);
+      const dims = (0, import_utils.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);
@@ -276,55 +313,63 @@ class Overlay {
     } else {
       this.tip.updateText(name);
     }
-    const tipBounds = (0, _utils.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 = (0, import_utils.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);
   }
-}
-class ClickOverlay {
   remove() {
     this.tip.remove();
     if (this.rect) {
@@ -353,67 +398,51 @@ class ClickOverlay {
     this.resizeObserver.observe(element);
   }
   updatePosition(element) {
-    var _this_rect;
+    var _a;
     const outerBox = {
       top: Number.POSITIVE_INFINITY,
       right: Number.NEGATIVE_INFINITY,
       bottom: Number.NEGATIVE_INFINITY,
       left: Number.POSITIVE_INFINITY
     };
-    const box = (0, _utils.getNestedBoundingClientRect)(element, this.window);
-    const dims = (0, _utils.getElementDimensions)(element);
+    const box = (0, import_utils.getNestedBoundingClientRect)(element, this.window);
+    const dims = (0, import_utils.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 = (0, _utils.getNestedBoundingClientRect)(this.tipBoundsWindow.document.documentElement, this.window);
+    (_a = this.rect) == null ? void 0 : _a.update(box, dims);
+    const tipBounds = (0, import_utils.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);
-  }
 }

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

@@ -1,20 +1,20 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-_export_star(require("./use-layout-effect"), exports);
-_export_star(require("./use-effect-event"), exports);
-_export_star(require("./use-mouse"), 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 hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./use-layout-effect"), module.exports);
+__reExport(hooks_exports, require("./use-effect-event"), module.exports);
+__reExport(hooks_exports, require("./use-mouse"), module.exports);

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

@@ -1,24 +1,35 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useEffectEvent", {
-  enumerable: true,
-  get: function() {
-    return useEffectEvent;
+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 use_effect_event_exports = {};
+__export(use_effect_event_exports, {
+  useEffectEvent: () => useEffectEvent
 });
-const _react = require("react");
+module.exports = __toCommonJS(use_effect_event_exports);
+var import_react = require("react");
 const useEffectEvent = (callback) => {
-  const callbackRef = (0, _react.useRef)(callback);
-  callbackRef.current = (0, _react.useMemo)(() => callback, [
-    callback
-  ]);
-  const stableRef = (0, _react.useRef)();
+  const callbackRef = (0, import_react.useRef)(callback);
+  callbackRef.current = (0, import_react.useMemo)(() => callback, [callback]);
+  const stableRef = (0, import_react.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);
+      var _a;
+      return (_a = callbackRef.current) == null ? void 0 : _a.apply(this, args);
     };
   }
   return stableRef.current;

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

@@ -1,13 +1,28 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useLayoutEffect", {
-  enumerable: true,
-  get: function() {
-    return useLayoutEffect;
+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 use_layout_effect_exports = {};
+__export(use_layout_effect_exports, {
+  useLayoutEffect: () => useLayoutEffect
 });
-const _react = require("react");
-var _window_document, _window;
-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) ? _react.useLayoutEffect : _react.useEffect;
+module.exports = __toCommonJS(use_layout_effect_exports);
+var import_react = require("react");
+var _a;
+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) ? import_react.useLayoutEffect : import_react.useEffect;

package/dist/lib/Inspector/hooks/use-mouse.js

@@ -1,16 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useMousePosition", {
-  enumerable: true,
-  get: function() {
-    return useMousePosition;
+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 use_mouse_exports = {};
+__export(use_mouse_exports, {
+  useMousePosition: () => useMousePosition
 });
-const _react = require("react");
-const useMousePosition = ({ disable }) => {
-  const mouseRef = (0, _react.useRef)({
+module.exports = __toCommonJS(use_mouse_exports);
+var import_react = require("react");
+const useMousePosition = ({
+  disable
+}) => {
+  const mouseRef = (0, import_react.useRef)({
     x: 0,
     y: 0
   });
@@ -18,15 +33,13 @@ const useMousePosition = ({ disable }) => {
     mouseRef.current.x = ev.clientX;
     mouseRef.current.y = ev.clientY;
   };
-  (0, _react.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!disable) {
       document.addEventListener("mousemove", recordMousePoint, true);
     }
     return () => {
       document.removeEventListener("mousemove", recordMousePoint, true);
     };
-  }, [
-    disable
-  ]);
+  }, [disable]);
   return mouseRef;
 };

package/dist/lib/Inspector/index.js

@@ -1,11 +1,24 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Inspector", {
-  enumerable: true,
-  get: function() {
-    return _Inspector.Inspector;
+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 Inspector_exports = {};
+__export(Inspector_exports, {
+  Inspector: () => import_Inspector.Inspector
 });
-const _Inspector = require("./Inspector");
+module.exports = __toCommonJS(Inspector_exports);
+var import_Inspector = require("./Inspector");