🆙 Init V3

src/hooks/rooms/widgets/furniture/useFurnitureStackHeightWidget.ts

@@ -0,0 +1,79 @@
+import { FurnitureStackHeightComposer, FurnitureStackHeightEvent, GetRoomEngine, RoomEngineTriggerWidgetEvent } from '@nitrots/nitro-renderer';
+import { useEffect, useState } from 'react';
+import { CanManipulateFurniture, GetRoomSession, SendMessageComposer } from '../../../../api';
+import { useMessageEvent, useNitroEvent } from '../../../events';
+import { useFurniRemovedEvent } from '../../engine';
+
+const MAX_HEIGHT: number = 40;
+
+const useFurnitureStackHeightWidgetState = () =>
+{
+    const [ objectId, setObjectId ] = useState(-1);
+    const [ category, setCategory ] = useState(-1);
+    const [ height, setHeight ] = useState(0);
+    const [ pendingHeight, setPendingHeight ] = useState(-1);
+
+    const onClose = () =>
+    {
+        setObjectId(-1);
+        setCategory(-1);
+        setHeight(0);
+        setPendingHeight(-1);
+    };
+
+    const updateHeight = (height: number, server: boolean = false) =>
+    {
+        if(!height) height = 0;
+
+        height = Math.abs(height);
+
+        if(!server) ((height > MAX_HEIGHT) && (height = MAX_HEIGHT));
+
+        setHeight(parseFloat(height.toFixed(2)));
+
+        if(!server) setPendingHeight(height * 100);
+    };
+
+    useMessageEvent<FurnitureStackHeightEvent>(FurnitureStackHeightEvent, event =>
+    {
+        const parser = event.getParser();
+
+        if(objectId !== parser.furniId) return;
+
+        updateHeight(parser.height, true);
+    });
+
+    useNitroEvent<RoomEngineTriggerWidgetEvent>(RoomEngineTriggerWidgetEvent.REQUEST_STACK_HEIGHT, event =>
+    {
+        if(!CanManipulateFurniture(GetRoomSession(), event.objectId, event.category)) return;
+
+        const roomObject = GetRoomEngine().getRoomObject(event.roomId, event.objectId, event.category);
+
+        if(!roomObject) return;
+
+        setObjectId(event.objectId);
+        setCategory(event.category);
+        setHeight(roomObject.getLocation().z);
+        setPendingHeight(-1);
+    });
+
+    useFurniRemovedEvent(((objectId !== -1) && (category !== -1)), event =>
+    {
+        if((event.id !== objectId) || (event.category !== category)) return;
+
+        onClose();
+    });
+
+    useEffect(() =>
+    {
+        if((objectId === -1) || (pendingHeight === -1)) return;
+
+        const timeout = setTimeout(() => SendMessageComposer(new FurnitureStackHeightComposer(objectId, ~~(pendingHeight))), 10);
+
+        return () => clearTimeout(timeout);
+    }, [ objectId, pendingHeight ]);
+
+    return { objectId, height, maxHeight: MAX_HEIGHT, onClose, updateHeight };
+};
+
+export const useFurnitureStackHeightWidget = useFurnitureStackHeightWidgetState;