@seafile/sdoc-editor 0.1.20 → 0.1.21-test

package/dist/assets/css/collaborator-popover.css

@@ -22,6 +22,7 @@
   font-size: 16px;
   border-bottom: 1px solid #ededed;
   color: #212529;
+  background: #fff;
 }
 
 .collaborators-popover .popover-container .content-list {

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

@@ -1,9 +1,9 @@
 .display-outline-icon {
-  font-size: 18px;
+  font-size: 14px;
   color: #888;
   cursor: pointer;
-  width: 36px;
-  height: 36px;
+  width: 28px;
+  height: 28px;
   background: #fff;
   border-radius: 0 50% 50% 0;
   box-shadow: 0 0 6px rgba(0,0,0, 0.12);

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _MENUS_CONFIG_MAP, _HEADER_TITLE_MAP;
 // extension plugin
 export var BLOCKQUOTE = 'blockquote';
-export var BOLD = 'blod';
+export var BOLD = 'bold';
 export var ITALIC = 'italic';
 export var HEADER = 'header';
 export var HEADER1 = 'header1';
@@ -29,6 +29,7 @@ export var TABLE_ROW = 'table-row';
 export var FORMULA = 'formula';
 export var COLUMN = 'column';
 export var TEXTSTYLE = 'text-style';
+export var BOLD_ITALIC = 'bold-italic';
 
 // menus config
 export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CONFIG_MAP, BLOCKQUOTE, {

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

@@ -1,3 +1,4 @@
+import MarkDownPlugin from './markdown';
 import HeaderPlugin from './header';
 import LinkPlugin from './link';
 import BlockquotePlugin from './blockquote';
@@ -5,6 +6,6 @@ import ListPlugin from './list';
 import CheckListPlugin from './check-list';
 import TextPlugin from './text-style';
 import CodeBlockPlugin from './code-block';
-var Plugins = [HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, TextPlugin, CodeBlockPlugin];
+var Plugins = [MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, TextPlugin, CodeBlockPlugin];
 export default Plugins;
-export { HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, TextPlugin, CodeBlockPlugin };
+export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, TextPlugin, CodeBlockPlugin };

package/dist/basic-sdk/extension/plugins/markdown/index.js

@@ -0,0 +1,5 @@
+import withMarkDown from './plugin';
+var MarkDownPlugin = {
+  editorPlugin: withMarkDown
+};
+export default MarkDownPlugin;

package/dist/basic-sdk/extension/plugins/markdown/plugin.js

@@ -0,0 +1,165 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Editor, Transforms, Range } from '@seafile/slate';
+import { toggleList } from '../list/transforms';
+import { getSelectedNodeByType } from '../../core';
+import { HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, UNORDERED_LIST, BLOCKQUOTE, BOLD, ITALIC, BOLD_ITALIC } from '../../constants';
+var KEY_TO_TYPE_FOR_SPACE = {
+  // Title shortcut
+  '#': HEADER1,
+  '##': HEADER2,
+  '###': HEADER3,
+  '####': HEADER4,
+  '#####': HEADER5,
+  '######': HEADER6,
+  // List shortcut
+  '*': UNORDERED_LIST,
+  '-': UNORDERED_LIST,
+  // Reference shortcut key
+  '>': BLOCKQUOTE
+};
+var KEY_TO_INLINE_TYPE_FOR_SPACE = {
+  // Inline shortcut keys
+  '**': BOLD,
+  '*': ITALIC,
+  '***': BOLD_ITALIC
+};
+var getBeforeText = function getBeforeText(editor) {
+  var selection = editor.selection;
+  if (selection == null) return {
+    beforeText: '',
+    range: null
+  };
+  var anchor = selection.anchor;
+  // Find the block element above the current text
+  var block = Editor.above(editor, {
+    match: function match(n) {
+      return Editor.isBlock(editor, n);
+    }
+  });
+  if (block == null) return {
+    beforeText: '',
+    range: null
+  };
+  var blockPath = block[1];
+  var blockStart = Editor.start(editor, blockPath); // The starting position of the block element
+  var range = {
+    anchor: anchor,
+    focus: blockStart
+  };
+  var beforeText = Editor.string(editor, range) || '';
+  return {
+    beforeText: beforeText,
+    range: range
+  };
+};
+var withMarkDown = function withMarkDown(editor) {
+  var insertText = editor.insertText;
+  var newEditor = editor;
+
+  // When entering a space, convert markdown
+  newEditor.insertText = function (text) {
+    var selection = editor.selection;
+    if (selection == null) return insertText(text);
+    if (Range.isExpanded(selection)) return insertText(text);
+    if (getSelectedNodeByType(editor, 'paragraph') == null) return insertText(text); // It must be in paragraph
+    if (text !== ' ') return insertText(text); // The value must be an input space
+
+    // Gets the text before the space
+    var _getBeforeText = getBeforeText(editor),
+      beforeText = _getBeforeText.beforeText,
+      range = _getBeforeText.range;
+    if (!beforeText || !range) return insertText(text);
+
+    // Based on the keyword, find the type of element you want to convert
+    var type = KEY_TO_TYPE_FOR_SPACE[beforeText.trim()];
+    var boldType = KEY_TO_INLINE_TYPE_FOR_SPACE[beforeText.slice(-2)];
+    var italicType = KEY_TO_INLINE_TYPE_FOR_SPACE[beforeText.slice(-1)];
+    var italicAndBoldType = KEY_TO_INLINE_TYPE_FOR_SPACE[beforeText.slice(-3)];
+    if (!type && !boldType && !italicType && !italicAndBoldType) return insertText(text);
+    if (italicAndBoldType === BOLD_ITALIC) {
+      var restStr = beforeText === null || beforeText === void 0 ? void 0 : beforeText.slice(0, beforeText.length - 3);
+      var startOffset = restStr === null || restStr === void 0 ? void 0 : restStr.lastIndexOf('***');
+      var endOffset = (beforeText === null || beforeText === void 0 ? void 0 : beforeText.lastIndexOf('***')) + 3;
+      if (startOffset !== -3) {
+        Transforms.delete(editor, {
+          at: {
+            anchor: {
+              path: range.focus.path,
+              offset: startOffset
+            },
+            focus: _objectSpread({}, selection.focus)
+          },
+          voids: true
+        });
+        var newText = beforeText.slice(startOffset + 3, endOffset - 3);
+        Editor.addMark(editor, 'BOLD', true);
+        Editor.addMark(editor, 'ITALIC', true);
+        return insertText(newText);
+      }
+    }
+    if (boldType === BOLD) {
+      var _restStr = beforeText.slice(0, beforeText.length - 2);
+      var _startOffset = _restStr.lastIndexOf('**');
+      var _endOffset = beforeText.lastIndexOf('**') + 2;
+      if (_startOffset === -1) {
+        return insertText(text);
+      }
+      Transforms.delete(editor, {
+        at: {
+          anchor: {
+            path: range.focus.path,
+            offset: _startOffset
+          },
+          focus: _objectSpread({}, selection.focus)
+        },
+        voids: true
+      });
+      var newType = boldType.toUpperCase();
+      var _newText = beforeText.slice(_startOffset + 2, _endOffset - 2);
+      Editor.addMark(editor, newType, true);
+      return insertText(_newText);
+    }
+    if (italicType === ITALIC) {
+      var _restStr2 = beforeText === null || beforeText === void 0 ? void 0 : beforeText.slice(0, beforeText.length - 1);
+      var _startOffset2 = _restStr2 === null || _restStr2 === void 0 ? void 0 : _restStr2.lastIndexOf('*');
+      var _endOffset2 = (beforeText === null || beforeText === void 0 ? void 0 : beforeText.lastIndexOf('*')) + 1;
+      if (_startOffset2 !== -1) {
+        Transforms.delete(editor, {
+          at: {
+            anchor: {
+              path: range.focus.path,
+              offset: _startOffset2
+            },
+            focus: _objectSpread({}, selection.focus)
+          },
+          voids: true
+        });
+        var _newType = italicType.toUpperCase();
+        var _newText2 = beforeText.slice(_startOffset2 + 1, _endOffset2 - 1);
+        Editor.addMark(editor, _newType, true);
+        return insertText(_newText2);
+      }
+    }
+
+    // Delete element
+    Transforms.select(editor, range);
+    Transforms.delete(editor);
+    if (type === UNORDERED_LIST) {
+      toggleList(editor, type);
+      return;
+    }
+    if (type === BLOCKQUOTE) {
+      Transforms.setNodes(editor, {
+        type: type
+      }, {
+        mode: 'highest'
+      });
+      return;
+    }
+    Transforms.setNodes(editor, {
+      type: type
+    });
+  };
+  return newEditor;
+};
+export default withMarkDown;

package/dist/components/doc-operations/index.js

@@ -3,32 +3,49 @@ 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, { Fragment } from 'react';
+import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import CollaboratorsOperation from './collaborators-operation';
 import context from '../../context';
+import { withTranslation } from 'react-i18next';
 import './style.css';
 var DocOperations = /*#__PURE__*/function (_React$Component) {
   _inherits(DocOperations, _React$Component);
   var _super = _createSuper(DocOperations);
-  function DocOperations() {
+  function DocOperations(props) {
     var _this;
     _classCallCheck(this, DocOperations);
-    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 = _super.call(this, props);
+    _this.toggleDropdown = function () {
+      _this.setState({
+        isDropdownOpen: !_this.state.isDropdownOpen
+      });
+    };
     _this.toggleHistory = function (event) {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
       var historyURL = context.getSetting('historyURL');
       window.location.href = historyURL;
     };
+    _this.state = {
+      isDropdownOpen: false
+    };
     return _this;
   }
   _createClass(DocOperations, [{
     key: "render",
     value: function render() {
+      var t = this.props.t;
+      var isDropdownOpen = this.state.isDropdownOpen;
       var docPerm = context.getSetting('docPerm');
       var historyURL = context.getSetting('historyURL');
+      var parentFolderURL = context.getSetting('parentFolderURL');
+      var dropdownItems = [];
+      if (parentFolderURL) {
+        dropdownItems.push({
+          text: t('Open_parent_folder'),
+          URL: parentFolderURL
+        });
+      }
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "doc-ops"
       }, /*#__PURE__*/React.createElement("span", {
@@ -40,13 +57,25 @@ var DocOperations = /*#__PURE__*/function (_React$Component) {
         onClick: this.toggleHistory
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-history"
-      })), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), /*#__PURE__*/React.createElement("span", {
-        className: "op-item"
+      })), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), dropdownItems.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
+        isOpen: isDropdownOpen,
+        toggle: this.toggleDropdown
+      }, /*#__PURE__*/React.createElement(DropdownToggle, {
+        className: "op-item",
+        tag: "span"
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-menu"
-      }))));
+      })), /*#__PURE__*/React.createElement(DropdownMenu, {
+        right: true
+      }, dropdownItems.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(DropdownItem, {
+          tag: "a",
+          href: item.URL,
+          key: index
+        }, item.text);
+      })))));
     }
   }]);
   return DocOperations;
 }(React.Component);
-export default DocOperations;
+export default withTranslation('sdoc-editor')(DocOperations);

package/dist/config.js

@@ -0,0 +1,16 @@
+var serverConfig = {
+  //serviceUrl: "http://127.0.0.1:8000",
+  serviceUrl: "http://192.168.1.100:8000",
+  username: "lj@11.com",
+  password: "11",
+  repoID: "79d1fa93-4b5f-4d6c-8fb5-ad3958e1fa47",
+  userInfo: {
+    username: 'lj@11.com',
+    name: 'lj-',
+    contact_email: 'lj@11.com'
+  },
+  filePath: '/xxx.md',
+  fileName: 'xxx.md',
+  dirPath: '/'
+};
+export { serverConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.20",
+  "version": "0.1.21-test",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/en/sdoc-editor.json

@@ -235,5 +235,6 @@
   "Server_is_disconnected_Reconnecting": "Server is disconnected. Reconnecting...",
   "Server_is_reconnected": "Server is reconnected.",
   "Outline": "Outline",
-  "Headings_you_add_to_the_document_will_appear_here": "Headings you add to the document will appear here"
+  "Headings_you_add_to_the_document_will_appear_here": "Headings you add to the document will appear here",
+  "Open_parent_folder": "Open parent folder"
 }