eat-js-sdk 2.3.3 → 2.3.4

package/dist/interaction-builder.mjs

@@ -5412,11 +5412,42 @@ const interactionUtils = {
     return "standard";
   }
 };
+const EAT_EQ_OPEN = "[eat-eq]";
+const EAT_EQ_BLOCK_RE = /\[eat-eq\]([\s\S]*?)\[\/eat-eq\]/g;
+function hasMathJax(html2) {
+  return html2.includes(EAT_EQ_OPEN) || html2.includes("\\(") || html2.includes("\\[");
+}
+const ALREADY_DELIMITED_RE = /^(\\[(]|\\[[]|\$\$|\$[^$])/;
+function processMathJax(html2) {
+  if (!html2.includes(EAT_EQ_OPEN)) return html2;
+  return html2.replace(EAT_EQ_BLOCK_RE, (_match, mathContent) => {
+    const trimmed = mathContent.trim();
+    if (ALREADY_DELIMITED_RE.test(trimmed)) return trimmed;
+    return `\\(${trimmed}\\)`;
+  });
+}
+async function typesetMathJax(element) {
+  const mathJax = window.MathJax;
+  if (!mathJax) return;
+  if (mathJax.startup?.promise) await mathJax.startup.promise;
+  if (typeof mathJax.typesetPromise === "function") {
+    await mathJax.typesetPromise([element]);
+  } else if (typeof mathJax.typeset === "function") {
+    mathJax.typeset([element]);
+  }
+}
 var root_1$o = /* @__PURE__ */ from_html(`<div><!></div>`);
 function CommonStringToHtml($$anchor, $$props) {
   push($$props, true);
   let htmlString = prop($$props, "htmlString", 7, ""), otherClass = prop($$props, "otherClass", 7, ""), ariaHidden = prop($$props, "ariaHidden", 7, false), htmlHeading = prop($$props, "htmlHeading", 7, ""), dataTestId = prop($$props, "dataTestId", 7);
+  let hasMath = /* @__PURE__ */ user_derived(() => hasMathJax(htmlString() ?? ""));
   let processedHtml = /* @__PURE__ */ user_derived(() => processHtmlString(htmlString(), htmlHeading()));
+  let containerEl = /* @__PURE__ */ state(void 0);
+  user_effect(() => {
+    if (get$1(hasMath) && get$1(containerEl)) {
+      typesetMathJax(get$1(containerEl));
+    }
+  });
   function processHtmlString(html2, heading) {
     if (html2 == null) return "";
     if (typeof html2 !== "string") {
@@ -5428,6 +5459,9 @@ function CommonStringToHtml($$anchor, $$props) {
     }
     if (!html2) return "";
     let cleaned = html2.replace(/<p><\/p>/g, "");
+    if (hasMathJax(cleaned)) {
+      cleaned = processMathJax(cleaned);
+    }
     if (heading) {
       cleaned = `<${heading}>${cleaned}</${heading}>`;
     }
@@ -5478,6 +5512,7 @@ function CommonStringToHtml($$anchor, $$props) {
       var node_1 = child(div);
       html(node_1, () => get$1(processedHtml));
       reset(div);
+      bind_this(div, ($$value) => set(containerEl, $$value), () => get$1(containerEl));
       template_effect(() => {
         set_class(div, 1, clsx(otherClass()));
         set_attribute(div, "aria-hidden", ariaHidden());
@@ -20820,6 +20855,24 @@ function InteractionBuilder($$anchor, $$props) {
   let mode = /* @__PURE__ */ user_derived(() => interactiveMode() === true ? MODES.INTERACTIVE : previewMode() === true ? MODES.PREVIEW : MODES.SESSION);
   let skipUserValidationStr = /* @__PURE__ */ user_derived(() => get(skipUserValidation) ? "?skip_user_validation=true" : "");
   useSetupAPI();
+  user_effect(() => {
+    if (typeof window === "undefined") return;
+    if (window.MathJax) return;
+    if (document.getElementById("MathJax-script")) return;
+    window.MathJax = {
+      loader: { load: ["[tex]/mhchem"] },
+      tex: {
+        packages: { "[+]": ["mhchem"] },
+        inlineMath: [["\\(", "\\)"]],
+        displayMath: [["\\[", "\\]"], ["$$", "$$"]]
+      }
+    };
+    const script = document.createElement("script");
+    script.id = "MathJax-script";
+    script.async = true;
+    script.src = "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js";
+    document.head.appendChild(script);
+  });
   user_effect(() => {
     set(error, null);
     set(isLoading, true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eat-js-sdk",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "change version": "2.3.0",
   "description": "Authoring tool frontend SDK",
   "contributors": [