@yogiswara/honcho-editor-ui 1.3.0 → 1.3.2

package/dist/hooks/editor/type.d.ts

@@ -73,4 +73,12 @@ export interface Gallery {
     editor_config?: EditorConfig;
     log: Log;
 }
+export interface ResponseGalleryPaging {
+    gallery: Gallery[];
+    limit: number;
+    current_page: number;
+    prev_page: number;
+    next_page: number;
+    sum_of_image?: number;
+}
 export {};

package/dist/hooks/editor/useHonchoEditor.d.ts

@@ -1,5 +1,5 @@
 import { SelectChangeEvent } from "@mui/material";
-import { Gallery } from '../../hooks/editor/type';
+import { Gallery, ResponseGalleryPaging } from '../../hooks/editor/type';
 declare global {
     interface Window {
         Module: any;
@@ -7,21 +7,13 @@ declare global {
 }
 export interface Controller {
     onGetImage(firebaseUid: string, imageID: string): Promise<Gallery>;
-    getImageList(firebaseUid: string, eventId: string, page: number): Promise<ResponseGallery>;
+    getImageList(firebaseUid: string, eventId: string, page: number): Promise<ResponseGalleryPaging>;
     syncConfig(firebaseUid: string): Promise<void>;
     handleBack(firebaseUid: string, imageID: string): void;
     getPresets(firebaseUid: string): Promise<Preset[]>;
     createPreset(firebaseUid: string, name: string, settings: AdjustmentState): Promise<Preset>;
     deletePreset(firebaseUid: string, presetId: string): Promise<void>;
 }
-export interface ResponseGallery {
-    gallery: Gallery[];
-    limit: number;
-    current_page: number;
-    prev_page: number;
-    next_page: number;
-    sum_of_image?: number;
-}
 export type AdjustmentState = {
     tempScore: number;
     tintScore: number;

package/dist/hooks/editor/useHonchoEditor.js

@@ -185,9 +185,12 @@ export function useHonchoEditor(controller, initImageId, firebaseUid, eventId) {
                     const items = response.gallery.map(g => ({
                         id: g.id,
                         url: g.raw_edited?.path || g.download?.path || '',
+                        name: g.id,
                         file: new File([], g.id),
                     }));
                     setImageList(items);
+                    // ✅ ADD THIS CONSOLE LOG
+                    console.log("✅ Image list fetched and set in state:", items);
                     // ✅ SET INITIAL PAGINATION STATE
                     setCurrentPage(1);
                     setHasNextPage(response.next_page !== 0 && response.next_page > response.current_page);
@@ -396,6 +399,14 @@ export function useHonchoEditor(controller, initImageId, firebaseUid, eventId) {
         // 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(() => {
+        // 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.0",
+  "version": "1.3.2",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",