acsi-core 0.9.2 → 0.9.3

package/dist/index.modern.js

@@ -7,8 +7,13 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Link } from 'react-router-dom';
 import { FormGroup, Input, Label, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, Row, Col, Button, Pagination, PaginationItem, PaginationLink } from 'reactstrap';
 import ReactSelect, { components } from 'react-select';
+import ReactMarkdown from 'react-markdown';
+import remarkMath from 'remark-math';
+import remarkGfm from 'remark-gfm';
+import rehypeKatex from 'rehype-katex';
+import remarkRehype from 'remark-rehype';
+import rehypeRaw from 'rehype-raw';
 import 'katex/dist/katex.min.css';
-import renderMathInElement from 'katex/contrib/auto-render';
 import Cookies from 'js-cookie';
 export { default as Cookies } from 'js-cookie';
 import moment from 'moment';
@@ -1662,72 +1667,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.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;
-      }
-    }
-  });
-  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.createElement("span", null, React.createElement(ReactMarkdown, {
+    remarkPlugins: [remarkMath, remarkGfm, remarkRehype],
+    rehypePlugins: [rehypeKatex, rehypeRaw],
+    components: {
+      p: function p(_ref2) {
+        var props = _objectWithoutPropertiesLoose(_ref2, _excluded$3);
+        return React.createElement("span", Object.assign({}, props));
       }
     }
-  }, [content]);
-  return React.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() {}
@@ -3324,7 +3328,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,
@@ -3332,7 +3336,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) {
@@ -3359,7 +3363,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,
@@ -3367,7 +3371,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) {
@@ -3394,14 +3398,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) {
@@ -3428,7 +3432,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,
@@ -3436,7 +3440,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;