@alan-ai/alan-sdk-web 1.8.104 → 1.8.105

package/dist/alan_lib.js

@@ -85639,6 +85639,7 @@ code.hljs {
 
   // alan_btn/src/autosync.ts
   var SEND_PAGE_STATE_THROTTLE_MS = 2e3;
+  var IFRAME_CONTENT_TIMEOUT_MS = 3e3;
   var autoSyncEnabled = false;
   var requestCounter = 0;
   var lastSendPageStateTime = 0;
@@ -85722,6 +85723,86 @@ code.hljs {
     });
     return scrollableStates;
   }
+  async function collectIframeContent() {
+    const iframes = Array.from(document.querySelectorAll("iframe"));
+    if (iframes.length === 0) {
+      return [];
+    }
+    return new Promise((resolve) => {
+      const responses = /* @__PURE__ */ new Map();
+      const expectedIds = /* @__PURE__ */ new Set();
+      iframes.forEach((iframe, index2) => {
+        expectedIds.add(iframe.id);
+      });
+      const messageHandler = (event) => {
+        if (event.data && event.data.source === "alan-chat-iframe" && event.data.type === "alan-iframe-content-response") {
+          const { iframeId, html: html3 } = event.data;
+          if (expectedIds.has(iframeId)) {
+            responses.set(iframeId, html3);
+            if (responses.size === expectedIds.size) {
+              window.removeEventListener("message", messageHandler);
+              const result = Array.from(responses.entries()).map(([id, html4]) => ({ id, html: html4 }));
+              resolve(result);
+            }
+          }
+        }
+      };
+      window.addEventListener("message", messageHandler);
+      iframes.forEach((iframe) => {
+        try {
+          if (iframe.contentWindow) {
+            iframe.contentWindow.postMessage({
+              type: "alan-return-iframe-content",
+              id: iframe.id
+            }, "*");
+          }
+        } catch (error) {
+          console.error(`Failed to send message to iframe ${iframe.id}`, error);
+          responses.set(iframe.id, "");
+        }
+      });
+      setTimeout(() => {
+        window.removeEventListener("message", messageHandler);
+        const result = Array.from(expectedIds).map((id) => ({
+          id,
+          html: responses.get(id) || ""
+        }));
+        resolve(result);
+      }, IFRAME_CONTENT_TIMEOUT_MS);
+    });
+  }
+  function replaceIframesWithSrcDoc(page, iframeContents) {
+    const contentMap = new Map(iframeContents.map((item) => [item.id, item.html]));
+    const iframes = page.querySelectorAll("iframe");
+    iframes.forEach((iframe) => {
+      const iframeId = iframe.id;
+      const html3 = contentMap.get(iframeId);
+      if (html3) {
+        iframe.removeAttribute("src");
+        iframe.setAttribute("srcdoc", html3);
+      }
+    });
+  }
+  function isElementVisibleInViewport(element) {
+    const rect = element.getBoundingClientRect();
+    const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+    const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
+    return rect.top < viewportHeight && rect.bottom > 0 && rect.left < viewportWidth && rect.right > 0;
+  }
+  function markIframeVisibility(page) {
+    const liveIframes = Array.from(document.querySelectorAll("iframe"));
+    const visibilityMap = /* @__PURE__ */ new Map();
+    liveIframes.forEach((iframe) => {
+      if (iframe.id) {
+        visibilityMap.set(iframe.id, isElementVisibleInViewport(iframe));
+      }
+    });
+    const pageIframes = page.querySelectorAll("iframe");
+    pageIframes.forEach((iframe) => {
+      const isVisible = visibilityMap.get(iframe.id) || false;
+      iframe.setAttribute("visible-on-screen", String(isVisible));
+    });
+  }
   function generateContentHash(content) {
     let hash = 0;
     for (let i = 0; i < content.length; i++) {
@@ -85799,17 +85880,19 @@ code.hljs {
       }
       const page = document.createElement("html");
       page.innerHTML = document.getElementsByTagName("html")[0].innerHTML;
-      const originalHtml = page.outerHTML;
       const scripts = page.getElementsByTagName("script");
-      const styles = page.getElementsByTagName("style");
-      const chatElements = page.querySelectorAll('[alan-chat-exclude-from-page-context="true"]');
-      const elementsToRemove = [...scripts, ...styles, ...chatElements];
+      const elementsToRemove = [...scripts];
       for (let i = 0; i < elementsToRemove.length; i++) {
         if (elementsToRemove[i] && elementsToRemove[i].remove) {
           elementsToRemove[i].remove();
         }
       }
       const pageContent = page.outerHTML;
+      const iframeContents = await collectIframeContent();
+      if (iframeContents.length > 0) {
+        replaceIframesWithSrcDoc(page, iframeContents);
+      }
+      markIframeVisibility(page);
       if (onSendCb) {
         onSendCb();
       }
@@ -85821,7 +85904,7 @@ code.hljs {
         return;
       }
       const params = {
-        html: originalHtml,
+        html: page.outerHTML,
         url: window.location.href,
         scrollPosition: {
           x: prevPageState.scrollX,
@@ -85836,16 +85919,11 @@ code.hljs {
       if (uiState10.pageState?.autoSync === false) {
         return;
       }
-      const maxWidth = 1280;
-      const maxHeight = 1024;
       if (uiState10.pageState?.screenshot?.enabled) {
         params.screenshot_data = {
           baseHref: window.location.origin,
-          width: Math.min(window.innerWidth, maxWidth),
-          height: Math.min(window.innerHeight, maxHeight),
-          fullPage: true,
-          imageType: "jpeg",
-          quality: 85,
+          width: window.innerWidth,
+          height: window.innerHeight,
           scrollStates: collectScrollableElementStates()
         };
       }
@@ -93890,8 +93968,8 @@ code.hljs {
   // alan_btn/alan_btn.ts
   (function(ns) {
     const uiState10 = getUIState();
-    uiState10.lib.version = "alan-version.1.8.104".replace("alan-version.", "");
-    window.alanLib = { version: "alan-version.1.8.104".replace("alan-version.", "") };
+    uiState10.lib.version = "alan-version.1.8.105".replace("alan-version.", "");
+    window.alanLib = { version: "alan-version.1.8.105".replace("alan-version.", "") };
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState10.lib.version + ")");
     }
@@ -95665,7 +95743,6 @@ ${curDialogId}`);
         if (options.onConnectionStatus) {
           options.onConnectionStatus(res);
         }
-        isMsgTypingInProcess = false;
       }
       function onMicAllowed() {
         sendClientEvent({ micAllowed: true });
@@ -95811,6 +95888,9 @@ ${curDialogId}`);
         }
         renderMessageInTextChat(event);
         turnOffVoiceFn();
+        if (e?.ctx?.final === true) {
+          syncPageState(null, null, "final_msg_received");
+        }
       }
       function onTextCbInMicBtn(e) {
         if (!isAlanActive && e.ctx?.opts?.activate === true) {
@@ -96710,6 +96790,7 @@ ${LEARN_MORE_LABEL}
           reqId: res.reqId
         });
         saveSentMessages(text3);
+        sendSyncPageState(null, "send");
       }
       var lastSendMsgTs = null;
       function isMsgShouldBeSkipped(msg) {
@@ -96733,7 +96814,6 @@ ${LEARN_MORE_LABEL}
         lastSendMsgTs = null;
       }
       const sendMessageToTextChat = throttle(async function sendMessageToTextChat2() {
-        isMsgTypingInProcess = false;
         var textareaEl = getChatTextareaEl();
         var textareaHolderEl = document.getElementById("textarea-holder");
         var text3 = textareaEl.value;
@@ -96747,10 +96827,10 @@ ${LEARN_MORE_LABEL}
         lastSendMsgTs = Date.now();
         if (text3.trim() === "") return;
         textareaEl.value = "";
+        previousTextValue = "";
         _sendText(text3);
         textareaHolderEl.classList.add("alan-btn__inactive");
         textChatScrollPosition = null;
-        sendSyncPageState();
       }, 1e3);
       function getMsgElForMathJax(msgInd) {
         const msgEl = document.getElementById("msg-" + msgInd);
@@ -97044,27 +97124,37 @@ ${LEARN_MORE_LABEL}
           el.scrollLeft = el.scrollWidth;
         }
       }
-      let isMsgTypingInProcess = false;
+      let hasRefocusedTextarea = false;
+      let previousTextValue = "";
       function sendSyncPageState(forceUpdate = false, reason) {
-        if (!isMsgTypingInProcess) {
-          syncPageState(function() {
-            isMsgTypingInProcess = true;
-          }, forceUpdate, reason);
-          setTimeout(() => {
-            isMsgTypingInProcess = false;
-          }, 2e3);
-        }
+        syncPageState(null, forceUpdate, reason);
       }
       function onChatTextAreaFocus() {
-        sendSyncPageState();
+        const textareaEl = getChatTextareaEl();
+        if (textareaEl && textareaEl.value.trim() !== "") {
+          hasRefocusedTextarea = true;
+        }
       }
       function onChatTextAreaBlur() {
-        isMsgTypingInProcess = false;
+        hasRefocusedTextarea = false;
+        const textareaEl = getChatTextareaEl();
+        if (textareaEl) {
+          previousTextValue = textareaEl.value;
+        }
       }
       let delPressed = 0;
       function onChatTextAreaKeyDown(e) {
         const keyCode = e.keyCode || e.which;
-        sendSyncPageState();
+        const textareaEl = e.target;
+        const currentText = textareaEl.value;
+        const isTypingNewChar = e.key && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
+        if (previousTextValue.trim() === "" && currentText.trim() === "" && isTypingNewChar || hasRefocusedTextarea && isTypingNewChar && currentText.length >= previousTextValue.length) {
+          sendSyncPageState(null, "user_started_typing");
+          hasRefocusedTextarea = false;
+          previousTextValue = currentText;
+        } else if (isTypingNewChar) {
+          previousTextValue = currentText;
+        }
         if (keyCode === 13 && e.shiftKey) {
           return;
         }