@seafile/seafile-editor 0.3.99 → 0.3.102

package/dist/editor/seafile-editor.js

@@ -1,325 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import toaster from '../components/toast';
-import { withTranslation } from 'react-i18next';
-import { Text } from 'slate';
-import '../css/layout.css';
-import '../css/topbar.css';
-import RichMarkdownEditor from './rich-markdown-editor';
-import PlainMarkdownEditor from './plain-markdown-editor';
-import { serialize, deserialize } from '../utils/slate2markdown';
-
-var SeafileEditor = /*#__PURE__*/function (_React$Component) {
-  _inherits(SeafileEditor, _React$Component);
-
-  var _super = _createSuper(SeafileEditor);
-
-  function SeafileEditor(props) {
-    var _this;
-
-    _classCallCheck(this, SeafileEditor);
-
-    _this = _super.call(this, props);
-
-    _this.switchToPlainTextEditor = function () {
-      // TODO: performance, change to do serialize in async way
-      if (_this.props.editorMode === 'rich') {
-        var value = _this.state.richValue;
-        var str = serialize(value);
-
-        _this.props.setEditorMode('plain');
-
-        _this.setState({
-          initialPlainValue: str,
-          currentContent: str
-        });
-      }
-
-      if (_this.props.collabServer) {
-        _this.props.emitSwitchEditor(false);
-      }
-    };
-
-    _this.switchToRichTextEditor = function () {
-      // TODO: performance, change to do deserialize in async way
-      _this.setState({
-        richValue: deserialize(_this.state.currentContent)
-      });
-
-      _this.props.setEditorMode('rich');
-
-      if (_this.props.collabServer) {
-        _this.props.emitSwitchEditor(false);
-      }
-    };
-
-    _this.onUnload = function (event) {
-      if (!_this.props.contentChanged) return;
-      var confirmationMessage = 'Leave this page? The system may not save your changes.';
-
-      _this.props.clearTimer();
-
-      _this.props.deleteDraft && _this.props.deleteDraft();
-      event.returnValue = confirmationMessage;
-      return confirmationMessage;
-    };
-
-    _this.onChange = function (value, operations) {
-      if (_this.props.editorMode === 'rich') {
-        _this.setState({
-          richValue: value
-        });
-
-        _this.props.setDraftValue('rich', _this.state.richValue);
-
-        var ops = operations.filter(function (o) {
-          return o.type !== 'set_selection' && o.type !== 'set_value';
-        });
-
-        if (ops.length !== 0) {
-          _this.props.onContentChanged(true);
-
-          if (_this.autoSave) _this.props.autoSaveDraft();
-        }
-      } else {
-        _this.setState({
-          currentContent: value
-        });
-
-        _this.props.onContentChanged(true);
-
-        _this.props.setDraftValue('rich', _this.state.richValue);
-
-        _this.props.autoSaveDraft();
-      }
-    };
-
-    _this.saveContent = function (str) {
-      _this.props.editorApi.saveContent(str).then(function () {
-        _this.props.onSaving(false);
-
-        _this.props.onContentChanged(false); // remove markdown lint temporarily
-        // if (this.props.markdownLint) {
-        //   const slateValue = this.state.richValue;
-        //   this.props.editorApi.markdownLint(JSON.stringify(slateValue)).then((res) => {
-        //     this.setState({
-        //       issues: res.data
-        //     });
-        //   });
-        // }
-
-
-        _this.lastModifyTime = new Date();
-        toaster.success(_this.props.t('file_saved'), {
-          duration: 2
-        });
-
-        _this.props.editorApi.getFileInfo().then(function (res) {
-          _this.props.setFileInfoMtime(res.data);
-        });
-
-        _this.addParticipants();
-      }, function () {
-        _this.props.onSaving(false);
-
-        toaster.danger(_this.props.t('file_failed_to_save'), {
-          duration: 2
-        });
-      });
-
-      _this.props.onSaving(true);
-    };
-
-    _this.addParticipants = function () {
-      if (_this.isParticipant || !window.showParticipants) return;
-      var _this$props$editorApi = _this.props.editorApi,
-          userName = _this$props$editorApi.userName,
-          addFileParticipants = _this$props$editorApi.addFileParticipants;
-      var participants = _this.props.participants;
-
-      if (participants && participants.length !== 0) {
-        _this.isParticipant = participants.every(function (participant) {
-          return participant.email === userName;
-        });
-        if (_this.isParticipant) return;
-      }
-
-      var emails = [userName];
-      addFileParticipants(emails).then(function (res) {
-        _this.isParticipant = true;
-
-        _this.props.onParticipantsChange();
-      });
-    };
-
-    _this.onRichEditorSave = function () {
-      if (_this.props.isSaving) return;
-      var value = _this.state.richValue;
-      var str = serialize(value);
-
-      _this.saveContent(str);
-
-      _this.props.clearTimer();
-
-      _this.props.deleteDraft && _this.props.deleteDraft();
-    };
-
-    _this.resetRichValue = function () {
-      var value = _this.state.richValue;
-
-      _this.setState({
-        richValue: value
-      });
-    };
-
-    _this.onPlainEditorSave = function () {
-      if (_this.props.isSaving) return;
-      var str = _this.state.currentContent;
-
-      _this.saveContent(str);
-
-      _this.props.clearTimer();
-
-      _this.props.deleteDraft && _this.props.deleteDraft();
-    };
-
-    _this.resetContentChanged = function () {
-      if (_this.props.contentChanged) {
-        _this.props.onContentChanged(false);
-      }
-
-      _this.autoSave = true;
-    };
-
-    var markdownContent = _this.props.markdownContent;
-    var isEditMode = _this.props.mode === 'editor';
-    var isDraft = _this.props.isDraft;
-    _this.lastModifyTime = null;
-    _this.autoSave = false;
-    _this.isParticipant = false;
-    window.seafileEditor = _assertThisInitialized(_this);
-    _this.state = {
-      isTreeDataLoaded: false,
-      initialPlainValue: '',
-      // for plain editor
-      currentContent: markdownContent,
-      // for plain editor and viewer
-      richValue: isEditMode || isDraft ? deserialize(markdownContent) : deserialize(''),
-      // for rich editor
-      issues: {
-        issue_list: []
-      }
-    };
-    return _this;
-  } // componentWillReceiveProps(nextProps) {
-  //   if (this.props.markdownContent !== nextProps.markdownContent) {
-  //     this.setState({ richValue: deserialize(nextProps.markdownContent) });
-  //   }
-  // }
-  // from rich editor to plain editor
-
-
-  _createClass(SeafileEditor, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // window.seafileEditor = this;
-      window.addEventListener('beforeunload', this.onUnload);
-    }
-  }, {
-    key: "componentWillMount",
-    value:
-    /*
-    *  when seafileEditor first mounted check the content
-    *  if the content is empty add h1 to document
-    * */
-    function componentWillMount() {
-      if (this.props.editorMode === 'rich') {
-        var document = this.state.richValue;
-        var firstNode = document[0];
-        /**
-         *  if the markdown content is empty, the rich value contains
-         *  only a paragraph which contains a empty text node 
-         * 
-        */
-
-        if (document.length === 1 && firstNode.type === 'paragraph' && firstNode.children.length === 1 && Text.isText(firstNode.children[0]) && firstNode.children[0].text.length === 0) {
-          var headerContent = this.props.fileInfo.name.slice(0, this.props.fileInfo.name.lastIndexOf('.'));
-          var header = {
-            type: 'header_one',
-            children: [{
-              text: headerContent,
-              marks: []
-            }]
-          };
-          document.push(header);
-          document.shift();
-          this.setState({
-            richValue: document
-          });
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var dom = '';
-
-      if (this.props.editorMode === 'rich') {
-        dom = /*#__PURE__*/React.createElement(RichMarkdownEditor, {
-          editorApi: this.props.editorApi,
-          onChange: this.onChange,
-          onSave: this.onRichEditorSave,
-          value: this.state.richValue,
-          resetRichValue: this.resetRichValue,
-          contentChanged: this.props.contentChanged,
-          saving: this.props.saving,
-          switchToMarkDownViewer: this.switchToMarkDownViewer,
-          switchToPlainTextEditor: this.switchToPlainTextEditor,
-          fileInfo: this.props.fileInfo,
-          toggleStar: this.props.toggleStar,
-          issues: this.state.issues,
-          resetContentChanged: this.resetContentChanged,
-          collabUsers: this.props.collabUsers,
-          mode: this.props.editorMode,
-          draftID: this.props.draftID,
-          isDraft: this.props.isDraft,
-          openDialogs: this.props.openDialogs,
-          readOnly: this.props.readOnly,
-          fileTagList: this.props.fileTagList,
-          participants: this.props.participants,
-          onParticipantsChange: this.props.onParticipantsChange
-        });
-      } else if (this.props.editorMode === 'plain') {
-        dom = /*#__PURE__*/React.createElement(PlainMarkdownEditor, {
-          editorApi: this.props.editorApi,
-          initialValue: this.state.initialPlainValue,
-          currentContent: this.state.currentContent,
-          contentChanged: this.props.contentChanged,
-          switchToRichTextEditor: this.switchToRichTextEditor,
-          switchToMarkDownViewer: this.switchToMarkDownViewer,
-          onSave: this.onPlainEditorSave,
-          onChange: this.onChange,
-          fileInfo: this.props.fileInfo,
-          toggleStar: this.props.toggleStar,
-          collabUsers: this.props.collabUsers,
-          mode: this.props.editorMode,
-          draftID: this.props.draftID,
-          isDraft: this.props.isDraft
-        });
-      }
-
-      return dom;
-    }
-  }]);
-
-  return SeafileEditor;
-}(React.Component);
-
-SeafileEditor.defaultProps = {
-  userInfo: null
-};
-export default withTranslation('seafile-editor')(SeafileEditor);

package/dist/editor-api.js

@@ -1,256 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import { SeafileAPI } from 'seafile-js';
-import { serverConfig } from './config';
-var serviceUrl = serverConfig.serviceUrl,
-    username = serverConfig.username,
-    password = serverConfig.password;
-var seafileAPI = new SeafileAPI();
-seafileAPI.init({
-  server: serviceUrl,
-  username: username,
-  password: password
-});
-
-function getImageFileNameWithTimestamp(file) {
-  var d = Date.now();
-  return 'image-' + d.toString() + file.name.slice(file.name.lastIndexOf('.'));
-}
-
-var EditorApi = /*#__PURE__*/function () {
-  function EditorApi(repoID, fileName, dirPath, name, filePath, serviceUrl, username, contact_email, repoName) {
-    var _this = this;
-
-    _classCallCheck(this, EditorApi);
-
-    this.uploadLocalImage = function (imageFile) {
-      return _this.seafileAPI.getUploadLink(_this.repoID, '/').then(function (res) {
-        var uploadLink = res.data + '?ret-json=1';
-        var newFile = new File([imageFile], getImageFileNameWithTimestamp(imageFile), {
-          type: imageFile.type
-        });
-        var formData = new FormData();
-        formData.append('parent_dir', '/');
-        formData.append('relative_path', 'images/auto-upload');
-        formData.append('file', newFile);
-        return _this.seafileAPI.uploadImage(uploadLink, formData);
-      }).then(function (res) {
-        return _this._getImageURL(res.data[0].name);
-      });
-    };
-
-    this.getDraftKey = function () {
-      return _this.repoID + _this.filePath;
-    };
-
-    this.addFileParticipants = function (emails) {
-      return _this.seafileAPI.addFileParticipants(_this.repoID, _this.filePath, emails);
-    };
-
-    this.seafileAPI = seafileAPI;
-    this.repoID = repoID;
-    this.filePath = filePath;
-    this.serviceUrl = serviceUrl;
-    this.dirPath = dirPath;
-    this.fileName = fileName;
-    this.userName = username;
-    this.contact_email = contact_email;
-    this.name = name;
-    this.repoName = repoName;
-  }
-
-  _createClass(EditorApi, [{
-    key: "login",
-    value: function login() {
-      return this.seafileAPI.login();
-    }
-  }, {
-    key: "saveContent",
-    value: function saveContent(content) {
-      var _this2 = this;
-
-      return this.seafileAPI.getUpdateLink(this.repoID, this.dirPath).then(function (res) {
-        var uploadLink = res.data;
-        return _this2.seafileAPI.updateFile(uploadLink, _this2.filePath, _this2.fileName, content);
-      });
-    }
-  }, {
-    key: "unStarItem",
-    value: function unStarItem() {
-      return this.seafileAPI.unstarItem(this.repoID, this.filePath);
-    }
-  }, {
-    key: "starItem",
-    value: function starItem() {
-      return this.seafileAPI.starItem(this.repoID, this.filePath);
-    }
-  }, {
-    key: "createShareLink",
-    value: function createShareLink(userPassword, userValidDays) {
-      return this.seafileAPI.createShareLink(this.repoID, this.filePath, userPassword, userValidDays);
-    }
-  }, {
-    key: "getShareLink",
-    value: function getShareLink() {
-      return this.seafileAPI.getShareLink(this.repoID, this.filePath);
-    }
-  }, {
-    key: "deleteShareLink",
-    value: function deleteShareLink(token) {
-      return this.seafileAPI.deleteShareLink(token);
-    }
-  }, {
-    key: "getCommentsNumber",
-    value: function getCommentsNumber() {
-      return this.seafileAPI.getCommentsNumber(this.repoID, this.filePath);
-    }
-  }, {
-    key: "postComment",
-    value: function postComment(comment, detail) {
-      return this.seafileAPI.postComment(this.repoID, this.filePath, comment, detail);
-    }
-  }, {
-    key: "listComments",
-    value: function listComments() {
-      return this.seafileAPI.listComments(this.repoID, this.filePath);
-    }
-  }, {
-    key: "updateComment",
-    value: function updateComment(commentID, resolved, detail, newComment) {
-      return this.seafileAPI.updateComment(this.repoID, commentID, resolved, detail, newComment);
-    }
-  }, {
-    key: "deleteComment",
-    value: function deleteComment(commentID) {
-      return this.seafileAPI.deleteComment(this.repoID, commentID);
-    }
-  }, {
-    key: "getUserAvatar",
-    value: function getUserAvatar(size) {
-      return this.seafileAPI.getUserAvatar(this.userName, size);
-    }
-  }, {
-    key: "getParentDectionaryUrl",
-    value: function getParentDectionaryUrl() {
-      return this.serviceUrl + '/#common/lib/' + this.repoID + '/';
-    }
-  }, {
-    key: "_getImageURL",
-    value: function _getImageURL(fileName) {
-      var url = this.serviceUrl + '/lib/' + this.repoID + '/file/images/auto-upload/' + fileName + '?raw=1';
-      return url;
-    }
-  }, {
-    key: "getFileContent",
-    value: function getFileContent(url) {
-      return this.seafileAPI.getFileContent(url);
-    }
-  }, {
-    key: "getFileURL",
-    value: function getFileURL(fileNode) {
-      var url;
-
-      if (fileNode.type === 'file') {
-        if (fileNode.isImage()) {
-          url = this.serviceUrl + '/lib/' + this.repoID + '/file' + encodeURIComponent(fileNode.path()) + '?raw=1';
-        } else {
-          url = this.serviceUrl + '/lib/' + this.repoID + '/file' + encodeURIComponent(fileNode.path());
-        }
-      } else {
-        url = this.serviceUrl + '/#common/lib/' + this.repoID + encodeURIComponent(fileNode.path());
-      }
-
-      return url;
-    }
-  }, {
-    key: "isInternalFileLink",
-    value: function isInternalFileLink(url) {
-      var re = new RegExp("".concat(this.serviceUrl, "/lib/[0-9a-f-]{36}/file.*"));
-      return re.test(url);
-    }
-  }, {
-    key: "listFileHistoryRecords",
-    value: function listFileHistoryRecords(page, perPage) {
-      return this.seafileAPI.listFileHistoryRecords(this.repoID, this.filePath, page, perPage);
-    }
-  }, {
-    key: "getFileHistoryVersion",
-    value: function getFileHistoryVersion(commitID) {
-      return this.seafileAPI.getFileRevision(this.repoID, commitID, this.filePath);
-    }
-  }, {
-    key: "getFileInfo",
-    value: function getFileInfo() {
-      return this.seafileAPI.getFileInfo(this.repoID, this.filePath);
-    }
-  }, {
-    key: "isInternalDirLink",
-    value: function isInternalDirLink(url) {
-      var re = new RegExp("".concat(this.serviceUrl, "/#[a-z-]*?/lib/[0-9a-f-]{36}.*"));
-      return re.test(url);
-    }
-  }, {
-    key: "getFiles",
-    value: function getFiles() {
-      // return promise
-      return this.seafileAPI.listDir(this.repoID, this.dirPath, {
-        recursive: true
-      }).then(function (response) {
-        var files = response.data.map(function (item) {
-          return {
-            name: item.name,
-            type: item.type === 'dir' ? 'dir' : 'file',
-            parent_path: item.parent_dir
-          };
-        });
-        return files;
-      });
-    }
-  }, {
-    key: "getInternalLink",
-    value: function getInternalLink() {
-      return this.seafileAPI.getInternalLink(this.repoID, this.filePath);
-    }
-  }, {
-    key: "getFileDownloadLink",
-    value: function getFileDownloadLink(repoID, filePath) {
-      return this.seafileAPI.getFileDownloadLink(repoID, filePath);
-    }
-  }, {
-    key: "fileMetaData",
-    value: function fileMetaData() {
-      return this.seafileAPI.fileMetaData(this.repoID, this.filePath);
-    }
-  }, {
-    key: "listFileTags",
-    value: function listFileTags() {
-      return this.seafileAPI.listFileTags(this.repoID, this.filePath);
-    }
-  }, {
-    key: "markdownLint",
-    value: function markdownLint(slateValue) {
-      return this.seafileAPI.markdownLint(slateValue);
-    }
-  }, {
-    key: "searchUsers",
-    value: function searchUsers(searchParam) {
-      return this.seafileAPI.searchUsers(searchParam);
-    }
-  }, {
-    key: "listRepoRelatedUsers",
-    value: function listRepoRelatedUsers() {
-      return this.seafileAPI.listRepoRelatedUsers(this.repoID);
-    }
-  }]);
-
-  return EditorApi;
-}();
-
-var repoID = serverConfig.repoID,
-    fileName = serverConfig.fileName,
-    dirPath = serverConfig.dirPath,
-    name = serverConfig.name,
-    filePath = serverConfig.filePath,
-    contact_email = serverConfig.contact_email;
-var editorApi = new EditorApi(repoID, fileName, dirPath, name, filePath, serviceUrl, username, contact_email);
-export default editorApi;

package/dist/index.css

@@ -1,97 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-}
-html,
-input,
-textarea {
-  font-family: 'Roboto', sans-serif;
-  line-height: 1.4;
-  background: #eee;
-}
-
-body {
-  overflow-y: hidden;
-}
-
-p {
-  margin: 0;
-}
-
-:not(pre) > code {
-  font-family: monospace;
-  background-color: #eee;
-  padding: 3px;
-}
-
-img {
-  max-width: 100%;
-}
-
-img.active {
-  box-shadow: 0 0 0 2px blue;
-}
-
-input {
-  box-sizing: border-box;
-  font-size: 0.85em;
-  width: 100%;
-  padding: 0.5em;
-  border: 2px solid #ddd;
-  background: #fafafa;
-}
-
-input:focus {
-  outline: 0;
-  border-color: blue;
-}
-input[type="checkbox"] {
-  width: auto;
-}
-
-
-.lds-ripple {
-  display: inline-block;
-  position: relative;
-  width: 64px;
-  height: 64px;
-}
-.lds-ripple div {
-  position: absolute;
-  border: 4px solid #eb8205;
-  opacity: 1;
-  border-radius: 50%;
-  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
-}
-.lds-ripple div:nth-child(2) {
-  animation-delay: -0.5s;
-}
-@keyframes lds-ripple {
-  0% {
-    top: 28px;
-    left: 28px;
-    width: 0;
-    height: 0;
-    opacity: 1;
-  }
-  100% {
-    top: -1px;
-    left: -1px;
-    width: 58px;
-    height: 58px;
-    opacity: 0;
-  }
-}
-.empty-loading-page {
-  position: fixed;
-  height: 100%;
-  width: 100%;
-}
-
-.page-centered {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  /* bring your own prefixes */
-  transform: translate(-50%, -50%);
-}