acsi-core 0.9.2 → 0.9.4

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,77 @@ var CoreTooltip = function CoreTooltip(_ref) {
   }, content));
 };
 
-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;
+var LatexExtractor = /*#__PURE__*/function () {
+  function LatexExtractor() {}
+  LatexExtractor.ApplyLatexFormat = function ApplyLatexFormat(content) {
+    var allComponents = LatexExtractor.extractAllLatexUltimate(content);
+    var multiLineFormulas = LatexExtractor.extractMultiLineFormulas(content);
+    var foundLatexStr = multiLineFormulas[0] || "";
+    if (foundLatexStr && foundLatexStr !== "" && content.includes(foundLatexStr)) {
+      var firstPosition = content.indexOf(allComponents[0]);
+      if (firstPosition > 0) {
+        var textPart = content.slice(0, firstPosition).trim();
+        var latexPart = content.slice(firstPosition).trim();
+        return textPart + (" $$" + latexPart + "$$");
       }
     }
+    return content.replace(foundLatexStr, "$$" + foundLatexStr + "$$");
+  };
+  return LatexExtractor;
+}();
+LatexExtractor.extractAllLatexUltimate = function (content) {
+  var latexRegex = /(\\[a-zA-Z]+\s*\{[^}]*\}(?:\s*\{[^}]*\})*|\\[a-zA-Z]+|\\[a-zA-Z]+\s*[^\\\s\{]+|[a-zA-Z]+\^{[^}]*}|[a-zA-Z]+\_{[^}]*}|\$[^$]+\$|\\\([^)]+\\\)|\\\[[^\]]+\\\]|\\[a-zA-Z]+\d*|(?:\\[a-zA-Z]+\s*)+[^\\]*(?=\\\\|\.|$))/g;
+  var matches = content.match(latexRegex) || [];
+  return matches.map(function (match) {
+    return match.trim();
+  }).filter(function (match) {
+    return match.length > 1 && !match.match(/^[,\s\.]*$/) && (match.includes("\\") || match.includes("^{") || match.includes("_{") || match.includes("$") || !!match.match(/[a-zA-Z]\s*[=+\-*/]\s*[a-zA-Z0-9]/));
   });
-  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);
+};
+LatexExtractor.extractMultiLineFormulas = function (content) {
+  var formulas = content.split(/\\\\/);
+  return formulas.map(function (formula) {
+    return formula.trim().replace(/\.$/, "");
+  }).filter(function (formula) {
+    return formula.length > 0 && LatexExtractor.isMathFormula(formula);
+  });
+};
+LatexExtractor.isMathFormula = function (text) {
+  return !!text && (text.includes("=") || text.includes("\\") || text.includes("^{") || text.includes("_{") || !!text.match(/[a-zA-Z]\s*[=+\-*/]\s*[a-zA-Z0-9]/));
+};
+
+var _excluded$3 = ["node"];
+var MarkdownLatexRender = function MarkdownLatexRender(_ref) {
+  var content = _ref.content;
+  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 appliedLatexFormat = LatexExtractor.ApplyLatexFormat(line);
+    if (appliedLatexFormat !== line) {
+      result.push(appliedLatexFormat);
+      i++;
+      continue;
+    }
+    result.push(line);
+    i++;
+  }
+  return result.join("\n");
+}
 
 var CookieService = /*#__PURE__*/function () {
   function CookieService() {}
@@ -3324,7 +3334,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 +3342,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 +3369,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 +3377,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 +3404,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 +3438,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 +3446,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;