@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/plugins/search-replace/helper.js

@@ -1,13 +1,18 @@
-import { Editor, Element, Node, Text, Transforms } from '@seafile/slate';
-import { ReactEditor } from '@seafile/slate-react';
-import { CODE_BLOCK, IMAGE } from '../../constants';
-import { DEFAULT_SEARCH_HIGHLIGHT_FILL_COLOR, FOCUSSED_SEARCH_HIGHLIGHT_FILL_COLOR } from './constant';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollIntoView = exports.handleReplaceKeyword = exports.getHighlightInfos = exports.drawHighlights = exports.clearCanvas = void 0;
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../constants");
+var _constant = require("./constant");
 // Check the node iff contains text or inline node
 const isInlineContainer = (editor, node) => {
-  if (Text.isText(node)) return false;
+  if (_slate.Text.isText(node)) return false;
   if (node.children) {
-    return node.children.every(child => Text.isText(child) || Editor.isInline(editor, child));
+    return node.children.every(child => _slate.Text.isText(child) || _slate.Editor.isInline(editor, child));
   }
   return false;
 };
@@ -25,7 +30,7 @@ const formatTextEntries = textEntries => {
 };
 const splitTextNode = node => {
   return node.children.reduce((pre, cur) => {
-    if (cur.type === IMAGE) {
+    if (cur.type === _constants.IMAGE) {
       pre.push({
         ...node,
         children: []
@@ -40,7 +45,7 @@ const splitTextNode = node => {
   }]);
 };
 const matchSearchWordPosition = (node, searchWord) => {
-  const content = Node.string(node);
+  const content = _slate.Node.string(node);
   const regex = new RegExp(searchWord, 'gi');
   const matches = [...content.matchAll(regex)];
   return matches.map(match => match.index) || [];
@@ -52,7 +57,7 @@ const getMatchedTextInfos = (editor, node, keyword) => {
     if (isInlineContainer(editor, node)) {
       const splitNodes = splitTextNode(node);
       splitNodes.forEach(node => {
-        const textEntries = Array.from(Node.texts(node));
+        const textEntries = Array.from(_slate.Node.texts(node));
         if (!textEntries) return;
         const newTextEntries = formatTextEntries(textEntries);
         const positions = matchSearchWordPosition(node, keyword);
@@ -70,7 +75,7 @@ const getMatchedTextInfos = (editor, node, keyword) => {
             const passedNodeLength = passedLength - textEntry[0].text.length;
             if (!anchor && passedLength > position) {
               anchor = {
-                path: ReactEditor.findPath(editor, textEntry[0]),
+                path: _slateReact.ReactEditor.findPath(editor, textEntry[0]),
                 offset: position - passedNodeLength
               };
             }
@@ -78,7 +83,7 @@ const getMatchedTextInfos = (editor, node, keyword) => {
               const range = {
                 anchor,
                 focus: {
-                  path: ReactEditor.findPath(editor, textEntry[0]),
+                  path: _slateReact.ReactEditor.findPath(editor, textEntry[0]),
                   offset: position + keyword.length - passedNodeLength
                 }
               };
@@ -115,7 +120,7 @@ const generateRangeWhenWrapLine = (editor, path, index, count, domRange, baseHei
         offset: index + j
       }
     };
-    const subRange = ReactEditor.toDOMRange(editor, subSplitRange);
+    const subRange = _slateReact.ReactEditor.toDOMRange(editor, subSplitRange);
     const subRangeHeight = Math.round(subRange.getBoundingClientRect().height);
     if (subRangeHeight === baseHeight) {
       isOverrideForwardRange && subHighlightInfos.pop();
@@ -133,11 +138,11 @@ const generateRangeWhenWrapLine = (editor, path, index, count, domRange, baseHei
   return subHighlightInfos;
 };
 const findHighlightTextInfos = (editor, keyword) => {
-  const matchedBlockEntries = [...Editor.nodes(editor, {
+  const matchedBlockEntries = [..._slate.Editor.nodes(editor, {
     match: n => {
-      if (Element.isElement(n) && Editor.isBlock(editor, n)) {
+      if (_slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n)) {
         try {
-          const blockString = Node.string(n);
+          const blockString = _slate.Node.string(n);
           return blockString.toLowerCase().includes(keyword.toLowerCase());
         } catch (error) {
           return false;
@@ -169,15 +174,15 @@ const getBaseHeight = (editor, range) => {
       offset: 1
     }
   };
-  const letterHeight = ReactEditor.toDOMRange(editor, subRange).getBoundingClientRect().height;
+  const letterHeight = _slateReact.ReactEditor.toDOMRange(editor, subRange).getBoundingClientRect().height;
   const baseHeight = Math.round(letterHeight);
   return baseHeight;
 };
-export const getHighlightInfos = (editor, keyword) => {
+const getHighlightInfos = (editor, keyword) => {
   if (keyword === '') return [];
   const highlightTextInfos = findHighlightTextInfos(editor, keyword);
   const rangeList = highlightTextInfos === null || highlightTextInfos === void 0 ? void 0 : highlightTextInfos.map(range => {
-    const domRange = ReactEditor.toDOMRange(editor, range);
+    const domRange = _slateReact.ReactEditor.toDOMRange(editor, range);
     const rangeInfo = domRange.getBoundingClientRect();
     const baseHeight = getBaseHeight(editor, range);
     // highlight word wrap line, assume line height is more then letter height
@@ -191,28 +196,31 @@ export const getHighlightInfos = (editor, keyword) => {
   });
   return rangeList;
 };
-export const handleReplaceKeyword = (editor, highlightInfos, replacedContent) => {
+exports.getHighlightInfos = getHighlightInfos;
+const handleReplaceKeyword = (editor, highlightInfos, replacedContent) => {
   if (!highlightInfos || !highlightInfos.length) return;
   // Delete from backward avoiding the range changed
   highlightInfos.reverse().forEach(highlightInfo => {
     const {
       domRange
     } = highlightInfo[highlightInfo.length - 1];
-    const slateRange = ReactEditor.toSlateRange(editor, domRange, {
+    const slateRange = _slateReact.ReactEditor.toSlateRange(editor, domRange, {
       exactMatch: true
     });
-    Transforms.insertText(editor, replacedContent, {
-      at: Editor.end(editor, slateRange)
+    _slate.Transforms.insertText(editor, replacedContent, {
+      at: _slate.Editor.end(editor, slateRange)
     });
-    Transforms.delete(editor, {
+    _slate.Transforms.delete(editor, {
       at: slateRange
     });
   });
 };
-export const clearCanvas = canvases => {
+exports.handleReplaceKeyword = handleReplaceKeyword;
+const clearCanvas = canvases => {
   canvases.forEach(canvas => canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height));
 };
-export const scrollIntoView = (articleContainerTop, highlightX, highlightY, codeBlockDom, width) => {
+exports.clearCanvas = clearCanvas;
+const scrollIntoView = (articleContainerTop, highlightX, highlightY, codeBlockDom, width) => {
   if (!articleContainerTop) return;
   const scrollContainer = document.getElementById('sdoc-scroll-container');
   // Scroll into view when highlight block overflow y
@@ -233,11 +241,12 @@ export const scrollIntoView = (articleContainerTop, highlightX, highlightY, code
     });
   }
 };
+exports.scrollIntoView = scrollIntoView;
 const getNowrapCodeBlockInfos = editor => {
-  const codeBlockEntries = Editor.nodes(editor, {
+  const codeBlockEntries = _slate.Editor.nodes(editor, {
     match: n => {
       var _n$style;
-      const isCodeBlock = Element.isElement(n) && n.type === CODE_BLOCK;
+      const isCodeBlock = _slate.Element.isElement(n) && n.type === _constants.CODE_BLOCK;
       if (!isCodeBlock) return false;
       // To compatible with old version,which has no style property with white_space, by default, it is 'nowrap'
       const nodeWhiteSpace = (n === null || n === void 0 ? void 0 : (_n$style = n.style) === null || _n$style === void 0 ? void 0 : _n$style['white_space']) || 'nowrap';
@@ -250,7 +259,7 @@ const getNowrapCodeBlockInfos = editor => {
   // Get code block dom and range info
   const codeBlockInfos = Array.from(codeBlockEntries).map(_ref2 => {
     let [codeBlockNode] = _ref2;
-    const codeBlockRange = ReactEditor.toDOMNode(editor, codeBlockNode).getBoundingClientRect();
+    const codeBlockRange = _slateReact.ReactEditor.toDOMNode(editor, codeBlockNode).getBoundingClientRect();
     return {
       codeBlockRange,
       codeBlockNode
@@ -270,7 +279,7 @@ const updateInfoAsMatchedInCodeBlock = (editor, codeBlockInfos, highlightX, high
     } = _ref3;
     const isInCodeBlockArea = codeBlockRange.y <= highlightY && codeBlockRange.y + codeBlockRange.height > highlightY + highlightHeight;
     if (isInCodeBlockArea) {
-      codeBlockDom = ReactEditor.toDOMNode(editor, codeBlockNode).querySelector('.sdoc-code-block-pre');
+      codeBlockDom = _slateReact.ReactEditor.toDOMNode(editor, codeBlockNode).querySelector('.sdoc-code-block-pre');
       const codeBlockRightSidePosition = codeBlockRange.x + codeBlockRange.width;
       const isOverflowX = codeBlockRange.x > highlightX || codeBlockRightSidePosition < highlightX + highlightWidth;
       if (isOverflowX) {
@@ -291,7 +300,7 @@ const updateInfoAsMatchedInCodeBlock = (editor, codeBlockInfos, highlightX, high
     highlightWidth
   };
 };
-export const drawHighlights = function (editor, ranges, selectIndex) {
+const drawHighlights = function (editor, ranges, selectIndex) {
   let isMoveIntoView = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   const canvases = document.querySelectorAll('.sdoc-find-search-highlight-canvas');
   clearCanvas(canvases);
@@ -329,7 +338,7 @@ export const drawHighlights = function (editor, ranges, selectIndex) {
         }
 
         // Draw highlight block
-        ctx.fillStyle = isFocussedHighlight ? FOCUSSED_SEARCH_HIGHLIGHT_FILL_COLOR : DEFAULT_SEARCH_HIGHLIGHT_FILL_COLOR;
+        ctx.fillStyle = isFocussedHighlight ? _constant.FOCUSSED_SEARCH_HIGHLIGHT_FILL_COLOR : _constant.DEFAULT_SEARCH_HIGHLIGHT_FILL_COLOR;
         ctx.fillRect(x - left, y - top - canvasIndex * 5000, width, height);
 
         // Scroll into view
@@ -342,4 +351,5 @@ export const drawHighlights = function (editor, ranges, selectIndex) {
       }
     }
   } while (rangeIndex < ranges.length);
-};
+};
+exports.drawHighlights = drawHighlights;

package/dist/basic-sdk/extension/plugins/search-replace/index.js

@@ -1,10 +1,17 @@
-import { SEARCH_REPLACE } from '../../constants/menus-config';
-import SearchReplaceMenu from './menu';
-import withSearchReplace from './plugin';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _menusConfig = require("../../constants/menus-config");
+var _menu = _interopRequireDefault(require("./menu"));
+var _plugin = _interopRequireDefault(require("./plugin"));
 const SearchReplacePlugin = {
-  type: SEARCH_REPLACE,
-  editorMenus: [SearchReplaceMenu],
-  editorPlugin: withSearchReplace,
+  type: _menusConfig.SEARCH_REPLACE,
+  editorMenus: [_menu.default],
+  editorPlugin: _plugin.default,
   renderElements: []
 };
-export default SearchReplacePlugin;
+var _default = exports.default = SearchReplacePlugin;

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

@@ -1,13 +1,21 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { MenuItem } from '../../../commons';
-import { MENUS_CONFIG_MAP } from '../../../constants';
-import { SEARCH_REPLACE } from '../../../constants/menus-config';
-import SearchReplacePopover from '../popover';
-import EventBus from '../../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../../constants';
-import './index.css';
-const menuConfig = MENUS_CONFIG_MAP[SEARCH_REPLACE];
+"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 _reactDom = require("react-dom");
+var _commons = require("../../../commons");
+var _constants = require("../../../constants");
+var _menusConfig = require("../../../constants/menus-config");
+var _popover = _interopRequireDefault(require("../popover"));
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+var _constants2 = require("../../../../constants");
+require("./index.css");
+const menuConfig = _constants.MENUS_CONFIG_MAP[_menusConfig.SEARCH_REPLACE];
 const SearchReplaceMenu = _ref => {
   let {
     isRichEditor,
@@ -15,17 +23,17 @@ const SearchReplaceMenu = _ref => {
     editor,
     readonly
   } = _ref;
-  const [isOpenPopover, setIsOpenPopover] = useState(false);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unsubscribe = eventBus.subscribe(INTERNAL_EVENT.OPEN_SEARCH_REPLACE_MODAL, () => setIsOpenPopover(true));
+  const [isOpenPopover, setIsOpenPopover] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe(_constants2.INTERNAL_EVENT.OPEN_SEARCH_REPLACE_MODAL, () => setIsOpenPopover(true));
     return () => unsubscribe();
   }, [isOpenPopover]);
-  const onMouseDown = useCallback(() => {
+  const onMouseDown = (0, _react.useCallback)(() => {
     setIsOpenPopover(!isOpenPopover);
   }, [isOpenPopover]);
   const articleContainer = document.querySelector('.sdoc-article-container');
-  const articleContainerSize = useMemo(() => {
+  const articleContainerSize = (0, _react.useMemo)(() => {
     const articleContainer = document.querySelector('.sdoc-article-container');
     if (!articleContainer) return null;
     const {
@@ -40,15 +48,15 @@ const SearchReplaceMenu = _ref => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpenPopover]);
-  const renderCanvasses = useMemo(() => {
+  const renderCanvasses = (0, _react.useMemo)(() => {
     if (!isOpenPopover) return false;
     const generateCount = Math.ceil(articleContainerSize.offsetHeight / 5000);
     const canvasList = [];
     for (let index = 0; index < generateCount; index++) {
       const top = index * 5000;
-      canvasList.push( /*#__PURE__*/React.createElement("canvas", {
+      canvasList.push( /*#__PURE__*/_react.default.createElement("canvas", {
         key: 'sdoc-find-search-' + index,
-        id: "sdoc-find-search-".concat(index),
+        id: `sdoc-find-search-${index}`,
         className: "sdoc-find-search-highlight-canvas",
         width: articleContainerSize.offsetWidth,
         height: 5000,
@@ -59,22 +67,22 @@ const SearchReplaceMenu = _ref => {
     }
     return canvasList;
   }, [articleContainerSize, isOpenPopover]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuItem, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
     isRichEditor: isRichEditor,
     className: className,
     disabled: false,
     isActive: isOpenPopover,
     onMouseDown: onMouseDown
-  }, menuConfig)), isOpenPopover && /*#__PURE__*/React.createElement(SearchReplacePopover, {
+  }, menuConfig)), isOpenPopover && /*#__PURE__*/_react.default.createElement(_popover.default, {
     editor: editor,
     readonly: readonly,
     isOpen: isOpenPopover,
     closePopover: onMouseDown
-  }), isOpenPopover && createPortal( /*#__PURE__*/React.createElement("div", {
+  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: articleContainerSize.clientHeight
     },
     className: "sdoc-search-highlight-container"
   }, renderCanvasses), articleContainer));
 };
-export default SearchReplaceMenu;
+var _default = exports.default = SearchReplaceMenu;

package/dist/basic-sdk/extension/plugins/search-replace/plugin.js

@@ -1,21 +1,28 @@
-import isHotkey from 'is-hotkey';
-import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../constants';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants = require("../../../constants");
 const withSearchReplace = editor => {
   const {
     onHotKeyDown
   } = editor;
   const newEditor = editor;
   newEditor.onHotKeyDown = event => {
-    if (isHotkey('mod+f', event)) {
+    if ((0, _isHotkey.default)('mod+f', event)) {
       event.preventDefault();
       event.stopPropagation();
-      const eventBus = EventBus.getInstance();
-      eventBus.dispatch(INTERNAL_EVENT.OPEN_SEARCH_REPLACE_MODAL);
+      const eventBus = _eventBus.default.getInstance();
+      eventBus.dispatch(_constants.INTERNAL_EVENT.OPEN_SEARCH_REPLACE_MODAL);
       return false;
     }
     return onHotKeyDown && onHotKeyDown(event);
   };
   return newEditor;
 };
-export default withSearchReplace;
+var _default = exports.default = withSearchReplace;