@seafile/seafile-editor 0.3.76

package/dist/lib/vfile/core.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var path = require('path');
+
+var replace = require('replace-ext');
+
+var buffer = require('is-buffer');
+
+module.exports = VFile;
+var own = {}.hasOwnProperty;
+var proto = VFile.prototype;
+proto.toString = toString;
+/* Order of setting (least specific to most), we need this because
+ * otherwise `{stem: 'a', path: '~/b.js'}` would throw, as a path
+ * is needed before a stem can be set. */
+
+var order = ['history', 'path', 'basename', 'stem', 'extname', 'dirname'];
+/* Construct a new file. */
+
+function VFile(options) {
+  var prop;
+  var index;
+  var length;
+
+  if (typeof options === 'number') {
+    options = options.toString();
+  }
+
+  if (!options) {
+    options = {};
+  } else if (typeof options === 'string' || buffer(options)) {
+    options = {
+      contents: options
+    };
+  } else if ('message' in options && 'messages' in options) {
+    return options;
+  }
+
+  if (!(this instanceof VFile)) {
+    return new VFile(options);
+  }
+
+  this.data = {};
+  this.messages = [];
+  this.history = [];
+  this.cwd = process.cwd();
+  /* Set path related properties in the correct order. */
+
+  index = -1;
+  length = order.length;
+
+  while (++index < length) {
+    prop = order[index];
+
+    if (own.call(options, prop)) {
+      this[prop] = options[prop];
+    }
+  }
+  /* Set non-path related properties. */
+
+
+  for (prop in options) {
+    if (order.indexOf(prop) === -1) {
+      this[prop] = options[prop];
+    }
+  }
+}
+/* Access full path (`~/index.min.js`). */
+
+
+Object.defineProperty(proto, 'path', {
+  get: function get() {
+    return this.history[this.history.length - 1];
+  },
+  set: function set(path) {
+    assertNonEmpty(path, 'path');
+
+    if (path !== this.path) {
+      this.history.push(path);
+    }
+  }
+});
+/* Access parent path (`~`). */
+
+Object.defineProperty(proto, 'dirname', {
+  get: function get() {
+    return typeof this.path === 'string' ? path.dirname(this.path) : undefined;
+  },
+  set: function set(dirname) {
+    assertPath(this.path, 'dirname');
+    this.path = path.join(dirname || '', this.basename);
+  }
+});
+/* Access basename (`index.min.js`). */
+
+Object.defineProperty(proto, 'basename', {
+  get: function get() {
+    return typeof this.path === 'string' ? path.basename(this.path) : undefined;
+  },
+  set: function set(basename) {
+    assertNonEmpty(basename, 'basename');
+    assertPart(basename, 'basename');
+    this.path = path.join(this.dirname || '', basename);
+  }
+});
+/* Access extname (`.js`). */
+
+Object.defineProperty(proto, 'extname', {
+  get: function get() {
+    return typeof this.path === 'string' ? path.extname(this.path) : undefined;
+  },
+  set: function set(extname) {
+    var ext = extname || '';
+    assertPart(ext, 'extname');
+    assertPath(this.path, 'extname');
+
+    if (ext) {
+      if (ext.charAt(0) !== '.') {
+        throw new Error('`extname` must start with `.`');
+      }
+
+      if (ext.indexOf('.', 1) !== -1) {
+        throw new Error('`extname` cannot contain multiple dots');
+      }
+    }
+
+    this.path = replace(this.path, ext);
+  }
+});
+/* Access stem (`index.min`). */
+
+Object.defineProperty(proto, 'stem', {
+  get: function get() {
+    return typeof this.path === 'string' ? path.basename(this.path, this.extname) : undefined;
+  },
+  set: function set(stem) {
+    assertNonEmpty(stem, 'stem');
+    assertPart(stem, 'stem');
+    this.path = path.join(this.dirname || '', stem + (this.extname || ''));
+  }
+});
+/* Get the value of the file. */
+
+function toString(encoding) {
+  var value = this.contents || '';
+  return buffer(value) ? value.toString(encoding) : String(value);
+}
+/* Assert that `part` is not a path (i.e., does
+ * not contain `path.sep`). */
+
+
+function assertPart(part, name) {
+  if (part.indexOf(path.sep) !== -1) {
+    throw new Error('`' + name + '` cannot be a path: did not expect `' + path.sep + '`');
+  }
+}
+/* Assert that `part` is not empty. */
+
+
+function assertNonEmpty(part, name) {
+  if (!part) {
+    throw new Error('`' + name + '` cannot be empty');
+  }
+}
+/* Assert `path` exists. */
+
+
+function assertPath(path, name) {
+  if (!path) {
+    throw new Error('Setting `' + name + '` requires `path` to be set too');
+  }
+}

package/dist/lib/vfile/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var VMessage = require('vfile-message');
+
+var VFile = require('./core.js');
+
+module.exports = VFile;
+var proto = VFile.prototype;
+proto.message = message;
+proto.info = info;
+proto.fail = fail;
+/* Slight backwards compatibility.  Remove in the future. */
+
+proto.warn = message;
+/* Create a message with `reason` at `position`.
+ * When an error is passed in as `reason`, copies the stack. */
+
+function message(reason, position, origin) {
+  var filePath = this.path;
+  var message = new VMessage(reason, position, origin);
+
+  if (filePath) {
+    message.name = filePath + ':' + message.name;
+    message.file = filePath;
+  }
+
+  message.fatal = false;
+  this.messages.push(message);
+  return message;
+}
+/* Fail. Creates a vmessage, associates it with the file,
+ * and throws it. */
+
+
+function fail() {
+  var message = this.message.apply(this, arguments);
+  message.fatal = true;
+  throw message;
+}
+/* Info. Creates a vmessage, associates it with the file,
+ * and marks the fatality as null. */
+
+
+function info() {
+  var message = this.message.apply(this, arguments);
+  message.fatal = null;
+  return message;
+}

package/dist/seafile-editor-chooser.js

@@ -0,0 +1,45 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import { Link } from '@reach/router';
+import { withTranslation } from 'react-i18next';
+import { Button } from 'reactstrap';
+
+var SFChooser = /*#__PURE__*/function (_React$Component) {
+  _inherits(SFChooser, _React$Component);
+
+  var _super = _createSuper(SFChooser);
+
+  function SFChooser() {
+    _classCallCheck(this, SFChooser);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(SFChooser, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "col-xs-12 col-sm-12 col-md-12 col-lg-12"
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "Please select the editor")), /*#__PURE__*/React.createElement(Link, {
+        to: "/simple-editor"
+      }, /*#__PURE__*/React.createElement(Button, {
+        className: "btn btn-default"
+      }, "Simple Editor")), /*#__PURE__*/React.createElement(Link, {
+        to: "/markdownviewer"
+      }, /*#__PURE__*/React.createElement(Button, {
+        className: 'btn btn-default'
+      }, "Markdwon Viewer")), /*#__PURE__*/React.createElement(Link, {
+        to: "/seafile-markdown-editor"
+      }, /*#__PURE__*/React.createElement(Button, {
+        className: "btn btn-default"
+      }, "Markdwon Editor")));
+    }
+  }]);
+
+  return SFChooser;
+}(React.Component);
+
+export default withTranslation('seafile-editor')(SFChooser);

package/dist/seafile-markdown-editor.js

@@ -0,0 +1,301 @@
+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!
+import React from 'react';
+import { SeafileEditor } from './editor/editor';
+import { withTranslation } from 'react-i18next';
+import { serverConfig } from './config';
+import { serialize } from './utils/slate2markdown';
+import Loading from './components/loading';
+import editorApi from './editor-api';
+var repoID = serverConfig.repoID,
+    userInfo = serverConfig.userInfo,
+    filePath = serverConfig.filePath,
+    fileName = serverConfig.fileName,
+    seafileCollabServer = serverConfig.seafileCollabServer;
+
+var SFRichMdEditor = /*#__PURE__*/function (_React$Component) {
+  _inherits(SFRichMdEditor, _React$Component);
+
+  var _super = _createSuper(SFRichMdEditor);
+
+  function SFRichMdEditor(props) {
+    var _this;
+
+    _classCallCheck(this, SFRichMdEditor);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      markdownContent: '',
+      loading: true,
+      mode: 'editor',
+      editorMode: 'rich',
+      fileInfo: {
+        repoID: repoID,
+        name: fileName,
+        path: filePath,
+        mtime: null,
+        size: 0,
+        starred: false,
+        permission: '',
+        lastModifier: '',
+        id: ''
+      },
+      showDraftSaved: false,
+      localDraftDialog: false,
+      collabServer: seafileCollabServer ? seafileCollabServer : null,
+      collabUsers: userInfo ? [{
+        user: userInfo,
+        is_editing: false
+      }] : [],
+      contentChanged: false,
+      saving: false,
+      relatedFiles: [],
+      fileTagList: []
+    };
+
+    _this.setFileInfoMtime = function (fileInfo) {
+      _this.setState({
+        fileInfo: Object.assign({}, _this.state.fileInfo, {
+          mtime: fileInfo.mtime,
+          id: fileInfo.id,
+          lastModifier: fileInfo.last_modifier_name
+        })
+      });
+    };
+
+    _this.toggleStar = function () {
+      var starrd = _this.state.fileInfo.starred;
+
+      if (starrd) {
+        editorApi.unStarItem().then(function (response) {
+          _this.setState({
+            fileInfo: Object.assign({}, _this.state.fileInfo, {
+              starred: !starrd
+            })
+          });
+        });
+      } else if (!starrd) {
+        editorApi.starItem().then(function (response) {
+          _this.setState({
+            fileInfo: Object.assign({}, _this.state.fileInfo, {
+              starred: !starrd
+            })
+          });
+        });
+      }
+    };
+
+    _this.setEditorMode = function (type) {
+      _this.setState({
+        editorMode: type
+      });
+    };
+
+    _this.setContent = function (str) {
+      _this.setState({
+        markdownContent: str
+      });
+    };
+
+    _this.setDraftValue = function (type, value) {
+      if (type === 'rich') {
+        _this.draftRichValue = value;
+      } else {
+        _this.draftPlainValue = value;
+      }
+    };
+
+    _this.checkDraft = function () {
+      var draftKey = editorApi.getDraftKey();
+      var draft = localStorage.getItem(draftKey);
+
+      var that = _assertThisInitialized(_this);
+
+      if (draft) {
+        that.setState({
+          localDraftDialog: true
+        });
+        that.localDraft = draft;
+        localStorage.removeItem(draftKey);
+      }
+    };
+
+    _this.useDraft = function () {
+      _this.setState({
+        localDraftDialog: false,
+        loading: false,
+        markdownContent: _this.localDraft,
+        editorMode: 'rich'
+      });
+
+      _this.emitSwitchEditor(true);
+    };
+
+    _this.deleteDraft = function () {
+      if (_this.state.localDraftDialog) {
+        _this.setState({
+          localDraftDialog: false,
+          loading: false
+        });
+      } else {
+        var draftKey = editorApi.getDraftKey();
+        localStorage.removeItem(draftKey);
+      }
+    };
+
+    _this.clearTimer = function () {
+      clearTimeout(_this.timer);
+      _this.timer = null;
+    };
+
+    _this.autoSaveDraft = function () {
+      var that = _assertThisInitialized(_this);
+
+      if (that.timer) {
+        return;
+      } else {
+        that.timer = setTimeout(function () {
+          var str = '';
+
+          if (_this.state.editorMode === 'rich') {
+            var value = _this.draftRichValue;
+            str = serialize(value);
+          } else if (_this.state.editorMode === 'plain') {
+            str = _this.draftPlainValue;
+          }
+
+          var draftKey = editorApi.getDraftKey();
+          localStorage.setItem(draftKey, str);
+          that.setState({
+            showDraftSaved: true
+          });
+          setTimeout(function () {
+            that.setState({
+              showDraftSaved: false
+            });
+          }, 3000);
+          that.timer = null;
+        }, 60000);
+      }
+    };
+
+    _this.onContentChanged = function (value) {
+      _this.setState({
+        contentChanged: value
+      });
+    };
+
+    _this.onSaving = function (value) {
+      _this.setState({
+        saving: value
+      });
+    };
+
+    _this.listRelatedFiles = function () {
+      editorApi.listRelatedFiles().then(function (res) {
+        _this.setState({
+          relatedFiles: res.data.related_files
+        });
+      });
+    };
+
+    _this.listFileTags = function () {
+      editorApi.listFileTags(repoID, filePath).then(function (res) {
+        var fileTagList = res.data.file_tags;
+
+        for (var i = 0; i < fileTagList.length; i++) {
+          fileTagList[i].id = fileTagList[i].file_tag_id;
+        }
+
+        _this.setState({
+          fileTagList: fileTagList
+        });
+      });
+    };
+
+    _this.timer = null;
+    _this.localDraft = '';
+    _this.autoSave = false;
+    _this.draftRichValue = '';
+    _this.draftPlainValue = '';
+    return _this;
+  }
+
+  _createClass(SFRichMdEditor, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      editorApi.login().then(function (response) {
+        editorApi.getFileInfo().then(function (response) {
+          _this2.setState({
+            fileInfo: Object.assign({}, _this2.state.fileInfo, {
+              mtime: response.data.mtime,
+              size: response.data.size,
+              starred: response.data.starred,
+              lastModifier: response.data.last_modifier_name,
+              permission: response.data.permission,
+              id: response.data.id
+            })
+          });
+
+          editorApi.getFileDownloadLink(repoID, filePath).then(function (res) {
+            var downLoadUrl = res.data;
+            editorApi.getFileContent(downLoadUrl).then(function (res) {
+              _this2.setState({
+                markdownContent: res.data,
+                loading: false
+              });
+            });
+
+            _this2.listRelatedFiles();
+
+            _this2.listFileTags();
+          });
+        });
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.loading) {
+        return /*#__PURE__*/React.createElement(Loading, null);
+      } else if (this.state.mode === 'editor') {
+        return /*#__PURE__*/React.createElement(SeafileEditor, {
+          scriptSource: 'media/scripts/mathjax/tex-svg.js',
+          fileInfo: this.state.fileInfo,
+          markdownContent: this.state.markdownContent,
+          editorApi: editorApi,
+          collabUsers: this.state.collabUsers,
+          setFileInfoMtime: this.setFileInfoMtime,
+          toggleStar: this.toggleStar,
+          showFileHistory: true,
+          setEditorMode: this.setEditorMode,
+          setContent: this.setContent,
+          editorMode: this.state.editorMode,
+          showDraftSaved: this.state.showDraftSaved,
+          deleteDraft: this.deleteDraft,
+          autoSaveDraft: this.autoSaveDraft,
+          setDraftValue: this.setDraftValue,
+          clearTimer: this.clearTimer,
+          mode: this.state.mode,
+          onContentChanged: this.onContentChanged,
+          contentChanged: this.state.contentChanged,
+          onSaving: this.onSaving,
+          markdownLint: true,
+          saving: this.state.saving,
+          relatedFiles: this.state.relatedFiles,
+          fileTagList: this.state.fileTagList
+        });
+      }
+    }
+  }]);
+
+  return SFRichMdEditor;
+}(React.Component);
+
+export default withTranslation('seafile-editor')(SFRichMdEditor);

package/dist/seafile-markdown-viewer.js

@@ -0,0 +1,79 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import { serverConfig } from './config';
+import editorApi from './editor-api';
+import MarkdownViewer from './viewer/markdown-viewer';
+var repoID = serverConfig.repoID,
+    filePath = serverConfig.filePath;
+
+var SFMarkdownViwer = /*#__PURE__*/function (_React$Component) {
+  _inherits(SFMarkdownViwer, _React$Component);
+
+  var _super = _createSuper(SFMarkdownViwer);
+
+  function SFMarkdownViwer() {
+    var _this;
+
+    _classCallCheck(this, SFMarkdownViwer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      value: ''
+    };
+    return _this;
+  }
+
+  _createClass(SFMarkdownViwer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      editorApi.login().then(function (response) {
+        editorApi.getFileInfo().then(function (response) {
+          _this2.setState({
+            fileInfo: Object.assign({}, _this2.state.fileInfo, {
+              mtime: response.data.mtime,
+              size: response.data.size,
+              starred: response.data.starred,
+              lastModifier: response.data.last_modifier_name,
+              permission: response.data.permission,
+              id: response.data.id
+            })
+          });
+
+          editorApi.getFileDownloadLink(repoID, filePath).then(function (res) {
+            var downLoadUrl = res.data;
+            editorApi.getFileContent(downLoadUrl).then(function (res) {
+              var markdownContent = res.data;
+
+              _this2.setState({
+                value: markdownContent,
+                loading: false
+              });
+            }); // this.listRelatedFiles();
+            // this.listFileTags();
+          });
+        });
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(MarkdownViewer, {
+        markdownContent: this.state.value,
+        scriptSource: 'media/scripts/mathjax/tex-svg.js'
+      });
+    }
+  }]);
+
+  return SFMarkdownViwer;
+}(React.Component);
+
+export default SFMarkdownViwer;

package/dist/seafile-simple-editor.js

@@ -0,0 +1,56 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import { withTranslation } from 'react-i18next';
+import { SimpleEditor } from './editor/editor';
+import editorApi from './editor-api';
+
+var SFSimpleMdEditor = /*#__PURE__*/function (_React$Component) {
+  _inherits(SFSimpleMdEditor, _React$Component);
+
+  var _super = _createSuper(SFSimpleMdEditor);
+
+  function SFSimpleMdEditor() {
+    var _this;
+
+    _classCallCheck(this, SFSimpleMdEditor);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      value: 'a'
+    };
+
+    _this.onRef = function (editor) {
+      _this.editor = editor;
+    };
+
+    return _this;
+  }
+
+  _createClass(SFSimpleMdEditor, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      editorApi.login();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(SimpleEditor, {
+        onRef: this.onRef,
+        editorApi: editorApi,
+        value: this.state.value,
+        focusEnd: true
+      });
+    }
+  }]);
+
+  return SFSimpleMdEditor;
+}(React.Component);
+
+export default withTranslation('seafile-editor')(SFSimpleMdEditor);