@seafile/seafile-editor 2.0.33-alpha.1 → 2.0.34-beta

package/dist/editors/inline-editor/index.js

@@ -24,7 +24,7 @@ const isMacOS = (0, _common.isMac)();
 const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     enableEdit,
-    defaultAutoFocus,
+    autoFocus,
     value,
     editorApi,
     onSave,
@@ -36,7 +36,6 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onExpandEditorToggle,
     handelEnableEdit
   } = _ref;
-  console.log('defaultAutoFocus', defaultAutoFocus);
   const [slateValue, setSlateValue] = (0, _react.useState)(value);
   const focusRangeRef = (0, _react.useRef)(null);
   const editor = (0, _react.useMemo)(() => {
@@ -103,7 +102,7 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     const timer = setTimeout(() => {
       editor.forceNormalize = false;
       if (!enableEdit) return;
-      if (!defaultAutoFocus) return;
+      if (!autoFocus) return;
       focusNode(editor);
     }, 300);
     return () => {
@@ -117,7 +116,7 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       editor.hasMovedSelection = false;
       return;
     }
-    if (!defaultAutoFocus) return;
+    if (!autoFocus) return;
     focusNode(editor, focusRangeRef.current);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [enableEdit]);

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,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 DefinitionPlugin = {
+  type: _elementTypes.DEFINITION,
+  nodeType: 'element',
+  // editorMenus: [],
+  // editorPlugin: withLink,
+  renderElements: [_renderElem.default]
+};
+var _default = exports.default = DefinitionPlugin;

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,36 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _slateReact = require("slate-react");
+require("./index.css");
+/* eslint-disable react-hooks/rules-of-hooks */
+
+const renderDefinition = (_ref, editor) => {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref;
+  const [isShowPopover, setShowPopover] = (0, _react.useState)(false);
+  const onHrefClick = (0, _react.useCallback)(event => {
+    event.preventDefault();
+    setShowPopover(true);
+  }, []);
+  console.log(element);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", 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,
+    onClick: onHrefClick
+  }, children)));
+};
+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,34 @@
+"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;
+    console.log(dom);
+  }, [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/plugins/text-style/render-elem.js

@@ -17,6 +17,7 @@ const renderText = (props, editor) => {
     text,
     ...rest
   } = leaf;
+  console.log(leaf);
   let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
   if (leaf[_constants.TEXT_STYLE_MAP.BOLD]) {
     markedChildren = /*#__PURE__*/_react.default.createElement("strong", null, markedChildren);

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/pages/longtext-inline-editor/index.js

@@ -17,7 +17,7 @@ require("./index.css");
 const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isAlwaysEnableEdit = false,
-    defaultAutoFocus = true,
+    autoFocus = true,
     autoSave,
     isCheckBrowser,
     saveDelay,
@@ -107,7 +107,7 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     isCheckBrowser: isCheckBrowser,
     isImageUploadOnly: isImageUploadOnly,
     isSupportMultipleFiles: isSupportMultipleFiles,
-    defaultAutoFocus: defaultAutoFocus,
+    autoFocus: autoFocus,
     editorApi: editorApi,
     onSaveEditorValue: onSaveEditorValue,
     onEditorValueChanged: onEditorValueChanged

package/dist/pages/longtext-inline-editor/normal-editor.js

@@ -25,7 +25,7 @@ const NormalEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isCheckBrowser = false,
     isImageUploadOnly = true,
     isSupportMultipleFiles = false,
-    defaultAutoFocus,
+    autoFocus,
     editorApi,
     onSaveEditorValue,
     onEditorValueChanged
@@ -122,7 +122,7 @@ const NormalEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     ref: editorRef,
     enableEdit: enableEdit,
     isInline: true,
-    defaultAutoFocus: defaultAutoFocus,
+    autoFocus: autoFocus,
     isImageUploadOnly: isImageUploadOnly,
     isSupportMultipleFiles: isSupportMultipleFiles,
     value: valueRef.current.text,

package/dist/pages/simple-editor.js

@@ -16,7 +16,7 @@ const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isInline,
     isFetching,
-    defaultAutoFocus,
+    autoFocus,
     value,
     focusEnd = false,
     editorApi,
@@ -60,7 +60,7 @@ const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isSupportFormula: !!mathJaxSource,
     value: richValue,
     focusEnd,
-    defaultAutoFocus,
+    autoFocus,
     editorApi: editorApi,
     onSave: propsOnSave,
     onContentChanged: onContentChanged,

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

@@ -42,6 +42,7 @@ const mdStringToSlate = mdString => {
 
   // md ast --> slate ast
   const slateNodes = (0, _transform.formatMdToSlate)(root.children);
+  console.log('slateNodes: ', slateNodes);
 
   // Format the document
   return reconciledSlateNodes(slateNodes);

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,22 @@ const applyMarkForInlineItem = function (result, item) {
     textNode = {};
     return;
   }
+  if (type === 'linkReference') {
+    var _item$children$;
+    console.log('linkReference: ', item);
+    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 +367,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 +460,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.33-alpha.1",
+  "version": "2.0.34beta",
   "description": "",
   "main": "dist/index.js",
   "scripts": {