@seafile/sdoc-editor 0.1.31 → 0.1.32

package/dist/basic-sdk/extension/plugins/image/dialogs/image-previewer.js

@@ -5,6 +5,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import Lightbox from '@seafile/react-image-lightbox';
+import { getImageURL } from '../helpers';
 import '@seafile/react-image-lightbox/style.css';
 var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
   _inherits(ImagePreviewer, _React$Component);
@@ -19,7 +20,8 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
       while (nodes && nodeIndex <= nodes.length - 1) {
         var currentNode = nodes[nodeIndex];
         if (currentNode.type === 'image') {
-          currentNode.data.src && list.push(currentNode.data.src);
+          var url = getImageURL(currentNode.data.src);
+          url && list.push(url);
         } else {
           list.push.apply(list, _toConsumableArray(_this.getImageNodes(currentNode.children)));
         }

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

@@ -1,8 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import urlJoin from 'url-join';
 import { Editor, Range, Transforms } from '@seafile/slate';
 import { BLOCKQUOTE, CODE_BLOCK, IMAGE, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
 import { generateEmptyElement, getNodeType } from '../../core';
+import context from '../../../../context';
 export var isInsertImageMenuDisabled = function isInsertImageMenuDisabled(editor) {
   var selection = editor.selection;
   if (selection === null) return true;
@@ -51,4 +53,10 @@ export var updateImage = function updateImage(editor, data) {
     at: editor.selection,
     voids: true
   });
+};
+export var getImageURL = function getImageURL(url) {
+  if (url && url.startsWith('http')) return url;
+  var serviceUrl = context.getSetting('serviceUrl');
+  var assetsUrl = context.getSetting('assetsUrl');
+  return urlJoin(serviceUrl, assetsUrl, url);
 };

package/dist/basic-sdk/extension/plugins/image/render-elem.js

@@ -7,10 +7,8 @@ import { useSelected } from '@seafile/slate-react';
 import React from 'react';
 import classNames from 'classnames';
 import { withTranslation } from 'react-i18next';
-import urlJoin from 'url-join';
-import { updateImage } from './helpers';
+import { getImageURL, updateImage } from './helpers';
 import ImagePreviewer from './dialogs/image-previewer';
-import context from '../../../../context';
 var Image = /*#__PURE__*/function (_React$Component) {
   _inherits(Image, _React$Component);
   var _super = _createSuper(Image);
@@ -89,13 +87,6 @@ var Image = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
   _createClass(Image, [{
-    key: "getImageURL",
-    value: function getImageURL(url) {
-      var serviceUrl = context.getSetting('serviceUrl');
-      var assetsUrl = context.getSetting('assetsUrl');
-      return urlJoin(serviceUrl, assetsUrl, url);
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -116,7 +107,7 @@ var Image = /*#__PURE__*/function (_React$Component) {
       }, attributes), /*#__PURE__*/React.createElement("img", {
         className: imageClassName,
         ref: this.setImageRef,
-        src: this.getImageURL(data.src),
+        src: getImageURL(data.src),
         style: imageStyle,
         draggable: false,
         alt: ""
@@ -135,7 +126,7 @@ var Image = /*#__PURE__*/function (_React$Component) {
         className: "image-size",
         contentEditable: false
       }, /*#__PURE__*/React.createElement("span", null, t('width'), ':', parseInt(this.state.width || this.image.clientWidth)), /*#__PURE__*/React.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/React.createElement("span", null, t('height'), ':', this.image.clientHeight)), children), isShowImagePreview && /*#__PURE__*/React.createElement(ImagePreviewer, {
-        imageUrl: data.src,
+        imageUrl: getImageURL(data.src),
         editor: this.props.editor,
         toggleImagePreviewer: this.setFullScreen
       }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",