@qontinui/ui-bridge 0.8.3 → 0.8.5

package/dist/index.mjs

@@ -23992,9 +23992,6 @@ var BUILT_IN_SELECTORS = [
   // ARIA roles
   '[role="alert"]',
   '[role="status"]',
-  // ARIA live regions
-  '[aria-live="polite"]',
-  '[aria-live="assertive"]',
   // Sonner
   "[data-sonner-toast]",
   // Radix (children of viewport)
@@ -24016,6 +24013,7 @@ var BUILT_IN_SELECTORS = [
   "[data-toast]",
   "[data-notification]"
 ];
+var MAX_TOAST_AGE_MS = 6e4;
 var CLASS_LEVEL_MAP = [
   [/\bsuccess\b/i, "success"],
   [/\berror\b/i, "error"],
@@ -24159,7 +24157,8 @@ var ToastCapture = class {
       maxRecent: config?.maxRecent ?? 20,
       customSelectors: config?.customSelectors ?? [],
       recentRetention: config?.recentRetention ?? 6e4,
-      pollInterval: config?.pollInterval ?? 500
+      pollInterval: config?.pollInterval ?? 500,
+      maxToastAgeMs: config?.maxToastAgeMs ?? MAX_TOAST_AGE_MS
     };
     this.allSelectors = [...BUILT_IN_SELECTORS, ...this.config.customSelectors];
   }
@@ -24296,8 +24295,12 @@ var ToastCapture = class {
     for (const [id, entry] of this.activeToasts) {
       if (!isElementVisible2(entry.element)) {
         toDismiss.push(id);
-      } else {
-        entry.toast.durationMs = now - entry.toast.appearedAt;
+        continue;
+      }
+      const age = now - entry.toast.appearedAt;
+      entry.toast.durationMs = age;
+      if (age > this.config.maxToastAgeMs) {
+        toDismiss.push(id);
       }
     }
     for (const id of toDismiss) {
@@ -25775,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.3";
+  root.version = "0.8.5";
   root.specs = { getGlobalSpecStore };
   root.registry = internals.registry;
   root.browserCapture = internals.browserCapture;
@@ -33969,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));
@@ -34264,7 +34325,7 @@ async function executeCommand(action, payload, bridge) {
       try {
         switch (request.action) {
           case "click":
-            dom.click();
+            dispatchRealClick(dom);
             break;
           case "focus":
             dom.focus();
@@ -34365,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;
           }
@@ -34536,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": {
@@ -34757,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: {
@@ -34776,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: {
@@ -35197,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) {