@seafile/sdoc-editor 0.1.3 → 0.1.4

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/index.js

@@ -1,2 +1,3 @@
 import SDocEditor from './editor';
-export { SDocEditor };
+import SDocViewer from './viewer';
+export { SDocEditor, SDocViewer };

package/dist/viewer.js

@@ -0,0 +1,81 @@
+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 { Editable, Slate } from '@seafile/slate-react';
+import isHotkey from 'is-hotkey';
+import editor, { renderLeaf as _renderLeaf, renderElement as _renderElement } from './extension';
+import { SocketManager, withSocketIO } from './socket';
+import withNodeId from './node-id';
+import './assets/css/sdoc-editor.css';
+var SDocViewer = /*#__PURE__*/function (_React$Component) {
+  _inherits(SDocViewer, _React$Component);
+  var _super = _createSuper(SDocViewer);
+  function SDocViewer(props) {
+    var _this;
+    _classCallCheck(this, SDocViewer);
+    _this = _super.call(this, props);
+    var children = props.document.children;
+    _this.state = {
+      slateValue: children,
+      isLoading: true
+    };
+    _this.socketManager = null;
+    if (!props.isOpenSocket) {
+      _this.editor = withNodeId(editor);
+    } else {
+      _this.editor = withSocketIO(withNodeId(editor));
+    }
+    return _this;
+  }
+  _createClass(SDocViewer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props = this.props,
+        isOpenSocket = _this$props.isOpenSocket,
+        document = _this$props.document,
+        config = _this$props.config;
+      if (isOpenSocket) {
+        this.socketManager = SocketManager.getInstance(this.editor, document, config);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var slateValue = this.state.slateValue;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sf-editor-container"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "sf-editor-content"
+      }, /*#__PURE__*/React.createElement(Slate, {
+        editor: this.editor,
+        value: slateValue,
+        onChange: function onChange() {}
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "editor-article"
+      }, /*#__PURE__*/React.createElement(Editable, {
+        readOnly: true,
+        placeholder: "",
+        renderElement: function renderElement(props) {
+          return _renderElement(props, _this2.editor);
+        },
+        renderLeaf: function renderLeaf(props) {
+          return _renderLeaf(props, _this2.editor);
+        },
+        onDOMBeforeInput: function onDOMBeforeInput(event) {},
+        onKeyDown: function onKeyDown(event) {
+          if (isHotkey('tab', event) || isHotkey('shift+tab', event)) {
+            editor.handleTab && editor.handleTab(event);
+          }
+        }
+      })))));
+    }
+  }]);
+  return SDocViewer;
+}(React.Component);
+SDocViewer.defaultProps = {
+  isOpenSocket: false
+};
+export default SDocViewer;

package/package.json

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