@seafile/comment-editor 0.0.1 → 0.0.2-alpha.1

package/README.md

@@ -13,8 +13,6 @@ comment-editor/
     favicon.ico
   site(demo 模块, 基于组件库创建的测试模块)
     _i18n                   // 国际化模块
-    api                     // api 模块
-    assets                  // css 文件, 图片文件
     commons                 // 公共组件
     components              // 应用组件
     pages                   // 页面组件
@@ -22,13 +20,9 @@ comment-editor/
     index.html              // 主页
     index.js                // 应用入口
     setting.js              // 应用配置文件
-    setting.local.dist.js   // 应用配置模版
-    setting.local.dist      // 用户基于 setting.local.dist.js copy 一份的配置文件
+    setting.local.js   // 应用配置模版
   src/(组件库)
-    assets                  // css 文件, 资源文件
     basic-sdk               // 编辑器元素包
-    components              // 封装的视图组件
-    utils                   // 工具接口
     pages                   // 封装的视图组件
     index.js                // 组件库导出内容入口文件
   tests                     // 测试
@@ -40,7 +34,7 @@ comment-editor/
 ```
 
 ## 本地测试步骤
-1. 新增本地配置文件 setting.local.js(基于 /site/setting.local.dist.js copy 一份)
+1. 新增本地配置文件 setting.local.js(基于 /site/setting.js copy 一份)
 2. 在 seahub 项目创建一个测试文件, 根据需要的配置信息完善配置内容
 3. 执行 npm run start, 启动测试服务, 可以打开相应的网址, 对封装的组件进行测试
 

package/dist/basic-sdk/constants/index.js

@@ -1,118 +1,29 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.INTERNAL_EVENT = exports.HEADER_OUTLINE_WIDTH_MAPPING = exports.FULL_WIDTH_MODE = exports.DOCUMENT_PLUGIN_EDITOR = exports.DIFF_VIEWER = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR = exports.ARTICLE_FULL_WIDTH = exports.ARTICLE_FULL_MIN_WIDTH = exports.ARTICLE_DEFAULT_WIDTH = void 0;
+exports.INTERNAL_EVENT = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR = void 0;
 Object.defineProperty(exports, "KeyCodes", {
   enumerable: true,
   get: function () {
     return _keyCodes.default;
   }
 });
-exports.PAGE_EDIT_AREA_WIDTH = exports.MODIFY_TYPE = exports.LEFT_OUTLINE_WIDTH = void 0;
-Object.defineProperty(exports, "PLUGIN_DISPLAY_TYPE", {
-  enumerable: true,
-  get: function () {
-    return _plugin.PLUGIN_DISPLAY_TYPE;
-  }
-});
-exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
 var _keyCodes = _interopRequireDefault(require("./key-codes"));
-var _plugin = require("./plugin");
-var _Z_INDEX = _interopRequireWildcard(require("./z-index"));
-exports.Z_INDEX = _Z_INDEX;
 const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   CANCEL_TABLE_SELECT_RANGE: 'cancel_table_select_range',
-  SET_TABLE_SELECT_RANGE: 'set_table_select_range',
-  HIDDEN_CODE_BLOCK_HOVER_MENU: 'hidden_code_block_hover_menu',
   ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
   ON_DRAG_OVER_BLOCK: 'on_drag_over_block',
   ON_DRAG_LEAVE_BLOCK: 'on_drag_leave_block',
   ON_DRAG_DROP_BLOCK: 'on_drag_drop_block',
   INSERT_ELEMENT: 'insert_element',
-  OUTLINE_STATE_CHANGED: 'outline_state_changed',
   RELOAD_IMAGE: 'reload_image',
-  ARTICLE_CLICK: 'hidden_comment',
-  UNSEEN_NOTIFICATIONS_COUNT: 'unseen_notifications_count',
-  CLOSE_CALLOUT_COLOR_PICKER: 'close_callout_color_picker',
-  OPEN_SEARCH_REPLACE_MODAL: 'open_search_replace_modal',
-  UPDATE_SEARCH_REPLACE_HIGHLIGHT: 'update_search_replace_highlight',
-  TABLE_CELL_MOUSE_ENTER: 'table_cell_mouse_enter',
   HANDLE_MENTION_TEMP_CHOSEN: 'handle_mention_temp_chosen',
   UPDATE_MENTION_TEMP_CONTENT: 'update_mention_temp_content',
-  TABLE_COLUMN_START_DRAG: 'table_column_start_drag',
-  TABLE_SHOW_DRAG_HANDLER: 'table_show_drag_handler',
-  TABLE_HIDE_DRAG_HANDLER: 'table_show_drag_handler',
-  ON_PRINT: 'on_print',
   COMMENT_EDITOR_POST_COMMENT: 'comment_editor_post_comment',
-  CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog',
-  RESIZE_ARTICLE: 'resize_article',
-  ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded',
-  RELOAD_COMMENT: 'reload_comment',
-  ASK_AI: 'ask_ai',
-  ADD_CONTEXT_COMMENT: 'add_context_comment',
-  REFRESH_DOCUMENT: 'refresh_document',
-  PUBLISH_DOCUMENT: 'publish_document',
-  PUBLISH_DOCUMENT_ERROR: 'publish_document_error',
-  DOCUMENT_REPLACED: 'document_replaced',
-  DOCUMENT_REPLACED_ERROR: 'document_replaced_error',
-  REMOVE_DOCUMENT: 'remove_document',
-  REMOVE_DOCUMENT_ERROR: 'remove_document_error',
-  NEW_NOTIFICATION: 'new_notification',
-  CLEAR_NOTIFICATION: 'clear_notification',
-  PARTICIPANT_ADDED: 'participant-added',
-  PARTICIPANT_REMOVED: 'participant-removed',
-  TOGGLE_PRESENTATION_MODE: 'toggle_presentation_mode',
-  CREATE_SDOC_FILE: 'create_sdoc_file',
-  CREATE_WIKI_PAGE: 'create_wiki_page',
   IMAGE_COLUMN_TOGGLE: 'Image_column_toggle'
 };
-const PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 const COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
-const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';
-const WIKI_EDITOR = exports.WIKI_EDITOR = 'wiki_editor';
-const DOCUMENT_PLUGIN_EDITOR = exports.DOCUMENT_PLUGIN_EDITOR = 'document_plugin_editor';
-const WIKI_OUTLINE = exports.WIKI_OUTLINE = 'wiki-outline';
-const HEADER_OUTLINE_WIDTH_MAPPING = exports.HEADER_OUTLINE_WIDTH_MAPPING = {
-  header1: '16px',
-  header2: '12px',
-  header3: '8px'
-};
-const MODIFY_TYPE = exports.MODIFY_TYPE = {
-  ADD: 'add',
-  DELETE: 'delete',
-  MODIFY: 'modify',
-  CHILDREN_MODIFY: 'children_modify'
-};
-const REBASE_TYPE = exports.REBASE_TYPE = {
-  MODIFY_MODIFY: 'modify_modify',
-  DELETE_MODIFY: 'delete_modify',
-  MODIFY_DELETE: 'modify_delete'
-};
-const REBASE_TYPES = exports.REBASE_TYPES = [REBASE_TYPE.MODIFY_DELETE, REBASE_TYPE.DELETE_MODIFY, REBASE_TYPE.MODIFY_MODIFY];
-const REBASE_MARK_KEY = exports.REBASE_MARK_KEY = {
-  ORIGIN: 'origin',
-  REBASE_TYPE: 'rebase_type',
-  MODIFY_TYPE: 'modify_type',
-  OLD_ELEMENT: 'old_element'
-};
-const REBASE_ORIGIN = exports.REBASE_ORIGIN = {
-  OTHER: 'other',
-  MY: 'my'
-};
-const REBASE_MARKS = exports.REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];
-const DIFF_VIEWER = exports.DIFF_VIEWER = 'diff_viewer';
-const FULL_WIDTH_MODE = exports.FULL_WIDTH_MODE = 'full-width-mode';
-const SDOC_STORAGE = exports.SDOC_STORAGE = 'sdoc';
-
-// left outline
-const LEFT_OUTLINE_WIDTH = exports.LEFT_OUTLINE_WIDTH = 280;
-
-// Default mode width
-const ARTICLE_DEFAULT_WIDTH = exports.ARTICLE_DEFAULT_WIDTH = '794px';
-// Width in full width mode
-const ARTICLE_FULL_WIDTH = exports.ARTICLE_FULL_WIDTH = 'calc(100% - 50px - 50px)'; // The left and right sides are 50
-const ARTICLE_FULL_MIN_WIDTH = exports.ARTICLE_FULL_MIN_WIDTH = '400px';
+const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';

package/dist/basic-sdk/context.js

@@ -6,9 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _urlParse = _interopRequireDefault(require("url-parse"));
-var _sdocServerApi = _interopRequireDefault(require("./api/sdoc-server-api"));
-var _seafileApi = _interopRequireDefault(require("./api/seafile-api"));
 class Context {
   constructor() {
     (0, _defineProperty2.default)(this, "initSettings", settings => {
@@ -34,17 +31,7 @@ class Context {
         return relative_path;
       });
     });
-    (0, _defineProperty2.default)(this, "uploadLocalVideo", videoFiles => {
-      const docUuid = this.getSetting('docUuid');
-      return this.api.uploadSdocVideo(docUuid, videoFiles).then(res => {
-        const {
-          relative_path
-        } = res.data;
-        return relative_path;
-      });
-    });
     this.settings = null;
-    this.sdocServerApi = null;
     this.api = null;
     this.config = null;
   }
@@ -59,204 +46,26 @@ class Context {
     if (this.settings[key] === false) return this.settings[key];
     return this.settings[key] || '';
   }
-  getPrintCss() {
-    const server = this.getSetting('serviceUrl');
-    const mediaUrl = this.getSetting('mediaUrl');
-    // const commonCss = `${server}${mediaUrl}css/seafile-ui.css`;
-    const fontCss = `${server}${mediaUrl}/sdoc-editor/sdoc-editor-font.css`;
-    return [fontCss];
-  }
   updateSettings(update) {
     for (let key in update) {
       this.settings[key] = update[key];
     }
   }
-  getEditorConfig() {
-    // When you need to execute this function, make sure to get the latest configuration items
-    const {
-      docUuid,
-      accessToken,
-      sdocServer
-    } = this.getSettings();
-    this.config = {
-      docUuid,
-      accessToken,
-      sdocServer: new _urlParse.default(sdocServer).origin,
-      user: this.getUserInfo()
-    };
-    return this.config;
-  }
-  getFileContent() {
-    return this.sdocServerApi.getDocContent().then(res => {
-      this.settings['last_modify_user'] = res.data.last_modify_user;
-      return res;
-    });
-  }
-  normalizeSdocContent() {
-    return this.sdocServerApi.normalizeSdocContent();
-  }
-  saveContent(content) {
-    return this.sdocServerApi.saveDocContent(content);
-  }
-
-  /**
-   * @private Get DocUuid
-   */
-  getDocUuid() {
-    return this.getSetting('docUuid');
-  }
-  getCollaborators() {
-    return this.sdocServerApi.getCollaborators();
-  }
   getUserInfo() {
     return this.user;
   }
-
-  // comments
-  listComments() {
-    return this.sdocServerApi.listComments();
-  }
-  insertComment(comment) {
-    return this.sdocServerApi.insertComment(comment);
-  }
-  deleteComment(commentId) {
-    return this.sdocServerApi.deleteComment(commentId);
-  }
-  updateComment(commentId, newComment) {
-    return this.sdocServerApi.updateComment(commentId, newComment);
-  }
-  insertReply(commentId, reply) {
-    return this.sdocServerApi.insertReply(commentId, reply);
-  }
-  deleteReply(commentId, replyId) {
-    return this.sdocServerApi.deleteReply(commentId, replyId);
-  }
-  updateReply(commentId, replyId, newReply) {
-    return this.sdocServerApi.updateReply(commentId, replyId, newReply);
-  }
-
-  // revision
-  startRevise() {
-    const repoID = this.getSetting('repoID');
-    const filePath = this.getSetting('docPath');
-    const fileUuid = this.getSetting('docUuid');
-    return this.api.startRevise(repoID, fileUuid, filePath);
-  }
-  getSeadocOriginFileContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSeadocOriginFileContent(docUuid);
-  }
-  getSdocRevisionsCount() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocRevisionsCount(docUuid);
-  }
-  getSdocRevisions(page, perPage) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocRevisions(docUuid, page, perPage);
-  }
-  publishRevision() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.publishRevision(docUuid);
-  }
-  updateSdocRevision(sdocContent) {
-    const docUuid = this.getSetting('docUuid');
-    const docName = this.getSetting('docName');
-    return this.api.updateSdocRevision(docUuid, docName, sdocContent);
-  }
-  deleteSdocRevision() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteSdocRevision(docUuid);
-  }
-  deleteSdocOtherRevision(revisionId) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteSdocOtherRevision(docUuid, revisionId);
-  }
-  getRevisionBaseVersionContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getRevisionBaseVersionContent(docUuid);
-  }
-  getPublishedRevisionContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getPublishedRevisionContent(docUuid);
-  }
-
-  // local files
-  getSdocLocalFiles(p, type) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocFiles(docUuid, p, type);
-  }
-  getSdocLocalFileId(p) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocFileId(docUuid, p);
-  }
-  getSdocLocalFileUrl(docUuid) {
-    const sdocServer = this.getSetting('serviceUrl');
-    return sdocServer + '/api/v2.1/seadoc/file/' + docUuid + '/?doc_uuid=' + docUuid;
-  }
   copyImage(originDocUuid, imageList) {
     const docUuid = this.getSetting('docUuid');
     return this.api.asyncCopyImages(docUuid, originDocUuid, imageList);
   }
-  getLinkFilesInfo(filesUrl) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getLinkFilesInfo(docUuid, filesUrl);
-  }
   getCopyMoveProgressView(taskId) {
     const docUuid = this.getSetting('docUuid');
     return this.api.getCopyMoveProgressView(docUuid, taskId);
   }
-  searchSdocFiles(query, page, per_page) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.searchSdocFiles(docUuid, query, page, per_page);
-  }
-  getSearchFilesByFilename(query, page, per_page, search_type) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.searchFilesByFilename(docUuid, query, page, per_page, search_type);
-  }
-
-  // participants
-  listParticipants() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.listParticipants(docUuid);
-  }
   addParticipants(emails) {
     const docUuid = this.getSetting('docUuid');
     return this.api.addParticipants(docUuid, emails);
   }
-  deleteParticipants(emails) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteParticipants(docUuid, emails);
-  }
-  listRelatedUsers() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.listRelatedUsers(docUuid);
-  }
-
-  // notification
-  listUnseenNotifications() {
-    const docUuid = this.getDocUuid();
-    return this.api.listUnseenNotifications(docUuid);
-  }
-  deleteUnseenNotifications(notificationIds) {
-    const docUuid = this.getDocUuid();
-    return this.api.deleteUnseenNotifications(docUuid, notificationIds);
-  }
-  readAllNotifications() {
-    const docUuid = this.getDocUuid();
-    return this.api.readAllNotifications(docUuid);
-  }
-  aiTranslate(text, lang) {
-    const docUuid = this.getDocUuid();
-    return this.api.aiTranslate(docUuid, text, lang);
-  }
-  writingAssistant(text, type, custom_prompt) {
-    const docUuid = this.getDocUuid();
-    return this.api.writingAssistant(docUuid, text, type, custom_prompt);
-  }
-  updateConfigUuid(docUuid) {
-    if (!this.config) return;
-    this.config['docUuid'] = docUuid;
-  }
 }
 const context = new Context();
 var _default = exports.default = context;

package/dist/basic-sdk/cursor/helper.js

@@ -1,14 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setCursor = exports.generateCursorData = exports.deleteCursor = void 0;
-var _randomcolor = _interopRequireDefault(require("randomcolor"));
-// selection: { anchor, focus }
-// cursor: { anchor, focus }
-
+exports.setCursor = void 0;
 const setCursor = (editor, user, location, cursorData) => {
   const {
     username: clientId
@@ -30,28 +25,4 @@ const setCursor = (editor, user, location, cursorData) => {
   };
   return editor;
 };
-exports.setCursor = setCursor;
-const deleteCursor = (editor, username) => {
-  delete editor.cursors[username];
-  editor.cursors = {
-    ...editor.cursors
-  };
-  return editor;
-};
-exports.deleteCursor = deleteCursor;
-const generateCursorData = config => {
-  const {
-    user
-  } = config;
-  const options = {
-    luminosity: 'dark',
-    format: 'rgba',
-    alpha: 1
-  };
-  const color = (0, _randomcolor.default)(options);
-  return {
-    name: user.name,
-    cursor_color: color
-  };
-};
-exports.generateCursorData = generateCursorData;
+exports.setCursor = setCursor;

package/dist/basic-sdk/decorates/index.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePipDecorate = void 0;
 var _commentDecorate = require("../comment/comment-decorate");
-var _highlight = require("../highlight");
 var _useSelectionUpdate = _interopRequireDefault(require("../hooks/use-selection-update"));
-const pluginDecorates = [_highlight.highlightDecorate, _commentDecorate.commentDecorate];
+const pluginDecorates = [_commentDecorate.commentDecorate];
 const usePipDecorate = editor => {
   (0, _useSelectionUpdate.default)();
   const decorates = pluginDecorates.map(decorate => {

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

@@ -34,11 +34,10 @@ const getSubmitTip = (type, content) => {
   if (content) return 'Save';
   return type === 'comment' ? 'Comment' : 'Reply';
 };
-const DEFAULT_PLACEHOLDER = 'Enter_comment_shift_enter_for_new_line_Enter_to_send';
 const CommentEditor = _ref => {
   let {
     content,
-    placeholder = DEFAULT_PLACEHOLDER,
+    placeholder = '',
     toolMenus = ['text_style', _constants2.BLOCKQUOTE, _constants2.UNORDERED_LIST, _constants2.ORDERED_LIST, _constants2.LINK, _constants2.IMAGE],
     insertContent,
     onContentChange,
@@ -252,7 +251,8 @@ const CommentEditor = _ref => {
     cursors: cursors,
     renderElement: props => (0, _renderCommentEditorElement.default)({
       ...props,
-      commentType: type
+      commentType: type,
+      placeholder
     }),
     renderLeaf: _extension.renderLeaf,
     onMouseDown: onMouseDown,

package/dist/basic-sdk/extension/commons/index.js

@@ -4,12 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ColorMenu", {
-  enumerable: true,
-  get: function () {
-    return _colorMenu.default;
-  }
-});
 Object.defineProperty(exports, "ElementPopover", {
   enumerable: true,
   get: function () {
@@ -28,20 +22,5 @@ Object.defineProperty(exports, "MenuItem", {
     return _menu.MenuItem;
   }
 });
-Object.defineProperty(exports, "MoreDropdown", {
-  enumerable: true,
-  get: function () {
-    return _moreDropdown.default;
-  }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () {
-    return _select.default;
-  }
-});
-var _colorMenu = _interopRequireDefault(require("./color-menu"));
 var _elementPopover = _interopRequireDefault(require("./element-popover"));
-var _menu = require("./menu");
-var _moreDropdown = _interopRequireDefault(require("./more-dropdown"));
-var _select = _interopRequireDefault(require("./select"));
+var _menu = require("./menu");