@seafile/sdoc-editor 1.0.218-test-0.0.1 → 1.0.219

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

@@ -62,7 +62,6 @@ const Image = _ref => {
   const [caption, setCaption] = (0, _react.useState)((data === null || data === void 0 ? void 0 : data.caption) || '');
   const [isLoading, setIsLoading] = (0, _react.useState)(false);
   const [isCopyError, setIsCopyError] = (0, _react.useState)(false);
-  console.log(data);
   const registerEvent = (0, _react.useCallback)(eventList => {
     eventList.forEach(element => {
       document.addEventListener(element.eventName, element.event);
@@ -204,8 +203,6 @@ const Image = _ref => {
     }
   }, [data, editor]);
   const onImageLoadError = (0, _react.useCallback)(() => {
-    console.log(isLoadingRef.current);
-    console.log(data);
     // Check is due to the image is pasted from the clipboard in base64
     if (data.src.startsWith('data:image/jpeg;base64')) {
       return (0, _helpers.handleBase64Image)(editor, path, data);
@@ -213,7 +210,9 @@ const Image = _ref => {
 
     // Check whether copying images is wrong
     if (data.src.startsWith('attachment') || data.src.endsWith('_copy_error')) {
-      setIsCopyError(true);
+      if (!isCopyError) {
+        setIsCopyError(true);
+      }
       return;
     }
     if (isLoadingRef.current) return;
@@ -241,12 +240,15 @@ const Image = _ref => {
   }, [data, editor, element]);
   (0, _react.useEffect)(() => {
     isLoadingRef.current = isLoading;
-  }, [isLoading]);
+    if (data.src.endsWith('_copy_error') && !isCopyError) {
+      setIsCopyError(true);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isLoading, data.src]);
   (0, _react.useEffect)(() => {
     const {
       src: url
     } = data;
-    console.log(0, data);
     if (url && !url.startsWith('http')) return;
     if (url && url.endsWith('_copy_error')) {
       setIsCopyError(true);
@@ -260,13 +262,19 @@ const Image = _ref => {
       const downloadAndUploadImages = async url => {
         try {
           const response = await fetch(url);
-          const blob = await response.blob();
-          const file = new File([blob], 'downloaded_image.png', {
-            type: blob.type
-          });
-          const imageUrl = await _context.default.uploadLocalImage([file]);
-          if (imageUrl && imageUrl[0]) {
-            (0, _helpers.updateImageNode)(editor, url, imageUrl[0]);
+          if (response.ok) {
+            const blob = await response.blob();
+            const file = new File([blob], 'downloaded_image.png', {
+              type: blob.type
+            });
+            const imageUrl = await _context.default.uploadLocalImage([file]);
+            if (imageUrl && imageUrl[0]) {
+              (0, _helpers.updateImageNode)(editor, url, imageUrl[0]);
+            }
+          } else {
+            console.error(response.status);
+            const newUrl = url + '_copy_error';
+            (0, _helpers.updateImageNode)(editor, url, newUrl);
           }
         } catch (error) {
           console.error(error);

package/package.json

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