@loupekit/sdk 0.9.1-next.33 → 0.9.1

package/dist/index.js

@@ -2460,9 +2460,6 @@ var LoupeApp = class {
     this.floatResize = null;
     this.raf = 0;
     // ---- inspector ------------------------------------------------------------
-    // Pointer Events, not mouse events: a touch drag on a phone never fires
-    // mousemove/mouseup, so Region/Record selection was impossible on touch devices.
-    // Pointer events cover mouse, touch and pen with one handler each.
     this.onMove = (e) => {
       if (this.mode !== "inspect") return;
       const target = this.pick(e.clientX, e.clientY);
@@ -2503,16 +2500,14 @@ var LoupeApp = class {
     };
     // ---- region ("free-size screenshot") selection ----------------------------
     this.onRegionDown = (e) => {
-      if (this.mode !== "region" && this.mode !== "record") return;
-      if (e.pointerType !== "touch" && e.pointerType !== "pen" && e.button !== 0) return;
+      if (this.mode !== "region" && this.mode !== "record" || e.button !== 0) return;
       const t = e.target;
       if (t && (t.id === "loupe-root" || t.closest?.("#loupe-root"))) return;
       e.preventDefault();
       e.stopPropagation();
       this.dragStart = { x: e.clientX, y: e.clientY };
-      document.addEventListener("pointermove", this.onRegionMove, true);
-      document.addEventListener("pointerup", this.onRegionUp, true);
-      document.addEventListener("pointercancel", this.onRegionCancel, true);
+      document.addEventListener("mousemove", this.onRegionMove, true);
+      document.addEventListener("mouseup", this.onRegionUp, true);
       this.drawSelection(e.clientX, e.clientY);
     };
     this.onRegionMove = (e) => {
@@ -2541,11 +2536,6 @@ var LoupeApp = class {
       if (wasRecord) void this.finishRecording(vp);
       else this.finishRegion(vp);
     };
-    /** The OS took over the gesture (e.g. a system swipe): drop the selection. */
-    this.onRegionCancel = () => {
-      this.cancelDrag();
-      this.selbox.style.display = "none";
-    };
     // ---- free note (drop a comment anywhere, no element / no screenshot) -------
     this.onFreeClick = (e) => {
       if (this.mode !== "free") return;
@@ -2799,8 +2789,7 @@ var LoupeApp = class {
     const recordBtn = this.toolBtn(RECORD_ICON, "Record", "record");
     recordBtn.title = "Drag a box, record a screen video of it, and comment";
     recordBtn.onclick = () => this.setMode(this.mode === "record" ? "off" : "record");
-    const canRecord = typeof navigator.mediaDevices?.getDisplayMedia === "function";
-    tools.append(inspectBtn, freeBtn, regionBtn, ...canRecord ? [recordBtn] : []);
+    tools.append(inspectBtn, freeBtn, regionBtn, recordBtn);
     const listHead = el("div", "listhead");
     listHead.append(document.createTextNode("Comments"));
     this.countEl = el("span", "count", "0");
@@ -2921,9 +2910,8 @@ var LoupeApp = class {
   }
   cancelDrag() {
     this.dragStart = null;
-    document.removeEventListener("pointermove", this.onRegionMove, true);
-    document.removeEventListener("pointerup", this.onRegionUp, true);
-    document.removeEventListener("pointercancel", this.onRegionCancel, true);
+    document.removeEventListener("mousemove", this.onRegionMove, true);
+    document.removeEventListener("mouseup", this.onRegionUp, true);
   }
   /**
    * Anchor a dragged viewport rect to the element under its center so it survives
@@ -3025,23 +3013,20 @@ var LoupeApp = class {
     this.dock.querySelector('[data-role="region"]')?.classList.toggle("on", mode === "region");
     this.dock.querySelector('[data-role="record"]')?.classList.toggle("on", mode === "record");
     this.dock.classList.toggle("inspecting", mode !== "off");
-    document.removeEventListener("pointermove", this.onMove, true);
-    document.removeEventListener("pointerdown", this.onMove, true);
+    document.removeEventListener("mousemove", this.onMove, true);
     document.removeEventListener("click", this.onClick, true);
     document.removeEventListener("click", this.onFreeClick, true);
-    document.removeEventListener("pointerdown", this.onRegionDown, true);
-    document.documentElement.style.touchAction = mode === "region" || mode === "record" ? "none" : "";
+    document.removeEventListener("mousedown", this.onRegionDown, true);
     if (mode === "off") return;
     document.addEventListener("keydown", this.onKey, true);
     this.closeComposer();
     if (mode === "inspect") {
-      document.addEventListener("pointermove", this.onMove, true);
-      document.addEventListener("pointerdown", this.onMove, true);
+      document.addEventListener("mousemove", this.onMove, true);
       document.addEventListener("click", this.onClick, true);
     } else if (mode === "free") {
       document.addEventListener("click", this.onFreeClick, true);
     } else if (mode === "region" || mode === "record") {
-      document.addEventListener("pointerdown", this.onRegionDown, true);
+      document.addEventListener("mousedown", this.onRegionDown, true);
     }
   }
   // ---- composer -------------------------------------------------------------