@seafile/sdoc-editor 0.1.129 → 0.1.131-test

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/assets/css/code-block.css

@@ -23,7 +23,8 @@
 .sdoc-code-block-code .sdoc-code-line::before {
   content: counter(number);
   color: #ccc;
-  margin-right: 24px;
+  display: inline-block;
+  width: 40px;
 }
 
 .sdoc-code-line

package/dist/basic-sdk/extension/plugins/code-block/helpers.js

@@ -121,4 +121,11 @@ export var setClipboardData = function setClipboardData(value) {
       data.setData('text/code-block', JSON.stringify(value));
     }
   });
+};
+export var deleteBackwardByLength = function deleteBackwardByLength(editor, len) {
+  var i = len >= 4 ? 4 : len;
+  while (i > 0) {
+    Editor.deleteBackward(editor, 'word');
+    i--;
+  }
 };

package/dist/basic-sdk/extension/plugins/code-block/plugin.js

@@ -1,9 +1,12 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _toArray from "@babel/runtime/helpers/esm/toArray";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import slugid from 'slugid';
-import { Transforms, Node, Range, Editor } from '@seafile/slate';
+import isHotkey from 'is-hotkey';
+import { Transforms, Node, Range, Editor, Path } from '@seafile/slate';
 import { getNodeType, isLastNode, getSelectedNodeByType, generateEmptyElement } from '../../core';
+import { deleteBackwardByLength } from './helpers';
 import { CODE_BLOCK, PARAGRAPH, CODE_LINE } from '../../constants';
 var withCodeBlock = function withCodeBlock(editor) {
   var normalizeNode = editor.normalizeNode,
@@ -22,6 +25,25 @@ var withCodeBlock = function withCodeBlock(editor) {
     return insertText(data);
   };
   newEditor.insertData = function (data) {
+    if (!newEditor.insertFragmentData(data)) {
+      var plaintext = data.getData('text/plain') || '';
+      if (plaintext) {
+        var fragmentData = [];
+        plaintext.split('\n').forEach(function (item) {
+          var codeLine = {
+            id: slugid.nice(),
+            type: CODE_LINE,
+            children: [{
+              text: item,
+              id: slugid.nice()
+            }]
+          };
+          fragmentData.push(codeLine);
+        });
+        newEditor.insertFragment(fragmentData);
+        return;
+      }
+    }
     if (data.types.includes('text/code-block') && !getSelectedNodeByType(editor, CODE_BLOCK)) {
       var codeBlockNode = JSON.parse(data.getData('text/code-block'));
       return insertNode(codeBlockNode);
@@ -147,6 +169,34 @@ var withCodeBlock = function withCodeBlock(editor) {
     // Perform default behavior
     return normalizeNode([node, path]);
   };
+  newEditor.codeBlockOnKeyDown = function (event) {
+    if (isHotkey('command+enter', event)) {
+      if (newEditor.selection && !Range.isExpanded(newEditor.selection)) {
+        var path = Editor.path(newEditor, newEditor.selection);
+        var p = generateEmptyElement(PARAGRAPH);
+        Transforms.insertNodes(newEditor, p, {
+          at: [path[0] + 1]
+        });
+        Transforms.select(newEditor, [path[0] + 1]);
+      }
+    }
+    if (isHotkey('tab', event)) {
+      newEditor.insertText('    ');
+    }
+    if (isHotkey('shift+tab', event)) {
+      var range = {
+        anchor: {
+          offset: 0,
+          path: newEditor.selection.focus.path
+        },
+        focus: _objectSpread({}, newEditor.selection.focus)
+      };
+      var str = Editor.string(newEditor, range);
+      if (str.trim() === '') {
+        deleteBackwardByLength(newEditor, str.length);
+      }
+    }
+  };
   return newEditor;
 };
 export default withCodeBlock;

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

@@ -1,9 +1,11 @@
 import { deserializeHtml } from './helper';
+import { getSelectedNodeByType } from '../../core';
+import { CODE_BLOCK } from '../../constants';
 var withHtml = function withHtml(editor) {
   var insertData = editor.insertData;
   var newEditor = editor;
   newEditor.insertData = function (data) {
-    if (!newEditor.insertFragmentData(data)) {
+    if (!newEditor.insertFragmentData(data) && !getSelectedNodeByType(editor, CODE_BLOCK)) {
       var htmlContent = data.getData('text/html') || '';
       if (htmlContent) {
         var content = deserializeHtml(htmlContent);

package/dist/basic-sdk/utils/event-handler.js

@@ -79,6 +79,7 @@ var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
       _this.editor.imageOnKeyDown(event);
     }
     if (getSelectedNodeByType(editor, ELEMENT_TYPE.CODE_BLOCK)) {
+      _this.editor.codeBlockOnKeyDown(event);
       var eventBus = EventBus.getInstance();
       eventBus.dispatch(INTERNAL_EVENT.HIDDEN_CODE_BLOCK_HOVER_MENU);
     }

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/dist/pages/simple-viewer.js

@@ -12,6 +12,7 @@ import Loading from '../components/loading';
 import Layout, { Header, Content } from '../layout';
 import { generateDefaultDocContent } from '../utils';
 import ErrorBoundary from './error-boundary';
+import '../assets/css/simple-viewer.css';
 var SimpleViewer = /*#__PURE__*/function (_React$Component) {
   _inherits(SimpleViewer, _React$Component);
   var _super = _createSuper(SimpleViewer);
@@ -19,10 +20,6 @@ var SimpleViewer = /*#__PURE__*/function (_React$Component) {
     var _this;
     _classCallCheck(this, SimpleViewer);
     _this = _super.call(this, props);
-    _this.onValueChanged = function (value) {
-      _this.isValueChanged = true;
-      _this.value = value;
-    };
     _this.state = {
       isContextInit: false,
       errorMessage: null,
@@ -95,10 +92,27 @@ var SimpleViewer = /*#__PURE__*/function (_React$Component) {
           className: "d-flex justify-content-center"
         }, t(errorMessage));
       }
-      var docName = context.getSetting('docName');
-      return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement("div", null, docName)), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(SDocViewer, {
+      var _context$getSettings = context.getSettings(),
+        docName = _context$getSettings.docName,
+        sharePermissionText = _context$getSettings.sharePermissionText,
+        downloadURL = _context$getSettings.downloadURL;
+      return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement("div", {
+        className: "doc-info"
+      }, /*#__PURE__*/React.createElement("h2", {
+        className: "doc-name my-0"
+      }, docName), sharePermissionText && /*#__PURE__*/React.createElement("span", {
+        className: "sdoc-share-permission ml-2"
+      }, sharePermissionText)), /*#__PURE__*/React.createElement("div", {
+        className: "doc-ops"
+      }, downloadURL && /*#__PURE__*/React.createElement("a", {
+        href: downloadURL,
+        className: "op-item"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "sdocfont sdoc-download"
+      })))), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(SDocViewer, {
         document: document,
-        onValueChanged: this.onValueChanged
+        showToolbar: true,
+        showOutline: true
       }))));
     }
   }]);

package/package.json

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

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-download" unicode="&#58962;" d="M582.4 326.4V793.6c0 41.6-32 70.4-70.4 70.4s-70.4-28.8-70.4-70.4v-467.2l-172.8 172.8c-25.6 25.6-70.4 25.6-96-3.2-25.6-25.6-25.6-70.4 0-96l291.2-291.2c25.6-25.6 70.4-25.6 96 0l291.2 291.2c25.6 25.6 25.6 70.4 3.2 96-25.6 25.6-70.4 25.6-96 3.2l-3.2-3.2-172.8-169.6z m-480-284.8h822.4c38.4 0 70.4-28.8 70.4-70.4s-32-67.2-73.6-67.2H102.4C60.8-96 32-67.2 32-25.6c0 35.2 28.8 67.2 70.4 67.2z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-next-page" unicode="&#58918;" d="M342.4 768c12.8 0 28.8-6.4 38.4-16l329.6-329.6c22.4-22.4 22.4-57.6 0-76.8L380.8 16c-22.4-22.4-57.6-22.4-76.8 0-22.4 22.4-22.4 57.6 0 76.8L595.2 384 304 675.2c-22.4 22.4-22.4 57.6 0 76.8 9.6 9.6 25.6 16 38.4 16z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-previous-page" unicode="&#58961;" d="M672 768c-12.8 0-28.8-6.4-38.4-16L304 422.4c-22.4-22.4-22.4-57.6 0-76.8L633.6 16c22.4-22.4 57.6-22.4 76.8 0 22.4 22.4 22.4 57.6 0 76.8L419.2 384l291.2 291.2c22.4 22.4 22.4 57.6 0 76.8-9.6 9.6-25.6 16-38.4 16z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "sdocfont"; /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1692935854632'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1692935854632#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1692935854632') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1692935854632') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1692935854632') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1692935854632#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1693362307040'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1693362307040#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1693362307040') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1693362307040') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1693362307040') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1693362307040#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-download:before {
+  content: "\e652";
+}
+
 .sdoc-next-page:before {
   content: "\e626";
 }