0

src/hooks/furni-editor/useFurniEditor.ts

@@ -1,4 +1,7 @@
+import { FurniEditorBySpriteComposer, FurniEditorCreateComposer, FurniEditorDeleteComposer, FurniEditorDetailComposer, FurniEditorDetailEvent as FurniEditorDetailMsgEvent, FurniEditorInteractionsComposer, FurniEditorInteractionsEvent as FurniEditorInteractionsMsgEvent, FurniEditorResultEvent as FurniEditorResultMsgEvent, FurniEditorSearchComposer, FurniEditorSearchEvent as FurniEditorSearchMsgEvent, FurniEditorUpdateComposer } from '@nitrots/nitro-renderer';
 import { useCallback, useState } from 'react';
+import { SendMessageComposer } from '../../api';
+import { useMessageEvent } from '../events';
 
 export interface FurniItem
 {
@@ -46,18 +49,6 @@ export interface CatalogRef
     pageName: string;
 }
 
-const API_BASE = '/api/admin/furni-editor';
-
-async function apiFetch<T>(url: string, options?: RequestInit): Promise<T>
-{
-    const res = await fetch(url, { credentials: 'include', ...options });
-    const data = await res.json();
-
-    if(!res.ok || data.error) throw new Error(data.error || 'API error');
-
-    return data;
-}
-
 export const useFurniEditor = () =>
 {
     const [ items, setItems ] = useState<FurniItem[]>([]);
@@ -69,171 +60,114 @@ export const useFurniEditor = () =>
     const [ catalogItems, setCatalogItems ] = useState<CatalogRef[]>([]);
     const [ interactions, setInteractions ] = useState<string[]>([]);
     const [ furniDataEntry, setFurniDataEntry ] = useState<Record<string, unknown> | null>(null);
+    const [ lastResult, setLastResult ] = useState<{ success: boolean; message: string; id: number } | null>(null);
 
     const clearError = useCallback(() => setError(null), []);
 
-    const searchItems = useCallback(async (query: string, type: string, pg: number) =>
+    // Listen for search results
+    useMessageEvent(FurniEditorSearchMsgEvent, (event: any) =>
+    {
+        const parser = event.getParser();
+
+        setItems(parser.items);
+        setTotal(parser.total);
+        setPage(parser.page);
+        setLoading(false);
+    });
+
+    // Listen for detail results
+    useMessageEvent(FurniEditorDetailMsgEvent, (event: any) =>
+    {
+        const parser = event.getParser();
+
+        setSelectedItem(parser.item as FurniDetail);
+        setCatalogItems(parser.catalogItems as CatalogRef[]);
+
+        try
+        {
+            setFurniDataEntry(parser.furniDataJson ? JSON.parse(parser.furniDataJson) : null);
+        }
+        catch
+        {
+            setFurniDataEntry(null);
+        }
+
+        setLoading(false);
+    });
+
+    // Listen for interactions results
+    useMessageEvent(FurniEditorInteractionsMsgEvent, (event: any) =>
+    {
+        const parser = event.getParser();
+
+        setInteractions(parser.interactions);
+    });
+
+    // Listen for operation results (update/create/delete)
+    useMessageEvent(FurniEditorResultMsgEvent, (event: any) =>
+    {
+        const parser = event.getParser();
+
+        setLastResult({ success: parser.success, message: parser.message, id: parser.id });
+        setLoading(false);
+
+        if(!parser.success)
+        {
+            setError(parser.message);
+        }
+    });
+
+    const searchItems = useCallback((query: string, type: string, pg: number) =>
     {
         setLoading(true);
         setError(null);
-
-        try
-        {
-            const params = new URLSearchParams({ q: query, limit: '20', page: String(pg) });
-
-            if(type) params.set('type', type);
-
-            const data = await apiFetch<{ items: FurniItem[]; total: number; page: number }>(`${ API_BASE }?${ params }`);
-
-            setItems(data.items);
-            setTotal(data.total);
-            setPage(data.page);
-        }
-        catch(e: any)
-        {
-            setError(e.message);
-        }
-        finally
-        {
-            setLoading(false);
-        }
+        SendMessageComposer(new FurniEditorSearchComposer(query, type, pg));
     }, []);
 
-    const loadDetail = useCallback(async (id: number): Promise<boolean> =>
+    const loadDetail = useCallback((id: number) =>
     {
         setLoading(true);
         setError(null);
-
-        try
-        {
-            const data = await apiFetch<{ item: FurniDetail; catalogItems: CatalogRef[]; furniDataEntry: Record<string, unknown> | null }>(`${ API_BASE }/detail?id=${ id }`);
-
-            setSelectedItem(data.item);
-            setCatalogItems(data.catalogItems);
-            setFurniDataEntry(data.furniDataEntry);
-
-            return true;
-        }
-        catch(e: any)
-        {
-            setError(e.message);
-
-            return false;
-        }
-        finally
-        {
-            setLoading(false);
-        }
+        SendMessageComposer(new FurniEditorDetailComposer(id));
     }, []);
 
-    const updateItem = useCallback(async (id: number, fields: Record<string, unknown>) =>
+    const loadBySpriteId = useCallback((spriteId: number) =>
     {
         setLoading(true);
         setError(null);
-
-        try
-        {
-            await apiFetch(`${ API_BASE }/update?id=${ id }`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify(fields)
-            });
-
-            return true;
-        }
-        catch(e: any)
-        {
-            setError(e.message);
-
-            return false;
-        }
-        finally
-        {
-            setLoading(false);
-        }
+        SendMessageComposer(new FurniEditorBySpriteComposer(spriteId));
     }, []);
 
-    const createItem = useCallback(async (fields: Record<string, unknown>) =>
+    const updateItem = useCallback((id: number, fields: Record<string, unknown>) =>
     {
         setLoading(true);
         setError(null);
-
-        try
-        {
-            const data = await apiFetch<{ id: number }>(`${ API_BASE }`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify(fields)
-            });
-
-            return data.id;
-        }
-        catch(e: any)
-        {
-            setError(e.message);
-
-            return null;
-        }
-        finally
-        {
-            setLoading(false);
-        }
+        SendMessageComposer(new FurniEditorUpdateComposer(id, JSON.stringify(fields)));
     }, []);
 
-    const deleteItem = useCallback(async (id: number) =>
+    const createItem = useCallback((fields: Record<string, unknown>) =>
     {
         setLoading(true);
         setError(null);
-
-        try
-        {
-            await apiFetch(`${ API_BASE }/delete?id=${ id }`, { method: 'POST' });
-
-            return true;
-        }
-        catch(e: any)
-        {
-            setError(e.message);
-
-            return false;
-        }
-        finally
-        {
-            setLoading(false);
-        }
+        SendMessageComposer(new FurniEditorCreateComposer(JSON.stringify(fields)));
     }, []);
 
-    const loadInteractions = useCallback(async () =>
+    const deleteItem = useCallback((id: number) =>
     {
-        try
-        {
-            const data = await apiFetch<{ interactions: Array<string | { name: string }> }>(`${ API_BASE }/interactions`);
-
-            setInteractions(data.interactions.map(i => typeof i === 'string' ? i : i.name));
-        }
-        catch {}
+        setLoading(true);
+        setError(null);
+        SendMessageComposer(new FurniEditorDeleteComposer(id));
     }, []);
 
-    const loadBySpriteId = useCallback(async (spriteId: number): Promise<boolean> =>
+    const loadInteractions = useCallback(() =>
     {
-        try
-        {
-            const data = await apiFetch<{ id: number }>(`${ API_BASE }/by-sprite?spriteId=${ spriteId }`);
-
-            return await loadDetail(data.id);
-        }
-        catch(e: any)
-        {
-            setError(e.message);
-
-            return false;
-        }
-    }, [ loadDetail ]);
+        SendMessageComposer(new FurniEditorInteractionsComposer());
+    }, []);
 
     return {
         items, total, page, loading, error, clearError,
         selectedItem, setSelectedItem, catalogItems, furniDataEntry,
-        interactions,
+        interactions, lastResult,
         searchItems, loadDetail, loadBySpriteId, updateItem, createItem, deleteItem, loadInteractions
     };
 };