@yogiswara/honcho-editor-ui 1.4.6 → 1.4.8

package/dist/hooks/editor/useHonchoEditor.js

@@ -298,14 +298,13 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
             const file = new File([blob], filename, { type: blob.type });
             await editorRef.current.loadImageFromFile(file);
             setIsImageLoaded(true);
-            updateCanvasEditor();
         }
         catch (error) {
             console.error(error);
             setEditorStatus("Error: Could not load image from URL.");
             setIsImageLoaded(false);
         }
-    }, [editorRef.current, updateCanvasEditor]);
+    }, [editorRef.current]);
     const handleScriptReady = useCallback(async () => {
         console.log("[Editor] Script tag is ready."); // Log entry
         if (typeof window.Module === 'function' && !editorRef.current) {
@@ -647,7 +646,7 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
             const pathGallery = extractPathFromGallery(galleryImageData);
             // load image to editor
             await loadImageEditorFromUrl(pathGallery);
-            console.log("Image loaded to editor");
+            updateCanvasEditor();
             // adjustment setup
             if (adjustmentData) {
                 const adjustmentState = mapColorAdjustmentToAdjustmentState(adjustmentData);
@@ -659,14 +658,14 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
             }
         };
         init();
-    }, [galleryImageData, editorRef.current]);
+    }, [galleryImageData, editorRef.current, updateCanvasEditor]);
     useEffect(() => {
         // Render photo if adjustmentState change;
-        if (!editorRef.current)
+        if (!editorRef.current || !isImageLoaded)
             return;
         editorRef.current.setAdjustments(mapAdjustmentStateToAdjustmentEditor(currentAdjustmentsState));
         updateCanvasEditor();
-    }, [editorRef.current, currentAdjustmentsState]);
+    }, [editorRef.current, currentAdjustmentsState, isImageLoaded]);
     useEffect(() => {
         window.addEventListener('keydown', handleKeyDown);
         return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yogiswara/honcho-editor-ui",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",