@seafile/sdoc-editor 0.1.31 → 0.1.33

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/dist/context.js

@@ -29,7 +29,10 @@ var Context = /*#__PURE__*/function () {
       var server = this.getSetting('serviceUrl');
       var token = this.getSetting('accessToken');
       this.api = new SeafileAPI(server, token);
-      this.sdocServerApi = new SDocServerApi(this.settings);
+      var isOpenSocket = this.getSetting('isOpenSocket');
+      if (isOpenSocket) {
+        this.sdocServerApi = new SDocServerApi(this.settings);
+      }
     }
   }, {
     key: "getSettings",

package/dist/pages/diff-viewer/diff-viewer.js

@@ -9,6 +9,7 @@ import editor, { renderLeaf, renderElement } from '../../basic-sdk/extension';
 import withNodeId from '../../basic-sdk/node-id';
 import { getDiff } from '../../basic-sdk/utils/diff';
 import { DIFF_TYPE, ELEMENT_TYPE } from '../../basic-sdk/extension/constants';
+import context from '../../context';
 import '../../assets/css/diff-viewer.css';
 var DiffViewer = /*#__PURE__*/function (_Component) {
   _inherits(DiffViewer, _Component);
@@ -81,6 +82,7 @@ var DiffViewer = /*#__PURE__*/function (_Component) {
       changes: []
     };
     _this.editor = withNodeId(editor);
+    context.initSettings();
     return _this;
   }
   _createClass(DiffViewer, [{

package/dist/pages/diff-viewer/index.js

@@ -5,12 +5,16 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import HistoryVersionViewer from './history-version-viewer';
 import DiffViewer from './diff-viewer';
+import context from '../../context';
 var Index = /*#__PURE__*/function (_Component) {
   _inherits(Index, _Component);
   var _super = _createSuper(Index);
-  function Index() {
+  function Index(props) {
+    var _this;
     _classCallCheck(this, Index);
-    return _super.apply(this, arguments);
+    _this = _super.call(this, props);
+    context.initSettings();
+    return _this;
   }
   _createClass(Index, [{
     key: "render",

package/dist/pages/simple-editor.js

@@ -58,13 +58,11 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
-              return context.initApi();
-            case 2:
-              _context.prev = 2;
-              _context.next = 5;
+              context.initApi();
+              _context.prev = 1;
+              _context.next = 4;
               return context.getFileContent();
-            case 5:
+            case 4:
               contentRes = _context.sent;
               result = contentRes.data || generateDefaultDocContent();
               if (result && !result.children) {
@@ -77,11 +75,11 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
                 isContextInit: true,
                 document: result
               });
-              _context.next = 15;
+              _context.next = 14;
               break;
-            case 11:
-              _context.prev = 11;
-              _context.t0 = _context["catch"](2);
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](1);
               // eslint-disable-next-line
               console.log(_context.t0);
               this.setState({
@@ -89,11 +87,11 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
                 errorMessage: 'load doc content error',
                 document: null
               });
-            case 15:
+            case 14:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[2, 11]]);
+        }, _callee, this, [[1, 10]]);
       }));
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);

package/dist/pages/simple-viewer.js

@@ -37,13 +37,11 @@ var SimpleViewer = /*#__PURE__*/function (_React$Component) {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
-              return context.initApi();
-            case 2:
-              _context.prev = 2;
-              _context.next = 5;
+              context.initApi();
+              _context.prev = 1;
+              _context.next = 4;
               return context.getFileContent();
-            case 5:
+            case 4:
               contentRes = _context.sent;
               result = contentRes.data || generateDefaultDocContent();
               if (result && !result.children) {
@@ -56,11 +54,11 @@ var SimpleViewer = /*#__PURE__*/function (_React$Component) {
                 isContextInit: true,
                 document: result
               });
-              _context.next = 15;
+              _context.next = 14;
               break;
-            case 11:
-              _context.prev = 11;
-              _context.t0 = _context["catch"](2);
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](1);
               // eslint-disable-next-line
               console.log(_context.t0);
               this.setState({
@@ -68,11 +66,11 @@ var SimpleViewer = /*#__PURE__*/function (_React$Component) {
                 errorMessage: 'load doc content error',
                 document: null
               });
-            case 15:
+            case 14:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[2, 11]]);
+        }, _callee, this, [[1, 10]]);
       }));
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);

package/package.json

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