@alan-ai/alan-sdk-web 1.8.137 → 1.8.139

package/dist/alan_lib.js

@@ -97620,7 +97620,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
     const match = code2.match(regex);
     return match ? match[0] : null;
   }
-  function extractFunction(code2, functionName) {
+  function extractFunction(code2, functionName, errorLogger2) {
     try {
       const ast = parse8(code2, { ecmaVersion: 2022, allowImportExportEverywhere: true });
       for (const node of ast.body) {
@@ -97629,7 +97629,8 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         }
       }
     } catch (err) {
-      console.error(`Failed to parse code for function "${functionName}":`, err);
+      const msg = `Failed to parse code for function "${functionName}":`;
+      errorLogger2(msg, err);
     }
     return null;
   }
@@ -97651,7 +97652,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
     const commentedFn = beforeBody + "\n" + commentedBody + "\n" + afterBody;
     return html3.replace(initIframeFn2, commentedFn);
   }
-  function extractAddDefaultStylesParams(code2) {
+  function extractAddDefaultStylesParams(code2, errorLogger2) {
     const regex = /(?:iframe\.)?addDefaultStyles\s*\(\s*([\s\S]*?)\s*\)/g;
     let match;
     let merged = {};
@@ -97668,14 +97669,15 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
           merged = { ...merged, ...obj };
         }
       } catch (err) {
-        console.error("Failed to parse addDefaultStyles parameter:", err);
+        const msg = "Failed to parse addDefaultStyles parameter:";
+        errorLogger2(msg, err);
         return null;
       }
     }
     if (!found) return null;
     return merged;
   }
-  function safelyParseScriptOptions(optionsString) {
+  function safelyParseScriptOptions(optionsString, errorLogger2) {
     if (!optionsString || optionsString === "null" || optionsString === "{}") {
       return null;
     }
@@ -97683,7 +97685,8 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
       const cleanOptionsString = optionsString.trim();
       return Function('"use strict"; return (' + cleanOptionsString + ")")();
     } catch (error) {
-      console.error("Failed to parse script options:", error);
+      const msg = "Failed to parse script options:";
+      errorLogger2(msg, error);
       return null;
     }
   }
@@ -97739,13 +97742,23 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
     data: data3,
     options = {}
   }) {
+    const exportErrors = [];
+    const exportLogs = [];
+    function logError(msg, err) {
+      console.error(msg, err);
+      exportErrors.push({ msg, err, timestamp: (/* @__PURE__ */ new Date()).toISOString() });
+    }
+    function logInfo(msg, details) {
+      console.log(msg, details || "");
+      exportLogs.push({ msg, details, timestamp: (/* @__PURE__ */ new Date()).toISOString() });
+    }
     const chatConteiner = chatEl.cloneNode(true);
     const images = Array.from(chatConteiner.querySelectorAll("img"));
     let imgData;
     try {
-      imgData = await replaceImagesToBase64(images);
+      imgData = await replaceImagesToBase64(images, logError);
     } catch (error) {
-      console.info("Some images from the chat cannot be converter to base64 for export");
+      logError("Some images from the chat cannot be converter to base64 for export", null);
     }
     const iframes = Array.from(chatConteiner.querySelectorAll("iframe"));
     const fetchWithTimeout = async (url, timeoutMs = 3e4) => {
@@ -97771,20 +97784,20 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         try {
           response = await fetchWithTimeout(srcUrl, options?.iframeLoadTimeoutMs);
           if (!response.ok) {
-            console.error(`Error fetching content from ${srcUrl}: ${response.statusText}`);
+            logError(`Error fetching content from ${srcUrl}: ${response.statusText}`, null);
             return;
           }
           initHtmlContent = await response.text();
         } catch (err) {
-          console.error(`Iframe content not available from ${srcUrl} (treated as Not Found):`, err.message || err);
+          logError(`Iframe content not available from ${srcUrl} (treated as Not Found):`, err.message || err);
           initHtmlContent = "Not Found!";
         }
         initHtmlContent = applyThemeToHtmlContent(initHtmlContent, data3?.theme);
-        let { htmlContent: htmlContent2 } = await inlineExternalResources(initHtmlContent);
+        let { htmlContent: htmlContent2 } = await inlineExternalResources(initHtmlContent, logError, logInfo);
         const initIframeFn2 = extractFunctionWithRegex(htmlContent2, "initIframe");
         if (initIframeFn2) {
           htmlContent2 = commentInitIframeFnInSourceCode(htmlContent2, initIframeFn2);
-          console.log("Replaced initIframe function with commented version as resources were successfully inlined.");
+          logInfo("Replaced initIframe function with commented version as resources were successfully inlined.");
         }
         const frameSrc = iframe.getAttribute("src");
         iframe.removeAttribute("src");
@@ -97811,7 +97824,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
           parent2.insertBefore(controlsDiv, iframe);
         }
       } catch (error) {
-        console.error(`Failed to fetch or process iframe from ${srcUrl}:`, error);
+        logError(`Failed to fetch or process iframe from ${srcUrl}:`, error);
         const errorMessage = error?.message || error?.toString() || "Unknown error";
         const errorHtml = `
                 <!DOCTYPE html>
@@ -97876,7 +97889,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         });
       }
     } catch (error) {
-      console.info("Chat will be exported without output graphs", error);
+      logError("Chat will be exported without output graphs", error);
     }
     const alanMainClass = "alan-" + projectId;
     const code2 = `
@@ -98300,9 +98313,9 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
     let inlinedLibraries = "";
     try {
       inlinedLibraries = getInlineLibrariesHtml();
-      console.log("Successfully prepared inline libraries for saved HTML");
+      logInfo("Successfully prepared inline libraries for saved HTML");
     } catch (error) {
-      console.error("Failed to prepare inline libraries:", error);
+      logError("Failed to prepare inline libraries:", error);
     }
     const newHtmlContent = `
     <!DOCTYPE html>
@@ -98318,6 +98331,8 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         function showAlanDebugInfo() {
             console.info('Messages in chat:', ${txtMessages});
             console.info('Messages in socket:', ${socketMessages});
+            console.info('Errors in export:', ${escapeJsonForScriptTag(JSON.stringify(exportErrors, null, 2))});
+            console.info('Logs in export:', ${escapeJsonForScriptTag(JSON.stringify(exportLogs, null, 2))});
         }
         <\/script>
 
@@ -98650,7 +98665,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
     link.click();
     URL.revokeObjectURL(link.href);
   }
-  async function replaceImagesToBase64(images) {
+  async function replaceImagesToBase64(images, errorLogger2) {
     const result = {};
     for (let img of images) {
       try {
@@ -98669,7 +98684,8 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         }
         img.src = await fetchImageAsBase64(img.src);
       } catch (error) {
-        console.error(`Error converting images for msgId ${img.getAttribute("msgInd")}:`, error);
+        const msg = `Error converting images for msgId ${img.getAttribute("msgInd")}:`;
+        errorLogger2(msg, error);
       }
     }
     return result;
@@ -98726,7 +98742,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
     resourceCache.set(url, fetchPromise);
     return fetchPromise;
   }
-  async function inlineExternalResources(htmlContent) {
+  async function inlineExternalResources(htmlContent, errorLogger, infoLogger) {
     const parser = new DOMParser();
     const doc = parser.parseFromString(htmlContent, "text/html");
     const scriptTags = Array.from(doc.querySelectorAll("script[src]"));
@@ -98743,9 +98759,10 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         inlineScript.setAttribute("inlined-resource-name", src);
         inlineScript.textContent = scriptContent;
         scriptTag.parentNode.replaceChild(inlineScript, scriptTag);
-        console.log(`Inlined script from ${src}`);
+        infoLogger(`Inlined external script:`, src);
       } catch (error) {
-        console.error(`Failed to inline script from ${src}:`, error);
+        const msg = `Failed to inline script from ${src}:`;
+        errorLogger(msg, error);
       }
     }));
     const linkTags = Array.from(doc.querySelectorAll('link[rel="stylesheet"][href]'));
@@ -98757,14 +98774,15 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
         inlineStyle.setAttribute("inlined-resource-name", href);
         inlineStyle.textContent = cssContent;
         linkTag.parentNode.replaceChild(inlineStyle, linkTag);
-        console.log(`Inlined stylesheet from ${href}`);
+        infoLogger(`Inlined external stylesheet:`, href);
       } catch (error) {
-        console.error(`Failed to inline stylesheet from ${href}:`, error);
+        const msg = `Failed to inline stylesheet from ${href}:`;
+        errorLogger(msg, error);
       }
     }));
     const htmlContentWithInlinedScripts = doc.documentElement.outerHTML;
     const code = extractScriptContents(htmlContentWithInlinedScripts);
-    const initIframeFn = extractFunction(code, "initIframe");
+    const initIframeFn = extractFunction(code, "initIframe", errorLogger);
     let allInitIframeResourcesInlined = false;
     if (initIframeFn) {
       let initIframeBody = stripComments(initIframeFn);
@@ -98786,11 +98804,19 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
           url: resourceFnMatch[1]
         });
       }
-      const isValidUrlFn = extractFunction(code, "isValidUrl");
-      const getResourceUrlFn = extractFunction(code, "getResourceUrl");
-      const getStudioResourceUrlFn = extractFunction(code, "getStudioResourceUrl");
-      const getProjectResourceUrlFn = extractFunction(code, "getProjectResourceUrl");
-      const getDefaultResourcesFn = extractFunction(code, "getDefaultResources");
+      if (resourceUrls.length === 0) {
+        errorLogger("Regex found ZERO resources in initIframe function.", {
+          initIframeFnLength: initIframeFn.length,
+          initIframeBodyPreview: initIframeBody.substring(0, 500)
+        });
+      } else {
+        infoLogger(`Detected ${resourceUrls.length} resources in initIframe:`, resourceUrls.map((r) => r.url));
+      }
+      const isValidUrlFn = extractFunction(code, "isValidUrl", errorLogger);
+      const getResourceUrlFn = extractFunction(code, "getResourceUrl", errorLogger);
+      const getStudioResourceUrlFn = extractFunction(code, "getStudioResourceUrl", errorLogger);
+      const getProjectResourceUrlFn = extractFunction(code, "getProjectResourceUrl", errorLogger);
+      const getDefaultResourcesFn = extractFunction(code, "getDefaultResources", errorLogger);
       let iframeGetResourceUrl = null;
       let iframeGetStudioResourceUrl = null;
       let iframeGetProjectResourceUrl = null;
@@ -98822,16 +98848,18 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
           iframeGetDefaultResources = extracted.getDefaultResources;
         }
       } catch (error) {
-        console.error("Failed to parse resource-related functions using eval:", error);
+        const msg = "Failed to parse resource-related functions using eval:";
+        errorLogger(msg, error);
       }
       let hasInternalFunctions = true;
       if (!iframeGetResourceUrl || !iframeGetStudioResourceUrl || !iframeGetProjectResourceUrl || !iframeIsValidUrl || !iframeGetDefaultResources) {
         hasInternalFunctions = false;
-        console.error("Unable to parse resource-related functions from the iframe code. Some iframes may appear without content.");
+        const msg = "Unable to parse resource-related functions from the iframe code. Some iframes may appear without content.";
+        errorLogger(msg, null);
       }
       allInitIframeResourcesInlined = true;
       if (hasInternalFunctions) {
-        const addDefaultStylesOptions = extractAddDefaultStylesParams(initIframeBody);
+        const addDefaultStylesOptions = extractAddDefaultStylesParams(initIframeBody, errorLogger);
         if (addDefaultStylesOptions && iframeGetDefaultResources) {
           try {
             const basicResources = iframeGetDefaultResources(addDefaultStylesOptions);
@@ -98845,14 +98873,16 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
                   inlineStyle.setAttribute("inlined-resource-name", resource.href);
                   inlineStyle.textContent = resourceContent;
                   doc.head.appendChild(inlineStyle);
-                  console.log(`Inlined basic style from getDefaultResources: ${resourceUrl}`);
+                  infoLogger(`Inlined default stylesheet:`, { name: resource.href, url: resourceUrl });
                 }
               } catch (error) {
-                console.error(`Failed to inline basic resource from ${resource?.href}:`, error);
+                const msg = `Failed to inline basic resource from ${resource?.href}:`;
+                errorLogger(msg, error);
               }
             }));
           } catch (error) {
-            console.error("Failed to get or inline basic resources:", error);
+            const msg = "Failed to get or inline basic resources:";
+            errorLogger(msg, error);
           }
         }
         const resourceResults = await Promise.all(resourceUrls.map(async (resource) => {
@@ -98866,7 +98896,8 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
               resourceContent
             };
           } catch (error) {
-            console.error(`Failed to fetch resource from ${resource.url}:`, error);
+            const msg = `Failed to fetch resource from ${resource.url}:`;
+            errorLogger(msg, error);
             return {
               success: false,
               resource,
@@ -98887,7 +98918,7 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
               inlineScript.setAttribute("inlined-resource-name", resource.url);
               inlineScript.textContent = resourceContent;
               if (resource.options) {
-                const optionsObj = safelyParseScriptOptions(resource.options);
+                const optionsObj = safelyParseScriptOptions(resource.options, errorLogger);
                 if (optionsObj && typeof optionsObj === "object") {
                   if (optionsObj.type) {
                     inlineScript.setAttribute("type", optionsObj.type);
@@ -98900,17 +98931,18 @@ var hljs=function(){"use strict";function e(n){return n instanceof Map?n.clear=n
               }
               doc.head.insertBefore(inlineScript, insertionPoint);
               insertionPoint = inlineScript.nextSibling;
-              console.log(`Inlined script: ${resourceUrl}${inlineScript.type ? " (type=" + inlineScript.type + ")" : ""}`);
+              infoLogger(`Inlined initIframe script:`, { name: resource.url, url: resourceUrl, type: inlineScript.type || "text/javascript" });
             } else if (resource.type === "addStyleSheet" || resource.url.endsWith(".css")) {
               const inlineStyle = doc.createElement("style");
               inlineStyle.setAttribute("inlined-resource-name", resource.url);
               inlineStyle.textContent = resourceContent;
               doc.head.insertBefore(inlineStyle, insertionPoint);
               insertionPoint = inlineStyle.nextSibling;
-              console.log(`Inlined stylesheet: ${resourceUrl}`);
+              infoLogger(`Inlined initIframe stylesheet:`, { name: resource.url, url: resourceUrl });
             }
           } catch (error) {
-            console.error(`Failed to inline resource from ${resource.url}:`, error);
+            const msg = `Failed to inline resource from ${resource.url}:`;
+            errorLogger(msg, error);
             allInitIframeResourcesInlined = false;
           }
         }
@@ -99179,7 +99211,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.137".replace("alan-version.", "");
+    const version2 = "alan-version.1.8.139".replace("alan-version.", "");
     uiState10.lib.version = version2;
     window.alanLib = { version: version2 };
     if (window.alanBtn) {
@@ -102278,6 +102310,7 @@ ${reason}` : reason,
                 if (savedMsgs?.length > 0) {
                   clearDOMChat();
                 }
+                canceledRequests = [];
                 for (let i2 = 0; i2 < savedMsgs.length; i2++) {
                   if (initLoad === true) {
                     savedMsgs[i2].initLoad = true;