@seafile/comment-editor 0.0.1-alpha.0

package/dist/basic-sdk/extension/plugins/ai/ai-module/style.css

@@ -0,0 +1,148 @@
+.sdoc-ai-module-container {
+  position: absolute;
+  z-index: 101;
+  width: 100%;
+  max-width: 672px;
+  display: none;
+  pointer-events: none;
+}
+
+.sdoc-ai-module-container .sdoc-ai-content {
+  background-color: #fff;
+  border: 1px solid #eee;
+  border-radius: 10px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.sdoc-ai-content .sdoc-ai-search {
+  position: relative;
+  height: 50px;
+  line-height: 50px;
+  display: flex;
+  align-items: center;
+}
+
+.sdoc-ai-content .sdoc-ai-search input {
+  border: none;
+  padding: 0 44px;
+  border-radius: 10px;
+  width: 100%;
+  outline: none;
+}
+
+.sdoc-ai-content .sdoc-ai-search input {
+  border: none;
+  padding: 0 44px;
+  border-radius: 10px;
+  width: 100%;
+  pointer-events: all;
+}
+
+.sdoc-ai-content .sdoc-ai-search .sdoc-send-arrow {
+  position: absolute;
+  right: 16px;
+  color: #ff9800;
+  cursor: pointer;
+  pointer-events: auto;
+}
+
+.sdoc-ai-content .sdoc-ai-search .sdoc-send-arrow.disable {
+  color: #BDBDBD;
+  cursor: text;
+}
+
+.sdoc-ai-content .sdoc-ai-result {
+  position: relative;
+  height: 50px;
+}
+
+.sdoc-ai-module-container .sdoc-ai-operations {
+  width: 200px;
+  margin-top: 8px;
+  padding: 8px 0;
+  border: 1px solid #e5e6e8;
+  border-radius: 2px;
+  box-shadow: 0 0 10px #ccc;
+  background-color: #fff;
+  pointer-events: all;
+  overflow: hidden;
+}
+
+.sdoc-ai-module-container .sdoc-ai-operations .op-type {
+  color: #666;
+  font-size: 14px;
+  min-height: 32px;
+  padding: 3px 12px;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result {
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  height: auto;
+  max-height: 300px;
+  pointer-events: all;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-content {
+  font-size: 11pt;
+  height: auto;
+  overflow-y: auto;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-header span {
+  color: #666;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-header .sdocfont {
+  font-size: 14px;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-header .sdoc-ask-ai {
+  margin-right: 10px;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-header .sdoc-close {
+  color: #999;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-result-header .sdoc-close:hover {
+  color: #555;
+}
+
+.sdoc-ai-module-container .sdoc-ai-result .sdoc-ai-statistic {
+  color: #666;
+}
+
+.ai-lang-sub-menu .popover,
+.ai-adjust-sub-menu .popover {
+  padding: 8px 0;
+  border: 1px solid #e5e6e8;
+  border-radius: 2px;
+  box-shadow: 0 0 10px #ccc;
+  background-color: #fff;
+}
+
+.md-rendered-html table {
+  border-collapse: collapse;
+  border: 1px solid #ccc;
+}
+
+.md-rendered-html th,
+.md-rendered-html tr,
+.md-rendered-html td {
+  padding: 6px;
+  border: 1px solid #ccc;
+}
+
+.md-rendered-html p {
+  padding-bottom: 5px;
+  line-height: 1.6;
+  margin-bottom: 0 !important;
+}

package/dist/basic-sdk/extension/plugins/ai/ai-module/tip-dialog.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TipDialog;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+function TipDialog(_ref) {
+  let {
+    closeDialog,
+    discardCurrentContent
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const close = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    isOpen: true,
+    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, t('AI_tip_content')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    color: "secondary",
+    className: "mr-2",
+    onClick: closeDialog
+  }, t('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    color: "primary",
+    onClick: discardCurrentContent
+  }, t('Discard'))));
+}

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

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OPERATION_TYPES = exports.OPERATION_MENUS_CONFIG = exports.LANG_MENU_CONFIG = exports.AI_RESULT_TYPES = exports.AI_MIN_HEIGHT = void 0;
+const OPERATION_TYPES = exports.OPERATION_TYPES = {
+  DEFAULT: 'default',
+  CONTINUATION: 'continuation',
+  MORE_FLUENT: 'more_fluent',
+  MORE_DETAILS: 'more_details',
+  MORE_CONCISE: 'more_concise',
+  MORE_VIVID: 'more_vivid',
+  TRANSLATE: 'translate'
+};
+const OPERATION_MENUS_CONFIG = exports.OPERATION_MENUS_CONFIG = {
+  CONTINUATION: {
+    id: 'CONTINUATION',
+    text: 'Continuation',
+    iconClass: 'sdocfont sdoc-continue-writing',
+    type: 'continuation'
+  },
+  MORE_FLUENT: {
+    id: 'MORE_FLUENT',
+    text: 'More_fluent',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'more_fluent'
+  },
+  MORE_DETAILS: {
+    id: 'MORE_DETAILS',
+    text: 'More_details',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'more_details'
+  },
+  MORE_CONCISE: {
+    id: 'MORE_CONCISE',
+    text: 'More_concise',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'more_concise'
+  },
+  MORE_VIVID: {
+    id: 'MORE_VIVID',
+    text: 'More_vivid',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'more_vivid'
+  },
+  TRANSLATE: {
+    id: 'TRANSLATE',
+    text: 'Translate',
+    iconClass: 'sdocfont sdoc-ai-translate',
+    type: 'translate'
+  },
+  ADJUSTMENT: {
+    id: 'ADJUSTMENT',
+    text: 'Adjustment',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'adjustment'
+  },
+  INSERT_BELOW: {
+    id: 'INSERT_BELOW',
+    text: 'Insert_below',
+    iconClass: 'sdocfont sdoc-insert-below',
+    type: 'insert_below'
+  },
+  REPLACE: {
+    id: 'REPLACE',
+    text: 'Replace',
+    iconClass: 'sdocfont sdoc-replace',
+    type: 'replace'
+  },
+  TRY_AGAIN: {
+    id: 'TRY_AGAIN',
+    text: 'Try_again',
+    iconClass: 'sdocfont sdoc-try-again',
+    type: 'try_again'
+  },
+  COPY: {
+    id: 'COPY',
+    text: 'Copy',
+    iconClass: 'sdocfont sdoc-copy',
+    type: 'copy'
+  },
+  DEPRECATION: {
+    id: 'DEPRECATION',
+    text: 'Deprecation',
+    iconClass: 'sdocfont sdoc-delete',
+    type: 'deprecation'
+  }
+};
+const AI_RESULT_TYPES = exports.AI_RESULT_TYPES = {
+  continuation: true,
+  mode_details: true,
+  more_concise: true,
+  MORE_VIVID: true,
+  TRANSLATE: true
+};
+const LANG_MENU_CONFIG = exports.LANG_MENU_CONFIG = {
+  EN: {
+    id: 'en',
+    type: 'en',
+    text: 'English',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  ZH_CN: {
+    id: 'zh-cn',
+    type: 'zh-cn',
+    text: 'Chinese',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  'ZH-CN': {
+    id: 'zh-cn',
+    type: 'en',
+    text: 'Chinese',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  DE: {
+    id: 'de',
+    type: 'de',
+    text: 'German',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  FR: {
+    id: 'fr',
+    type: 'fr',
+    text: 'French',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  RU: {
+    id: 'ru',
+    type: 'ru',
+    text: 'Russian',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  }
+};
+
+// 358 is default height of ai menu and 300 is max-height of shown result
+const AI_MIN_HEIGHT = exports.AI_MIN_HEIGHT = 358 + 300;

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

@@ -0,0 +1 @@
+"use strict";

package/dist/basic-sdk/extension/plugins/blockquote/helpers.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setBlockQuoteType = exports.isMenuDisabled = exports.insertBlockQuote = exports.getFormattedRestElements = exports.getFormattedElements = exports.getBlockQuoteType = void 0;
+var _slate = require("@seafile/slate");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../../constants");
+var _core = require("../../core");
+const isMenuDisabled = (editor, readonly) => {
+  if (readonly) return true;
+  if (editor.selection == null) return true;
+  const [nodeEntry] = _slate.Editor.nodes(editor, {
+    match: n => {
+      const type = (0, _core.getNodeType)(n);
+
+      // Only available for p and blockquote
+      if (type === _constants.PARAGRAPH) return true;
+      if (type === _constants.BLOCKQUOTE) return true;
+      if (type === _constants.UNORDERED_LIST) return true;
+      if (type === _constants.ORDERED_LIST) return true;
+      if (type === _constants.CHECK_LIST_ITEM) return true;
+      if (type && type.startWith && type.startWith('header')) return true;
+      if (type === _constants.IMAGE) return true;
+      return false;
+    },
+    universal: true,
+    mode: 'highest' // Match top level
+  });
+
+  // Match to p blockquote, do not disable
+  if (nodeEntry) {
+    return false;
+  }
+  // 未匹配到，则禁用
+  return true;
+};
+exports.isMenuDisabled = isMenuDisabled;
+const getBlockQuoteType = editor => {
+  const [match] = _slate.Editor.nodes(editor, {
+    match: n => (0, _core.getNodeType)(n) === _constants.BLOCKQUOTE,
+    universal: true
+  });
+  if (!match) return _constants.PARAGRAPH;
+  const [n] = match;
+  return (0, _core.getNodeType)(n);
+};
+
+// If cursor is in callout, insert block quote in callout, otherwise wrap block quote directly
+exports.getBlockQuoteType = getBlockQuoteType;
+const setBlockQuoteType = (editor, active) => {
+  if (!active) {
+    const blockquoteNode = {
+      id: _slugid.default.nice(),
+      type: _constants.BLOCKQUOTE
+    };
+    // Insert block quote into column node if in multi_column node
+    const currentMultiColumnEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.MULTI_COLUMN);
+    if (currentMultiColumnEntry) {
+      _slate.Transforms.wrapNodes(editor, blockquoteNode, {
+        mode: 'lowest',
+        match: n => {
+          if (n.type === _constants.CALL_OUT) return false;
+          return _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n);
+        }
+      });
+      return;
+    }
+    _slate.Transforms.wrapNodes(editor, blockquoteNode, {
+      mode: 'highest',
+      match: n => {
+        if (n.type === _constants.CALL_OUT) return false;
+        return _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n);
+      }
+    });
+  } else {
+    const currentMultiColumnEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.MULTI_COLUMN);
+    if (currentMultiColumnEntry) {
+      const blockquoteEntry = _slate.Editor.above(editor, {
+        at: editor.selection.anchor.path,
+        match: n => n.type === _constants.BLOCKQUOTE
+      });
+      blockquoteEntry && _slate.Transforms.unwrapNodes(editor, {
+        mode: 'highest',
+        at: blockquoteEntry[1],
+        match: n => n.type === _constants.BLOCKQUOTE
+      });
+      return;
+    }
+    _slate.Transforms.unwrapNodes(editor, {
+      mode: 'highest',
+      match: n => {
+        if (n.type === _constants.CALL_OUT) return false;
+        return _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n);
+      }
+    });
+  }
+};
+exports.setBlockQuoteType = setBlockQuoteType;
+const getFormattedElements = data => {
+  const elements = [];
+  let arr = [];
+  data.forEach(item => {
+    if ([_constants.CODE_BLOCK, _constants.TABLE, _constants.BLOCKQUOTE].includes(item === null || item === void 0 ? void 0 : item.type)) {
+      // Insert quote block
+      if (arr.length !== 0) {
+        const blockquoteNode = {
+          id: _slugid.default.nice(),
+          type: _constants.BLOCKQUOTE
+        };
+        blockquoteNode['children'] = arr;
+        elements.push(blockquoteNode);
+        arr = [];
+      }
+      // Merge quote block
+      let preElement = elements[elements.length - 1];
+      if ((preElement === null || preElement === void 0 ? void 0 : preElement.type) === _constants.BLOCKQUOTE && (item === null || item === void 0 ? void 0 : item.type) === _constants.BLOCKQUOTE) {
+        elements[elements.length - 1] = {
+          ...preElement,
+          children: [...preElement.children, ...item.children]
+        };
+      } else {
+        elements.push(item);
+      }
+    } else {
+      arr.push(item);
+    }
+  });
+  return elements;
+};
+exports.getFormattedElements = getFormattedElements;
+const getFormattedRestElements = data => {
+  const restElements = data.slice(0);
+  data.forEach((item, index) => {
+    if (_slate.Node.string(item).length === 0) {
+      restElements.splice(index, 1);
+    }
+
+    // Split quote block
+    if ((item === null || item === void 0 ? void 0 : item.type) === _constants.BLOCKQUOTE) {
+      restElements.splice(index, 1, ...item.children);
+    }
+  });
+  return restElements;
+};
+exports.getFormattedRestElements = getFormattedRestElements;
+const insertBlockQuote = (editor, active) => {
+  setBlockQuoteType(editor, active);
+  (0, _core.focusEditor)(editor);
+};
+exports.insertBlockQuote = insertBlockQuote;

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
+var _menu = _interopRequireDefault(require("./menu"));
+var _model = _interopRequireDefault(require("./model"));
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = _interopRequireDefault(require("./render-elem"));
+const BlockquotePlugin = {
+  type: _constants.BLOCKQUOTE,
+  nodeType: 'element',
+  model: _model.default,
+  editorMenus: [_menu.default],
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.default]
+};
+var _default = exports.default = BlockquotePlugin;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../../commons");
+var _constants = require("../../../constants");
+var _helpers = require("../helpers");
+class QuoteMenu extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    (0, _defineProperty2.default)(this, "isActive", () => {
+      const {
+        editor
+      } = this.props;
+      return (0, _helpers.getBlockQuoteType)(editor) === _constants.BLOCKQUOTE;
+    });
+    (0, _defineProperty2.default)(this, "isDisabled", () => {
+      const {
+        editor,
+        readonly
+      } = this.props;
+      return (0, _helpers.isMenuDisabled)(editor, readonly);
+    });
+    (0, _defineProperty2.default)(this, "onMouseDown", e => {
+      const {
+        editor
+      } = this.props;
+      const active = this.isActive(editor);
+      (0, _helpers.insertBlockQuote)(editor, active);
+    });
+  }
+  render() {
+    const {
+      isRichEditor,
+      className
+    } = this.props;
+    const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.BLOCKQUOTE];
+    const props = {
+      isRichEditor,
+      className,
+      ariaLabel: 'blockquote',
+      ...menuConfig,
+      disabled: this.isDisabled(),
+      isActive: this.isActive(),
+      onMouseDown: this.onMouseDown
+    };
+    return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, props);
+  }
+}
+var _default = exports.default = QuoteMenu;

package/dist/basic-sdk/extension/plugins/blockquote/model.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
+class Blockquote {
+  constructor(options) {
+    this.type = options.type || _constants.BLOCKQUOTE;
+    this.children = options.children || [{
+      text: ''
+    }];
+  }
+}
+var _default = exports.default = Blockquote;