@seafile/sdoc-editor 0.1.0 → 0.1.2

package/dist/containers/render-utils/editor-utils.js

@@ -1,133 +0,0 @@
-import React from 'react';
-import { useSelected } from '@seafile/slate-react';
-import Link from '../editor-widgets/link';
-import Image from '../editor-widgets/image';
-import CheckListItem from '../editor-widgets/check-list-item';
-import CodeBlock from '../editor-widgets/code-block';
-import Formula from '../editor-widgets/formula';
-import TableContainer from '../editor-widgets/table';
-import Column from '../editor-widgets/column';
-import { decorationNode } from './common-utils';
-function WithSelectedState(props) {
-  var isSelected = useSelected();
-  var SlateNode = props.SlateNode;
-  return /*#__PURE__*/React.createElement(SlateNode, {
-    editor: props.editor,
-    attributes: props.attributes,
-    children: props.children,
-    isSelected: isSelected,
-    node: props.element
-  });
-}
-function renderNode(props, editor) {
-  var attributes = props.attributes,
-    children = props.children,
-    node = props.element;
-  switch (node.type) {
-    case 'paragraph':
-      return /*#__PURE__*/React.createElement("p", attributes, children);
-    case 'header_one':
-      return /*#__PURE__*/React.createElement("h1", Object.assign({}, attributes, {
-        id: 'user-content-' + node.children[0].text
-      }), children);
-    case 'header_two':
-      return /*#__PURE__*/React.createElement("h2", Object.assign({}, attributes, {
-        id: 'user-content-' + node.children[0].text
-      }), children);
-    case 'header_three':
-      return /*#__PURE__*/React.createElement("h3", Object.assign({}, attributes, {
-        id: 'user-content-' + node.children[0].text
-      }), children);
-    case 'header_four':
-      return /*#__PURE__*/React.createElement("h4", attributes, children);
-    case 'header_five':
-      return /*#__PURE__*/React.createElement("h5", attributes, children);
-    case 'header_six':
-      return /*#__PURE__*/React.createElement("h6", attributes, children);
-    case 'link':
-      return /*#__PURE__*/React.createElement(Link, {
-        attributes: attributes,
-        children: children,
-        node: node
-      });
-    case 'image':
-      return /*#__PURE__*/React.createElement(WithSelectedState, Object.assign({}, props, {
-        SlateNode: Image
-      }));
-    case 'blockquote':
-      return /*#__PURE__*/React.createElement("blockquote", attributes, children);
-    case 'list_item':
-      var checked = node.data.checked;
-      if (checked === undefined) return /*#__PURE__*/React.createElement("li", attributes, children);
-      return /*#__PURE__*/React.createElement(CheckListItem, Object.assign({
-        editor: editor
-      }, props));
-    case 'code_block':
-      return /*#__PURE__*/React.createElement(WithSelectedState, Object.assign({}, props, {
-        editor: editor,
-        SlateNode: CodeBlock
-      }));
-    case 'code_line':
-      return /*#__PURE__*/React.createElement("p", attributes, children);
-    case 'unordered_list':
-      return /*#__PURE__*/React.createElement("ul", attributes, children);
-    case 'ordered_list':
-      return /*#__PURE__*/React.createElement("ol", attributes, children);
-    case 'table':
-      return /*#__PURE__*/React.createElement(TableContainer, Object.assign({
-        editor: editor
-      }, props));
-    case 'table_row':
-      return /*#__PURE__*/React.createElement("tr", attributes, children);
-    case 'table_cell':
-      var align = node.data.align;
-      align = ['left', 'right', 'center'].find(function (item) {
-        return item === align;
-      }) ? align : 'left';
-      return /*#__PURE__*/React.createElement("td", Object.assign({
-        style: {
-          textAlign: align
-        }
-      }, attributes), children);
-    case 'formula':
-      return /*#__PURE__*/React.createElement(WithSelectedState, Object.assign({}, props, {
-        editor: editor,
-        SlateNode: Formula
-      }));
-    case 'column':
-      return /*#__PURE__*/React.createElement(WithSelectedState, Object.assign({}, props, {
-        editor: editor,
-        SlateNode: Column
-      }));
-    default:
-      return /*#__PURE__*/React.createElement("p", attributes, children);
-  }
-}
-var renderLeaf = function renderLeaf(_ref) {
-  var attributes = _ref.attributes,
-    children = _ref.children,
-    leaf = _ref.leaf;
-  var markedChildren = React.cloneElement(children);
-  if (leaf.BOLD) {
-    markedChildren = /*#__PURE__*/React.createElement("strong", null, markedChildren);
-  }
-  if (leaf.CODE) {
-    markedChildren = /*#__PURE__*/React.createElement("code", null, markedChildren);
-  }
-  if (leaf.ITALIC) {
-    markedChildren = /*#__PURE__*/React.createElement("i", null, markedChildren);
-  }
-  if (leaf.DELETE) {
-    markedChildren = /*#__PURE__*/React.createElement("del", null, markedChildren);
-  }
-  if (leaf.ADD) {
-    markedChildren = /*#__PURE__*/React.createElement("ins", null, markedChildren);
-  }
-  if (leaf.decoration) {
-    markedChildren = /*#__PURE__*/React.createElement("span", {
-      className: "token ".concat(leaf.type)
-    }, markedChildren);
-  }
-  return /*#__PURE__*/React.createElement("span", attributes, markedChildren);
-};
-export { renderNode, renderLeaf, decorationNode };

package/dist/containers/render-utils/viewer-utils.js

@@ -1,198 +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 from 'react';
-import isUrl from 'is-url';
-import CheckListItem from '../editor-widgets/check-list-item';
-import ViewerImage from '../viewer-widgets/viewer-image';
-import ViewerFormula from '../viewer-widgets/viewer-formula';
-import { decorationNode } from './common-utils';
-function renderNode(_ref) {
-  var attributes = _ref.attributes,
-    children = _ref.children,
-    element = _ref.element;
-  var node = element;
-  var data = node.data ? node.data : {};
-  var checked = data.checked;
-  var align = data.align;
-  var href = data.href;
-  var diffClass = data.diff_state;
-  var diffIndex = data.new_index;
-  align = ['left', 'right', 'center'].indexOf(align) === -1 ? 'left' : align;
-  switch (node.type) {
-    case 'paragraph':
-      return /*#__PURE__*/React.createElement("p", Object.assign({
-        className: diffClass ? diffClass + ' ' + (data['paragraph_state'] ? data['paragraph_state'] : '') : ''
-      }, attributes), children);
-    case 'blockquote':
-      return /*#__PURE__*/React.createElement("blockquote", attributes, children);
-    case 'header_one':
-      return /*#__PURE__*/React.createElement("h1", Object.assign({}, attributes, {
-        id: 'user-content-' + node.children[0].text
-      }), children);
-    case 'header_two':
-      return /*#__PURE__*/React.createElement("h2", Object.assign({}, attributes, {
-        id: 'user-content-' + node.children[0].text
-      }), children);
-    case 'header_three':
-      return /*#__PURE__*/React.createElement("h3", Object.assign({}, attributes, {
-        id: 'user-content-' + node.children[0].text
-      }), children);
-    case 'header_four':
-      return /*#__PURE__*/React.createElement("h4", attributes, children);
-    case 'header_five':
-      return /*#__PURE__*/React.createElement("h5", attributes, children);
-    case 'header_six':
-      return /*#__PURE__*/React.createElement("h6", attributes, children);
-    case 'list_item':
-      if (checked === undefined) return /*#__PURE__*/React.createElement("li", Object.assign({
-        value: diffIndex ? diffIndex >= 0 ? diffIndex + 1 : data['old_index'] + 1 : '',
-        className: diffClass ? diffClass : ''
-      }, attributes), children);
-      return /*#__PURE__*/React.createElement(CheckListItem, {
-        className: diffClass ? diffClass : '',
-        attributes: attributes,
-        children: children,
-        element: element
-      });
-    case 'unordered_list':
-      return /*#__PURE__*/React.createElement("ul", Object.assign({
-        className: diffClass ? diffClass : ''
-      }, attributes), children);
-    case 'ordered_list':
-      return /*#__PURE__*/React.createElement("ol", Object.assign({
-        className: diffClass ? diffClass : ''
-      }, attributes), children);
-    case 'image':
-      return /*#__PURE__*/React.createElement(ViewerImage, {
-        attributes: attributes,
-        children: children,
-        node: node
-      });
-    case 'code_block':
-      return /*#__PURE__*/React.createElement("pre", {
-        className: 'code-container'
-      }, /*#__PURE__*/React.createElement("code", Object.assign({
-        className: 'code'
-      }, attributes), children), /*#__PURE__*/React.createElement(LanguageSet, {
-        disabled: true,
-        lang: node.data.syntax
-      }));
-    case 'code_line':
-      return /*#__PURE__*/React.createElement("p", attributes, children);
-    case 'table':
-      return /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", attributes, children));
-    case 'table_row':
-      return /*#__PURE__*/React.createElement("tr", Object.assign({
-        className: diffClass ? diffClass : ''
-      }, attributes), children);
-    case 'table_cell':
-      return /*#__PURE__*/React.createElement("td", Object.assign({
-        className: diffClass ? diffClass : '',
-        style: {
-          textAlign: align
-        }
-      }, attributes), children);
-    case 'link':
-      if (isUrl(href)) {
-        return /*#__PURE__*/React.createElement("a", Object.assign({
-          className: diffClass ? diffClass : ''
-        }, attributes, {
-          href: href
-        }), children);
-      }
-      return /*#__PURE__*/React.createElement("a", Object.assign({
-        className: diffClass ? diffClass : ''
-      }, attributes, {
-        href: href,
-        onClick: function onClick(e) {
-          return e.preventDefault();
-        }
-      }), children);
-    case 'hr':
-      return /*#__PURE__*/React.createElement("hr", attributes);
-    case 'formula':
-      return /*#__PURE__*/React.createElement(ViewerFormula, Object.assign({
-        className: diffClass ? diffClass : '',
-        node: node,
-        children: children
-      }, attributes));
-    case 'column':
-      var columnName = data.name;
-      var displayValue = columnName ? "{".concat(columnName, "}") : '';
-      return /*#__PURE__*/React.createElement("span", attributes, displayValue);
-    default:
-      return /*#__PURE__*/React.createElement("p", attributes, children);
-  }
-}
-var renderLeaf = function renderLeaf(_ref2) {
-  var attributes = _ref2.attributes,
-    children = _ref2.children,
-    leaf = _ref2.leaf;
-  if (leaf.BOLD) {
-    children = /*#__PURE__*/React.createElement("strong", null, children);
-  }
-  if (leaf.CODE) {
-    children = /*#__PURE__*/React.createElement("code", null, children);
-  }
-  if (leaf.ITALIC) {
-    children = /*#__PURE__*/React.createElement("i", null, children);
-  }
-  if (leaf.DELETE) {
-    children = /*#__PURE__*/React.createElement("del", null, children);
-  }
-  if (leaf.ADD) {
-    children = /*#__PURE__*/React.createElement("ins", null, children);
-  }
-  if (leaf.decoration) {
-    return /*#__PURE__*/React.createElement("span", {
-      className: "token ".concat(leaf.type)
-    }, children);
-  }
-  return /*#__PURE__*/React.createElement("span", attributes, children);
-};
-var LanguageSet = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(LanguageSet, _React$PureComponent);
-  var _super = _createSuper(LanguageSet);
-  function LanguageSet() {
-    _classCallCheck(this, LanguageSet);
-    return _super.apply(this, arguments);
-  }
-  _createClass(LanguageSet, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "language-type"
-      }, /*#__PURE__*/React.createElement("select", {
-        value: this.props.lang,
-        disabled: true,
-        name: "language"
-      }, /*#__PURE__*/React.createElement("option", {
-        value: "none"
-      }, "Text"), /*#__PURE__*/React.createElement("option", {
-        value: "html"
-      }, "HTML"), /*#__PURE__*/React.createElement("option", {
-        value: "css"
-      }, "CSS"), /*#__PURE__*/React.createElement("option", {
-        value: "javascript"
-      }, "Javascript"), /*#__PURE__*/React.createElement("option", {
-        value: "c"
-      }, "C"), /*#__PURE__*/React.createElement("option", {
-        value: "cpp"
-      }, "C++"), /*#__PURE__*/React.createElement("option", {
-        value: "csharp"
-      }, "C#"), /*#__PURE__*/React.createElement("option", {
-        value: "java"
-      }, "Java"), /*#__PURE__*/React.createElement("option", {
-        value: "python"
-      }, "Python"), /*#__PURE__*/React.createElement("option", {
-        value: "sql"
-      }, "Sql"), /*#__PURE__*/React.createElement("option", {
-        value: "swift"
-      }, "Swift")));
-    }
-  }]);
-  return LanguageSet;
-}(React.PureComponent);
-export { renderNode, renderLeaf, decorationNode };

package/dist/containers/viewer-widgets/viewer-formula/index.js

@@ -1,54 +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 from 'react';
-import '../../../assets/css/formula.css';
-var ViewerFormula = /*#__PURE__*/function (_React$Component) {
-  _inherits(ViewerFormula, _React$Component);
-  var _super = _createSuper(ViewerFormula);
-  function ViewerFormula() {
-    var _this;
-    _classCallCheck(this, ViewerFormula);
-    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.renderFormula = function () {
-      var node = _this.props.node;
-      _this.formulaContainer.innerHTML = '';
-      var formula = node.data.formula;
-      var dom = window.MathJax.tex2svg(formula);
-      _this.formulaContainer.appendChild(dom);
-    };
-    return _this;
-  }
-  _createClass(ViewerFormula, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var node = this.props.node;
-      if (!node.data.formula) return;
-      this.renderFormula();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        attributes = _this$props.attributes,
-        children = _this$props.children;
-      return /*#__PURE__*/React.createElement("span", Object.assign({
-        className: 'block-formula'
-      }, attributes), /*#__PURE__*/React.createElement("span", {
-        contentEditable: false,
-        ref: function ref(_ref) {
-          return _this2.formulaContainer = _ref;
-        }
-      }), /*#__PURE__*/React.createElement("span", {
-        contentEditable: false
-      }, children));
-    }
-  }]);
-  return ViewerFormula;
-}(React.Component);
-export default ViewerFormula;

package/dist/containers/viewer-widgets/viewer-image/index.js

@@ -1,70 +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 from 'react';
-import Lightbox from '@seafile/react-image-lightbox';
-import './viewer-image.css';
-var ViewerImage = /*#__PURE__*/function (_React$Component) {
-  _inherits(ViewerImage, _React$Component);
-  var _super = _createSuper(ViewerImage);
-  function ViewerImage(props) {
-    var _this;
-    _classCallCheck(this, ViewerImage);
-    _this = _super.call(this, props);
-    _this.toggleBigImage = function (event) {
-      event && event.preventDefault();
-      _this.setState({
-        isShowBigImage: !_this.state.isShowBigImage
-      });
-    };
-    _this.renderBigImage = function (src) {
-      return /*#__PURE__*/React.createElement(Lightbox, {
-        wrapperClassName: "sf-editor-image-previewer",
-        mainSrc: src,
-        imagePadding: 70,
-        onCloseRequest: _this.toggleBigImage,
-        reactModalStyle: {
-          overlay: {
-            zIndex: 1071
-          }
-        }
-      });
-    };
-    _this.state = {
-      isShowBigImage: false
-    };
-    return _this;
-  }
-  _createClass(ViewerImage, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        attributes = _this$props.attributes,
-        node = _this$props.node;
-      var data = node.data;
-      var isShowBigImage = this.state.isShowBigImage;
-      var src = data.src;
-      if (!src) {
-        return /*#__PURE__*/React.createElement("span", attributes, "Loading...");
-      }
-      return /*#__PURE__*/React.createElement("span", {
-        className: "seafile-ed-image seafile-ed-image-viwer"
-      }, /*#__PURE__*/React.createElement("img", Object.assign({
-        draggable: false,
-        src: src,
-        alt: ""
-      }, attributes, {
-        width: data.width,
-        height: data.height
-      })), /*#__PURE__*/React.createElement("span", {
-        onClick: this.toggleBigImage,
-        className: "image-full-button"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: 'iconfont icon-fullscreen'
-      })), isShowBigImage && this.renderBigImage(src));
-    }
-  }]);
-  return ViewerImage;
-}(React.Component);
-export default ViewerImage;

package/dist/containers/viewer-widgets/viewer-image/viewer-image.css

@@ -1,3 +0,0 @@
-.sf-editor-image-previewer .ril__caption {
-  justify-content: center !important;
-}

package/dist/editors/index.js

@@ -1,78 +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 from 'react';
-import LoadScript from '../components/load-script';
-import MarkdownEditor from './markdown-editor';
-import PlainMarkdownEditor from './plain-markdown-editor';
-import SeatableEditor from './seatable-editor';
-import SimpleEditor from './simple-editor';
-var SimpleEditorWithErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(SimpleEditorWithErrorBoundary, _React$Component);
-  var _super = _createSuper(SimpleEditorWithErrorBoundary);
-  function SimpleEditorWithErrorBoundary() {
-    _classCallCheck(this, SimpleEditorWithErrorBoundary);
-    return _super.apply(this, arguments);
-  }
-  _createClass(SimpleEditorWithErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error) {
-      console.error(error);
-      this.forceUpdate();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(SimpleEditor, this.props);
-    }
-  }]);
-  return SimpleEditorWithErrorBoundary;
-}(React.Component);
-var MarkdownEditorWithErrorBoundary = /*#__PURE__*/function (_React$Component2) {
-  _inherits(MarkdownEditorWithErrorBoundary, _React$Component2);
-  var _super2 = _createSuper(MarkdownEditorWithErrorBoundary);
-  function MarkdownEditorWithErrorBoundary() {
-    _classCallCheck(this, MarkdownEditorWithErrorBoundary);
-    return _super2.apply(this, arguments);
-  }
-  _createClass(MarkdownEditorWithErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error) {
-      console.error(error);
-      this.forceUpdate();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(LoadScript, {
-        scriptSource: this.props.scriptSource
-      }, /*#__PURE__*/React.createElement(MarkdownEditor, this.props));
-    }
-  }]);
-  return MarkdownEditorWithErrorBoundary;
-}(React.Component);
-var PlainMarkdownEditorWithErrorBoundary = /*#__PURE__*/function (_React$Component3) {
-  _inherits(PlainMarkdownEditorWithErrorBoundary, _React$Component3);
-  var _super3 = _createSuper(PlainMarkdownEditorWithErrorBoundary);
-  function PlainMarkdownEditorWithErrorBoundary() {
-    _classCallCheck(this, PlainMarkdownEditorWithErrorBoundary);
-    return _super3.apply(this, arguments);
-  }
-  _createClass(PlainMarkdownEditorWithErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error) {
-      console.error(error);
-      this.forceUpdate();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(LoadScript, {
-        scriptSource: this.props.scriptSource
-      }, /*#__PURE__*/React.createElement(PlainMarkdownEditor, this.props));
-    }
-  }]);
-  return PlainMarkdownEditorWithErrorBoundary;
-}(React.Component);
-export { SeatableEditor, MarkdownEditorWithErrorBoundary as MarkdownEditor, SimpleEditorWithErrorBoundary as SimpleEditor, PlainMarkdownEditorWithErrorBoundary as PlainMarkdownEditor };