🆙 Init V3

2026-06-20 23:46:19 +00:00 · 2026-01-31 09:10:52 +01:00
commit 7feb10ab15
1733 changed files with 53405 additions and 0 deletions
@@ -0,0 +1,146 @@
+import { InfiniteGrid } from '@layout/InfiniteGrid';
+import { GetRoomEngine, GetSessionDataManager, IRoomSession, RoomObjectVariable, RoomPreviewer, Vector3d } from '@nitrots/nitro-renderer';
+import { FC, useEffect, useState } from 'react';
+import { DispatchUiEvent, FurniCategory, GroupItem, LocalizeText, UnseenItemCategory, attemptItemPlacement } from '../../../../api';
+import { LayoutLimitedEditionCompactPlateView, LayoutRarityLevelView, LayoutRoomPreviewerView } from '../../../../common';
+import { CatalogPostMarketplaceOfferEvent } from '../../../../events';
+import { useInventoryFurni, useInventoryUnseenTracker } from '../../../../hooks';
+import { NitroButton } from '../../../../layout';
+import { InventoryCategoryEmptyView } from '../InventoryCategoryEmptyView';
+import { InventoryFurnitureItemView } from './InventoryFurnitureItemView';
+import { InventoryFurnitureSearchView } from './InventoryFurnitureSearchView';
+
+const attemptPlaceMarketplaceOffer = (groupItem: GroupItem) =>
+{
+    const item = groupItem.getLastItem();
+
+    if(!item) return false;
+
+    if(!item.sellable) return false;
+
+    DispatchUiEvent(new CatalogPostMarketplaceOfferEvent(item));
+};
+
+export const InventoryFurnitureView: FC<{
+    roomSession: IRoomSession;
+    roomPreviewer: RoomPreviewer;
+}> = props =>
+{
+    const { roomSession = null, roomPreviewer = null } = props;
+    const [ isVisible, setIsVisible ] = useState(false);
+    const [ filteredGroupItems, setFilteredGroupItems ] = useState<GroupItem[]>([]);
+    const { groupItems = [], selectedItem = null, activate = null, deactivate = null } = useInventoryFurni();
+    const { resetItems = null } = useInventoryUnseenTracker();
+
+    useEffect(() =>
+    {
+        if(!selectedItem || !roomPreviewer) return;
+
+        const furnitureItem = selectedItem.getLastItem();
+
+        if(!furnitureItem) return;
+
+        const roomEngine = GetRoomEngine();
+
+        let wallType = roomEngine.getRoomInstanceVariable<string>(roomEngine.activeRoomId, RoomObjectVariable.ROOM_WALL_TYPE);
+        let floorType = roomEngine.getRoomInstanceVariable<string>(roomEngine.activeRoomId, RoomObjectVariable.ROOM_FLOOR_TYPE);
+        let landscapeType = roomEngine.getRoomInstanceVariable<string>(roomEngine.activeRoomId, RoomObjectVariable.ROOM_LANDSCAPE_TYPE);
+
+        wallType = (wallType && wallType.length) ? wallType : '101';
+        floorType = (floorType && floorType.length) ? floorType : '101';
+        landscapeType = (landscapeType && landscapeType.length) ? landscapeType : '1.1';
+
+        roomPreviewer.reset(false);
+        roomPreviewer.updateObjectRoom(floorType, wallType, landscapeType);
+        roomPreviewer.updateRoomWallsAndFloorVisibility(true, true);
+
+        if((furnitureItem.category === FurniCategory.WALL_PAPER) || (furnitureItem.category === FurniCategory.FLOOR) || (furnitureItem.category === FurniCategory.LANDSCAPE))
+        {
+            floorType = ((furnitureItem.category === FurniCategory.FLOOR) ? selectedItem.stuffData.getLegacyString() : floorType);
+            wallType = ((furnitureItem.category === FurniCategory.WALL_PAPER) ? selectedItem.stuffData.getLegacyString() : wallType);
+            landscapeType = ((furnitureItem.category === FurniCategory.LANDSCAPE) ? selectedItem.stuffData.getLegacyString() : landscapeType);
+
+            roomPreviewer.updateObjectRoom(floorType, wallType, landscapeType);
+
+            if(furnitureItem.category === FurniCategory.LANDSCAPE)
+            {
+                const data = GetSessionDataManager().getWallItemDataByName('window_double_default');
+
+                if(data) roomPreviewer.addWallItemIntoRoom(data.id, new Vector3d(90, 0, 0), data.customParams);
+            }
+        }
+        else
+        {
+            if(selectedItem.isWallItem)
+            {
+                roomPreviewer.addWallItemIntoRoom(selectedItem.type, new Vector3d(90), furnitureItem.stuffData.getLegacyString());
+            }
+            else
+            {
+                roomPreviewer.addFurnitureIntoRoom(selectedItem.type, new Vector3d(90), selectedItem.stuffData, (furnitureItem.extra.toString()));
+            }
+        }
+    }, [ roomPreviewer, selectedItem ]);
+
+    useEffect(() =>
+    {
+        if(!selectedItem || !selectedItem.hasUnseenItems) return;
+
+        resetItems(UnseenItemCategory.FURNI, selectedItem.items.map(item => item.id));
+
+        selectedItem.hasUnseenItems = false;
+    }, [ selectedItem, resetItems ]);
+
+    useEffect(() =>
+    {
+        if(!isVisible) return;
+
+        const id = activate();
+
+        return () => deactivate(id);
+    }, [ isVisible, activate, deactivate ]);
+
+    useEffect(() =>
+    {
+        setIsVisible(true);
+
+        return () => setIsVisible(false);
+    }, []);
+
+    if(!groupItems || !groupItems.length) return <InventoryCategoryEmptyView desc={ LocalizeText('inventory.empty.desc') } title={ LocalizeText('inventory.empty.title') } />;
+
+    return (
+        <div className="grid h-full grid-cols-12 gap-2">
+            <div className="flex flex-col col-span-7 gap-1 overflow-hidden">
+                <InventoryFurnitureSearchView groupItems={ groupItems } setGroupItems={ setFilteredGroupItems } />
+                <InfiniteGrid<GroupItem>
+                    columnCount={ 6 }
+                    itemRender={ item => <InventoryFurnitureItemView groupItem={ item } /> }
+                    items={ filteredGroupItems } />
+            </div>
+            <div className="flex flex-col col-span-5">
+                <div className="relative flex flex-col">
+                    <LayoutRoomPreviewerView height={ 140 } roomPreviewer={ roomPreviewer } />
+                    { selectedItem && selectedItem.stuffData.isUnique &&
+                            <LayoutLimitedEditionCompactPlateView className="top-2 end-2" position="absolute" uniqueNumber={ selectedItem.stuffData.uniqueNumber } uniqueSeries={ selectedItem.stuffData.uniqueSeries } /> }
+                    { (selectedItem && selectedItem.stuffData.rarityLevel > -1) &&
+                            <LayoutRarityLevelView className="top-2 end-2" level={ selectedItem.stuffData.rarityLevel } position="absolute" /> }
+                </div>
+                { selectedItem &&
+                        <div className="flex flex-col justify-between gap-2 grow">
+                            <span className="text-sm truncate grow">{ selectedItem.name }</span>
+                            <div className="flex flex-col gap-1">
+                                { !!roomSession &&
+                                    <NitroButton onClick={ event => attemptItemPlacement(selectedItem) }>
+                                        { LocalizeText('inventory.furni.placetoroom') }
+                                    </NitroButton> }
+                                { (selectedItem && selectedItem.isSellable) &&
+                                    <NitroButton onClick={ event => attemptPlaceMarketplaceOffer(selectedItem) }>
+                                        { LocalizeText('inventory.marketplace.sell') }
+                                    </NitroButton> }
+                            </div>
+                        </div> }
+            </div>
+        </div>
+    );
+};