@yogiswara/honcho-editor-ui 3.6.10 → 3.8.1

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

@@ -159,7 +159,7 @@ export interface Preset {
 }
 export interface Controller {
     onGetImage(firebaseUid: string, imageID: string): Promise<Gallery>;
-    getImageList(firebaseUid: string, eventId: string, page: number): Promise<ResponseGalleryPaging>;
+    getImageList(firebaseUid: string, eventId: string, page: number, limit: number, sortBy?: string, sortDirection?: string): Promise<ResponseGalleryPaging>;
     syncConfig(firebaseUid: string): Promise<void>;
     handleBack(firebaseUid: string, imageID: string): void;
     getPresets(firebaseUid: string): Promise<Preset[]>;

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

@@ -12,6 +12,14 @@ export interface PhotoData {
     isSelected: boolean;
     adjustments?: Partial<AdjustmentValues>;
 }
+export interface GalleryDataProps {
+    photos: any[];
+    isLoading: boolean;
+    isLoadingMore: boolean;
+    hasMore: boolean;
+    loadMore: () => void;
+    reloadGallery: () => void;
+}
 export interface CopyCheckboxes {
     color: {
         temperature: boolean;
@@ -155,4 +163,4 @@ export interface UseHonchoEditorBulkReturn {
  * - Automatic backend synchronization for all state changes
  * - Comprehensive logging of multi-image operations
  */
-export declare function useHonchoEditorBulk(controller: Controller, eventID: string, firebaseUid: string): UseHonchoEditorBulkReturn;
+export declare function useHonchoEditorBulk(controller: Controller, eventID: string, firebaseUid: string, galleryHookData: GalleryDataProps): UseHonchoEditorBulkReturn;

package/dist/hooks/editor/useHonchoEditorBulk.js

@@ -1,7 +1,6 @@
 'use client';
 import { useState, useCallback, useEffect, useMemo, useRef } from 'react';
 import { useAdjustmentHistoryBatch } from '../useAdjustmentHistoryBatch';
-import { usePaging } from "../usePaging";
 import { usePreset } from "../usePreset";
 import { mapAdjustmentStateToAdjustmentEditor } from "../../utils/adjustment";
 import { log } from '../../utils/logger';
@@ -142,13 +141,16 @@ const getCurrentAdjustmentsForCopy = (selectedIds, currentBatch) => {
  * - Automatic backend synchronization for all state changes
  * - Comprehensive logging of multi-image operations
  */
-export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
+export function useHonchoEditorBulk(controller, eventID, firebaseUid, galleryHookData) {
     const { state, actions: batchActions } = useAdjustmentHistoryBatch(controller, firebaseUid, eventID);
     const { currentBatch, selectedIds } = state;
-    const { images, info, actions } = usePaging(controller, firebaseUid, eventID, {
-        autoLoad: true,
-        autoReset: false, // Prevent auto-reset to avoid loops
-    });
+    // const { images, info, actions } = usePaging(controller, firebaseUid, eventID, {
+    //     autoLoad: true,
+    //     autoReset: false,  // Prevent auto-reset to avoid loops
+    // });
+    const images = useMemo(() => {
+        return galleryHookData.photos.map(p => p.value || p);
+    }, [galleryHookData.photos]);
     // Preset management
     const { presets, info: presetInfo, actions: presetActions } = usePreset(controller, firebaseUid, {
         autoLoad: true,
@@ -178,12 +180,12 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
     };
     const readyState = useMemo(() => {
         const paging = {
-            isReady: info.isReady ?? (info.isInitialized && !info.isLoading && info.error === null),
-            isLoading: info.isLoading,
+            isReady: !galleryHookData.isLoading, // Simplified ready check
+            isLoading: galleryHookData.isLoading,
         };
         log.debug("[useHonchoEditorBulk] 📊 Paging state");
         const history = {
-            isReady: state.isReady ?? true, // History sync happens on-demand, not blocking
+            isReady: state.isReady ?? true,
             isLoading: state.isLoading ?? false
         };
         log.debug("[useHonchoEditorBulk] 📊 History state");
@@ -191,26 +193,15 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
             isReady: presetInfo.isReady ?? (presetInfo.isInitialized && !presetInfo.isLoading),
             isLoading: presetInfo.isLoading
         };
-        log.debug("[useHonchoEditorBulk] 📊 Preset state");
         const allReady = paging.isReady && history.isReady && presets.isReady;
         const anyLoading = paging.isLoading || history.isLoading || presets.isLoading;
-        log.debug({
-            paging: { isReady: paging.isReady, isLoading: paging.isLoading },
-            history: { isReady: history.isReady, isLoading: history.isLoading },
-            presets: { isReady: presets.isReady, isLoading: presets.isLoading },
-            allReady,
-            anyLoading
-        }, '[useHonchoEditorBulk] 📊 Ready state computed');
         return {
             isReady: allReady,
             isLoading: anyLoading,
             operations: { paging, history, presets }
         };
     }, [
-        info.isReady,
-        info.isInitialized,
-        info.isLoading,
-        info.error,
+        galleryHookData.isLoading, // Updated dependency
         state.isReady,
         state.isLoading,
         presetInfo.isReady,
@@ -296,9 +287,9 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
         }, '[useHonchoEditorBulk] 🎨 Preset selection updated');
     }, [activePreset]);
     // Use loading states from usePaging instead of local state
-    const isLoading = info.isLoading;
-    const error = info.error;
-    const hasMore = info.hasMore;
+    const isLoading = galleryHookData.isLoading;
+    const error = null;
+    const hasMore = galleryHookData.hasMore;
     const imageData = useMemo(() => {
         const res = images.map(item => {
             const basePhoto = mapGalleryToPhotoData(item, selectedIds);
@@ -536,7 +527,7 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
     return {
         imageData,
         isLoading,
-        isLoadingMore: info.isLoadingMore,
+        isLoadingMore: galleryHookData.isLoadingMore,
         error,
         selectedIds,
         hasMore,
@@ -554,8 +545,8 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
         // Preset creation handlers
         presetActions, // Expose preset actions for create/rename/delete
         handleToggleImageSelection: batchActions.toggleSelection,
-        handleLoadMore: actions.loadMore,
-        handleRefresh: actions.refresh,
+        handleLoadMore: async () => { galleryHookData.loadMore(); },
+        handleRefresh: async () => { galleryHookData.reloadGallery(); },
         // Adjustment
         handleBulkTempDecreaseMax,
         handleBulkTempDecrease,

package/dist/hooks/useGallerySwipe.js

@@ -53,7 +53,7 @@ export function useGallerySwipe(firebaseUid, initImageId, controller) {
         // Search through pages until we find the target image or reach safety limit
         while (!isFound && page <= 100) { // Safety limit to prevent infinite loop
             try {
-                const response = await controller.getImageList(firebaseUid, eventId, page);
+                const response = await controller.getImageList(firebaseUid, eventId, page, 20);
                 if (response.gallery && response.gallery.length > 0) {
                     // Accumulate all images from previous pages
                     allImages = [...allImages, ...response.gallery];
@@ -96,7 +96,7 @@ export function useGallerySwipe(firebaseUid, initImageId, controller) {
         }
         try {
             const nextPageNum = currentPage + 1;
-            const response = await controller.getImageList(firebaseUid, currentEventId, nextPageNum);
+            const response = await controller.getImageList(firebaseUid, currentEventId, nextPageNum, 20);
             if (response.gallery && response.gallery.length > 0) {
                 // Update pagination state with new page information
                 setCurrentPage(nextPageNum);

package/dist/hooks/usePaging.js

@@ -93,7 +93,7 @@ export function usePaging(controller, firebaseUid, eventId, options = {}) {
         setError(null);
         try {
             debugLog(`Loading page ${pageNum}...`, { isLoadMore });
-            const response = await controllerRef.current.getImageList(firebaseUidRef.current, eventIdRef.current, pageNum);
+            const response = await controllerRef.current.getImageList(firebaseUidRef.current, eventIdRef.current, pageNum, 20);
             debugLog('Page loaded successfully', {
                 page: response.current_page,
                 imageCount: response.gallery.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yogiswara/honcho-editor-ui",
-  "version": "3.6.10",
+  "version": "3.8.1",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -11,9 +11,12 @@
   ],
   "scripts": {
     "build": "tsc",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage"
+    "test:coverage": "jest --coverage",
+    "preversion": "npm test",
+    "prepublishOnly": "npm run build",
+    "postversion": "git push origin main && git push --tags"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",