@seafile/sdoc-editor 1.0.53 → 1.0.55

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

@@ -1,33 +1,40 @@
-import urlJoin from 'url-join';
-import { Editor, Range, Transforms, Path, Node } from '@seafile/slate';
-import { ReactEditor } from '@seafile/slate-react';
-import slugId from 'slugid';
-import context from '../../../../context';
-import EventBus from '../../../utils/event-bus';
-import { generateEmptyElement, getNodeType, isTextNode, getParentNode, focusEditor, getAboveBlockNode, generateDefaultParagraph } from '../../core';
-import { isList } from '../../toolbar/side-toolbar/helpers';
-import { COMMENT_EDITOR, INTERNAL_EVENT } from '../../../constants';
-import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, IMAGE_BLOCK, INSERT_POSITION, PARAGRAPH, SUBTITLE, TITLE } from '../../constants';
-import base64ToUnit8Array from '../../../../utils/base64-to-unit8array';
-export const isInsertImageMenuDisabled = (editor, readonly) => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.generateImageNode = void 0;
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _context = _interopRequireDefault(require("../../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _core = require("../../core");
+var _helpers = require("../../toolbar/side-toolbar/helpers");
+var _constants = require("../../../constants");
+var _constants2 = require("../../constants");
+var _base64ToUnit8array = _interopRequireDefault(require("../../../../utils/base64-to-unit8array"));
+const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
     selection
   } = editor;
   if (selection === null) return true;
-  if (!Range.isCollapsed(selection)) return true;
-  const [match] = Editor.nodes(editor, {
+  if (!_slate.Range.isCollapsed(selection)) return true;
+  const [match] = _slate.Editor.nodes(editor, {
     match: n => {
-      let type = getNodeType(n);
-      if (!type && isTextNode(n) && n.id) {
-        const parentNode = getParentNode(editor.children, n.id);
-        type = getNodeType(parentNode);
+      let type = (0, _core.getNodeType)(n);
+      if (!type && (0, _core.isTextNode)(n) && n.id) {
+        const parentNode = (0, _core.getParentNode)(editor.children, n.id);
+        type = (0, _core.getNodeType)(parentNode);
       }
-      if (type === CODE_BLOCK) return true;
+      if (type === _constants2.CODE_BLOCK) return true;
       if (type.startsWith('header')) return true;
-      if (type === TITLE) return true;
-      if (type === SUBTITLE) return true;
-      if (Editor.isVoid(editor, n)) return true;
+      if (type === _constants2.TITLE) return true;
+      if (type === _constants2.SUBTITLE) return true;
+      if (_slate.Editor.isVoid(editor, n)) return true;
       return false;
     },
     universal: true
@@ -35,8 +42,9 @@ export const isInsertImageMenuDisabled = (editor, readonly) => {
   if (match) return true;
   return false;
 };
-export const generateImageNode = src => {
-  const element = generateEmptyElement(IMAGE);
+exports.isInsertImageMenuDisabled = isInsertImageMenuDisabled;
+const generateImageNode = src => {
+  const element = (0, _core.generateEmptyElement)(_constants2.IMAGE);
   return {
     ...element,
     data: {
@@ -44,108 +52,114 @@ export const generateImageNode = src => {
     }
   };
 };
-export const insertImage = function (editor, srcList, selection) {
-  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : INSERT_POSITION.CURRENT;
+exports.generateImageNode = generateImageNode;
+const insertImage = function (editor, srcList, selection) {
+  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants2.INSERT_POSITION.CURRENT;
   if (!srcList) return;
-  if (position !== INSERT_POSITION.AFTER) {
+  if (position !== _constants2.INSERT_POSITION.AFTER) {
     if (isInsertImageMenuDisabled(editor)) return;
   }
   const imageNodes = srcList.map(src => {
-    const isCommentEditor = editor.editorType === COMMENT_EDITOR;
+    const isCommentEditor = editor.editorType === _constants.COMMENT_EDITOR;
     const imgSrc = isCommentEditor ? getImageURL(src) : src;
     return generateImageNode(imgSrc);
   });
   const validSelection = selection || editor.selection;
-  let path = Editor.path(editor, validSelection);
-  const aboveNodeEntry = getAboveBlockNode(editor);
-  const isEmptyParagraph = aboveNodeEntry[0].type === PARAGRAPH && Node.string(aboveNodeEntry[0]).length === 0;
+  let path = _slate.Editor.path(editor, validSelection);
+  const aboveNodeEntry = (0, _core.getAboveBlockNode)(editor);
+  const isEmptyParagraph = aboveNodeEntry[0].type === _constants2.PARAGRAPH && _slate.Node.string(aboveNodeEntry[0]).length === 0;
   if (imageNodes.length === 1 && isEmptyParagraph) {
     const imageNode = imageNodes[0];
-    Transforms.insertNodes(editor, imageNode, {
+    _slate.Transforms.insertNodes(editor, imageNode, {
       at: validSelection
     });
-    Transforms.setNodes(editor, {
-      type: IMAGE_BLOCK
+    _slate.Transforms.setNodes(editor, {
+      type: _constants2.IMAGE_BLOCK
     }, {
       at: validSelection
     });
     const nodePath = [aboveNodeEntry[1][0]];
-    const nextPath = Path.next(nodePath);
-    Transforms.insertNodes(editor, generateDefaultParagraph(), {
+    const nextPath = _slate.Path.next(nodePath);
+    _slate.Transforms.insertNodes(editor, (0, _core.generateDefaultParagraph)(), {
       at: nextPath
     });
-    const endOfFirstNode = Editor.start(editor, nextPath);
+    const endOfFirstNode = _slate.Editor.start(editor, nextPath);
     const range = {
       anchor: endOfFirstNode,
       focus: endOfFirstNode
     };
-    focusEditor(editor, range);
+    (0, _core.focusEditor)(editor, range);
     return;
   }
-  if (position === INSERT_POSITION.AFTER) {
-    if (isList(editor, path)) {
+  if (position === _constants2.INSERT_POSITION.AFTER) {
+    if ((0, _helpers.isList)(editor, path)) {
       const targetPath = path.slice(0, -2);
       targetPath[targetPath.length - 1] = targetPath[targetPath.length - 1] + 1;
-      Transforms.insertNodes(editor, imageNodes, {
+      _slate.Transforms.insertNodes(editor, imageNodes, {
         at: targetPath
       });
-      const imageEndSelection = Path.next(Path.next([...targetPath, 0, 0]));
-      focusEditor(editor, imageEndSelection);
+      const imageEndSelection = _slate.Path.next(_slate.Path.next([...targetPath, 0, 0]));
+      (0, _core.focusEditor)(editor, imageEndSelection);
       return;
     }
-    const p = generateEmptyElement(ELEMENT_TYPE.PARAGRAPH);
+    const p = (0, _core.generateEmptyElement)(_constants2.ELEMENT_TYPE.PARAGRAPH);
     imageNodes.forEach((item, index) => {
       p.children[index] = item;
     });
-    Transforms.insertNodes(editor, p, {
+    _slate.Transforms.insertNodes(editor, p, {
       at: [path[0] + 1]
     });
-    focusEditor(editor, [path[0] + 1, 2]);
+    (0, _core.focusEditor)(editor, [path[0] + 1, 2]);
     return;
   }
-  Transforms.insertNodes(editor, imageNodes, {
+  _slate.Transforms.insertNodes(editor, imageNodes, {
     at: validSelection
   });
-  const imageEndSelection = Path.next(Path.next(path));
-  focusEditor(editor, imageEndSelection);
+  const imageEndSelection = _slate.Path.next(_slate.Path.next(path));
+  (0, _core.focusEditor)(editor, imageEndSelection);
 };
-export const updateImage = (editor, data) => {
-  Transforms.setNodes(editor, {
+exports.insertImage = insertImage;
+const updateImage = (editor, data) => {
+  _slate.Transforms.setNodes(editor, {
     data
   }, {
-    match: n => getNodeType(n) === IMAGE,
+    match: n => (0, _core.getNodeType)(n) === _constants2.IMAGE,
     at: editor.selection,
     voids: true
   });
 };
-export const getImageURL = url => {
+exports.updateImage = updateImage;
+const getImageURL = url => {
   if (url && url.startsWith('http')) return url;
-  const serviceUrl = context.getSetting('serviceUrl');
-  const assetsUrl = context.getSetting('assetsUrl');
-  return urlJoin(serviceUrl, assetsUrl, url);
+  const serviceUrl = _context.default.getSetting('serviceUrl');
+  const assetsUrl = _context.default.getSetting('assetsUrl');
+  return (0, _urlJoin.default)(serviceUrl, assetsUrl, url);
 };
-export const hasSdocImages = (originSdocUuid, fragmentData) => {
-  const sdocUuid = context.getSetting('docUuid');
-  const hasImg = fragmentData.some(item => item.children.some(child => (child === null || child === void 0 ? void 0 : child.type) === IMAGE));
+exports.getImageURL = getImageURL;
+const hasSdocImages = (originSdocUuid, fragmentData) => {
+  const sdocUuid = _context.default.getSetting('docUuid');
+  const hasImg = fragmentData.some(item => item.children.some(child => (child === null || child === void 0 ? void 0 : child.type) === _constants2.IMAGE));
   return originSdocUuid !== sdocUuid && hasImg;
 };
-export const getImageData = fragmentData => {
+exports.hasSdocImages = hasSdocImages;
+const getImageData = fragmentData => {
   let imageData = new Set();
   fragmentData.forEach(item => item.children.forEach(child => {
-    if ((child === null || child === void 0 ? void 0 : child.type) === IMAGE && !child.data.src.startsWith('http')) {
+    if ((child === null || child === void 0 ? void 0 : child.type) === _constants2.IMAGE && !child.data.src.startsWith('http')) {
       imageData.add(child.data.src.slice(1));
     }
   }));
   return Array.from(imageData);
 };
-export const queryCopyMoveProgressView = function (taskId) {
+exports.getImageData = getImageData;
+const queryCopyMoveProgressView = function (taskId) {
   let interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
   let timer;
   const stop = () => {
     clearTimeout(timer);
   };
   const start = async () => {
-    const res = await context.getCopyMoveProgressView(taskId);
+    const res = await _context.default.getCopyMoveProgressView(taskId);
     const {
       data: {
         done
@@ -154,53 +168,57 @@ export const queryCopyMoveProgressView = function (taskId) {
     if (done) {
       stop();
       // Reload image
-      const eventBus = EventBus.getInstance();
-      eventBus.dispatch(INTERNAL_EVENT.RELOAD_IMAGE);
+      const eventBus = _eventBus.default.getInstance();
+      eventBus.dispatch(_constants.INTERNAL_EVENT.RELOAD_IMAGE);
     } else {
       timer = setTimeout(start, interval);
     }
   };
   start();
 };
-export const resetCursor = editor => {
+exports.queryCopyMoveProgressView = queryCopyMoveProgressView;
+const resetCursor = editor => {
   const {
     selection
   } = editor;
   const currentPath = selection.focus.path;
-  const targetPath = Path.next(Path.next(currentPath));
+  const targetPath = _slate.Path.next(_slate.Path.next(currentPath));
 
   // Set cursor after image insertion
   queueMicrotask(() => {
-    Transforms.select(editor, targetPath);
+    _slate.Transforms.select(editor, targetPath);
   });
 };
-export const getSingleImageFromFragment = data => {
+exports.resetCursor = resetCursor;
+const getSingleImageFromFragment = data => {
   if (data.length !== 1) return null;
-  if (Node.string(data[0]).length !== 0) return null;
+  if (_slate.Node.string(data[0]).length !== 0) return null;
   const children = data[0].children;
-  const images = children.filter(item => (item === null || item === void 0 ? void 0 : item.type) === IMAGE);
+  const images = children.filter(item => (item === null || item === void 0 ? void 0 : item.type) === _constants2.IMAGE);
   if (images.length !== 1) return null;
   return images[0];
 };
-export const insertImageFiles = (files, editor, targetPath) => {
-  context.uploadLocalImage(files).then(fileUrl => {
-    insertImage(editor, fileUrl, targetPath, INSERT_POSITION.AFTER);
+exports.getSingleImageFromFragment = getSingleImageFromFragment;
+const insertImageFiles = (files, editor, targetPath) => {
+  _context.default.uploadLocalImage(files).then(fileUrl => {
+    insertImage(editor, fileUrl, targetPath, _constants2.INSERT_POSITION.AFTER);
   });
 };
-export const selectImageWhenSelectPartial = (event, editor, imageNode, isImageSelected) => {
+exports.insertImageFiles = insertImageFiles;
+const selectImageWhenSelectPartial = (event, editor, imageNode, isImageSelected) => {
   if (isImageSelected) return;
   const isMouseLeftDown = event.buttons === 1;
   if (!isMouseLeftDown) return;
   const {
     selection
   } = editor;
-  if (Range.isCollapsed(selection)) return;
-  let imagePath = ReactEditor.findPath(editor, imageNode);
-  if (imageNode.type === IMAGE_BLOCK) {
-    const imageIndex = imageNode.children.findIndex(item => item.type === IMAGE);
+  if (_slate.Range.isCollapsed(selection)) return;
+  let imagePath = _slateReact.ReactEditor.findPath(editor, imageNode);
+  if (imageNode.type === _constants2.IMAGE_BLOCK) {
+    const imageIndex = imageNode.children.findIndex(item => item.type === _constants2.IMAGE);
     imagePath = imagePath.concat([imageIndex]);
   }
-  const isIncludedSelection = Range.includes(selection, imagePath);
+  const isIncludedSelection = _slate.Range.includes(selection, imagePath);
   if (isIncludedSelection) return;
   const focusRange = {
     ...selection,
@@ -209,27 +227,29 @@ export const selectImageWhenSelectPartial = (event, editor, imageNode, isImageSe
       path: imagePath
     }
   };
-  focusEditor(editor, focusRange);
+  (0, _core.focusEditor)(editor, focusRange);
 };
 
 // Upload image when the image is pasted from the clipboard in base64
-export const handleBase64Image = (editor, path, imgData) => {
-  const unit8Array = base64ToUnit8Array(imgData.src);
+exports.selectImageWhenSelectPartial = selectImageWhenSelectPartial;
+const handleBase64Image = (editor, path, imgData) => {
+  const unit8Array = (0, _base64ToUnit8array.default)(imgData.src);
   const blob = new Blob([unit8Array.u8arr], {
     type: unit8Array.mime
   });
-  const file = new File([blob], "".concat(slugId.nice(), ".jpg"), {
+  const file = new File([blob], `${_slugid.default.nice()}.jpg`, {
     type: unit8Array.mime
   });
-  context.uploadLocalImage([file]).then(res => {
+  _context.default.uploadLocalImage([file]).then(res => {
     const _data = {
       ...imgData,
       src: res[0]
     };
-    Transforms.setNodes(editor, {
+    _slate.Transforms.setNodes(editor, {
       data: _data
     }, {
       at: path
     });
   });
-};
+};
+exports.handleBase64Image = handleBase64Image;