@quanta-intellect/vessel-browser 0.1.10 → 0.1.11

package/out/preload/content-script.js

@@ -2126,7 +2126,34 @@ function generateStableSelector(el) {
 let elementIndex = 0;
 const elementSelectors = {};
 let indexedElements = /* @__PURE__ */ new WeakMap();
+const indexedElementRefs = {};
 let activeOverlays = [];
+function deepQuerySelectorAll(selector, root = document) {
+  const results = [];
+  root.querySelectorAll(selector).forEach((el) => results.push(el));
+  const MAX_SHADOW_HOSTS = 50;
+  const MAX_DEPTH = 3;
+  const shadowRoots = [];
+  const findShadowRoots = (node, depth) => {
+    if (depth > MAX_DEPTH || shadowRoots.length >= MAX_SHADOW_HOSTS) return;
+    const children = node.children;
+    for (let i = 0; i < children.length && shadowRoots.length < MAX_SHADOW_HOSTS; i++) {
+      const el = children[i];
+      if (el.shadowRoot) {
+        shadowRoots.push(el.shadowRoot);
+        findShadowRoots(el.shadowRoot, depth + 1);
+      }
+      if (el.children.length > 0 && el.children.length < 200) {
+        findShadowRoots(el, depth);
+      }
+    }
+  };
+  findShadowRoots(root, 0);
+  for (const sr of shadowRoots) {
+    sr.querySelectorAll(selector).forEach((el) => results.push(el));
+  }
+  return results;
+}
 function generateSelector(el) {
   return generateStableSelector(el);
 }
@@ -2135,6 +2162,7 @@ function assignIndex(el) {
   if (existing != null) return existing;
   elementIndex += 1;
   elementSelectors[elementIndex] = generateSelector(el);
+  indexedElementRefs[elementIndex] = el;
   indexedElements.set(el, elementIndex);
   return elementIndex;
 }
@@ -2475,7 +2503,7 @@ function buildBaseMetadata(el) {
   };
 }
 function extractHeadings() {
-  return Array.from(document.querySelectorAll("h1, h2, h3, h4, h5, h6")).map((el) => {
+  return deepQuerySelectorAll("h1, h2, h3, h4, h5, h6").map((el) => {
     const text = el.textContent?.trim() || "";
     if (!text) return null;
     return {
@@ -2486,10 +2514,10 @@ function extractHeadings() {
 }
 function extractNavigation() {
   const navigation = [];
-  document.querySelectorAll(
+  deepQuerySelectorAll(
     'nav, [role="navigation"], header nav, [role="banner"] nav'
   ).forEach((nav) => {
-    nav.querySelectorAll("a[href]").forEach((link) => {
+    deepQuerySelectorAll("a[href]", nav).forEach((link) => {
       const anchor = link;
       const text = anchor.textContent?.trim();
       if (!text || anchor.getAttribute("href")?.startsWith("#")) return;
@@ -2534,7 +2562,7 @@ function getFieldMetadata(el) {
 }
 function extractInteractiveElements() {
   const elements = [];
-  document.querySelectorAll(
+  deepQuerySelectorAll(
     'button, [role="button"], input[type="submit"], input[type="button"]'
   ).forEach((btn) => {
     const input = btn;
@@ -2545,7 +2573,7 @@ function extractInteractiveElements() {
       ...buildBaseMetadata(btn)
     });
   });
-  document.querySelectorAll("a[href]").forEach((link) => {
+  deepQuerySelectorAll("a[href]").forEach((link) => {
     const anchor = link;
     const text = anchor.textContent?.trim();
     if (!text || anchor.getAttribute("href")?.startsWith("#")) return;
@@ -2559,7 +2587,7 @@ function extractInteractiveElements() {
       context
     });
   });
-  document.querySelectorAll(
+  deepQuerySelectorAll(
     'input:not([type="hidden"]):not([type="submit"]):not([type="button"]), select, textarea'
   ).forEach((input) => {
     const element = input;
@@ -2587,7 +2615,8 @@ function extractForms() {
     }
     return el instanceof HTMLInputElement && (el.type === "submit" || el.type === "image") && el.form === form;
   }
-  document.querySelectorAll("form").forEach((form) => {
+  deepQuerySelectorAll("form").forEach((formEl) => {
+    const form = formEl;
     const fields = [];
     form.querySelectorAll(
       "input:not([type='hidden']):not([type='submit']):not([type='button']):not([type='image']), select, textarea"
@@ -2784,9 +2813,12 @@ function getVisiblePageText() {
 function vesselExtractContent() {
   const extractStructuredContent = (article) => {
     activeOverlays = detectOverlays();
+    const readabilityText = article?.textContent || "";
+    const visibleText = getVisiblePageText();
+    const content = readabilityText.length > visibleText.length * 0.3 ? readabilityText : visibleText;
     return {
       title: article?.title || document.title,
-      content: article?.textContent || getVisiblePageText(),
+      content,
       htmlContent: article?.content || "",
       byline: article?.byline || "",
       excerpt: article?.excerpt || "",
@@ -2813,6 +2845,9 @@ function vesselExtractContent() {
     Object.keys(elementSelectors).forEach(
       (key) => delete elementSelectors[key]
     );
+    Object.keys(indexedElementRefs).forEach(
+      (key) => delete indexedElementRefs[key]
+    );
     const documentClone = document.cloneNode(true);
     const reader = new readabilityExports.Readability(documentClone);
     const article = reader.parse();
@@ -2825,9 +2860,42 @@ function vesselExtractContent() {
 function resolveElementSelector(index) {
   return elementSelectors[index] || null;
 }
+function interactByIndex(index, action, value) {
+  const el = indexedElementRefs[index];
+  if (!el || !(el instanceof HTMLElement)) {
+    return "Error[stale-index]: Element not found — the page may have changed. Call read_page to refresh.";
+  }
+  if (action === "click") {
+    el.focus();
+    el.click();
+    return "Clicked: " + (el.getAttribute("aria-label") || el.textContent?.trim().slice(0, 60) || el.tagName.toLowerCase());
+  }
+  if (action === "focus") {
+    el.focus();
+    return "Focused: " + (el.getAttribute("aria-label") || el.textContent?.trim().slice(0, 60) || el.tagName.toLowerCase());
+  }
+  if (action === "value" && value != null) {
+    if (!(el instanceof HTMLInputElement) && !(el instanceof HTMLTextAreaElement) && !(el instanceof HTMLSelectElement)) {
+      return "Error[not-input]: Element is not a text input";
+    }
+    const proto = el instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : el instanceof HTMLSelectElement ? HTMLSelectElement.prototype : HTMLInputElement.prototype;
+    const desc = Object.getOwnPropertyDescriptor(proto, "value");
+    if (desc?.set) {
+      desc.set.call(el, value);
+    } else {
+      el.value = value;
+    }
+    el.focus();
+    el.dispatchEvent(new Event("input", { bubbles: true }));
+    el.dispatchEvent(new Event("change", { bubbles: true }));
+    return "Typed into: " + (el.getAttribute("aria-label") || el.placeholder || el.name || "input");
+  }
+  return "Error: Unknown action";
+}
 electron.contextBridge.exposeInMainWorld("__vessel", {
   extractContent: vesselExtractContent,
   getElementSelector: resolveElementSelector,
+  interactByIndex,
   notifyHighlightSelection: (text) => {
     if (typeof text === "string" && text.trim()) {
       electron.ipcRenderer.send("vessel:highlight-selection", text.trim());