@seafile/seafile-editor 2.0.34 → 2.0.35

package/dist/components/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "BrowserTip", {
     return _browserTip.default;
   }
 });
+Object.defineProperty(exports, "LinkVerifiedDialog", {
+  enumerable: true,
+  get: function () {
+    return _linkVerifiedDialog.default;
+  }
+});
 Object.defineProperty(exports, "LongTextModal", {
   enumerable: true,
   get: function () {
@@ -24,4 +30,5 @@ Object.defineProperty(exports, "ModalHeader", {
 });
 var _longtextModal = _interopRequireDefault(require("./longtext-modal"));
 var _browserTip = _interopRequireDefault(require("./browser-tip"));
-var _modalHeader = _interopRequireDefault(require("./modal-header"));
+var _modalHeader = _interopRequireDefault(require("./modal-header"));
+var _linkVerifiedDialog = _interopRequireDefault(require("./link-verified-dialog"));

package/dist/components/link-verified-dialog/index.css

@@ -0,0 +1,8 @@
+.sf-link-verified-dialog .sf-tip-default {
+  color: #666;
+  font-size: 14px;
+}
+
+.sf-link-verified-dialog .sf-verify-link {
+  word-break: break-all;
+}

package/dist/components/link-verified-dialog/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
+var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
+var _modalHeader = _interopRequireDefault(require("../modal-header"));
+var _constants = require("../../constants");
+require("./index.css");
+/* eslint-disable react-hooks/rules-of-hooks */
+
+const LinkVerifiedDialog = _ref => {
+  let {
+    onToggle,
+    link
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
+  const copyLink = (0, _react.useCallback)(() => {
+    (0, _copyToClipboard.default)(link);
+    onToggle && onToggle();
+  }, [link, onToggle]);
+  const openLink = (0, _react.useCallback)(() => {
+    window.open(link);
+    onToggle && onToggle();
+  }, [link, onToggle]);
+  const {
+    host,
+    protocol,
+    pathname
+  } = new URL(link);
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    isOpen: true,
+    toggle: onToggle,
+    className: "sf-link-verified-dialog",
+    zIndex: 1071
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
+    toggle: onToggle
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "mr-2"
+  }, t('This_link_is_not_verified'))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", {
+    className: "sf-tip-default mb-5"
+  }, t('This_link_is_not_verified_tip')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-verify-link"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sf-tip-default"
+  }, protocol + '//'), /*#__PURE__*/_react.default.createElement("span", null, host), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sf-tip-default"
+  }, pathname))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    onClick: copyLink,
+    className: "m-0 mr-2"
+  }, t('Copy_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    color: "primary",
+    className: "m-0",
+    onClick: openLink
+  }, t('Open_link'))));
+};
+var _default = exports.default = LinkVerifiedDialog;

package/dist/components/modal-header/index.js

@@ -16,10 +16,10 @@ function ModalHeader(_ref) {
   let close = null;
   if (toggle) {
     close = /*#__PURE__*/_react.default.createElement("span", {
-      class: "sf-editor-close-icon",
+      className: "sf-editor-close-icon",
       onClick: toggle
     }, /*#__PURE__*/_react.default.createElement("i", {
-      class: "iconfont icon-x",
+      className: "iconfont icon-x",
       "aria-hidden": "true"
     }));
   }

package/dist/extension/constants/element-types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNORDERED_LIST = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
+exports.UNORDERED_LIST = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK_REFERENCE = exports.LINK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.DEFINITION = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const HEADER = exports.HEADER = 'header';
 // each header type should be start with HEADER, all of justices should based on HEADER
@@ -26,4 +26,6 @@ const TABLE_CELL = exports.TABLE_CELL = 'table_cell';
 const IMAGE = exports.IMAGE = 'image';
 const LINK = exports.LINK = 'link';
 const FORMULA = exports.FORMULA = 'formula';
-const COLUMN = exports.COLUMN = 'column';
+const COLUMN = exports.COLUMN = 'column';
+const LINK_REFERENCE = exports.LINK_REFERENCE = 'link-reference';
+const DEFINITION = exports.DEFINITION = 'definition';

package/dist/extension/core/queries/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeAcrossBlocks = exports.isLastNode = exports.isLastChild = exports.isFirstNode = exports.isFirstChild = exports.isEndPoint = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getSelectedNodeEntryByTypes = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodePathById = exports.getNodeEntries = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getInlineNodes = exports.getEditorString = exports.getDeepInlineChildren = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
+exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeAcrossBlocks = exports.isLastNode = exports.isLastChild = exports.isFirstNode = exports.isFirstChild = exports.isEndPoint = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getSelectedNodeEntryByTypes = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getParentNode = exports.getNodesByType = exports.getNodes = exports.getNodeType = exports.getNodePathById = exports.getNodeEntries = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getInlineNodes = exports.getEditorString = exports.getDeepInlineChildren = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
 var _slate = require("slate");
 var _slateReact = require("slate-react");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -46,6 +46,22 @@ const getNode = (editor, path) => {
   return node;
 };
 exports.getNode = getNode;
+const getNodesByType = function () {
+  let target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let type = arguments.length > 1 ? arguments[1] : undefined;
+  let nodes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  Array.isArray(target) && target.forEach(n => {
+    if (n.type === type) {
+      nodes.push(n);
+    } else {
+      if (Array.isArray(n.children) && n.children.length > 0) {
+        getNodesByType(n, type, nodes);
+      }
+    }
+  });
+  return nodes;
+};
+exports.getNodesByType = getNodesByType;
 const getNodeType = node => {
   return _slate.Element.isElement(node) ? node.type : '';
 };

package/dist/extension/plugins/definition/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _elementTypes = require("../../constants/element-types");
+var _renderElem = _interopRequireDefault(require("./render-elem"));
+const DefinitionPlugin = {
+  type: _elementTypes.DEFINITION,
+  nodeType: 'element',
+  renderElements: [_renderElem.default]
+};
+var _default = exports.default = DefinitionPlugin;

package/dist/extension/plugins/definition/render-elem/index.css

@@ -0,0 +1,4 @@
+.sf-virtual-definition {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}

package/dist/extension/plugins/definition/render-elem/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("../../../../components");
+require("./index.css");
+/* eslint-disable react-hooks/rules-of-hooks */
+
+const renderDefinition = (_ref, editor) => {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref;
+  const [isShowConfirmDialog, setIsShowConfirmDialog] = (0, _react.useState)(false);
+  const onHrefClick = (0, _react.useCallback)(event => {
+    event.preventDefault();
+    if (element.url.startsWith(window.location.origin)) {
+      window.open(element.url);
+      return;
+    }
+    setIsShowConfirmDialog(true);
+  }, [element.url]);
+  const onToggle = (0, _react.useCallback)(() => {
+    setIsShowConfirmDialog(!isShowConfirmDialog);
+  }, [isShowConfirmDialog]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", Object.assign({
+    "data-url": element.url,
+    "data-id": element.id,
+    className: "sf-virtual-definition"
+  }, attributes), /*#__PURE__*/_react.default.createElement("span", null, element.identifier + '. '), /*#__PURE__*/_react.default.createElement("a", {
+    href: element.url,
+    "data-url": element.url,
+    onClick: onHrefClick
+  }, children)), isShowConfirmDialog && /*#__PURE__*/_react.default.createElement(_components.LinkVerifiedDialog, {
+    link: element.url,
+    onToggle: onToggle
+  }));
+};
+var _default = exports.default = renderDefinition;

package/dist/extension/plugins/index.js

@@ -28,6 +28,12 @@ Object.defineProperty(exports, "ColumnPlugin", {
     return _column.default;
   }
 });
+Object.defineProperty(exports, "DefinitionPlugin", {
+  enumerable: true,
+  get: function () {
+    return _definition.default;
+  }
+});
 Object.defineProperty(exports, "FormulaPlugin", {
   enumerable: true,
   get: function () {
@@ -58,6 +64,12 @@ Object.defineProperty(exports, "LinkPlugin", {
     return _link.default;
   }
 });
+Object.defineProperty(exports, "LinkReferencePlugin", {
+  enumerable: true,
+  get: function () {
+    return _linkReference.default;
+  }
+});
 Object.defineProperty(exports, "ListPlugin", {
   enumerable: true,
   get: function () {
@@ -110,7 +122,9 @@ var _formula = _interopRequireDefault(require("./formula"));
 var _column = _interopRequireDefault(require("./column"));
 var _markdown = _interopRequireDefault(require("./markdown"));
 var _html = _interopRequireDefault(require("./html"));
+var _linkReference = _interopRequireDefault(require("./link-reference"));
+var _definition = _interopRequireDefault(require("./definition"));
 const Plugins = [_paragraph.default, _textStyle.default, _header.default, _image.default, _checkList.default, _list.default, _codeBlock.default, _table.default, _blockquote.default, _link.default, _formula.default, _markdown.default, _html.default, _column.default,
 // put at the end
-_nodeId.default];
+_nodeId.default, _linkReference.default, _definition.default];
 var _default = exports.default = Plugins;

package/dist/extension/plugins/link-reference/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _elementTypes = require("../../constants/element-types");
+var _renderElem = _interopRequireDefault(require("./render-elem"));
+const LinkReferencePlugin = {
+  type: _elementTypes.LINK_REFERENCE,
+  nodeType: 'element',
+  // editorMenus: [],
+  // editorPlugin: withLink,
+  renderElements: [_renderElem.default]
+};
+var _default = exports.default = LinkReferencePlugin;

package/dist/extension/plugins/link-reference/render-elem/index.css

@@ -0,0 +1 @@
+

package/dist/extension/plugins/link-reference/render-elem/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("../../../core");
+var _elementTypes = require("../../../constants/element-types");
+require("./index.css");
+/* eslint-disable react-hooks/rules-of-hooks */
+
+const renderLinkReference = (_ref, editor) => {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref;
+  const onClick = (0, _react.useCallback)(() => {
+    const doms = (0, _core.getNodesByType)(editor.children, _elementTypes.DEFINITION);
+    const dom = doms.find(d => d.identifier === element.identifier);
+    if (!dom) return;
+    const selector = `[data-id="${dom.id}"]`;
+    const definitionDom = document.querySelector(selector);
+    if (!definitionDom) return;
+    definitionDom.scrollIntoView({
+      behavior: 'smooth',
+      block: 'center'
+    });
+  }, [element, editor]);
+  return /*#__PURE__*/_react.default.createElement("sup", Object.assign({
+    onClick: onClick,
+    className: "sf-virtual-link-reference",
+    "data-id": element.id
+  }, attributes, {
+    title: element.label
+  }), `[${element.identifier}]`);
+};
+var _default = exports.default = renderLinkReference;

package/dist/extension/render/render-element.js

@@ -41,6 +41,16 @@ const SlateElement = props => {
         const [renderLink] = _plugins.LinkPlugin.renderElements;
         return renderLink(props, editor);
       }
+    case ElementType.LINK_REFERENCE:
+      {
+        const [renderLinkReferencePlugin] = _plugins.LinkReferencePlugin.renderElements;
+        return renderLinkReferencePlugin(props, editor);
+      }
+    case ElementType.DEFINITION:
+      {
+        const [renderDefinition] = _plugins.DefinitionPlugin.renderElements;
+        return renderDefinition(props, editor);
+      }
     case ElementType.CODE_BLOCK:
       {
         const [renderCodeBlock] = _plugins.CodeBlockPlugin.renderElements;

package/dist/slate-convert/md-to-slate/transform.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformUnorderedList = exports.transformTableRow = exports.transformTableCell = exports.transformTable = exports.transformParagraph = exports.transformOrderedList = exports.transformMath = exports.transformListItem = exports.transformListContent = exports.transformList = exports.transformHtml = exports.transformHr = exports.transformHeader = exports.transformCodeLine = exports.transformCodeBlock = exports.transformCheckListItem = exports.transformCheckList = exports.transformBlockquote = exports.transformBlockHtml = exports.formatMdToSlate = void 0;
+exports.transformUnorderedList = exports.transformTableRow = exports.transformTableCell = exports.transformTable = exports.transformParagraph = exports.transformOrderedList = exports.transformMath = exports.transformListItem = exports.transformListContent = exports.transformList = exports.transformHtml = exports.transformHr = exports.transformHeader = exports.transformDefinition = exports.transformCodeLine = exports.transformCodeBlock = exports.transformCheckListItem = exports.transformCheckList = exports.transformBlockquote = exports.transformBlockHtml = exports.formatMdToSlate = void 0;
 var _slugid = _interopRequireDefault(require("slugid"));
 var _core = require("../../extension/core");
 var _elementTypes = require("../../extension/constants/element-types");
@@ -99,6 +99,21 @@ const applyMarkForInlineItem = function (result, item) {
     textNode = {};
     return;
   }
+  if (type === 'linkReference') {
+    var _item$children$;
+    textNode['type'] = _elementTypes.LINK_REFERENCE;
+    textNode['identifier'] = item.identifier;
+    textNode['referenceType'] = item.referenceType;
+    textNode['label'] = (_item$children$ = item.children[0]) === null || _item$children$ === void 0 ? void 0 : _item$children$.value;
+    textNode['children'] = [{
+      id: textNode.id,
+      text: ''
+    }];
+    result.push({
+      ...textNode
+    });
+    return;
+  }
   const attr_key = INLINE_KEY_MAP[type];
   if (!Array.isArray(children) || children.length === 0 || !attr_key) {
     textNode['text'] = value || '';
@@ -351,6 +366,20 @@ const transformCodeBlock = node => {
   };
 };
 exports.transformCodeBlock = transformCodeBlock;
+const transformDefinition = node => {
+  return {
+    id: _slugid.default.nice(),
+    type: _elementTypes.DEFINITION,
+    identifier: node.identifier,
+    url: node === null || node === void 0 ? void 0 : node.url,
+    title: node === null || node === void 0 ? void 0 : node.title,
+    children: [{
+      id: _slugid.default.nice(),
+      text: node === null || node === void 0 ? void 0 : node.title
+    }]
+  };
+};
+exports.transformDefinition = transformDefinition;
 const transformHr = node => {
   return {
     id: _slugid.default.nice(),
@@ -430,7 +459,8 @@ const elementHandlers = {
   'code': transformCodeBlock,
   'thematicBreak': transformHr,
   'math': transformMath,
-  'html': transformBlockHtml
+  'html': transformBlockHtml,
+  'definition': transformDefinition
 };
 const formatMdToSlate = children => {
   const validChildren = children.filter(child => elementHandlers[child.type]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "2.0.34",
+  "version": "2.0.35",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -87,6 +87,7 @@
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",
     "classnames": "2.3.2",
+    "copy-to-clipboard": "3.3.1",
     "deep-copy": "1.4.2",
     "deepmerge": "4.3.1",
     "is-url": "^1.2.4",

package/public/locales/en/seafile-editor.json

@@ -235,5 +235,8 @@
   "Horizontal_align": "Horizontal align",
   "Underline": "Underline",
   "Row_number": "Row number",
-  "Column_number": "Column number"
+  "Column_number": "Column number",
+  "This_link_is_not_verified": "This link is not verified",
+  "This_link_is_not_verified_tip": "Before continuing, please ensure you trust this link. If you do not trust the URL, do not open the link to access the site.",
+  "Copy_link": "Copy link"
 }