@qontinui/ui-bridge 0.8.4 → 0.8.5

package/dist/index.mjs

@@ -25778,7 +25778,7 @@ function exposeProviderOnWindow(internals) {
   if (typeof window === "undefined") return;
   const w = window;
   const root = w.__UI_BRIDGE__ ?? (w.__UI_BRIDGE__ = {});
-  root.version = "0.8.4";
+  root.version = "0.8.5";
   root.specs = { getGlobalSpecStore };
   root.registry = internals.registry;
   root.browserCapture = internals.browserCapture;
@@ -33972,6 +33972,64 @@ async function awaitDOMSettledRelay(timeout = 500) {
   } catch {
   }
 }
+function dispatchRealClick(el) {
+  try {
+    el.focus?.();
+  } catch {
+  }
+  const rect = (() => {
+    try {
+      return el.getBoundingClientRect();
+    } catch {
+      return { left: 0, top: 0, width: 0, height: 0 };
+    }
+  })();
+  const clientX = rect.left + rect.width / 2;
+  const clientY = rect.top + rect.height / 2;
+  const pointerInit = {
+    bubbles: true,
+    cancelable: true,
+    composed: true,
+    pointerId: 1,
+    button: 0,
+    buttons: 1,
+    isPrimary: true,
+    pointerType: "mouse",
+    clientX,
+    clientY
+  };
+  const mouseInit = {
+    bubbles: true,
+    cancelable: true,
+    composed: true,
+    button: 0,
+    buttons: 1,
+    clientX,
+    clientY
+  };
+  const makePointer = (type) => {
+    try {
+      if (typeof PointerEvent === "function") {
+        return new PointerEvent(type, pointerInit);
+      }
+    } catch {
+    }
+    return new MouseEvent(type, mouseInit);
+  };
+  const makeMouse = (type) => new MouseEvent(type, mouseInit);
+  try {
+    el.dispatchEvent(makePointer("pointerdown"));
+    el.dispatchEvent(makeMouse("mousedown"));
+    el.dispatchEvent(makePointer("pointerup"));
+    el.dispatchEvent(makeMouse("mouseup"));
+    el.dispatchEvent(makeMouse("click"));
+  } catch {
+  }
+  try {
+    el.click();
+  } catch {
+  }
+}
 async function getAnnotationStore() {
   try {
     const { getGlobalAnnotationStore: getGlobalAnnotationStore2 } = await Promise.resolve().then(() => (init_store(), store_exports));
@@ -34267,7 +34325,7 @@ async function executeCommand(action, payload, bridge) {
       try {
         switch (request.action) {
           case "click":
-            dom.click();
+            dispatchRealClick(dom);
             break;
           case "focus":
             dom.focus();
@@ -34368,9 +34426,9 @@ async function executeCommand(action, payload, bridge) {
               dom.checked = !dom.checked;
               dom.dispatchEvent(new Event("change", { bubbles: true }));
             } else if (dom.getAttribute("role") === "switch") {
-              dom.click();
+              dispatchRealClick(dom);
             } else {
-              dom.click();
+              dispatchRealClick(dom);
             }
             break;
           }
@@ -34539,7 +34597,7 @@ async function executeCommand(action, payload, bridge) {
           case "submit": {
             const form = dom.closest("form");
             if (form) form.requestSubmit();
-            else dom.click();
+            else dispatchRealClick(dom);
             break;
           }
           case "reset": {
@@ -34760,7 +34818,7 @@ async function executeCommand(action, payload, bridge) {
         return { success: false, error: `No element found with text "${text}"` };
       }
       const el = matches[0];
-      el.click();
+      dispatchRealClick(el);
       return {
         clicked: true,
         element: {
@@ -34779,7 +34837,7 @@ async function executeCommand(action, payload, bridge) {
       if (!el) {
         return { success: false, error: `No element found for selector "${selector}"` };
       }
-      el.click();
+      dispatchRealClick(el);
       return {
         clicked: true,
         element: {
@@ -35200,7 +35258,7 @@ async function executeCommand(action, payload, bridge) {
       try {
         switch (parsed.action) {
           case "click":
-            dom.click();
+            dispatchRealClick(dom);
             break;
           case "type":
             if (dom instanceof HTMLInputElement || dom instanceof HTMLTextAreaElement) {