@seafile/sdoc-editor 0.3.5 → 0.3.7

package/dist/api/seafile-api.js

@@ -1,17 +1,13 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 import axios from 'axios';
-var SeafileAPI = /*#__PURE__*/function () {
-  function SeafileAPI(server, token) {
-    var _this = this;
-    _classCallCheck(this, SeafileAPI);
-    this.deleteSdocRevision = function (docUuid) {
-      var url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
-      return _this.req.delete(url);
+class SeafileAPI {
+  constructor(server, token) {
+    this.deleteSdocRevision = docUuid => {
+      const url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
+      return this.req.delete(url);
     };
-    this.deleteSdocOtherRevision = function (docUuid, revisionId) {
-      var url = 'api/v2.1/seadoc/delete-revision/' + docUuid + '/' + revisionId + '/';
-      return _this.req.delete(url);
+    this.deleteSdocOtherRevision = (docUuid, revisionId) => {
+      const url = 'api/v2.1/seadoc/delete-revision/' + docUuid + '/' + revisionId + '/';
+      return this.req.delete(url);
     };
     this.req = axios.create({
       baseURL: server,
@@ -20,248 +16,186 @@ var SeafileAPI = /*#__PURE__*/function () {
       }
     });
   }
-  _createClass(SeafileAPI, [{
-    key: "_sendPostRequest",
-    value: function _sendPostRequest(url, form) {
-      if (form.getHeaders) {
-        return this.req.post(url, form, {
-          headers: form.getHeaders()
-        });
-      } else {
-        return this.req.post(url, form);
-      }
-    }
-  }, {
-    key: "getImageFileNameWithTimestamp",
-    value: function getImageFileNameWithTimestamp(file) {
-      var d = Date.now();
-      return 'image-' + d.toString() + file.name.slice(file.name.lastIndexOf('.'));
-    }
-  }, {
-    key: "uploadSdocImage",
-    value: function uploadSdocImage(docUuid, imageFile) {
-      var url = '/api/v2.1/seadoc/upload-image/' + docUuid + '/';
-      var form = new FormData();
-      var fileName = this.getImageFileNameWithTimestamp(imageFile);
-      var file = new File([imageFile], fileName, {
-        type: imageFile.type
+  _sendPostRequest(url, form) {
+    if (form.getHeaders) {
+      return this.req.post(url, form, {
+        headers: form.getHeaders()
       });
-      form.append('file', file);
+    } else {
       return this.req.post(url, form);
     }
-  }, {
-    key: "getSdocDownloadImageUrl",
-    value: function getSdocDownloadImageUrl(docUuid, imageName) {
-      var url = '/api/v2.1/seadoc/download-image/' + docUuid + '/' + encodeURIComponent(imageName);
-      return this.req.get(url);
-    }
+  }
+  getImageFileNameWithTimestamp(file) {
+    var d = Date.now();
+    return 'image-' + d.toString() + file.name.slice(file.name.lastIndexOf('.'));
+  }
+  uploadSdocImage(docUuid, imageFile) {
+    const url = '/api/v2.1/seadoc/upload-image/' + docUuid + '/';
+    const form = new FormData();
+    const fileName = this.getImageFileNameWithTimestamp(imageFile);
+    const file = new File([imageFile], fileName, {
+      type: imageFile.type
+    });
+    form.append('file', file);
+    return this.req.post(url, form);
+  }
+  getSdocDownloadImageUrl(docUuid, imageName) {
+    const url = '/api/v2.1/seadoc/download-image/' + docUuid + '/' + encodeURIComponent(imageName);
+    return this.req.get(url);
+  }
 
-    // revision
-  }, {
-    key: "startRevise",
-    value: function startRevise(repoID, fileUuid, path) {
-      var url = '/api/v2.1/seadoc/start-revise/';
-      var form = new FormData();
-      form.append('p', path);
-      form.append('repo_id', repoID);
-      form.append('file_uuid', fileUuid);
-      return this._sendPostRequest(url, form);
-    }
-  }, {
-    key: "getSeadocOriginFileContent",
-    value: function getSeadocOriginFileContent(docUuid) {
-      var url = '/api/v2.1/seadoc/revision/origin-file-content/' + docUuid + '/';
-      return this.req.get(url);
-    }
-  }, {
-    key: "getSdocRevisionsCount",
-    value: function getSdocRevisionsCount(docUuid) {
-      var url = 'api/v2.1/seadoc/revisions-count/' + docUuid + '/';
-      return this.req.get(url);
-    }
-  }, {
-    key: "getSdocRevisions",
-    value: function getSdocRevisions(docUuid, page) {
-      var perPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 25;
-      var url = 'api/v2.1/seadoc/revisions/' + docUuid + '/?page=' + page + '&per_page=' + perPage;
-      return this.req.get(url);
-    }
-  }, {
-    key: "publishRevision",
-    value: function publishRevision(docUuid) {
-      var url = '/api/v2.1/seadoc/publish-revision/' + docUuid + '/';
-      return this.req.post(url);
-    }
-  }, {
-    key: "updateSdocRevision",
-    value: function updateSdocRevision(docUuid, docName) {
-      var docContent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
-      var formData = new FormData();
-      var newFile = new File([JSON.stringify(docContent)], docName);
-      formData.append('file', newFile);
-      return this.req.put(url, formData);
-    }
-  }, {
-    key: "getRevisionBaseVersionContent",
-    value: function getRevisionBaseVersionContent(docUuid) {
-      var url = 'api/v2.1/seadoc/revision/base-version-content/' + docUuid + '/';
-      return this.req.get(url);
-    }
-  }, {
-    key: "getPublishedRevisionContent",
-    value: function getPublishedRevisionContent(docUuid) {
-      var url = 'api/v2.1/seadoc/revision/published-content/' + docUuid + '/';
-      return this.req.get(url);
-    }
+  // revision
+  startRevise(repoID, fileUuid, path) {
+    const url = '/api/v2.1/seadoc/start-revise/';
+    let form = new FormData();
+    form.append('p', path);
+    form.append('repo_id', repoID);
+    form.append('file_uuid', fileUuid);
+    return this._sendPostRequest(url, form);
+  }
+  getSeadocOriginFileContent(docUuid) {
+    const url = '/api/v2.1/seadoc/revision/origin-file-content/' + docUuid + '/';
+    return this.req.get(url);
+  }
+  getSdocRevisionsCount(docUuid) {
+    const url = 'api/v2.1/seadoc/revisions-count/' + docUuid + '/';
+    return this.req.get(url);
+  }
+  getSdocRevisions(docUuid, page) {
+    let perPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 25;
+    const url = 'api/v2.1/seadoc/revisions/' + docUuid + '/?page=' + page + '&per_page=' + perPage;
+    return this.req.get(url);
+  }
+  publishRevision(docUuid) {
+    const url = '/api/v2.1/seadoc/publish-revision/' + docUuid + '/';
+    return this.req.post(url);
+  }
+  updateSdocRevision(docUuid, docName) {
+    let docContent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    const url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
+    let formData = new FormData();
+    const newFile = new File([JSON.stringify(docContent)], docName);
+    formData.append('file', newFile);
+    return this.req.put(url, formData);
+  }
+  getRevisionBaseVersionContent(docUuid) {
+    const url = 'api/v2.1/seadoc/revision/base-version-content/' + docUuid + '/';
+    return this.req.get(url);
+  }
+  getPublishedRevisionContent(docUuid) {
+    const url = 'api/v2.1/seadoc/revision/published-content/' + docUuid + '/';
+    return this.req.get(url);
+  }
 
-    // local files
-  }, {
-    key: "getSdocFiles",
-    value: function getSdocFiles(docUuid, p, type) {
-      var url = 'api/v2.1/seadoc/dir/' + docUuid + '/?p=' + p + '&type=' + type + '&doc_uuid=' + docUuid;
-      return this.req.get(url);
-    }
-  }, {
-    key: "getSdocFileId",
-    value: function getSdocFileId(docUuid, p) {
-      var url = 'api/v2.1/seadoc/file-uuid/' + docUuid + '/?p=' + p;
-      return this.req.get(url);
-    }
-  }, {
-    key: "asyncCopyImages",
-    value: function asyncCopyImages(docUuid, originDocUuid, imageList) {
-      var url = '/api/v2.1/seadoc/async-copy-images/' + docUuid + '/';
-      return this.req.post(url, {
-        origin_doc_uuid: originDocUuid,
-        image_list: imageList
-      });
-    }
-  }, {
-    key: "getLinkFilesInfo",
-    value: function getLinkFilesInfo(docUuid, filesUrl) {
-      var url = '/api/v2.1/seadoc/files-info/' + docUuid + '/';
-      return this.req.post(url, {
-        files_url: filesUrl
-      });
-    }
-  }, {
-    key: "getCopyMoveProgressView",
-    value: function getCopyMoveProgressView(docUuid, taskId) {
-      var url = 'api/v2.1/seadoc/query-copy-move-progress/' + docUuid + '/?&doc_uuid=' + docUuid + '&task_id=' + taskId;
-      return this.req.get(url);
-    }
+  // local files
+  getSdocFiles(docUuid, p, type) {
+    const url = 'api/v2.1/seadoc/dir/' + docUuid + '/?p=' + p + '&type=' + type + '&doc_uuid=' + docUuid;
+    return this.req.get(url);
+  }
+  getSdocFileId(docUuid, p) {
+    const url = 'api/v2.1/seadoc/file-uuid/' + docUuid + '/?p=' + p;
+    return this.req.get(url);
+  }
+  asyncCopyImages(docUuid, originDocUuid, imageList) {
+    const url = '/api/v2.1/seadoc/async-copy-images/' + docUuid + '/';
+    return this.req.post(url, {
+      origin_doc_uuid: originDocUuid,
+      image_list: imageList
+    });
+  }
+  getLinkFilesInfo(docUuid, filesUrl) {
+    const url = '/api/v2.1/seadoc/files-info/' + docUuid + '/';
+    return this.req.post(url, {
+      files_url: filesUrl
+    });
+  }
+  getCopyMoveProgressView(docUuid, taskId) {
+    const url = 'api/v2.1/seadoc/query-copy-move-progress/' + docUuid + '/?&doc_uuid=' + docUuid + '&task_id=' + taskId;
+    return this.req.get(url);
+  }
 
-    // participants
-  }, {
-    key: "listParticipants",
-    value: function listParticipants(docUuid) {
-      var url = 'api/v2.1/seadoc/participants/' + docUuid + '/';
-      return this.req.get(url);
-    }
-  }, {
-    key: "addParticipants",
-    value: function addParticipants(docUuid, emails) {
-      var url = 'api/v2.1/seadoc/participants/' + docUuid + '/';
-      var params = {
-        emails: emails
-      };
-      return this._sendPostRequest(url, params);
-    }
-  }, {
-    key: "deleteParticipants",
-    value: function deleteParticipants(docUuid, email) {
-      var url = 'api/v2.1/seadoc/participant/' + docUuid + '/';
-      var params = {
-        email: email
-      };
-      return this.req.delete(url, {
-        data: params
-      });
-    }
+  // participants
+  listParticipants(docUuid) {
+    const url = 'api/v2.1/seadoc/participants/' + docUuid + '/';
+    return this.req.get(url);
+  }
+  addParticipants(docUuid, emails) {
+    const url = 'api/v2.1/seadoc/participants/' + docUuid + '/';
+    const params = {
+      emails: emails
+    };
+    return this._sendPostRequest(url, params);
+  }
+  deleteParticipants(docUuid, email) {
+    const url = 'api/v2.1/seadoc/participant/' + docUuid + '/';
+    const params = {
+      email: email
+    };
+    return this.req.delete(url, {
+      data: params
+    });
+  }
 
-    // related-users
-  }, {
-    key: "listRelatedUsers",
-    value: function listRelatedUsers(docUuid) {
-      var url = 'api/v2.1/seadoc/related-users/' + docUuid + '/';
-      return this.req.get(url);
-    }
+  // related-users
+  listRelatedUsers(docUuid) {
+    const url = 'api/v2.1/seadoc/related-users/' + docUuid + '/';
+    return this.req.get(url);
+  }
 
-    // Operate file tags
-  }, {
-    key: "getFileTagList",
-    value: function getFileTagList(docUuid) {
-      var url = "/api/v2.1/seadoc/file-tags/".concat(docUuid, "/");
-      return this.req.get(url);
-    }
-  }, {
-    key: "addFileTag",
-    value: function addFileTag(docUuid, repoTagID) {
-      var form = new FormData();
-      form.append('repo_tag_id', repoTagID);
-      var url = "/api/v2.1/seadoc/file-tags/".concat(docUuid, "/");
-      return this._sendPostRequest(url, form);
-    }
-  }, {
-    key: "removeFileTag",
-    value: function removeFileTag(docUuid, fileTagID) {
-      var url = "/api/v2.1/seadoc/file-tags/".concat(docUuid, "/").concat(fileTagID, "/");
-      return this.req.delete(url);
-    }
+  // Operate file tags
+  getFileTagList(docUuid) {
+    const url = "/api/v2.1/seadoc/file-tags/".concat(docUuid, "/");
+    return this.req.get(url);
+  }
+  addFileTag(docUuid, repoTagID) {
+    const form = new FormData();
+    form.append('repo_tag_id', repoTagID);
+    const url = "/api/v2.1/seadoc/file-tags/".concat(docUuid, "/");
+    return this._sendPostRequest(url, form);
+  }
+  removeFileTag(docUuid, fileTagID) {
+    const url = "/api/v2.1/seadoc/file-tags/".concat(docUuid, "/").concat(fileTagID, "/");
+    return this.req.delete(url);
+  }
 
-    // Operate repository tags
-  }, {
-    key: "getRepoTagList",
-    value: function getRepoTagList(docUuid) {
-      var url = "/api/v2.1/seadoc/repo-tags/".concat(docUuid, "/");
-      return this.req.get(url);
-    }
-  }, {
-    key: "createRepoTag",
-    value: function createRepoTag(docUuid, repoTagName, color) {
-      var url = "/api/v2.1/seadoc/repo-tags/".concat(docUuid, "/");
-      var form = new FormData();
-      form.append('name', repoTagName);
-      form.append('color', color);
-      return this._sendPostRequest(url, form);
-    }
-  }, {
-    key: "removeRepoTag",
-    value: function removeRepoTag(docUuid, repoTagId) {
-      var url = "/api/v2.1/seadoc/repo-tags/".concat(docUuid, "/").concat(repoTagId, "/");
-      return this.req.delete(url);
-    }
-  }, {
-    key: "updateRepoTag",
-    value: function updateRepoTag(docUuid, repoTagId, repoTagName, color) {
-      var url = "/api/v2.1/seadoc/repo-tags/".concat(docUuid, "/").concat(repoTagId, "/");
-      var params = {
-        name: repoTagName,
-        color: color
-      };
-      return this.req.put(url, params);
-    }
+  // Operate repository tags
+  getRepoTagList(docUuid) {
+    const url = "/api/v2.1/seadoc/repo-tags/".concat(docUuid, "/");
+    return this.req.get(url);
+  }
+  createRepoTag(docUuid, repoTagName, color) {
+    const url = "/api/v2.1/seadoc/repo-tags/".concat(docUuid, "/");
+    const form = new FormData();
+    form.append('name', repoTagName);
+    form.append('color', color);
+    return this._sendPostRequest(url, form);
+  }
+  removeRepoTag(docUuid, repoTagId) {
+    const url = "/api/v2.1/seadoc/repo-tags/".concat(docUuid, "/").concat(repoTagId, "/");
+    return this.req.delete(url);
+  }
+  updateRepoTag(docUuid, repoTagId, repoTagName, color) {
+    const url = "/api/v2.1/seadoc/repo-tags/".concat(docUuid, "/").concat(repoTagId, "/");
+    const params = {
+      name: repoTagName,
+      color
+    };
+    return this.req.put(url, params);
+  }
 
-    // notification
-  }, {
-    key: "listUnseenNotifications",
-    value: function listUnseenNotifications(docUuid) {
-      var url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
-      return this.req.get(url);
-    }
-  }, {
-    key: "deleteUnseenNotifications",
-    value: function deleteUnseenNotifications(docUuid, notificationIds) {
-      var url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
-      var params = {
-        ids: notificationIds
-      };
-      return this.req.delete(url, {
-        data: params
-      });
-    }
-  }]);
-  return SeafileAPI;
-}();
+  // notification
+  listUnseenNotifications(docUuid) {
+    const url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
+    return this.req.get(url);
+  }
+  deleteUnseenNotifications(docUuid, notificationIds) {
+    const url = "/api/v2.1/seadoc/notifications/".concat(docUuid, "/");
+    const params = {
+      ids: notificationIds
+    };
+    return this.req.delete(url, {
+      data: params
+    });
+  }
+}
 export default SeafileAPI;

package/dist/basic-sdk/assets/css/layout.css

@@ -68,6 +68,18 @@
   caret-color: blue;
 }
 
+.sdoc-editor-container .sdoc-editor-content .article .sdoc-drag-cover::before {
+  content: ' ';
+  width: 59px;
+  display: inline-block;
+  position: absolute;
+  left: -60px;
+}
+
+.sdoc-editor-container .sdoc-editor-content .article .sdoc-draging {
+  border-bottom: 2px solid rgba(35,131,226);
+}
+
 .sdoc-editor-container .seafile-block-container {
   position: relative;
 }

package/dist/basic-sdk/comment/comment-decorate.js

@@ -1,33 +1,26 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Node } from '@seafile/slate';
-export var commentDecorate = function commentDecorate(editor) {
-  return function (_ref) {
-    var _editor$element_comme;
-    var _ref2 = _slicedToArray(_ref, 2),
-      node = _ref2[0],
-      path = _ref2[1];
-    var decorations = [];
-    var comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[node.id]) || [];
-    var unresolvedComments = comments && comments.filter(function (item) {
-      return !item.resolved;
-    });
-    if (unresolvedComments && unresolvedComments.length > 0) {
-      var decoration = {
-        anchor: {
-          path: path,
-          offset: 0
-        },
-        focus: {
-          path: path,
-          offset: Node.string(node).length
-        }
-      };
+export const commentDecorate = editor => _ref => {
+  var _editor$element_comme;
+  let [node, path] = _ref;
+  const decorations = [];
+  const comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[node.id]) || [];
+  const unresolvedComments = comments && comments.filter(item => !item.resolved);
+  if (unresolvedComments && unresolvedComments.length > 0) {
+    let decoration = {
+      anchor: {
+        path,
+        offset: 0
+      },
+      focus: {
+        path: path,
+        offset: Node.string(node).length
+      }
+    };
 
-      // rgba prevents occlusion of the cursor
-      decoration['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
-      decoration['comment_count'] = unresolvedComments === null || unresolvedComments === void 0 ? void 0 : unresolvedComments.length;
-      decorations.push(decoration);
-    }
-    return decorations;
-  };
+    // rgba prevents occlusion of the cursor
+    decoration['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
+    decoration['comment_count'] = unresolvedComments === null || unresolvedComments === void 0 ? void 0 : unresolvedComments.length;
+    decorations.push(decoration);
+  }
+  return decorations;
 };

package/dist/basic-sdk/comment/components/comment-all-participants/index.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParticipantsContext } from '../../hooks/use-participants';
@@ -6,34 +5,35 @@ import ParticipantAvatar from './participant-avatar';
 import Tooltip from '../../../../components/tooltip';
 import CommentParticipantsEditor from '../comment-participants-editor';
 import './index.css';
-var CommentAllParticipants = function CommentAllParticipants() {
-  var popoverRef = useRef();
-  var _useParticipantsConte = useParticipantsContext(),
-    participants = _useParticipantsConte.participants;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var addParticipantId = 'sdoc-add-participants';
-  var commentsParticipantsId = 'sdoc-comments-participants';
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDidMount = _useState2[0],
-    setDidMount = _useState2[1];
-  useEffect(function () {
+const CommentAllParticipants = () => {
+  const popoverRef = useRef();
+  const {
+    participants
+  } = useParticipantsContext();
+  const {
+    t
+  } = useTranslation();
+  const addParticipantId = 'sdoc-add-participants';
+  const commentsParticipantsId = 'sdoc-comments-participants';
+  const [isDidMount, setDidMount] = useState(false);
+  useEffect(() => {
     setDidMount(true);
   }, []);
-  var toggle = useCallback(function () {
+  const toggle = useCallback(() => {
     popoverRef.current && popoverRef.current.toggle();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [popoverRef.current]);
-  var participantsCount = participants.length;
+  const participantsCount = participants.length;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "comments-participants-container"
   }, /*#__PURE__*/React.createElement("div", {
     className: "comments-participants-editor-target",
     id: commentsParticipantsId
-  }), participants.slice(0, 14).map(function (participant, index) {
-    var username = participant.username;
+  }), participants.slice(0, 14).map((participant, index) => {
+    const {
+      username
+    } = participant;
     return /*#__PURE__*/React.createElement(ParticipantAvatar, {
       key: username,
       participant: participant,

package/dist/basic-sdk/comment/components/comment-all-participants/participant-avatar.js

@@ -1,21 +1,21 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import Tooltip from '../../../../components/tooltip';
-var ParticipantAvatar = function ParticipantAvatar(_ref) {
-  var participant = _ref.participant,
-    index = _ref.index,
-    showMore = _ref.showMore;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showTooltip = _useState2[0],
-    setShowTooltip = _useState2[1];
-  useEffect(function () {
+const ParticipantAvatar = _ref => {
+  let {
+    participant,
+    index,
+    showMore
+  } = _ref;
+  const [showTooltip, setShowTooltip] = useState(false);
+  useEffect(() => {
     setShowTooltip(true);
   }, []);
-  var name = participant.name,
-    avatar_url = participant.avatar_url;
-  var id = "comment-participant-avatar-".concat(index, "-").concat(Math.floor(Math.random() * 1000));
+  const {
+    name,
+    avatar_url
+  } = participant;
+  const id = "comment-participant-avatar-".concat(index, "-").concat(Math.floor(Math.random() * 1000));
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('comment-participant-avatar', {
       'position-relative': showMore