@mearl/native-host 2.7.0 → 2.7.1

package/dist/index.js

@@ -2091,8 +2091,8 @@ function resolvePageDragInput(data) {
   if (!data || typeof data !== "object") {
     throw new Error("page_drag: payload is required");
   }
-  if (data.dragMode !== void 0 && !["auto", "mouse", "touch"].includes(data.dragMode)) {
-    throw new Error('page_drag: "dragMode" must be one of auto, mouse, touch');
+  if (data.dragMode !== void 0 && !["auto", "dom", "mouse", "touch"].includes(data.dragMode)) {
+    throw new Error('page_drag: "dragMode" must be one of auto, dom, mouse, touch');
   }
   const durationMs = data.durationMs ?? PAGE_DRAG_DEFAULT_DURATION_MS;
   if (!Number.isFinite(durationMs) || durationMs < 0 || durationMs > PAGE_DRAG_MAX_DURATION_MS) {
@@ -2105,6 +2105,16 @@ function resolvePageDragInput(data) {
     durationMs: Math.round(durationMs)
   };
 }
+function resolvePageDragDispatchPolicy(dragMode, visibilityState, touchEmulationEnabled) {
+  const requestedMode = dragMode ?? "auto";
+  const pointerType = requestedMode === "mouse" || requestedMode === "touch" ? requestedMode : touchEmulationEnabled ? "touch" : "mouse";
+  if (requestedMode === "dom")
+    return { dispatchMode: "dom", pointerType };
+  if (requestedMode === "auto" && visibilityState === "hidden") {
+    return { dispatchMode: "dom", pointerType, fallbackReason: "page-hidden" };
+  }
+  return { dispatchMode: "trusted-input", pointerType };
+}
 function buildPageDragPath(from, to, durationMs) {
   const steps = Math.max(PAGE_DRAG_MIN_STEPS, Math.min(PAGE_DRAG_MAX_STEPS, Math.ceil(durationMs / PAGE_DRAG_STEP_INTERVAL_MS)));
   const points = Array.from({ length: steps }, (_, index) => {
@@ -2116,6 +2126,116 @@ function buildPageDragPath(from, to, durationMs) {
   });
   return { points, intervalMs: durationMs / steps };
 }
+function dragBetweenPointsInPage(from, points, pointerType) {
+  const target = document.elementFromPoint(from.x, from.y);
+  if (!target) {
+    return {
+      dragged: false,
+      steps: 0,
+      error: `No element found at drag start point (${from.x}, ${from.y})`
+    };
+  }
+  if (points.length === 0) {
+    return { dragged: false, steps: 0, error: "Drag path must contain at least one point" };
+  }
+  const view = target.ownerDocument.defaultView ?? window;
+  const realm = view;
+  const pointerId = 1;
+  const pointerInit = (point, buttons, pressure) => ({
+    bubbles: true,
+    cancelable: true,
+    composed: true,
+    view,
+    clientX: point.x,
+    clientY: point.y,
+    screenX: point.x,
+    screenY: point.y,
+    button: 0,
+    buttons,
+    pointerId,
+    pointerType,
+    isPrimary: true,
+    pressure,
+    width: 1,
+    height: 1
+  });
+  const dispatchPointer = (type, point, buttons, pressure) => {
+    if (typeof realm.PointerEvent !== "function")
+      return false;
+    target.dispatchEvent(new realm.PointerEvent(type, pointerInit(point, buttons, pressure)));
+    return true;
+  };
+  const dispatchMouse = (type, point, buttons) => {
+    if (typeof realm.MouseEvent !== "function")
+      return false;
+    target.dispatchEvent(new realm.MouseEvent(type, {
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+      view,
+      clientX: point.x,
+      clientY: point.y,
+      screenX: point.x,
+      screenY: point.y,
+      button: 0,
+      buttons
+    }));
+    return true;
+  };
+  const createTouch = (point) => {
+    const init = {
+      identifier: pointerId,
+      target,
+      clientX: point.x,
+      clientY: point.y,
+      screenX: point.x,
+      screenY: point.y,
+      pageX: point.x + view.scrollX,
+      pageY: point.y + view.scrollY,
+      radiusX: 1,
+      radiusY: 1,
+      rotationAngle: 0,
+      force: 0.5
+    };
+    return typeof realm.Touch === "function" ? new realm.Touch(init) : init;
+  };
+  const dispatchTouch = (type, point) => {
+    if (typeof realm.TouchEvent !== "function")
+      return false;
+    const touch = createTouch(point);
+    const activeTouches = type === "touchend" ? [] : [touch];
+    target.dispatchEvent(new realm.TouchEvent(type, {
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+      touches: activeTouches,
+      targetTouches: activeTouches,
+      changedTouches: [touch]
+    }));
+    return true;
+  };
+  let dispatched = dispatchPointer("pointerdown", from, 1, 0.5);
+  dispatched = pointerType === "touch" ? dispatchTouch("touchstart", from) || dispatched : dispatchMouse("mousedown", from, 1) || dispatched;
+  for (const point of points) {
+    dispatched = dispatchPointer("pointermove", point, 1, 0.5) || dispatched;
+    dispatched = pointerType === "touch" ? dispatchTouch("touchmove", point) || dispatched : dispatchMouse("mousemove", point, 1) || dispatched;
+  }
+  const end = points[points.length - 1];
+  dispatched = pointerType === "touch" ? dispatchTouch("touchend", end) || dispatched : dispatchMouse("mouseup", end, 0) || dispatched;
+  dispatched = dispatchPointer("pointerup", end, 0, 0) || dispatched;
+  return dispatched ? { dragged: true, steps: points.length } : { dragged: false, steps: 0, error: "This page does not support synthetic drag events" };
+}
+var DRAG_BETWEEN_POINTS_IN_PAGE_SOURCE = dragBetweenPointsInPage.toString();
+function buildPageDragDomExpression(from, points, pointerType) {
+  return `(${DRAG_BETWEEN_POINTS_IN_PAGE_SOURCE})(${JSON.stringify(from)}, ${JSON.stringify(points)}, ${JSON.stringify(pointerType)})`;
+}
+function unwrapPageDragDomResult(result) {
+  if (!result)
+    throw new Error("page_drag: DOM simulation returned no result");
+  if (!result.dragged)
+    throw new Error(`page_drag: ${result.error}`);
+  return result;
+}
 function getDragCoordsFromNode() {
   const el = this.nodeType === Node.TEXT_NODE ? this.parentElement : this;
   if (!el || typeof el.getBoundingClientRect !== "function")
@@ -8489,18 +8609,52 @@ async function resolveDragEndpoint(session, endpoint) {
 }
 async function cdpPageDrag(session, data) {
   const input = resolvePageDragInput(data);
+  const visibilityResult = input.dragMode === "auto" ? await session.client.sendCommand("Runtime.evaluate", {
+    expression: "document.visibilityState",
+    returnByValue: true
+  }) : void 0;
+  const touchEmulationEnabled = input.dragMode === "auto" || input.dragMode === "dom" ? await prefersTouchInput(session) : input.dragMode === "touch";
+  const policy = resolvePageDragDispatchPolicy(
+    input.dragMode,
+    visibilityResult?.result?.value,
+    touchEmulationEnabled
+  );
   await scrollDragSourceIntoView(session, input.from);
   const from = await resolveDragEndpoint(session, input.from);
   const to = await resolveDragEndpoint(session, input.to);
   if (Math.hypot(to.point.x - from.point.x, to.point.y - from.point.y) < 1) {
     throw new Error("page_drag: resolved endpoints must be at least 1 viewport pixel apart");
   }
-  const pointerType = input.dragMode === "auto" ? await prefersTouchInput(session) ? "touch" : "mouse" : input.dragMode;
+  if (policy.dispatchMode === "dom") {
+    const path15 = buildPageDragPath(from.point, to.point, input.durationMs);
+    const result = await session.client.sendCommand("Runtime.evaluate", {
+      expression: buildPageDragDomExpression(from.point, path15.points, policy.pointerType),
+      returnByValue: true
+    });
+    if (result.exceptionDetails) {
+      throw new Error(
+        result.exceptionDetails.exception?.description ?? result.exceptionDetails.text ?? "page_drag: DOM simulation failed"
+      );
+    }
+    const { steps: steps2 } = unwrapPageDragDomResult(
+      result.result?.value
+    );
+    return {
+      dragged: true,
+      from,
+      to,
+      dispatchMode: "dom",
+      pointerType: policy.pointerType,
+      durationMs: input.durationMs,
+      steps: steps2,
+      ...policy.fallbackReason ? { fallbackReason: policy.fallbackReason } : {}
+    };
+  }
   const { steps } = await dispatchCdpDrag(
     session,
     from.point,
     to.point,
-    pointerType,
+    policy.pointerType,
     input.durationMs
   );
   return {
@@ -8508,7 +8662,7 @@ async function cdpPageDrag(session, data) {
     from,
     to,
     dispatchMode: "trusted-input",
-    pointerType,
+    pointerType: policy.pointerType,
     durationMs: input.durationMs,
     steps
   };
@@ -10634,7 +10788,7 @@ import os2 from "node:os";
 import { randomUUID as randomUUID4 } from "node:crypto";
 
 // src/version.ts
-var NATIVE_HOST_VERSION = true ? "2.7.0" : "unknown";
+var NATIVE_HOST_VERSION = true ? "2.7.1" : "unknown";
 
 // src/analytics.ts
 var MEASUREMENT_ID = "G-W84LJDZ6PH";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mearl/native-host",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "description": "Native Messaging Host for Mearl — bridges Chrome Extension and local socket server",
   "type": "module",
   "main": "dist/install.js",
@@ -37,9 +37,9 @@
     "@types/ws": "^8.18.1",
     "esbuild": "^0.25.2",
     "typescript": "^5.8.3",
-    "@mearl/browser-core": "2.7.0",
-    "@mearl/daemon-core": "2.7.0",
-    "@mearl/setup": "2.7.0"
+    "@mearl/browser-core": "2.7.1",
+    "@mearl/daemon-core": "2.7.1",
+    "@mearl/setup": "2.7.1"
   },
   "scripts": {
     "build": "rm -rf dist/ && node build.mjs",