@seafile/sdoc-editor 0.1.27-beta → 0.1.27-beta2

package/dist/basic-sdk/utils/diff.js

@@ -0,0 +1,16 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { DIFF_TYPE } from '../../constants';
+export var getDiffValue = function getDiffValue(currentValue, oldValue) {
+  var currentVersion = currentValue.version,
+    currentChildren = currentValue.children;
+  var oldVersion = oldValue.version,
+    oldChildren = oldValue.children;
+  if (currentVersion === oldVersion) return currentChildren;
+  var diffDocument = [];
+  diffDocument = currentChildren.map(function (item) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      diff_type: DIFF_TYPE.MODIFY
+    });
+  });
+  return diffDocument;
+};

package/dist/constants/index.js

@@ -0,0 +1,5 @@
+export var DIFF_TYPE = {
+  ADD: 'add',
+  DELETE: 'delete',
+  MODIFY: 'modify'
+};

package/dist/pages/diff-viewer/diff-viewer.js

@@ -0,0 +1,53 @@
+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, { Component } from 'react';
+import { Editable, Slate } from '@seafile/slate-react';
+import editor, { renderLeaf, renderElement } from '../../basic-sdk/extension';
+import withNodeId from '../../basic-sdk/node-id';
+import { getDiffValue } from '../../basic-sdk/utils/diff';
+var DiffViewer = /*#__PURE__*/function (_Component) {
+  _inherits(DiffViewer, _Component);
+  var _super = _createSuper(DiffViewer);
+  function DiffViewer(_props) {
+    var _this;
+    _classCallCheck(this, DiffViewer);
+    _this = _super.call(this, _props);
+    _this.renderLeaf = function (props) {
+      console.log('renderLeaf params: ', props);
+      return renderLeaf(props, _this.editor);
+    };
+    _this.renderElement = function (props) {
+      console.log('renderElement params: ', props);
+      return renderElement(props, _this.editor);
+    };
+    _this.editor = withNodeId(editor);
+    return _this;
+  }
+  _createClass(DiffViewer, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        currentContent = _this$props.currentContent,
+        lastContent = _this$props.lastContent;
+      var value = getDiffValue(currentContent, lastContent);
+      return /*#__PURE__*/React.createElement(Slate, {
+        editor: this.editor,
+        value: value,
+        onChange: function onChange() {}
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "article mx-auto"
+      }, /*#__PURE__*/React.createElement(Editable, {
+        readOnly: true,
+        placeholder: "",
+        renderElement: this.renderElement,
+        renderLeaf: this.renderLeaf,
+        onDOMBeforeInput: function onDOMBeforeInput() {},
+        onKeyDown: function onKeyDown() {}
+      })));
+    }
+  }]);
+  return DiffViewer;
+}(Component);
+export default DiffViewer;

package/package.json

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

package/dist/pages/diff-viewer.js/diff-viewer.js

@@ -1,21 +0,0 @@
-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, { Component } from 'react';
-var DiffViewer = /*#__PURE__*/function (_Component) {
-  _inherits(DiffViewer, _Component);
-  var _super = _createSuper(DiffViewer);
-  function DiffViewer() {
-    _classCallCheck(this, DiffViewer);
-    return _super.apply(this, arguments);
-  }
-  _createClass(DiffViewer, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("div", null, "diff-viewer");
-    }
-  }]);
-  return DiffViewer;
-}(Component);
-export default DiffViewer;