@seafile/sdoc-editor 3.0.0 → 3.0.2

package/dist/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -64,30 +64,34 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
     selectedBlockId = _useState10[0],
     setSelectedBlockId = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)([]),
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-    isOpenSelect = _useState12[0],
-    setIsOpenSelect = _useState12[1];
+    headerList = _useState12[0],
+    setheaderList = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
     _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-    isOpenSelectHeader = _useState14[0],
-    setIsOpenSelectHeader = _useState14[1];
+    isOpenSelect = _useState14[0],
+    setIsOpenSelect = _useState14[1];
   var _useState15 = (0, _react.useState)(false),
     _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-    isOpenSelectImageBlock = _useState16[0],
-    setIsOpenSelectImageBlock = _useState16[1];
+    isOpenSelectHeader = _useState16[0],
+    setIsOpenSelectHeader = _useState16[1];
   var _useState17 = (0, _react.useState)(false),
     _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-    isOpenSelectCodeBlock = _useState18[0],
-    setIsOpenSelectCodeBlock = _useState18[1];
+    isOpenSelectImageBlock = _useState18[0],
+    setIsOpenSelectImageBlock = _useState18[1];
   var _useState19 = (0, _react.useState)(false),
     _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
-    isOpenSelectBlockquote = _useState20[0],
-    setIsOpenSelectBlockquote = _useState20[1];
-  var _useState21 = (0, _react.useState)(''),
+    isOpenSelectCodeBlock = _useState20[0],
+    setIsOpenSelectCodeBlock = _useState20[1];
+  var _useState21 = (0, _react.useState)(false),
     _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
-    htmlString = _useState22[0],
-    setHtmlString = _useState22[1];
+    isOpenSelectBlockquote = _useState22[0],
+    setIsOpenSelectBlockquote = _useState22[1];
+  var _useState23 = (0, _react.useState)(''),
+    _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
+    htmlString = _useState24[0],
+    setHtmlString = _useState24[1];
   var submit = (0, _react.useCallback)(function () {
     setLinkErrorMessage('');
     setTitleErrorMessage('');
@@ -144,7 +148,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     }));
   }, [closeDialog]);
   var handleOnChangeBlock = function handleOnChangeBlock(e) {
-    var block = e.target.closest('.linked-block-item');
+    var block = e.target.closest('.linked-block-item') || e.currentTarget.querySelector('.linked-header-block-item');
     if (block) {
       var clone = block.cloneNode(true);
       var displayContainer = document.getElementById('selected-block-display');
@@ -173,8 +177,9 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     return function () {
       return clearTimeout(timer);
     };
-  }, []);
+  }, [linked_id]);
   (0, _react.useEffect)(function () {
+    // Get codeblock，blockquote，image html
     var genHtml = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {
         var list, mdValue, ids, processor, file;
@@ -207,7 +212,15 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     }();
     genHtml();
   }, [editor.children]);
-  var headersHTML = (0, _helpers.parseHtmlString)(htmlString, 'h1,h2,h3,h4,h5,h6');
+  (0, _react.useEffect)(function () {
+    // Get header node list
+    var headerList = editor.children.filter(function (node) {
+      return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants.HEADERS.includes(node.type);
+    });
+    if (headerList.length > 0) {
+      setheaderList(headerList);
+    }
+  }, [editor.children]);
   var imagesHTML = (0, _helpers.parseHtmlString)(htmlString, 'img');
   var codeBlockHTML = (0, _helpers.parseHtmlString)(htmlString, 'pre');
   var blockquoteHTML = (0, _helpers.parseHtmlString)(htmlString, 'blockquote');
@@ -279,7 +292,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
   })), isOpenSelect && /*#__PURE__*/_react["default"].createElement("div", {
     className: "link-block-wrapper"
-  }, headersHTML && /*#__PURE__*/_react["default"].createElement("div", {
+  }, headerList.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('select-block-wrapper', {
       'expanded': isOpenSelectHeader
     }),
@@ -290,14 +303,20 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "title"
-  }, t('Header'))), isOpenSelectHeader && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "link-block-container",
-    dangerouslySetInnerHTML: {
-      __html: headersHTML
-    },
-    onClick: function onClick(e) {
-      return handleOnChangeBlock(e);
-    }
+  }, t('Header'))), isOpenSelectHeader && headerList.map(function (header, key) {
+    var headerContext = _slate.Node.string(header);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "link-header-block-container",
+      key: key,
+      onClick: function onClick(e) {
+        return handleOnChangeBlock(e);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "heading-prefix"
+    }, _constants.HEADER_TAG[header.type]), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": header.id,
+      className: "linked-header-block-item"
+    }, headerContext));
   }), imagesHTML && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('select-block-wrapper', {
       'expanded': isOpenSelectImageBlock

package/dist/extension/plugins/link/helpers.js

@@ -252,7 +252,7 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
   var parser = new DOMParser();
   var doc = parser.parseFromString(htmlString, 'text/html');
   var resultHtml;
-  if (targetType == 'img') {
+  if (targetType === 'img') {
     resultHtml = (0, _toConsumableArray2["default"])(doc.querySelectorAll('p:has(img)')).map(function (p) {
       return p.outerHTML;
     }).join('');
@@ -264,6 +264,7 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
   return resultHtml;
 };
 var isEmptyNode = exports.isEmptyNode = function isEmptyNode(node) {
+  if (node.type === _constants.IMAGE_BLOCK) return false;
   var text = _slate.Node.string(node);
   return text.trim() === '';
 };

package/dist/extension/plugins/quick-insert/render-elem.js

@@ -76,6 +76,7 @@ var RenderQuickInsert = function RenderQuickInsert(_ref, editor, readonly) {
     document.addEventListener('click', handleClick);
     scrollDom.addEventListener('scroll', handleScroll);
     resizeObserver = new ResizeObserver(function (entries) {
+      // eslint-disable-next-line no-unused-vars
       var _iterator = (0, _createForOfIteratorHelper2["default"])(entries),
         _step;
       try {

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

@@ -240,6 +240,12 @@ var CustomRenderElement = function CustomRenderElement(props) {
           renderWhiteboard = _WhiteboardPlugin$ren[0];
         return renderWhiteboard((0, _objectSpread2["default"])({}, props), editor);
       }
+    case _elementType.FILE_VIEW:
+      {
+        var _FileViewPlugin$rende = (0, _slicedToArray2["default"])(_plugins.FileViewPlugin.renderElements, 1),
+          renderFileView = _FileViewPlugin$rende[0];
+        return renderFileView((0, _objectSpread2["default"])({}, props));
+      }
     default:
       {
         var _ParagraphPlugin$rend3 = (0, _slicedToArray2["default"])(_plugins.ParagraphPlugin.renderElements, 1),

package/dist/extension/toolbar/insert-element-toolbar/index.js

@@ -112,6 +112,16 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [insertPosition]);
+  var openFileViewDialog = (0, _react.useCallback)(function () {
+    callback && callback();
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.FILE_VIEW,
+      insertPosition: insertPosition,
+      slateNode: slateNode
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [insertPosition]);
   var onInsertCodeBlock = (0, _react.useCallback)(function () {
     callback && callback();
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
@@ -203,7 +213,12 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [callback, editor, insertPosition, slateNode]);
   var dropDownItems = (0, _react.useMemo)(function () {
-    var items = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    var items = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, editor.editorType === _constants.WIKI_EDITOR && (0, _defineProperty2["default"])({}, _constants2.FILE_VIEW, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+      isHidden: !quickInsertMenuSearchMap[_constants2.FILE_VIEW],
+      key: "sdoc-insert-menu-file-view",
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
+      onClick: openFileViewDialog
+    }))), {}, (0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
       disabled: isDisableImage,
       key: "sdoc-insert-menu-image",

package/dist/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -142,7 +142,21 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [editor, insertPosition, slateNode]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER])).map(function (item) {
+  var insertFileView = (0, _react.useCallback)(function () {
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.FILE_VIEW,
+      insertPosition: insertPosition,
+      slateNode: slateNode
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [insertPosition]);
+  console.log(editor.editorType);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, editor.editorType === _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.FILE_VIEW],
+    menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
+    onClick: insertFileView
+  }), [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER])).map(function (item) {
     return /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !insertMenuSearchMap[item.type],
       disabled: isNodeEmpty && item.type === _constants2.PARAGRAPH,

package/dist/node-id/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,6 +8,7 @@ exports["default"] = void 0;
 var _slate = require("@seafile/slate");
 var _constants = require("../extension/constants");
 var _documentUtils = require("../utils/document-utils");
+var _localStorageUtils = _interopRequireDefault(require("../utils/local-storage-utils"));
 var _helpers = require("./helpers");
 var withNodeId = function withNodeId(editor) {
   var apply = editor.apply,
@@ -65,6 +67,7 @@ var withNodeId = function withNodeId(editor) {
       var cleaned = (0, _helpers.removeCommentMarks)(parsed);
       var newData = (0, _helpers.replacePastedDataId)(cleaned);
       var normalizeNewData = (0, _documentUtils.normalizeCopyNodes)(newEditor, newData);
+      _localStorageUtils["default"].setItem(_constants.RECENT_COPY_CONTENT, normalizeNewData);
       newEditor.insertFragment(normalizeNewData);
       return newEditor;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bb8d81d4df2885fa2558ae327b02d9ebf12ae093"
+  "gitHead": "6a60ac9e210680a19a336fc2a98dbae74795305d"
 }