acsi-core 0.9.2 → 0.9.3

package/dist/index.js

@@ -10,8 +10,13 @@ var reactRouterDom = require('react-router-dom');
 var reactstrap = require('reactstrap');
 var ReactSelect = require('react-select');
 var ReactSelect__default = _interopDefault(ReactSelect);
+var ReactMarkdown = _interopDefault(require('react-markdown'));
+var remarkMath = _interopDefault(require('remark-math'));
+var remarkGfm = _interopDefault(require('remark-gfm'));
+var rehypeKatex = _interopDefault(require('rehype-katex'));
+var remarkRehype = _interopDefault(require('remark-rehype'));
+var rehypeRaw = _interopDefault(require('rehype-raw'));
 require('katex/dist/katex.min.css');
-var renderMathInElement = _interopDefault(require('katex/contrib/auto-render'));
 var Cookies = _interopDefault(require('js-cookie'));
 var moment = _interopDefault(require('moment'));
 var reactToastify = require('react-toastify');
@@ -1663,72 +1668,71 @@ var CoreTooltip = function CoreTooltip(_ref) {
   }, content));
 };
 
+var LatexExtractor = /*#__PURE__*/function () {
+  function LatexExtractor() {}
+  LatexExtractor.extractMultiLineFormulas = function extractMultiLineFormulas(content) {
+    var formulas = content.split(/\\\\/);
+    var isMathFormula = function isMathFormula(text) {
+      return !!text && (text.includes('=') || text.includes('\\') || text.includes('^{') || text.includes('_{') || !!text.match(/[a-zA-Z]\s*[=+\-*/]\s*[a-zA-Z0-9]/));
+    };
+    return formulas.map(function (formula) {
+      return formula.trim().replace(/\.$/, '');
+    }).filter(function (formula) {
+      return formula.length > 0 && isMathFormula(formula);
+    });
+  };
+  LatexExtractor.extractInlineMath = function extractInlineMath(content) {
+    var inlineMathRegex = /\$[^$]+\$|\\\([^)]+\\\)/g;
+    var matches = content.match(inlineMathRegex) || [];
+    return matches.map(function (match) {
+      return match.trim();
+    });
+  };
+  LatexExtractor.extractDisplayMath = function extractDisplayMath(content) {
+    var displayMathRegex = /\\\[[^\]]+\\\]/g;
+    var matches = content.match(displayMathRegex) || [];
+    return matches.map(function (match) {
+      return match.trim();
+    });
+  };
+  return LatexExtractor;
+}();
+
+var _excluded$3 = ["node"];
 var MarkdownLatexRender = function MarkdownLatexRender(_ref) {
   var content = _ref.content;
-  var displayRef = React__default.useRef(null);
-  var processedText = content.replace(/(.*)(?:\s*(.*))?(?=\n\n|$)/, function (_match, prefix, equation) {
-    if (equation) {
-      var trimmedEquation = equation.trim();
-      if (trimmedEquation.startsWith("\\(") && trimmedEquation.endsWith("\\)")) {
-        return "" + prefix + equation;
-      } else {
-        return prefix + "\n\\(" + equation + "\\)";
-      }
-    } else {
-      var latexStart = -1;
-      if (content.includes("_")) {
-        latexStart = content.search(/[a-zA-Z]_/);
-      } else if (content.includes("^")) {
-        latexStart = content.search(/[a-zA-Z]\^/);
-      } else if (content.includes("\\")) {
-        latexStart = content.search(/\\/);
-      }
-      if (latexStart !== -1) {
-        var _prefix = content.substring(0, latexStart);
-        var _equation = content.substring(latexStart);
-        return _prefix + "\\(" + _equation + "\\)";
-      } else {
-        return content;
-      }
-    }
-  });
-  React.useEffect(function () {
-    if (displayRef.current) {
-      try {
-        displayRef.current.innerHTML = processedText;
-        if (process.env.NODE_ENV === 'development') {
-          console.log('Original Content:', content);
-          console.log('Processed Content:', processedText);
-        }
-        renderMathInElement(displayRef.current, {
-          delimiters: [{
-            left: "$$",
-            right: "$$",
-            display: true
-          }, {
-            left: "$",
-            right: "$",
-            display: false
-          }, {
-            left: "\\(",
-            right: "\\)",
-            display: false
-          }, {
-            left: "\\[",
-            right: "\\]",
-            display: true
-          }]
-        });
-      } catch (error) {
-        console.error("Error rendering math:", error);
+  var updatedMarkdown = formatContent(content);
+  return React__default.createElement("span", null, React__default.createElement(ReactMarkdown, {
+    remarkPlugins: [remarkMath, remarkGfm, remarkRehype],
+    rehypePlugins: [rehypeKatex, rehypeRaw],
+    components: {
+      p: function p(_ref2) {
+        var props = _objectWithoutPropertiesLoose(_ref2, _excluded$3);
+        return React__default.createElement("span", Object.assign({}, props));
       }
     }
-  }, [content]);
-  return React__default.createElement("div", {
-    ref: displayRef,
-    className: "equation-support"
-  });
+  }, updatedMarkdown));
 };
+function formatContent(content) {
+  var lines = content.split("\n");
+  var result = [];
+  var i = 0;
+  while (i < lines.length) {
+    var line = lines[i];
+    var results = LatexExtractor.extractMultiLineFormulas(line);
+    var newline = line.replace(results[0], function (match) {
+      return "$$" + match + "$$";
+    });
+    if (newline !== line) {
+      result.push(newline);
+      i++;
+      continue;
+    }
+    result.push(line);
+    i++;
+  }
+  return result.join("\n");
+}
 
 var CookieService = /*#__PURE__*/function () {
   function CookieService() {}
@@ -3322,7 +3326,7 @@ var CustomOption = function CustomOption(props) {
   }, props.data.label));
 };
 
-var _excluded$3 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var _excluded$4 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomSelect = function CustomSelect(_ref) {
   var isDefault = _ref.isDefault,
     options = _ref.options,
@@ -3330,7 +3334,7 @@ var CustomSelect = function CustomSelect(_ref) {
     scrollBottom = _ref.scrollBottom,
     value = _ref.value,
     isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var initialValues = Array.isArray(value) ? options.filter(function (i) {
     return value.includes(i.value);
   }) : isMulti ? options === null || options === void 0 ? void 0 : options.filter(function (i) {
@@ -3357,7 +3361,7 @@ var CustomSelect = function CustomSelect(_ref) {
   }, rest));
 };
 
-var _excluded$4 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var _excluded$5 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
   var isDefault = _ref.isDefault,
     options = _ref.options,
@@ -3365,7 +3369,7 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
     scrollBottom = _ref.scrollBottom,
     value = _ref.value,
     isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var initialValues = Array.isArray(value) ? options.filter(function (i) {
     return value.includes(i.value);
   }) : isMulti ? options.filter(function (i) {
@@ -3392,14 +3396,14 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
   }, rest));
 };
 
-var _excluded$5 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var _excluded$6 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomCreatable = function CustomCreatable(_ref) {
   var options = _ref.options,
     isDisabled = _ref.isDisabled,
     scrollBottom = _ref.scrollBottom,
     value = _ref.value,
     isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var initialValues = Array.isArray(value) ? options.filter(function (i) {
     return value.includes(i.value);
   }) : isMulti ? options.filter(function (i) {
@@ -3426,7 +3430,7 @@ var CustomCreatable = function CustomCreatable(_ref) {
   }, rest));
 };
 
-var _excluded$6 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var _excluded$7 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
 var CustomSelectOption = function CustomSelectOption(_ref) {
   var defaultValue = _ref.defaultValue,
     options = _ref.options,
@@ -3434,7 +3438,7 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
     scrollBottom = _ref.scrollBottom,
     value = _ref.value,
     isMulti = _ref.isMulti,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var initialValues = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
     return option.value === defaultValue;
   }) || null : null;