@memori.ai/memori-react 6.7.2 → 6.8.1

package/src/index.tsx

@@ -207,6 +207,59 @@ const Memori: React.FC<Props> = ({
     }
   }, [uiLang]);
 
+  useEffect(() => {
+    // @ts-ignore
+    window.MathJax = {
+      startup: {
+        elements: ['.memori-chat--bubble-content'],
+      },
+      options: {
+        processHtmlClass: 'memori-chat--bubble-content',
+      },
+      tex: {
+        inlineMath: [
+          ['$', '$'],
+          ['\\$', '\\$'],
+          ['(', '\\)'],
+          ['\\(', ')'],
+          ['(', ')'],
+          ['[', '\\]'],
+          ['[', ']'],
+          ['\\(', '\\)'],
+          ['\\[', '\\]'],
+          ['\\\\[', '\\\\]'],
+          ['\\\\\\[', '\\\\\\]'],
+          ['((', '))'],
+        ],
+        displayMath: [
+          ['$$', '$$'],
+          ['\\[[', '\\]]'],
+          ['\\\\[[', '\\\\]]'],
+          ['\\\\\\[[', '\\\\\\]]'],
+        ],
+        processEscapes: false,
+      },
+      asciimath: {
+        fixphi: true,
+        displaystyle: true,
+        decimalsign: '.',
+      },
+      skipStartupTypeset: true,
+      chtml: {
+        displayAlign: 'left',
+      },
+      svg: {
+        fontCache: 'global',
+      },
+    };
+
+    const script = document.createElement('script');
+    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js';
+    script.async = true;
+    script.id = 'mathjax-script';
+    document.head.appendChild(script);
+  }, []);
+
   const renderer = memori ? (
     <MemoriWidget
       layout={layout}
@@ -282,43 +335,6 @@ const Memori: React.FC<Props> = ({
     <I18nextProvider i18n={i18n}>
       <Toaster position="top-center" reverseOrder={true} />
       {renderer}
-
-      <script
-        dangerouslySetInnerHTML={{
-          __html: `
-          MathJax = {
-            startup: {
-              elements: ['.memori-chat--bubble-content'],
-            },
-            options: {
-              processHtmlClass: 'memori-chat--bubble-content',
-            },
-            tex: {
-              inlineMath: [['$', '$'], ['\\$', '\\$'], ['(',')'], ['\(','\)'], ['\[', '\]'], ['[', ']'], ['\\(', '\\)'], ['\\[', '\\]'], ['((','))']],
-              displayMath: [['$$', '$$'], ['\\[[', '\\]]']],
-              processEscapes: true,
-            },
-            asciimath: {
-              fixphi: true,
-              displaystyle: true,
-              decimalsign: '.'
-            },
-            skipStartupTypeset: true,
-            chtml: {
-              displayAlign: 'left',
-            },
-            svg: {
-              fontCache: 'global'
-            }
-          };
-        `,
-        }}
-      />
-      <script
-        id="MathJax-script"
-        async
-        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
-      ></script>
     </I18nextProvider>
   );
 };

package/src/styles.css

@@ -52,7 +52,7 @@
 @import url('./components/layouts/website-assistant.css');
 @import url('./components/layouts/chat.css');
 
-@import url('../node_modules/katex/dist/katex.min.css');
+@import url('https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css');
 
 .sr-only {
     position: absolute;
@@ -106,4 +106,4 @@ body.sb-show-main #root,
     .mobile-hidden {
         display: none;
     }
-}
+}