@seafile/comment-editor 0.0.11 → 0.0.13

package/dist/basic-sdk/editor/comment-editor.css

@@ -19,7 +19,7 @@
 }
 
 .comment-editor-wrapper .comment-editor-content:focus-within {
- border-color: #ff8e03;
+  border-color: #ff8e03;
 }
 
 /* comment-editor */
@@ -34,6 +34,7 @@
   overflow-x: hidden;
   border: none;
   background-color: transparent;
+  display: block;
 }
 
 .comment-editor-wrapper .comment-editor-content .article.comment-editor :first-child {
@@ -129,4 +130,4 @@
 
 .comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group .comment-editor-menu-group-item .sdocfont {
   font-size: 12px;
-}
+}

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

@@ -154,6 +154,7 @@ exports.updateImage = updateImage;
 const getImageURL = (data, editor) => {
   const {
     src: url,
+    is_upload,
     column_key
   } = data;
   if (column_key) {
@@ -174,10 +175,10 @@ const getImageURL = (data, editor) => {
   }
 
   // upload image | drag drop image | cut image
-  if (isImageUrlIsFromUpload(url)) return url;
+  if (isImageUrlIsFromUpload(url, is_upload)) return url;
 
   // copy from others doc
-  if (isImageUrlIsFromCopy(url)) return url;
+  if (isImageUrlIsFromCopy(url, is_upload)) return url;
   const serviceUrl = _context.default.getSetting('serviceUrl');
   const assetsUrl = _context.default.getSetting('assetsUrl');
   return (0, _urlJoin.default)(serviceUrl, assetsUrl, url);
@@ -301,14 +302,15 @@ const handleBase64Image = (editor, path, imgData) => {
   });
 };
 exports.handleBase64Image = handleBase64Image;
-const isImageUrlIsFromCopy = (url, uploadFromDtable) => {
-  if (uploadFromDtable) return false;
+const isImageUrlIsFromCopy = (url, is_upload) => {
+  if (is_upload) return false;
   if (url && url.startsWith('http')) return true;
   if (url && url.startsWith('attachment')) return true; // from yuque
   return false;
 };
 exports.isImageUrlIsFromCopy = isImageUrlIsFromCopy;
-const isImageUrlIsFromUpload = url => {
+const isImageUrlIsFromUpload = (url, is_upload) => {
+  if (url && is_upload) return true;
   if (url && url.startsWith('blob:http')) return true;
   return false;
 };

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

@@ -218,10 +218,10 @@ const Image = _ref => {
     }
   }, [data, editor]);
   const onImageLoaded = (0, _react.useCallback)(() => {
-    if ((0, _helpers.isImageUrlIsFromCopy)(data.src, data === null || data === void 0 ? void 0 : data.upload_from_dtable)) {
+    if ((0, _helpers.isImageUrlIsFromCopy)(data.src, data === null || data === void 0 ? void 0 : data.is_upload)) {
       setCopyImageLoading(true);
     }
-  }, [data.src, data === null || data === void 0 ? void 0 : data.upload_from_dtable, setCopyImageLoading]);
+  }, [data.src, data === null || data === void 0 ? void 0 : data.is_upload, setCopyImageLoading]);
   const onImageLoadError = (0, _react.useCallback)(() => {
     // Check is due to the image is pasted from the clipboard in base64
     if (data.src.startsWith('data:image/jpeg;base64')) {

package/dist/basic-sdk/extension/plugins/image/use-copy-image.js

@@ -39,10 +39,11 @@ const useCopyImage = _ref => {
   const [isCopyError, setIsCopyError] = (0, _react.useState)(is_copy_error);
   (0, _react.useEffect)(() => {
     const {
-      src: url
+      src: url,
+      is_upload
     } = data;
     if (isCopyError) return;
-    if (!(0, _helpers.isImageUrlIsFromCopy)(url)) return;
+    if (!(0, _helpers.isImageUrlIsFromCopy)(url, is_upload)) return;
     const downloadAndUploadImages = async url => {
       try {
         const response = await fetch(url);

package/dist/basic-sdk/extension/plugins/image/use-upload-image.js

@@ -11,12 +11,12 @@ var _slateReact = require("@seafile/slate-react");
 var _context = _interopRequireDefault(require("../../../context"));
 var _helpers = require("./helpers");
 var _imageCache = _interopRequireDefault(require("./image-cache"));
-const updateImageNode = async (editor, element, newUrl, uploadFromDtable) => {
+const updateImageNode = async (editor, element, newUrl) => {
   const nodePath = _slateReact.ReactEditor.findPath(editor, element);
   const newData = {
-    src: newUrl
+    src: newUrl,
+    is_upload: true
   };
-  uploadFromDtable && (newData['upload_from_dtable'] = true);
   _slate.Transforms.setNodes(editor, {
     data: newData
   }, {
@@ -45,8 +45,7 @@ const useUploadImage = _ref => {
         const fileItem = _imageCache.default.getImage(file_uuid);
         const imageUrl = await _context.default.api.uploadLocalImage([fileItem]);
         if (imageUrl && imageUrl[0]) {
-          const uploadFromDtable = imageUrl !== null && imageUrl !== void 0 && imageUrl.upload_from_dtable ? true : false;
-          updateImageNode(editor, element, imageUrl[0], uploadFromDtable);
+          updateImageNode(editor, element, imageUrl[0]);
         }
       } catch (error) {
         console.error(error.message);

package/package.json

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