@yogiswara/honcho-editor-ui 1.0.10 → 1.0.12

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

@@ -9,30 +9,68 @@ export interface Content {
     width: number;
     height: number;
 }
+export interface ColorAdjustment {
+    temperature: number;
+    tint: number;
+    saturation: number;
+    vibrance: number;
+    exposure: number;
+    contrast: number;
+    highlights: number;
+    shadows: number;
+    whites: number;
+    blacks: number;
+    clarity: number;
+    sharpness: number;
+}
+export interface TransformationAdjustment {
+    angle_score?: number;
+    direction?: "cw" | "ccw";
+    scale_score?: number;
+    keep_dimension?: boolean;
+    flip_mode?: "horizontal" | "vertical" | "mix";
+    aspect_ratio?: string;
+    width?: number;
+    height?: number;
+}
+export interface Watermark {
+    path: string;
+    max_pct: [number, number];
+    anchor: [string, number | null, number[] | null];
+    rotate_deg: [number, "cw" | "ccw"];
+}
+export interface EditorConfig {
+    color_adjustment: ColorAdjustment;
+    transformation_adjustment: TransformationAdjustment[];
+    watermarks: Watermark[];
+}
 export interface Gallery {
     id: string;
     uid: string;
     event_id: string;
     download: Content;
-    download_edited: Content;
+    download_edited: Content | null;
     raw?: Content;
     raw_edited?: Content;
+    raw_preview?: Content;
+    raw_thumbnail?: Content;
     original?: Content;
-    original_edited?: Content;
+    original_edited?: Content | null;
     large?: Content;
-    large_edited?: Content;
-    medium?: Content;
-    medium_edited?: Content;
-    small?: Content;
-    small_edited?: Content;
-    mini?: Content;
-    mini_edited?: Content;
+    large_edited?: Content | null;
+    medium?: Content | null;
+    medium_edited?: Content | null;
+    small?: Content | null;
+    small_edited?: Content | null;
+    mini?: Content | null;
+    mini_edited?: Content | null;
     create_from?: string[];
     thumbnail: Content;
-    thumbnail_edited: Content;
+    thumbnail_edited: Content | null;
     is_original: boolean;
     available: boolean;
     show_gallery: boolean;
+    editor_config?: EditorConfig;
     log: Log;
 }
 export {};

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

@@ -6,14 +6,13 @@ declare global {
     }
 }
 export interface Controller {
-    onGetImage(firebaseUid: string, imageID: string): Promise<Gallery | null>;
+    onGetImage(firebaseUid: string, imageID: string): Promise<Gallery>;
     getImageList(firebaseUid: string): Promise<Gallery[]>;
     syncConfig(firebaseUid: string): Promise<void>;
     handleBack(firebaseUid: string): void;
     getPresets(firebaseUid: string): Promise<Preset[]>;
-    createPreset(firebaseUid: string, name: string, settings: AdjustmentState): Promise<Preset | null>;
+    createPreset(firebaseUid: string, name: string, settings: AdjustmentState): Promise<Preset>;
     deletePreset(firebaseUid: string, presetId: string): Promise<void>;
-    renamePreset(firebaseUid: string, presetId: string, newName: string): Promise<void>;
 }
 export type AdjustmentState = {
     tempScore: number;
@@ -47,13 +46,12 @@ export declare function useHonchoEditor(controller: Controller, initImageId: str
     fileInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
     displayedToken: string | null;
     handleBack: (firebaseUid: string) => void;
-    onGetImage: (firebaseUid: string, imageID: string) => Promise<Gallery | null>;
+    onGetImage: (firebaseUid: string, imageID: string) => Promise<Gallery>;
     getImageList: (firebaseUid: string) => Promise<Gallery[]>;
     syncConfig: (firebaseUid: string) => Promise<void>;
     getPresets: (firebaseUid: string) => Promise<Preset[]>;
-    createPreset: (firebaseUid: string, name: string, settings: AdjustmentState) => Promise<Preset | null>;
+    createPreset: (firebaseUid: string, name: string, settings: AdjustmentState) => Promise<Preset>;
     deletePreset: (firebaseUid: string, presetId: string) => Promise<void>;
-    renamePreset: (firebaseUid: string, presetId: string, newName: string) => Promise<void>;
     panelRef: import("react").MutableRefObject<HTMLDivElement | null>;
     contentRef: import("react").MutableRefObject<HTMLDivElement | null>;
     panelHeight: number;
@@ -175,7 +173,6 @@ export declare function useHonchoEditor(controller: Controller, initImageId: str
     handlePresetMenuClose: () => void;
     handleCreatePreset: () => Promise<void>;
     handleRemovePreset: () => void;
-    handleRenamePreset: (newName: string) => Promise<void>;
     handleDeletePreset: () => Promise<void>;
     handleOpenPresetModal: () => void;
     handleClosePresetModal: () => void;
@@ -190,7 +187,6 @@ export declare function useHonchoEditor(controller: Controller, initImageId: str
     setNewPresetName: import("react").Dispatch<import("react").SetStateAction<string>>;
     handleOpenRenameModal: () => void;
     handleCloseRenameModal: () => void;
-    handleConfirmRename: () => Promise<void>;
     handleOpenWatermarkView: () => void;
     handleSaveWatermark: () => void;
     handleCancelWatermark: () => void;

package/dist/hooks/editor/useHonchoEditor.js

@@ -265,8 +265,11 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         setEditorStatus("Fetching image...");
         try {
             const gallery = await controller.onGetImage(firebaseUid, imageId);
-            if (gallery && gallery.original && gallery.original.path) {
-                await loadImageFromUrl(gallery.original.path);
+            const imagePath = gallery?.raw_edited?.path
+                ? gallery.raw_edited.path
+                : gallery?.download?.path;
+            if (imagePath) {
+                await loadImageFromUrl(imagePath);
             }
             else {
                 throw new Error("Controller did not return a valid image object with path.");
@@ -717,19 +720,6 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
     };
     const handlePresetMenuClose = () => { setPresetMenuAnchorEl(null); setActivePresetMenuId(null); };
     const handleRemovePreset = () => { console.log(`Remove: ${activePresetMenuId}`); handlePresetMenuClose(); };
-    const handleRenamePreset = useCallback(async (newName) => {
-        if (!controller || !activePresetMenuId)
-            return;
-        try {
-            await controller.renamePreset(firebaseUid, activePresetMenuId, newName);
-            // On success, update the preset in local state
-            setPresets(prev => prev.map(p => p.id === activePresetMenuId ? { ...p, name: newName } : p));
-        }
-        catch (error) {
-            console.error("Failed to rename preset:", error);
-        }
-        handlePresetMenuClose();
-    }, [controller, activePresetMenuId]);
     const handleDeletePreset = useCallback(async () => {
         if (!controller || !activePresetMenuId)
             return;
@@ -798,19 +788,6 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         setPresetToRename(null);
         setNewPresetName("");
     };
-    const handleConfirmRename = useCallback(async () => {
-        if (!presetToRename || !newPresetName)
-            return;
-        try {
-            await controller.renamePreset(firebaseUid, presetToRename.id, newPresetName);
-            // On success, update the preset in local state
-            setPresets(prev => prev.map(p => p.id === presetToRename.id ? { ...p, name: newPresetName } : p));
-        }
-        catch (error) {
-            console.error("Failed to rename preset:", error);
-        }
-        handleCloseRenameModal();
-    }, [controller, presetToRename, newPresetName]);
     // Bulk Editing Handlers
     const toggleBulkEditing = () => {
         setIsBulkEditing(prev => {
@@ -1010,7 +987,6 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         getPresets: controller.getPresets,
         createPreset: controller.createPreset,
         deletePreset: controller.deletePreset,
-        renamePreset: controller.renamePreset,
         // Refs for mobile panel
         panelRef,
         contentRef,
@@ -1106,7 +1082,6 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         handlePresetMenuClose,
         handleCreatePreset,
         handleRemovePreset,
-        handleRenamePreset,
         handleDeletePreset,
         handleOpenPresetModal,
         handleClosePresetModal,
@@ -1121,7 +1096,6 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         setNewPresetName,
         handleOpenRenameModal,
         handleCloseRenameModal,
-        handleConfirmRename,
         handleOpenWatermarkView,
         handleSaveWatermark,
         handleCancelWatermark,

package/package.json

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