@seafile/comment-editor 0.0.1-alpha.0

package/README.md

@@ -0,0 +1,51 @@
+# Comment-editor
+
+项目是基于 react-slate 组件库的二次封装, 用于满足公司评论编辑器的使用需求
+
+## 目录结构
+
+```
+comment-editor/
+  dist                      // 打包后的文件
+  node_modules/             // 依赖第三方组件库
+  public/                   // 公共资源文件库
+    index.html                 
+    favicon.ico
+  site(demo 模块, 基于组件库创建的测试模块)
+    _i18n                   // 国际化模块
+    api                     // api 模块
+    assets                  // css 文件, 图片文件
+    commons                 // 公共组件
+    components              // 应用组件
+    containers              // 容器组件
+    pages                   // 页面组件
+    app.js                  // 应用对象
+    index.html              // 主页
+    index.js                // 应用入口
+    setting.js              // 应用配置文件
+    setting.local.dist.js   // 应用配置模版
+    setting.local.dist      // 用户基于 setting.local.dist.js copy 一份的配置文件
+  src/(组件库)
+    assets                  // css 文件, 资源文件
+    components              // 封装的视图组件
+    editor                  // 封装的编辑器组件
+    lib                     // 底层接口
+    utils                   // 工具接口
+    viewer                  // 封装的视图组件
+    index.js                // 组件库导出内容入口文件
+  tests                     // 测试
+  webpack                   // site 打包文件   
+  config.js                 // site 打包配置文件
+  dev-server.js             // site 后端服务器
+  package.json
+  readme.md                 // 组件库说明文档
+```
+
+## 本地测试步骤
+1. 新增本地配置文件 setting.local.js(基于 /site/setting.local.dist.js copy 一份)
+2. 在 seahub 项目创建一个测试文件, 根据需要的配置信息完善配置内容
+3. 执行 npm run start, 启动测试服务, 可以打开相应的网址, 对封装的组件进行测试
+
+## 新版本发布
+1. 更新 package.json 中的 version 属性
+2. 执行 npm publish 完成新版本发布

package/dist/assets/css/plugin-editor.css

@@ -0,0 +1,7 @@
+.sdoc-editor-container .sdoc-editor-content.no-outline .sdoc-article-container {
+  margin: 0 auto !important;
+}
+
+html {
+  scrollbar-width: none;
+}

package/dist/assets/css/simple-editor.css

@@ -0,0 +1,9 @@
+/* reset common css */
+.sdoc-editor-page-wrapper .dropdown-item,
+.sdoc-context-menu .dropdown-item:not(:disabled) {
+  color: #212529;
+}
+
+.sdoc-context-menu .dropdown-item:hover {
+  color: #fff;
+}

package/dist/assets/css/simple-viewer.css

@@ -0,0 +1,6 @@
+.sdoc-share-permission {
+  font-size: 12px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: solid 1px rgba(0, 0, 0, 0.12);
+}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ACTION_TYPES = void 0;
+const ACTION_TYPES = exports.ACTION_TYPES = {
+  GET_OUTLINE: 'sdoc.outline.data.get',
+  SELECT_OUTLINE: 'sdoc.outline.data.select'
+};

package/dist/basic-sdk/android/js-bridge.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+class JSBridge {
+  constructor() {
+    (0, _defineProperty2.default)(this, "init", () => {
+      if (window.WebViewJavascriptBridge) {
+        this.initWebViewJavascriptBridge();
+      } else {
+        document.addEventListener('WebViewJavascriptBridgeReady', this.initWebViewJavascriptBridge, false);
+      }
+      this.initJSEventHandler();
+    });
+    (0, _defineProperty2.default)(this, "finishPage", () => {
+      if (!window.WebViewJavascriptBridge) return;
+      window.WebViewJavascriptBridge.callHandler('finishPage');
+    });
+    (0, _defineProperty2.default)(this, "initWebViewJavascriptBridge", () => {
+      if (window.WebViewJavascriptBridge.init && !window.WebViewJavascriptBridge.inited) {
+        window.WebViewJavascriptBridge.init();
+      }
+    });
+    (0, _defineProperty2.default)(this, "initJSEventHandler", () => {
+      if (!window.WebViewJavascriptBridge) return;
+      window.WebViewJavascriptBridge.registerHandler('callJsFunction', (sData, responseCallback) => {
+        if (!sData) return;
+        let parsedData = null;
+        try {
+          parsedData = JSON.parse(sData);
+        } catch (err) {
+          console.log('parsed error');
+          parsedData = null;
+        }
+        if (!parsedData) return;
+        const {
+          action,
+          data
+        } = parsedData;
+        const eventHandler = this.eventHandlerMap[action];
+        const execActionSucceed = eventHandler(JSON.parse(data));
+        if (execActionSucceed) {
+          responseCallback(JSON.stringify({
+            success: true
+          }));
+        }
+      });
+    });
+    (0, _defineProperty2.default)(this, "registerEventHandler", (key, callback) => {
+      if (!key || !callback) {
+        throw new Error('Parameter event type and processing function must exist.');
+      }
+      if (typeof key !== 'string') {
+        throw new Error('Event type must be a string.');
+      }
+      if (typeof callback !== 'function') {
+        throw new Error('The handler function must be a function.');
+      }
+      this.eventHandlerMap[key] = callback;
+    });
+    (0, _defineProperty2.default)(this, "callAndroidFunction", dataString => {
+      if (!window.WebViewJavascriptBridge) return false;
+      window.WebViewJavascriptBridge.callHandler('callAndroidFunction', dataString);
+      return true;
+    });
+    this.eventHandlerMap = {};
+  }
+}
+const jsBridge = new JSBridge();
+var _default = exports.default = jsBridge;

package/dist/basic-sdk/android/outline-module.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateOutlineValue = exports.scrollToOutline = exports.registerOutlineEventHandler = void 0;
+var _constants = require("./constants");
+var _jsBridge = _interopRequireDefault(require("./js-bridge"));
+const updateOutlineValue = value => {
+  if (!value || !Array.isArray(value)) return;
+  const outlines = value === null || value === void 0 ? void 0 : value.filter(item => ['header1', 'header2', 'header3'].includes(item.type));
+  if (!window.seadroid) {
+    window.seadroid = {};
+  }
+  window.seadroid['outlines'] = outlines;
+};
+exports.updateOutlineValue = updateOutlineValue;
+const scrollToOutline = item => {
+  const {
+    id
+  } = item;
+  document.getElementById(id).scrollIntoView();
+};
+exports.scrollToOutline = scrollToOutline;
+const registerOutlineEventHandler = () => {
+  _jsBridge.default.registerEventHandler(_constants.ACTION_TYPES.SELECT_OUTLINE, scrollToOutline);
+};
+exports.registerOutlineEventHandler = registerOutlineEventHandler;

package/dist/basic-sdk/api/sdoc-server-api.js

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _axios = _interopRequireDefault(require("axios"));
+class SDocServerApi {
+  constructor(options) {
+    if (!options.docUuid) {
+      throw new Error('settings has no docUuid');
+    }
+    if (!options.sdocServer) {
+      throw new Error('settings has no sdocServer');
+    }
+    if (!options.accessToken) {
+      throw new Error('settings has no accessToken');
+    }
+    this.server = options.sdocServer;
+    this.docUuid = options.docUuid;
+    this.accessToken = options.accessToken;
+  }
+  getDocContent() {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/`;
+    return _axios.default.get(url, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  normalizeSdocContent() {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/normalize-sdoc`;
+    return _axios.default.get(url, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  saveDocContent(content) {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/`;
+    const formData = new FormData();
+    formData.append('doc_content', content);
+    return _axios.default.post(url, formData, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  getCollaborators() {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/collaborators/`;
+    return _axios.default.get(url, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  listComments() {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/comment/`;
+    return _axios.default.get(url, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  insertComment(comment) {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/comment/`;
+    return _axios.default.post(url, comment, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  deleteComment(commentId) {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    return _axios.default.delete(url, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  updateComment(commentId, newComment) {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    return _axios.default.put(url, newComment, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  updateCommentState(commentId, resolved) {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/`;
+    const newComment = {};
+    if (resolved) {
+      newComment.resolved = 'true';
+    } else {
+      newComment.resolved = 'false';
+    }
+    return _axios.default.put(url, newComment, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  insertReply(commentId, reply) {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/`;
+    return _axios.default.post(url, reply, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  deleteReply(commentId, replyId) {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/${replyId}/`;
+    return _axios.default.delete(url, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+  updateReply(commentId, replyId, reply) {
+    const {
+      server,
+      docUuid,
+      accessToken
+    } = this;
+    const url = `${server}/api/v1/docs/${docUuid}/comment/${commentId}/replies/${replyId}/`;
+    return _axios.default.put(url, reply, {
+      headers: {
+        Authorization: `Token ${accessToken}`
+      }
+    });
+  }
+}
+var _default = exports.default = SDocServerApi;

package/dist/basic-sdk/api/seafile-api.js

@@ -0,0 +1,220 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _axios = _interopRequireDefault(require("axios"));
+var _slugid = _interopRequireDefault(require("slugid"));
+class SeafileAPI {
+  constructor(server, token) {
+    (0, _defineProperty2.default)(this, "deleteSdocRevision", docUuid => {
+      const url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
+      return this.req.delete(url);
+    });
+    (0, _defineProperty2.default)(this, "deleteSdocOtherRevision", (docUuid, revisionId) => {
+      const url = 'api/v2.1/seadoc/delete-revision/' + docUuid + '/' + revisionId + '/';
+      return this.req.delete(url);
+    });
+    this.req = _axios.default.create({
+      baseURL: server,
+      headers: {
+        Authorization: 'Token ' + token
+      }
+    });
+  }
+  _sendPostRequest(url, form) {
+    if (form.getHeaders) {
+      return this.req.post(url, form, {
+        headers: form.getHeaders()
+      });
+    } else {
+      return this.req.post(url, form);
+    }
+  }
+  getImageFileNameWithUuid(file) {
+    return 'image-' + _slugid.default.nice() + file.name.slice(file.name.lastIndexOf('.'));
+  }
+  uploadSdocImage(docUuid, imageFiles) {
+    const url = '/api/v2.1/seadoc/upload-image/' + docUuid + '/';
+    const form = new FormData();
+    for (const fileItem of imageFiles) {
+      if (fileItem.type.startsWith('image/')) {
+        const fileName = this.getImageFileNameWithUuid(fileItem);
+        const file = new File([fileItem], fileName, {
+          type: fileItem.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);
+  }
+  getVideoFileNameWithUuid(file) {
+    return 'video-' + _slugid.default.nice() + file.name.slice(file.name.lastIndexOf('.'));
+  }
+  uploadSdocVideo(docUuid, videoFiles) {
+    const url = '/api/v2.1/seadoc/upload-video/' + docUuid + '/';
+    const form = new FormData();
+    for (const fileItem of videoFiles) {
+      if (fileItem.type.startsWith('video/')) {
+        const fileName = this.getVideoFileNameWithUuid(fileItem);
+        const file = new File([fileItem], fileName, {
+          type: fileItem.type
+        });
+        form.append('file', file);
+      }
+    }
+    return this.req.post(url, form);
+  }
+
+  // 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
+  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);
+  }
+  searchSdocFiles(docUuid, query, page, per_page) {
+    const url = 'api/v2.1/seadoc/search-filename/' + docUuid + '/?query=' + query + '&page=' + page + '&per_page=' + per_page;
+    return this.req.get(url);
+  }
+  searchFilesByFilename(docUuid, query, page, per_page, search_type) {
+    const url = 'api/v2.1/seadoc/search-filename/' + docUuid + '/?query=' + query + '&page=' + page + '&per_page=' + per_page + '&search_type=' + search_type;
+    return this.req.get(url);
+  }
+
+  // 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
+  listRelatedUsers(docUuid) {
+    const url = 'api/v2.1/seadoc/related-users/' + docUuid + '/';
+    return this.req.get(url);
+  }
+
+  // notification
+  listUnseenNotifications(docUuid) {
+    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    return this.req.get(url);
+  }
+  deleteUnseenNotifications(docUuid, notificationIds) {
+    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    const params = {
+      ids: notificationIds
+    };
+    return this.req.delete(url, {
+      data: params
+    });
+  }
+  readAllNotifications(docUuid) {
+    const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
+    return this.req.put(url);
+  }
+  aiTranslate(docUuid, text, lang) {
+    const url = '/api/v2.1/ai/translate/';
+    let form = new FormData();
+    form.append('text', text);
+    form.append('lang', lang);
+    form.append('file_uuid', docUuid);
+    return this.req.post(url, form);
+  }
+  writingAssistant(docUuid, text, type, custom_prompt) {
+    const url = '/api/v2.1/ai/writing-assistant/';
+    let form = new FormData();
+    form.append('text', text);
+    form.append('writing_type', type);
+    if (custom_prompt) {
+      form.append('custom_prompt', custom_prompt);
+    }
+    form.append('file_uuid', docUuid);
+    return this.req.post(url, form);
+  }
+}
+var _default = exports.default = SeafileAPI;

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

@@ -0,0 +1,27 @@
+/* modify default css */
+.element-icon {
+  color: #444 !important;
+}
+
+.sdoc-icon-btn {
+  height: 24px;
+  width: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+}
+
+.sdoc-icon-btn:hover {
+  background-color: #EFEFEF;
+  cursor: pointer;
+}
+
+.sdoc-icon-btn .sdocfont {
+  color: #999;
+  font-size: 16px;
+}
+
+.sdoc-icon-btn:hover .sdocfont {
+  color: #5a5a5a;
+}

package/dist/basic-sdk/assets/css/diff-viewer.css

@@ -0,0 +1,5 @@
+.sdoc-diff {
+  padding: 0 5px;
+  margin: 0 -5px;
+  overflow: hidden;
+}