@seafile/sdoc-editor 2.0.131-test-0.0.1 → 2.0.131-test-0.0.3

package/dist/extension/plugins/image/use-copy-image.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _react = require("react");
@@ -17,14 +17,14 @@ var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-st
 var _font = require("../../constants/font");
 var _helpers = require("./helpers");
 var updateImageNode = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(editor, element, newUrl) {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(editor, element, newUrl) {
     var isError,
       url,
       nodePath,
       newData,
       _args = arguments;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+    return (0, _regenerator2["default"])().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
           isError = _args.length > 3 && _args[3] !== undefined ? _args[3] : false;
           url = (0, _helpers.isCommentEditor)(editor) ? (0, _helpers.getImageURL)({
@@ -40,9 +40,8 @@ var updateImageNode = /*#__PURE__*/function () {
           }, {
             at: nodePath
           });
-        case 5:
-        case "end":
-          return _context.stop();
+        case 1:
+          return _context.a(2);
       }
     }, _callee);
   }));
@@ -73,58 +72,57 @@ var useCopyImage = function useCopyImage(_ref2) {
     var cacheContent = _localStorageUtils["default"].getItem(_font.RECENT_PASTE_HTML_CONTENT);
     if (!cacheContent || JSON.stringify(cacheContent).indexOf(url) === -1) return;
     var downloadAndUploadImages = /*#__PURE__*/function () {
-      var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2(url) {
-        var response, blob, file, imageUrl;
-        return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee2(url) {
+        var response, blob, file, imageUrl, _t;
+        return (0, _regenerator2["default"])().w(function (_context2) {
+          while (1) switch (_context2.p = _context2.n) {
             case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
+              _context2.p = 0;
+              _context2.n = 1;
               return fetch(url);
-            case 3:
-              response = _context2.sent;
+            case 1:
+              response = _context2.v;
               if (!response.ok) {
-                _context2.next = 15;
+                _context2.n = 4;
                 break;
               }
-              _context2.next = 7;
+              _context2.n = 2;
               return response.blob();
-            case 7:
-              blob = _context2.sent;
+            case 2:
+              blob = _context2.v;
               file = new File([blob], 'downloaded_image.png', {
                 type: blob.type
               });
-              _context2.next = 11;
+              _context2.n = 3;
               return _context3["default"].uploadLocalImage([file]);
-            case 11:
-              imageUrl = _context2.sent;
+            case 3:
+              imageUrl = _context2.v;
               if (imageUrl && imageUrl[0]) {
                 updateImageNode(editor, element, imageUrl[0]);
               }
-              _context2.next = 16;
+              _context2.n = 5;
               break;
-            case 15:
+            case 4:
               throw new Error("HTTP error status: ".concat(response.status));
-            case 16:
-              _context2.next = 23;
+            case 5:
+              _context2.n = 7;
               break;
-            case 18:
-              _context2.prev = 18;
-              _context2.t0 = _context2["catch"](0);
-              console.error(_context2.t0);
+            case 6:
+              _context2.p = 6;
+              _t = _context2.v;
+              console.error(_t);
               updateImageNode(editor, element, url, true);
               setIsCopyError(true);
-            case 23:
-              _context2.prev = 23;
+            case 7:
+              _context2.p = 7;
               setTimeout(function () {
                 setIsLoading(false);
               }, 500);
-              return _context2.finish(23);
-            case 26:
-            case "end":
-              return _context2.stop();
+              return _context2.f(7);
+            case 8:
+              return _context2.a(2);
           }
-        }, _callee2, null, [[0, 18, 23, 26]]);
+        }, _callee2, null, [[0, 6, 7, 8]]);
       }));
       return function downloadAndUploadImages(_x4) {
         return _ref3.apply(this, arguments);

package/dist/extension/plugins/image/use-upload-image.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _react = require("react");
 var _slate = require("@seafile/slate");
@@ -15,10 +15,10 @@ var _context3 = _interopRequireDefault(require("../../../context"));
 var _helpers = require("./helpers");
 var _imageCache = _interopRequireDefault(require("./image-cache"));
 var updateImageNode = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(editor, element, newUrl) {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(editor, element, newUrl) {
     var isComment, url, nodePath, newData;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+    return (0, _regenerator2["default"])().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
           isComment = (0, _helpers.isCommentEditor)(editor);
           url = isComment ? (0, _helpers.getImageURL)({
@@ -34,9 +34,8 @@ var updateImageNode = /*#__PURE__*/function () {
           }, {
             at: nodePath
           });
-        case 5:
-        case "end":
-          return _context.stop();
+        case 1:
+          return _context.a(2);
       }
     }, _callee);
   }));
@@ -63,39 +62,38 @@ var useUploadImage = function useUploadImage(_ref2) {
     if (!_imageCache["default"].getImage(file_uuid)) return;
     setIsLoading(true);
     var uploadCurrentImage = /*#__PURE__*/function () {
-      var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
-        var fileItem, imageUrl;
-        return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee2() {
+        var fileItem, imageUrl, _t;
+        return (0, _regenerator2["default"])().w(function (_context2) {
+          while (1) switch (_context2.p = _context2.n) {
             case 0:
-              _context2.prev = 0;
+              _context2.p = 0;
               fileItem = _imageCache["default"].getImage(file_uuid);
-              _context2.next = 4;
+              _context2.n = 1;
               return _context3["default"].uploadLocalImage([fileItem]);
-            case 4:
-              imageUrl = _context2.sent;
+            case 1:
+              imageUrl = _context2.v;
               if (imageUrl && imageUrl[0]) {
                 updateImageNode(editor, element, imageUrl[0]);
               }
-              _context2.next = 12;
+              _context2.n = 3;
               break;
-            case 8:
-              _context2.prev = 8;
-              _context2.t0 = _context2["catch"](0);
-              console.error(_context2.t0.message);
+            case 2:
+              _context2.p = 2;
+              _t = _context2.v;
+              console.error(_t.message);
               setIsUploadError(true);
-            case 12:
-              _context2.prev = 12;
+            case 3:
+              _context2.p = 3;
               _imageCache["default"].deleteImage(file_uuid);
               setTimeout(function () {
                 setIsLoading(false);
               }, 500);
-              return _context2.finish(12);
-            case 16:
-            case "end":
-              return _context2.stop();
+              return _context2.f(3);
+            case 4:
+              return _context2.a(2);
           }
-        }, _callee2, null, [[0, 8, 12, 16]]);
+        }, _callee2, null, [[0, 2, 3, 4]]);
       }));
       return function uploadCurrentImage() {
         return _ref3.apply(this, arguments);

package/dist/extension/plugins/link/plugin.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toArray"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slate = require("@seafile/slate");
@@ -37,26 +37,26 @@ var withLink = function withLink(editor) {
     return isInline(elem);
   };
   newEditor.insertData = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(data) {
-      var text, res, fileName, fileUuid, link, _link, _link2, _Editor$next, _Editor$next2, focusPath, focusPoint;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(data) {
+      var text, res, fileName, fileUuid, link, _link, _link2, _Editor$next, _Editor$next2, focusPath, focusPoint, _t;
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             // Paste link content
             text = data.getData('text/plain'); // Internal link, insert sdoc file link
             if (!((0, _isUrl["default"])(text) && !(0, _utils.isImage)(text))) {
-              _context.next = 22;
+              _context.n = 7;
               break;
             }
             if (!(0, _utils.isSameDomain)(text, _context2["default"].getSetting('serviceUrl'))) {
-              _context.next = 16;
+              _context.n = 5;
               break;
             }
-            _context.prev = 3;
-            _context.next = 6;
+            _context.p = 1;
+            _context.n = 2;
             return _context2["default"].getLinkFilesInfo([text]);
-          case 6:
-            res = _context.sent;
+          case 2:
+            res = _context.v;
             if ((0, _helpers2.isSdocFile)(res, text)) {
               fileName = res.data.files_info[text].name;
               fileUuid = res.data.files_info[text].file_uuid;
@@ -65,32 +65,31 @@ var withLink = function withLink(editor) {
               link = (0, _helpers2.genLinkNode)(text, text);
               _slate.Transforms.insertNodes(newEditor, link);
             }
-            _context.next = 14;
+            _context.n = 4;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](3);
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
             _link = (0, _helpers2.genLinkNode)(text, text);
             _slate.Transforms.insertNodes(newEditor, _link);
-          case 14:
-            _context.next = 18;
+          case 4:
+            _context.n = 6;
             break;
-          case 16:
+          case 5:
             _link2 = (0, _helpers2.genLinkNode)(text, text);
             _slate.Transforms.insertNodes(newEditor, _link2);
-          case 18:
+          case 6:
             // Void merging text from link
             _Editor$next = _slate.Editor.next(newEditor), _Editor$next2 = (0, _slicedToArray2["default"])(_Editor$next, 2), focusPath = _Editor$next2[1];
             focusPoint = _slate.Editor.start(newEditor, focusPath);
             _slate.Transforms.select(newEditor, focusPoint);
-            return _context.abrupt("return");
-          case 22:
+            return _context.a(2);
+          case 7:
             insertData(data);
-          case 23:
-          case "end":
-            return _context.stop();
+          case 8:
+            return _context.a(2);
         }
-      }, _callee, null, [[3, 10]]);
+      }, _callee, null, [[1, 3]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);

package/dist/extension/plugins/whiteboard/helper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.onCreateWhiteboardFile = exports.isInsertWhiteboardMenuDisabled = exports.insertWhiteboard = exports.generateWhiteboardNode = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _slate = require("@seafile/slate");
@@ -66,27 +66,27 @@ var generateWhiteboardNode = exports.generateWhiteboardNode = function generateW
   return whiteboardNode;
 };
 var insertWhiteboard = exports.insertWhiteboard = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(editor, filename, filePath) {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(editor, filename, filePath) {
     var _editor$selection;
     var repoID, eventBus, exdrawReadOnlyLink, whiteboardNode, path, position, nextPath, endOfFirstNode, range;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+    return (0, _regenerator2["default"])().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
           if (!isInsertWhiteboardMenuDisabled(editor)) {
-            _context.next = 2;
+            _context.n = 1;
             break;
           }
-          return _context.abrupt("return");
-        case 2:
+          return _context.a(2);
+        case 1:
           if (!(editor.selection == null)) {
-            _context.next = 4;
+            _context.n = 2;
             break;
           }
-          return _context.abrupt("return");
-        case 4:
+          return _context.a(2);
+        case 2:
           repoID = _context2["default"].getSetting('repoID');
           eventBus = _eventBus["default"].getInstance();
-          _context.next = 8;
+          _context.n = 3;
           return new Promise(function (resolve) {
             eventBus.dispatch(_constants.INTERNAL_EVENT.GENERATE_EXDRAW_READ_ONLY_LINK, {
               repoID: repoID,
@@ -96,13 +96,13 @@ var insertWhiteboard = exports.insertWhiteboard = /*#__PURE__*/function () {
               }
             });
           });
-        case 8:
-          exdrawReadOnlyLink = _context.sent;
+        case 3:
+          exdrawReadOnlyLink = _context.v;
           whiteboardNode = generateWhiteboardNode(repoID, filename, filePath, exdrawReadOnlyLink);
           path = (_editor$selection = editor.selection) === null || _editor$selection === void 0 ? void 0 : _editor$selection.anchor.path;
           position = 'after';
           if (!(position === _constants2.INSERT_POSITION.AFTER)) {
-            _context.next = 20;
+            _context.n = 4;
             break;
           }
           _slate.Transforms.insertNodes(editor, whiteboardNode, {
@@ -120,10 +120,9 @@ var insertWhiteboard = exports.insertWhiteboard = /*#__PURE__*/function () {
             focus: endOfFirstNode
           };
           (0, _core.focusEditor)(editor, range);
-          return _context.abrupt("return");
-        case 20:
-        case "end":
-          return _context.stop();
+          return _context.a(2);
+        case 4:
+          return _context.a(2);
       }
     }, _callee);
   }));

package/dist/hooks/use-collaborators.js

@@ -14,13 +14,14 @@ var CollaboratorsContext = /*#__PURE__*/_react["default"].createContext(null);
 var CollaboratorsProvider = exports.CollaboratorsProvider = function CollaboratorsProvider(_ref) {
   var propsCollaborators = _ref.collaborators,
     children = _ref.children;
-  var isSdocRevision = _context["default"].getSetting('isSdocRevision');
-  var isPublished = _context["default"].getSetting('isPublished');
+  var isSdocRevision = _context["default"].getSetting('isSdocRevision') || false;
+  var isPublished = _context["default"].getSetting('isPublished') || false;
   var _useState = (0, _react.useState)(propsCollaborators || []),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     collaborators = _useState2[0],
     setCollaborators = _useState2[1];
   (0, _react.useEffect)(function () {
+    console.log(1, isSdocRevision, isPublished);
     if (isSdocRevision && isPublished) return;
     if (propsCollaborators) return;
     _context["default"].listRelatedUsers().then(function (res) {

package/dist/hooks/use-plugins.js

@@ -34,6 +34,7 @@ var PluginsProvider = exports.PluginsProvider = function PluginsProvider(_ref) {
         component: _comment["default"]
       });
     }
+    console.log(3, allPlugins);
     return allPlugins;
   }, [showComment, propsPlugins]);
   var updateDisplayPlugin = (0, _react.useCallback)(function (name) {

package/dist/hooks/use-selection-position.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCommentListPosition = void 0;
+var _helper = require("../comment/helper");
+var _constants = require("../constants");
 var _useScrollContext = require("./use-scroll-context");
-var useCommentListPosition = exports.useCommentListPosition = function useCommentListPosition(selectedElementIds, isContextComment, isClickedContextComment, commentedDom, commentDetail, closeComment) {
+var useCommentListPosition = exports.useCommentListPosition = function useCommentListPosition(selectedElementIds, isContextComment, isClickedContextComment, commentedDom, commentDetail, closeComment, editor) {
   var _document$querySelect;
   var headerHeight = 100;
   var scrollRef = (0, _useScrollContext.useScrollContext)();
@@ -51,7 +53,12 @@ var useCommentListPosition = exports.useCommentListPosition = function useCommen
       }
     }
     var editorArticleRight = document.getElementById('sdoc-editor-print-wrapper').getBoundingClientRect().right;
-    var topPara = rect.bottom - headerHeight + 10 + scrollTop;
+    var topPara;
+    topPara = rect.bottom - headerHeight + 10 + scrollTop;
+    if (editor.editorType === _constants.WIKI_EDITOR) {
+      // 55 is basic top title height in wiki
+      topPara = (0, _helper.commentContainerWikiTransfer)(topPara, 55);
+    }
     var rightPara = editorArticleRight - rect.left - 300; // 300 is comment container's width
     return {
       right: rightPara,
@@ -63,6 +70,10 @@ var useCommentListPosition = exports.useCommentListPosition = function useCommen
   if (!selectionPosition) closeComment();
   if (selectionPosition && selectionPosition.y !== 0) {
     selectionPosition.y = selectionPosition.y - headerHeight + scrollTop;
+    if (editor.editorType === _constants.WIKI_EDITOR) {
+      // 47 is top nav bar height in wiki
+      selectionPosition.y = (0, _helper.commentContainerWikiTransfer)(selectionPosition.y, 47);
+    }
   }
   return {
     x: selectionPosition === null || selectionPosition === void 0 ? void 0 : selectionPosition.x,

package/dist/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "CollaboratorsProvider", {
     return _useCollaborators.CollaboratorsProvider;
   }
 });
+Object.defineProperty(exports, "CommentContextProvider", {
+  enumerable: true,
+  get: function get() {
+    return _commentContextProvider["default"];
+  }
+});
 Object.defineProperty(exports, "DiffViewer", {
   enumerable: true,
   get: function get() {
@@ -88,6 +94,12 @@ Object.defineProperty(exports, "RevisionEditor", {
     return _revisionEditor["default"];
   }
 });
+Object.defineProperty(exports, "RightPanel", {
+  enumerable: true,
+  get: function get() {
+    return _index["default"];
+  }
+});
 Object.defineProperty(exports, "SDocEditor", {
   enumerable: true,
   get: function get() {
@@ -244,6 +256,7 @@ Object.defineProperty(exports, "withSocketIO", {
     return _socket.withSocketIO;
   }
 });
+var _commentContextProvider = _interopRequireDefault(require("./comment/provider/comment-context-provider"));
 var _fileLoading = _interopRequireDefault(require("./components/file-loading"));
 var _loading = _interopRequireDefault(require("./components/loading"));
 var _toast = _interopRequireDefault(require("./components/toast"));
@@ -260,6 +273,7 @@ var _useCollaborators = require("./hooks/use-collaborators");
 var _usePlugins = require("./hooks/use-plugins");
 var _nodeId = _interopRequireDefault(require("./node-id"));
 var _outline = _interopRequireDefault(require("./outline"));
+var _index = _interopRequireDefault(require("./right-panel/index"));
 var _slateConvert = require("./slate-convert");
 var _socket = require("./socket");
 var _commonUtils = require("./utils/common-utils");

package/dist/layout/article-container.js

@@ -63,7 +63,7 @@ function ArticleContainer(_ref) {
     };
   }, [editor.editorType, handleWindowResize]);
   (0, _react.useEffect)(function () {
-    if (editor.editorType === _constants.WIKI_EDITOR) return;
+    // if (editor.editorType === WIKI_EDITOR) return;
     if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
     handleWindowResize();
     window.addEventListener('resize', handleWindowResize);

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

@@ -24,7 +24,7 @@ var SDocMdViewer = function SDocMdViewer(_ref) {
     showOutline = _ref$showOutline === void 0 ? false : _ref$showOutline,
     propsScrollRef = _ref.scrollRef;
   var validEditor = editor || (0, _nodeId["default"])((0, _extension.createDefaultEditor)());
-  var slateValue = (document || (0, _documentUtils.generateDefaultDocContent)()).children;
+  var slateValue = (document || (0, _documentUtils.generateDefaultDocContent)()).elements;
   var scrollRef = (0, _react.useRef)(null);
   var currentScrollRef = propsScrollRef || scrollRef;
   return /*#__PURE__*/_react["default"].createElement(_layout.EditorContainer, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.131-test-0.0.1",
+  "version": "2.0.131-test-0.0.3",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",