@seafile/sdoc-editor 3.0.78 → 3.0.80

package/dist/constants/index.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "KeyCodes", {
     return _keyCodes["default"];
   }
 });
-exports.PAGE_EDIT_AREA_WIDTH = exports.MODIFY_TYPE = exports.MAXTH_JAX_SOURCE_RUL = exports.LEFT_OUTLINE_WIDTH = void 0;
+exports.PAGE_EDIT_AREA_WIDTH = exports.MODIFY_TYPE = exports.MATH_JAX_SOURCE_RUL = exports.LEFT_OUTLINE_WIDTH = void 0;
 Object.defineProperty(exports, "PLUGIN_BTN_POSITION", {
   enumerable: true,
   get: function get() {
@@ -130,4 +130,4 @@ var ARTICLE_FULL_WIDTH = exports.ARTICLE_FULL_WIDTH = 'calc(100% - 50px - 50px)'
 var ARTICLE_FULL_MIN_WIDTH = exports.ARTICLE_FULL_MIN_WIDTH = '400px';
 
 // formula display mathjax url
-var MAXTH_JAX_SOURCE_RUL = exports.MAXTH_JAX_SOURCE_RUL = '/media/js/mathjax/text-svg.js';
+var MATH_JAX_SOURCE_RUL = exports.MATH_JAX_SOURCE_RUL = '/media/js/mathjax/text-svg.js';

package/dist/editor/revision-editor.js

@@ -19,7 +19,8 @@ var RevisionEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     isReloading = _ref.isReloading,
     document = _ref.document,
     revisionContent = _ref.revisionContent,
-    didMountCallback = _ref.didMountCallback;
+    didMountCallback = _ref.didMountCallback,
+    mathJaxSource = _ref.mathJaxSource;
   var editorRef = (0, _react.useRef)(null);
   var editor = (0, _react.useMemo)(function () {
     var defaultEditor = (0, _extension.createDefaultEditor)();
@@ -67,7 +68,8 @@ var RevisionEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     return /*#__PURE__*/_react["default"].createElement(_views.RevisionDiffViewer, {
       editor: editor,
       revisionContent: revisionContent,
-      didMountCallback: didMountCallback
+      didMountCallback: didMountCallback,
+      mathJaxSource: mathJaxSource
     });
   }
   return /*#__PURE__*/_react["default"].createElement(_sdocEditor["default"], {
@@ -75,7 +77,8 @@ var RevisionEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     editor: editor,
     isReloading: isReloading,
     document: document,
-    showComment: true
+    showComment: true,
+    mathJaxSource: mathJaxSource
   });
 });
 var _default = exports["default"] = RevisionEditor;

package/dist/editor/sdoc-editor.js

@@ -47,7 +47,7 @@ var SdocEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     _ref$showOutline = _ref.showOutline,
     showOutline = _ref$showOutline === void 0 ? true : _ref$showOutline,
     _ref$mathJaxSource = _ref.mathJaxSource,
-    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MAXTH_JAX_SOURCE_RUL : _ref$mathJaxSource;
+    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MATH_JAX_SOURCE_RUL : _ref$mathJaxSource;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     showFullScreen = _useState2[0],

package/dist/editor/wiki-editor.js

@@ -40,7 +40,7 @@ var WikiEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     scrollRef = _ref.scrollRef,
     showComment = _ref.showComment,
     _ref$mathJaxSource = _ref.mathJaxSource,
-    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MAXTH_JAX_SOURCE_RUL : _ref$mathJaxSource;
+    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MATH_JAX_SOURCE_RUL : _ref$mathJaxSource;
   var validEditor = (0, _react.useMemo)(function () {
     if (propsEditor) return propsEditor;
     var defaultEditor = (0, _extension.createDefaultEditor)();

package/dist/views/published-revision-diff-viewer.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _loading = _interopRequireDefault(require("../components/loading"));
+var _constants = require("../constants");
 var _context = _interopRequireDefault(require("../context"));
+var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
 var _diff = require("../utils/diff");
 var _documentUtils = require("../utils/document-utils");
 var _sdocViewer = _interopRequireDefault(require("./sdoc-viewer"));
@@ -17,7 +19,9 @@ require("../assets/css/diff-viewer.css");
 var PublishedRevisionDiffViewer = function PublishedRevisionDiffViewer(_ref) {
   var isShowChanges = _ref.isShowChanges,
     revisionContent = _ref.revisionContent,
-    didMountCallback = _ref.didMountCallback;
+    didMountCallback = _ref.didMountCallback,
+    _ref$mathJaxSource = _ref.mathJaxSource,
+    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MATH_JAX_SOURCE_RUL : _ref$mathJaxSource;
   var _useState = (0, _react.useState)(true),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isLoading = _useState2[0],
@@ -26,6 +30,8 @@ var PublishedRevisionDiffViewer = function PublishedRevisionDiffViewer(_ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     diff = _useState4[0],
     setDiff = _useState4[1];
+  var _useMathJax = (0, _useMathjax["default"])(mathJaxSource),
+    isLoadingMathJax = _useMathJax.isLoadingMathJax;
   (0, _react.useEffect)(function () {
     setIsLoading(true);
     if (isShowChanges) {
@@ -54,7 +60,7 @@ var PublishedRevisionDiffViewer = function PublishedRevisionDiffViewer(_ref) {
       setIsLoading(false);
     }, 1);
   }, [revisionContent, didMountCallback, isShowChanges, diff]);
-  if (isLoading) {
+  if (isLoading || isLoadingMathJax) {
     return /*#__PURE__*/_react["default"].createElement(_loading["default"], null);
   }
   var document = {

package/dist/views/revision-diff-viewer.js

@@ -9,8 +9,10 @@ exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _loading = _interopRequireDefault(require("../components/loading"));
+var _constants = require("../constants");
 var _context = _interopRequireDefault(require("../context"));
 var _insertElementDialog = _interopRequireDefault(require("../extension/commons/insert-element-dialog"));
+var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
 var _diff = require("../utils/diff");
 var _documentUtils = require("../utils/document-utils");
 var _sdocViewer = _interopRequireDefault(require("./sdoc-viewer"));
@@ -18,7 +20,9 @@ require("../assets/css/diff-viewer.css");
 var RevisionDiffViewer = function RevisionDiffViewer(_ref) {
   var editor = _ref.editor,
     revisionContent = _ref.revisionContent,
-    didMountCallback = _ref.didMountCallback;
+    didMountCallback = _ref.didMountCallback,
+    _ref$mathJaxSource = _ref.mathJaxSource,
+    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MATH_JAX_SOURCE_RUL : _ref$mathJaxSource;
   var _useState = (0, _react.useState)(true),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isLoading = _useState2[0],
@@ -27,6 +31,8 @@ var RevisionDiffViewer = function RevisionDiffViewer(_ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     diff = _useState4[0],
     setDiff = _useState4[1];
+  var _useMathJax = (0, _useMathjax["default"])(mathJaxSource),
+    isLoadingMathJax = _useMathJax.isLoadingMathJax;
   (0, _react.useEffect)(function () {
     setIsLoading(true);
     _context["default"].getSeadocOriginFileContent().then(function (res) {
@@ -50,7 +56,7 @@ var RevisionDiffViewer = function RevisionDiffViewer(_ref) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  if (isLoading) {
+  if (isLoading || isLoadingMathJax) {
     return /*#__PURE__*/_react["default"].createElement(_loading["default"], null);
   }
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_sdocViewer["default"], {

package/dist/views/sdoc-diff-viewer.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../constants");
 var _context = _interopRequireDefault(require("../context"));
 var _extension = require("../extension");
+var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
 var _nodeId = _interopRequireDefault(require("../node-id"));
 var _diff = require("../utils/diff");
 var _sdocViewer = _interopRequireDefault(require("./sdoc-viewer"));
@@ -17,7 +18,11 @@ require("../assets/css/diff-viewer.css");
 var DiffViewer = function DiffViewer(_ref) {
   var currentContent = _ref.currentContent,
     lastContent = _ref.lastContent,
-    didMountCallback = _ref.didMountCallback;
+    didMountCallback = _ref.didMountCallback,
+    _ref$mathJaxSource = _ref.mathJaxSource,
+    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MATH_JAX_SOURCE_RUL : _ref$mathJaxSource;
+  var _useMathJax = (0, _useMathjax["default"])(mathJaxSource),
+    isLoadingMathJax = _useMathJax.isLoadingMathJax;
   var editor = (0, _nodeId["default"])((0, _extension.createDefaultEditor)());
   editor.editorType = _constants.DIFF_VIEWER;
   _context["default"].initApi();
@@ -27,6 +32,7 @@ var DiffViewer = function DiffViewer(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  if (isLoadingMathJax) return;
   return /*#__PURE__*/_react["default"].createElement(_sdocViewer["default"], {
     document: {
       elements: diff.value

package/dist/views/sdoc-viewer.js

@@ -9,10 +9,13 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _jsBridge = _interopRequireDefault(require("../android/js-bridge"));
 var _outlineModule = require("../android/outline-module");
+var _loading = _interopRequireDefault(require("../components/loading"));
+var _constants = require("../constants");
 var _context = _interopRequireDefault(require("../context"));
 var _extension = require("../extension");
 var _useCollaborators = require("../hooks/use-collaborators");
 var _useColorContext = require("../hooks/use-color-context");
+var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
 var _usePlugins = require("../hooks/use-plugins");
 var _layout = require("../layout");
 var _nodeId = _interopRequireDefault(require("../node-id"));
@@ -29,7 +32,16 @@ var SDocViewer = function SDocViewer(_ref) {
     _ref$showComment = _ref.showComment,
     showComment = _ref$showComment === void 0 ? false : _ref$showComment,
     _ref$plugins = _ref.plugins,
-    plugins = _ref$plugins === void 0 ? [] : _ref$plugins;
+    plugins = _ref$plugins === void 0 ? [] : _ref$plugins,
+    _ref$enableMathJax = _ref.enableMathJax,
+    enableMathJax = _ref$enableMathJax === void 0 ? false : _ref$enableMathJax,
+    _ref$mathJaxSource = _ref.mathJaxSource,
+    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MATH_JAX_SOURCE_RUL : _ref$mathJaxSource;
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var _ref2 = enableMathJax ? (0, _useMathjax["default"])(mathJaxSource) : {
+      isLoadingMathJax: false
+    },
+    isLoadingMathJax = _ref2.isLoadingMathJax;
   if (!_context["default"].api) {
     _context["default"].initApi();
   }
@@ -48,6 +60,9 @@ var SDocViewer = function SDocViewer(_ref) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  if (enableMathJax && isLoadingMathJax) {
+    return /*#__PURE__*/_react["default"].createElement(_loading["default"], null);
+  }
   return /*#__PURE__*/_react["default"].createElement(Provider, null, /*#__PURE__*/_react["default"].createElement(_usePlugins.PluginsProvider, {
     plugins: plugins,
     showComment: showComment

package/dist/views/sdoc-wiki-viewer.js

@@ -7,8 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _loading = _interopRequireDefault(require("../components/loading"));
+var _constants = require("../constants");
 var _extension = require("../extension");
 var _useColorContext = require("../hooks/use-color-context");
+var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
 var _useScrollContext = require("../hooks/use-scroll-context");
 var _layout = require("../layout");
 var _nodeId = _interopRequireDefault(require("../node-id"));
@@ -22,11 +25,18 @@ var SDocMdViewer = function SDocMdViewer(_ref) {
     document = _ref.document,
     _ref$showOutline = _ref.showOutline,
     showOutline = _ref$showOutline === void 0 ? false : _ref$showOutline,
-    propsScrollRef = _ref.scrollRef;
+    propsScrollRef = _ref.scrollRef,
+    _ref$mathJaxSource = _ref.mathJaxSource,
+    mathJaxSource = _ref$mathJaxSource === void 0 ? _constants.MATH_JAX_SOURCE_RUL : _ref$mathJaxSource;
+  var _useMathJax = (0, _useMathjax["default"])(mathJaxSource),
+    isLoadingMathJax = _useMathJax.isLoadingMathJax;
   var validEditor = editor || (0, _nodeId["default"])((0, _extension.createDefaultEditor)());
   var slateValue = (document || (0, _documentUtils.generateDefaultDocContent)()).children;
   var scrollRef = (0, _react.useRef)(null);
   var currentScrollRef = propsScrollRef || scrollRef;
+  if (isLoadingMathJax) {
+    return /*#__PURE__*/_react["default"].createElement(_loading["default"], null);
+  }
   return /*#__PURE__*/_react["default"].createElement(_layout.EditorContainer, {
     editor: validEditor,
     readonly: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.78",
+  "version": "3.0.80",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bbda01e681bef4b6ffc952f145768951ef6025cf"
+  "gitHead": "ae2a0cdae3b28a56adda4a0d11bfd474ec88bd81"
 }