@alan-ai/alan-sdk-web 1.8.125 → 1.8.127

package/dist/alan_lib.js

@@ -374,16 +374,36 @@
     function isProjectIdValid(projectId) {
         return projectId.match(/^[A-Z0-9]{64}\/(prod|stage|testing)$/gi);
     }
+
+    function parseHostWithQueryString(host) {
+        var baseURL = config.baseURL;
+        var queryString = '';
+        
+        if (host)  {
+            var qIndex = host.indexOf('?');
+            if (qIndex >= 0) {
+                queryString = host.substring(qIndex);
+                baseURL = "wss://" + host.substring(0, qIndex);
+            } else {
+                baseURL = "wss://" + host;
+            }
+        } else if (config.baseURL.indexOf('?') >= 0) {
+            var qIndex = config.baseURL.indexOf('?');
+            queryString = config.baseURL.substring(qIndex);
+            baseURL = config.baseURL.substring(0, qIndex);
+        }
+        
+        return { baseURL: baseURL, queryString: queryString };
+    }
                             
     function connectProject(projectId, auth,  host, mode, ext) {
         var connect = new ConnectionWrapper();
-        if (host)  {
-            config.baseURL = "wss://" + host;
-        }
+        var parsed = parseHostWithQueryString(host);
+        
         connect._config.projectId = projectId;
         connect._config.codec     = config.codec;
         connect._config.version   = config.version;
-        connect._config.url       = config.baseURL + "/ws_project/" + projectId;
+        connect._config.url       = parsed.baseURL + "/ws_project/" + projectId + parsed.queryString;
 
         if (!isProjectIdValid(projectId)) {
             throw new Error("Wrong projectId was provided: ", projectId);
@@ -422,13 +442,12 @@
 
     function connectProjectTest(projectId, auth,  host, mode, ext) {
         var connect = new ConnectionWrapper();
-        if (host)  {
-            config.baseURL = "wss://" + host;
-        }
+        var parsed = parseHostWithQueryString(host);
+        
         connect._config.projectId = projectId;
         connect._config.codec     = config.codec;
         connect._config.version   = config.version;
-        connect._config.url       = config.baseURL + "/ws_project/" + projectId;
+        connect._config.url       = parsed.baseURL + "/ws_project/" + projectId + parsed.queryString;
 
         if (!isProjectIdValid(projectId)) {
             throw new Error("Wrong projectId was provided");
@@ -97644,15 +97663,37 @@
 `;
     const inlinedHtml = juice.inlineContent(rawHtml, css3);
     const blobHtml = new Blob([inlinedHtml], { type: "text/html" });
-    const blobText = new Blob([bubbleToCopy.innerText], { type: "text/plain" });
+    const plainText = bubbleToCopy.innerText.replace(/[ \t]+/g, " ").replace(/\n{3,}/g, "\n\n").trim();
+    const blobText = new Blob([plainText], { type: "text/plain" });
     const data4 = [new ClipboardItem({
       "text/html": blobHtml,
       "text/plain": blobText
     })];
-    try {
-      await navigator.clipboard.write(data4);
-    } catch (err) {
-      console.error("Failed to copy: ", err);
+    if (navigator.clipboard && navigator.clipboard.write) {
+      try {
+        await navigator.clipboard.write(data4);
+      } catch (err) {
+        console.error("Failed to copy rich text: ", err);
+        if (navigator.clipboard.writeText) {
+          try {
+            await navigator.clipboard.writeText(plainText);
+          } catch (err2) {
+            console.error("Failed to copy plain text: ", err2);
+            copyTextToBuffer(plainText);
+          }
+        } else {
+          copyTextToBuffer(plainText);
+        }
+      }
+    } else if (navigator.clipboard && navigator.clipboard.writeText) {
+      try {
+        await navigator.clipboard.writeText(plainText);
+      } catch (err) {
+        console.error("Failed to copy plain text: ", err);
+        copyTextToBuffer(plainText);
+      }
+    } else {
+      copyTextToBuffer(plainText);
     }
   }
 
@@ -102316,19 +102357,21 @@ code.hljs {
     }
     return pathSegments.join(" > ");
   }
-  function collectScrollableElementStates() {
-    if (typeof document === "undefined") {
+  function collectScrollableElementStates(doc2 = document) {
+    if (typeof doc2 === "undefined") {
       return [];
     }
+    const win = doc2.defaultView || window;
+    const HTMLElementClass = win.HTMLElement;
     const elements = /* @__PURE__ */ new Set();
-    document.querySelectorAll("*").forEach((el) => elements.add(el));
-    if (document.body) elements.add(document.body);
-    if (document.documentElement) elements.add(document.documentElement);
-    if (document.scrollingElement) elements.add(document.scrollingElement);
+    doc2.querySelectorAll("*").forEach((el) => elements.add(el));
+    if (doc2.body) elements.add(doc2.body);
+    if (doc2.documentElement) elements.add(doc2.documentElement);
+    if (doc2.scrollingElement) elements.add(doc2.scrollingElement);
     const scrollableStates = [];
     const overflowRegex = /(auto|scroll|overlay)/i;
     elements.forEach((element) => {
-      if (!(element instanceof HTMLElement)) {
+      if (!(element instanceof HTMLElementClass)) {
         return;
       }
       const scrollHeight = element.scrollHeight;
@@ -102338,10 +102381,10 @@ code.hljs {
       if (clientHeight === 0 && clientWidth === 0) {
         return;
       }
-      const computedStyle = window.getComputedStyle(element);
+      const computedStyle = win.getComputedStyle(element);
       const overflowY = computedStyle.overflowY;
       const overflowX = computedStyle.overflowX;
-      const isRootElement = element === document.body || element === document.documentElement || element === document.scrollingElement;
+      const isRootElement = element === doc2.body || element === doc2.documentElement || element === doc2.scrollingElement;
       const canScrollVertically = scrollHeight - clientHeight > 1;
       const canScrollHorizontally = scrollWidth - clientWidth > 1;
       const allowsVerticalScroll = isRootElement || overflowRegex.test(overflowY);
@@ -102357,17 +102400,41 @@ code.hljs {
     });
     return scrollableStates;
   }
+  var CROSS_ORIGIN_IFRAME_CLASS = "alan-iframe-cross-origin";
   async function collectIframeContent() {
     const iframes = Array.from(document.querySelectorAll("iframe"));
     if (iframes.length === 0) {
       return [];
     }
+    iframes.forEach((iframe, index3) => {
+      if (!iframe.id) {
+        iframe.id = `alan-iframe-${index3}`;
+      }
+    });
+    const directResults = [];
+    const crossOriginIframes = [];
+    for (const iframe of iframes) {
+      try {
+        const doc2 = iframe.contentDocument;
+        if (doc2 && doc2.documentElement) {
+          const clone3 = doc2.documentElement.cloneNode(true);
+          clone3.querySelectorAll("script").forEach((s) => s.remove());
+          directResults.push({ id: iframe.id, html: clone3.outerHTML });
+        } else {
+          iframe.classList.add(CROSS_ORIGIN_IFRAME_CLASS);
+          crossOriginIframes.push(iframe);
+        }
+      } catch (e) {
+        iframe.classList.add(CROSS_ORIGIN_IFRAME_CLASS);
+        crossOriginIframes.push(iframe);
+      }
+    }
+    if (crossOriginIframes.length === 0) {
+      return directResults;
+    }
     return new Promise((resolve) => {
       const responses = /* @__PURE__ */ new Map();
-      const expectedIds = /* @__PURE__ */ new Set();
-      iframes.forEach((iframe, index3) => {
-        expectedIds.add(iframe.id);
-      });
+      const expectedIds = new Set(crossOriginIframes.map((iframe) => iframe.id));
       const messageHandler = (event) => {
         if (event.data && event.data.source === "alan-chat-iframe" && event.data.type === "alan-iframe-content-response") {
           const { iframeId, html: html5 } = event.data;
@@ -102375,14 +102442,16 @@ code.hljs {
             responses.set(iframeId, html5);
             if (responses.size === expectedIds.size) {
               window.removeEventListener("message", messageHandler);
-              const result = Array.from(responses.entries()).map(([id, html6]) => ({ id, html: html6 }));
-              resolve(result);
+              resolve([
+                ...directResults,
+                ...Array.from(responses.entries()).map(([id, html6]) => ({ id, html: html6, crossOrigin: true }))
+              ]);
             }
           }
         }
       };
       window.addEventListener("message", messageHandler);
-      iframes.forEach((iframe) => {
+      crossOriginIframes.forEach((iframe) => {
         try {
           if (iframe.contentWindow) {
             iframe.contentWindow.postMessage({
@@ -102397,23 +102466,32 @@ code.hljs {
       });
       setTimeout(() => {
         window.removeEventListener("message", messageHandler);
-        const result = Array.from(expectedIds).map((id) => ({
-          id,
-          html: responses.get(id) || ""
-        }));
-        resolve(result);
+        resolve([
+          ...directResults,
+          ...Array.from(expectedIds).map((id) => ({
+            id,
+            html: responses.get(id) || "",
+            crossOrigin: true
+          }))
+        ]);
       }, IFRAME_CONTENT_TIMEOUT_MS);
     });
   }
   function replaceIframesWithSrcDoc(page, iframeContents, visibilityMap) {
-    const contentMap = new Map(iframeContents.map((item) => [item.id, item.html]));
-    const iframes = page.querySelectorAll("iframe.act-embed");
+    const contentMap = new Map(iframeContents.map((item) => [item.id, item]));
+    const iframes = page.querySelectorAll("iframe");
     iframes.forEach((iframe) => {
       const iframeId = iframe.id;
-      const html5 = contentMap.get(iframeId);
-      if (html5 && visibilityMap.get(iframeId)) {
+      const entry = contentMap.get(iframeId);
+      if (!entry) {
+        return;
+      }
+      if (entry.crossOrigin) {
+        iframe.classList.add(CROSS_ORIGIN_IFRAME_CLASS);
+      }
+      if (entry.html && visibilityMap.get(iframeId)) {
         iframe.removeAttribute("src");
-        iframe.setAttribute("srcdoc", html5);
+        iframe.setAttribute("srcdoc", entry.html);
       }
     });
   }
@@ -102424,6 +102502,14 @@ code.hljs {
     if (rect.bottom <= 0 || rect.top >= viewportHeight || rect.right <= 0 || rect.left >= viewportWidth) {
       return false;
     }
+    let node = element;
+    while (node) {
+      const style = window.getComputedStyle(node);
+      if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") {
+        return false;
+      }
+      node = node.parentElement;
+    }
     let parent3 = element.parentElement;
     while (parent3) {
       const style = window.getComputedStyle(parent3);
@@ -102520,6 +102606,7 @@ code.hljs {
       if (!document.getElementsByTagName("html")[0]) {
         throw new Error("HTML document not available");
       }
+      const iframeContents = await collectIframeContent();
       const page = document.createElement("html");
       page.innerHTML = document.getElementsByTagName("html")[0].innerHTML;
       const scripts = page.getElementsByTagName("script");
@@ -102530,7 +102617,6 @@ code.hljs {
         }
       }
       const pageContent = page.outerHTML;
-      const iframeContents = await collectIframeContent();
       const liveIframes = Array.from(document.querySelectorAll("iframe"));
       const visibilityMap = /* @__PURE__ */ new Map();
       liveIframes.forEach((iframe) => {
@@ -102552,6 +102638,10 @@ code.hljs {
       if (!window.tutorProject) {
         return;
       }
+      const animatedElements = page.querySelectorAll(".alan-btn__chat-response.animated, .alan-btn__chat-request.animated");
+      animatedElements.forEach((el) => {
+        el.classList.remove("animated");
+      });
       const params = {
         html: page.outerHTML,
         url: window.location.href,
@@ -102569,11 +102659,29 @@ code.hljs {
         return;
       }
       if (uiState10.pageState?.screenshot?.enabled) {
+        const iframeScrollStates = [];
+        for (const iframe of liveIframes) {
+          if (!visibilityMap.get(iframe.id)) continue;
+          try {
+            const iframeDoc = iframe.contentDocument;
+            if (iframeDoc) {
+              const states = collectScrollableElementStates(iframeDoc);
+              states.forEach((s) => iframeScrollStates.push({
+                ...s,
+                path: `#${iframe.id} >> ${s.path}`
+              }));
+            }
+          } catch (e) {
+          }
+        }
         params.screenshot_data = {
           baseHref: document.baseURI,
           width: window.innerWidth,
           height: window.innerHeight,
-          scrollStates: collectScrollableElementStates()
+          scrollStates: [
+            ...collectScrollableElementStates(),
+            ...iframeScrollStates
+          ]
         };
       }
       window.tutorProject.call("syncPageState", params);
@@ -109338,7 +109446,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
     return match ? match[0] : null;
   }
   function extractFunction(code2, functionName) {
-    const ast = parse11(code2, { ecmaVersion: 2020 });
+    const ast = parse11(code2, { ecmaVersion: 2022 });
     for (const node of ast.body) {
       if (node.type === "FunctionDeclaration" && node.id.name === functionName) {
         return generate2(node);
@@ -109508,7 +109616,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
           let controlsDiv = document.createElement("div");
           controlsDiv.classList.add("alan-iframe-controls");
           let hiddenIframe = document.createElement("iframe");
-          hiddenIframe.srcdoc = `<!--${initHtmlContent}-->`;
+          hiddenIframe.srcdoc = `<!--${htmlContent2}-->`;
           hiddenIframe.setAttribute("style", "display: none;");
           hiddenIframe.setAttribute("sandbox", "allow-scripts allow-same-origin allow-popups allow-downloads");
           controlsDiv.appendChild(hiddenIframe);
@@ -109525,6 +109633,54 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         }
       } catch (error) {
         console.error(`Failed to fetch or process iframe from ${srcUrl}:`, error);
+        const errorMessage = error?.message || error?.toString() || "Unknown error";
+        const errorHtml = `
+                <!DOCTYPE html>
+                <html>
+                <head>
+                    <meta charset="UTF-8">
+                    <style>
+                        body {
+                            font-family: Arial, sans-serif;
+                            padding: 20px;
+                            background-color: #fff3cd;
+                            color: #856404;
+                            margin: 0;
+                        }
+                        .error-container {
+                            border: 1px solid #ffc107;
+                            border-radius: 4px;
+                            padding: 15px;
+                            background-color: #fff;
+                        }
+                        .error-title {
+                            font-weight: bold;
+                            margin-bottom: 10px;
+                            font-size: 16px;
+                        }
+                        .error-details {
+                            font-size: 14px;
+                            word-break: break-word;
+                        }
+                        .error-url {
+                            margin-top: 10px;
+                            font-size: 12px;
+                            color: #666;
+                        }
+                    </style>
+                </head>
+                <body>
+                    <div class="error-container">
+                        <div class="error-title">\u26A0\uFE0F Failed to collect iframe content</div>
+                        <div class="error-details">${errorMessage.replace(/</g, "&lt;").replace(/>/g, "&gt;")}</div>
+                        <div class="error-url">Source: ${srcUrl}</div>
+                    </div>
+                </body>
+                </html>
+            `;
+        iframe.removeAttribute("src");
+        iframe.setAttribute("srcdoc", errorHtml);
+        iframe.setAttribute("sandbox", "allow-scripts allow-same-origin");
       }
     }));
     const iframeResizerCode = 'const v=()=>typeof window<"u",C=()=>{try{return window.self!==window.top}catch{return!0}},w=e=>e instanceof HTMLIFrameElement,z=e=>{"complete"===window.document.readyState?e():window.addEventListener("load",e,{once:!0})},B=(e,t)=>{t(),e.addEventListener("load",t,{once:!0})},k=(e,t)=>{const n="complete"===e.contentWindow?.document.readyState;return"about:blank"!==e.src&&"about:blank"!==e.contentWindow?.location.href&&n?t():e.addEventListener("load",t,{once:!0})},W=()=>({offsetSize:0,checkOrigin:!0,enableLegacyLibSupport:!1});async function A(e){try{return"about:blank"===e.contentDocument?.URL?new Promise((t=>{e.addEventListener("load",(()=>t(null!==e.contentDocument)),{once:!0})})):null!==e.contentDocument}catch{return!1}}const P=e=>{try{const t=new URL(e.src).origin;if("about:blank"!==t)return t}catch{}return null},H=e=>(Object.keys(e).forEach((t=>{void 0===e[t]&&delete e[t]})),e),I=e=>{const{height:t,width:n}=e.getBoundingClientRect();return{height:Math.ceil(t),width:Math.ceil(n)}},l=(e,t)=>e?t?e.querySelector(t):e.documentElement:null,O=(e,t)=>{e&&(t.bodyPadding&&(e.body.style.padding=t.bodyPadding),t.bodyMargin&&(e.body.style.margin=t.bodyMargin))},b=e=>e<=100?100:e<=120?1e3:1e4,x=()=>"[iFrameSizer]ID:0:false:false:32:true:true::auto:::0:false:child:auto:true:::true:::false";function F(e){if("string"!=typeof e.data||!e.data.startsWith("[iFrameSizer]")||!e.data.endsWith("mutationObserver")&&!e.data.endsWith("resizeObserver"))return null;const[t,n]=e.data.split(":"),i=+n;return i>0?i:null}const p=V();let m=[];const Z=async(e,t)=>{if(!v())return[];const n={...W(),...H(e??{})},i=N(t),r=U(n,i);return Promise.all(i.map((async e=>{const t={iframe:e,settings:n,interactionState:{isHovered:!1},initContext:{isInitialized:!1,retryAttempts:0}},{unsubscribe:i,resize:o}=await $(t,r);return m.push(t),{unsubscribe:()=>{i(),m=m.filter((t=>t.iframe!==e))},resize:o}})))};function N(e){return"string"==typeof e?Array.from(document.querySelectorAll(e)).filter(w):e?w(e)?[e]:[]:Array.from(document.getElementsByTagName("iframe"))}function U(e,t){if(Array.isArray(e.checkOrigin))return e.checkOrigin;if(!e.checkOrigin)return[];const n=[];for(const e of t){const t=P(e);t&&n.push(t)}return n}async function $(e,t){const n=await A(e.iframe),{unsubscribe:i,resize:r}=n?_(e):q(e,t),o=G(e);return{unsubscribe:()=>{i(),o()},resize:r}}function q(e,t){const{iframe:n,initContext:i,settings:{checkOrigin:r,enableLegacyLibSupport:o,targetElementSelector:s,bodyPadding:a,bodyMargin:c}}=e,d=i=>{const s="null"===i.origin,a=!r||s||t.includes(i.origin);if(n.contentWindow===i.source&&a){if("iframe-resized"===i.data?.type){const{height:t}=i.data;return void(t&&g({newHeight:t,registeredElement:e}))}if(o){const t=F(i);return void(null!==t&&g({newHeight:t,registeredElement:e}))}}};window.addEventListener("message",d);const u=o?x():{type:"iframe-child-init",targetElementSelector:s,bodyPadding:a,bodyMargin:c},l=()=>{B(n,(()=>n.contentWindow?.postMessage(u,"*"))),i.retryAttempts++,i.retryTimeoutId=window.setTimeout(l,b(i.retryAttempts))};return l(),{unsubscribe:()=>window.removeEventListener("message",d),resize:()=>{n.contentWindow?.postMessage({type:"iframe-get-child-dimensions"},"*")}}}function _(e){const{iframe:t,settings:n}=e,{targetElementSelector:i}=n;let r=0;const o=()=>{const e=l(t.contentDocument,i);if(!t.contentDocument||!e)return r++,setTimeout(o,b(r));O(t.contentDocument,n),p().observe(e)};return k(t,o),{unsubscribe:()=>{const e=l(t.contentDocument,i);e&&p().unobserve(e)},resize:()=>L(e)}}function G({iframe:e,interactionState:t,settings:n}){if(!n.onBeforeIframeResize&&!n.onIframeResize)return()=>{};const i=()=>{t.isHovered=!0},r=()=>{t.isHovered=!1};return e.addEventListener("mouseenter",i),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mouseenter",i),e.removeEventListener("mouseleave",r)}}function V(){let e=null;return()=>{if(!e){const t=({target:e})=>{const t=m.find((({iframe:t})=>t.contentDocument===e.ownerDocument));t&&L(t)};e=new ResizeObserver((e=>e.forEach(t)))}return e}}function L(e){const{iframe:t,settings:n}=e,i=l(t.contentDocument,n.targetElementSelector);if(!i)return;const{height:r}=I(i);r&&g({newHeight:r,registeredElement:e})}function g({registeredElement:e,newHeight:t}){const{iframe:n,settings:i,interactionState:r,initContext:o}=e;if(o.isInitialized||(o.isInitialized=!0,clearTimeout(o.retryTimeoutId)),!1===i.onBeforeIframeResize?.({iframe:n,interactionState:{...r},settings:{...i},observedHeight:t}))return;const s=n.getBoundingClientRect(),a=t+i.offsetSize;if(n.style.height=`${a}px`,!i.onIframeResize)return;const c={iframe:n,settings:{...i},interactionState:{...r},previousRenderState:{rect:s},nextRenderState:{rect:n.getBoundingClientRect()}};i.onIframeResize(c)}const J=X();let R,h=!1;function K(){!v()||!C()||window.addEventListener("message",(e=>"iframe-child-init"===e.data?.type?z((()=>S(e))):"iframe-get-child-dimensions"===e.data?.type?z((()=>Q(e))):void 0))}function S(e,t=0){const{targetElementSelector:n,bodyPadding:i,bodyMargin:r}=e.data,o=l(document,n);if(h||window.parent!==e.source)return;if(!o)return setTimeout((()=>S(e,t+1)),b(t));O(document,{bodyMargin:r,bodyPadding:i}),R=n;const s=J();s.disconnect(),s.observe(o),h=!0}function Q(e){const t=l(document,R);!h||window.parent!==e.source||!t||E(t)}function X(){let e=null;return()=>(e||(e=new ResizeObserver((e=>{e[0].target&&E(e[0].target)}))),e)}K();const E=e=>{const{width:t,height:n}=I(e),i={type:"iframe-resized",width:t,height:n};window.parent.postMessage(i,"*")},j=({previousRenderState:e,nextRenderState:t,iframe:n})=>{document.activeElement===n&&window.scrollBy(0,t.rect.bottom-e.rect.bottom)}; window.iframeResizer={initialize :Z ,initializeChildListener:K,updateParentScrollOnResize:j};';
@@ -110425,7 +110581,8 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         console.error(`Failed to inline stylesheet from ${href}:`, error);
       }
     }));
-    const code = extractScriptContents(htmlContent);
+    const htmlContentWithInlinedScripts = doc.documentElement.outerHTML;
+    const code = extractScriptContents(htmlContentWithInlinedScripts);
     const initIframeFn = extractFunction(code, "initIframe");
     let allInitIframeResourcesInlined = false;
     if (initIframeFn) {
@@ -110804,7 +110961,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
   // alan_btn/alan_btn.ts
   (function(ns) {
     const uiState10 = getUIState();
-    const version2 = "alan-version.1.8.125".replace("alan-version.", "");
+    const version2 = "alan-version.1.8.127".replace("alan-version.", "");
     uiState10.lib.version = version2;
     window.alanLib = { version: version2 };
     if (window.alanBtn) {