@yogiswara/honcho-editor-ui 1.3.6 → 1.3.8

package/dist/hooks/editor/useHonchoEditor.js

@@ -256,6 +256,7 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
     const loadImageFromUrl = useCallback(async (url) => {
         try {
             setEditorStatus("Downloading image...");
+            console.log(`[DEBUG] Attempting to fetch image from URL: ${url}`);
             const response = await fetch(url);
             if (!response.ok)
                 throw new Error(`Failed to fetch image from URL: ${url}`);
@@ -278,6 +279,7 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
             const imagePath = gallery?.raw_edited?.path
                 ? gallery.raw_edited.path
                 : gallery?.download?.path;
+            console.log("[DEBUG] Extracted imagePath to load:", imagePath);
             if (imagePath) {
                 await loadImageFromUrl(imagePath);
                 return gallery; // ✅ RETURN the gallery object on success
@@ -354,26 +356,6 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         imageList, currentImageId, hasNextPage,
         isFetchingNextPage, currentPage, controller, firebaseUid, eventId
     ]);
-    useEffect(() => {
-        // This is now the single point of control for loading an image based on the initial props.
-        // 1. First, check if all conditions are met to even attempt loading.
-        //    We ensure the editor itself is ready before doing anything.
-        const canLoad = initImageId && firebaseUid && controller && isEditorReady;
-        if (!canLoad) {
-            return;
-        }
-        // 2. Define the loading sequence as an async function inside the effect.
-        const loadInitialImage = async () => {
-            console.log(`[EFFECT] Starting to load initial image ID: ${initImageId}`);
-            // This directly calls the loading function. We don't need to set
-            // an intermediate 'currentImageId' state, which avoids an extra re-render and potential loop.
-            await loadImageFromId(firebaseUid, initImageId);
-        };
-        // 3. Execute the loading sequence.
-        loadInitialImage();
-        // Dependencies: The external props and readiness flags that trigger this logic.
-        // Whenever any of these change, this effect will re-evaluate.
-    }, [initImageId, firebaseUid, controller, isEditorReady, loadImageFromId]);
     useEffect(() => {
         const initialize = async () => {
             if (initImageId && firebaseUid && controller && isEditorReady) {
@@ -413,14 +395,14 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         };
         initialize();
     }, [initImageId, firebaseUid, controller, isEditorReady, loadImageFromId]);
-    useEffect(() => {
-        // Ensure we have everything needed before trying to load.
-        if (currentImageId && firebaseUid && controller && isEditorReady) {
-            console.log(`[EFFECT] currentImageId changed to: ${currentImageId}. Loading new image into canvas.`);
-            // Load the new image specified by the updated currentImageId
-            loadImageFromId(firebaseUid, currentImageId);
-        }
-    }, [currentImageId, isEditorReady]);
+    // useEffect(() => {
+    //     // Ensure we have everything needed before trying to load.
+    //     if (currentImageId && firebaseUid && controller && isEditorReady) {
+    //         console.log(`[EFFECT] currentImageId changed to: ${currentImageId}. Loading new image into canvas.`);
+    //         // Load the new image specified by the updated currentImageId
+    //         loadImageFromId(firebaseUid, currentImageId);
+    //     }
+    // }, [currentImageId, isEditorReady]);
     const handleFileChange = (event) => {
         const files = event.target?.files;
         if (!files || files.length === 0)

package/package.json

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