71 lines
2.7 KiB
TypeScript
71 lines
2.7 KiB
TypeScript
import useEditor, { type Phase, type Tool } from "@/store/use-editor";
|
|
import { useScene, type AnyNodeId, type SlabNode } from "@pascal-app/core";
|
|
import { useViewer } from "@pascal-app/viewer";
|
|
import { CeilingTool } from "./ceiling/ceiling-tool";
|
|
import { ItemTool } from "./item/item-tool";
|
|
import { MoveTool } from "./item/move-tool";
|
|
import { RoofTool } from "./roof/roof-tool";
|
|
import { SiteBoundaryEditor } from "./site/site-boundary-editor";
|
|
import { SlabBoundaryEditor } from "./slab/slab-boundary-editor";
|
|
import { SlabTool } from "./slab/slab-tool";
|
|
import { WallTool } from "./wall/wall-tool";
|
|
import { ZoneBoundaryEditor } from "./zone/zone-boundary-editor";
|
|
import { ZoneTool } from "./zone/zone-tool";
|
|
|
|
const tools: Record<Phase, Partial<Record<Tool, React.FC>>> = {
|
|
site: {
|
|
"property-line": SiteBoundaryEditor,
|
|
},
|
|
structure: {
|
|
wall: WallTool,
|
|
slab: SlabTool,
|
|
ceiling: CeilingTool,
|
|
roof: RoofTool,
|
|
item: ItemTool,
|
|
zone: ZoneTool,
|
|
},
|
|
furnish: {
|
|
item: ItemTool,
|
|
},
|
|
};
|
|
|
|
export const ToolManager: React.FC = () => {
|
|
const phase = useEditor((state) => state.phase);
|
|
const mode = useEditor((state) => state.mode);
|
|
const tool = useEditor((state) => state.tool);
|
|
const movingNode = useEditor((state) => state.movingNode);
|
|
const selectedZoneId = useViewer((state) => state.selection.zoneId);
|
|
const selectedIds = useViewer((state) => state.selection.selectedIds);
|
|
const nodes = useScene((state) => state.nodes);
|
|
|
|
// Check if a slab is selected
|
|
const selectedSlabId = selectedIds.find((id) => nodes[id as AnyNodeId]?.type === "slab") as SlabNode['id'] | undefined;
|
|
|
|
// Show site boundary editor when in site phase and edit mode
|
|
const showSiteBoundaryEditor = phase === "site" && mode === "edit";
|
|
|
|
// Show slab boundary editor when in structure/select mode with a slab selected
|
|
const showSlabBoundaryEditor =
|
|
phase === "structure" && mode === "select" && selectedSlabId !== undefined;
|
|
|
|
// Show zone boundary editor when in structure/select mode with a zone selected
|
|
// Hide when editing a slab to avoid overlapping handles
|
|
const showZoneBoundaryEditor =
|
|
phase === "structure" && mode === "select" && selectedZoneId !== null && !showSlabBoundaryEditor;
|
|
|
|
// Show build tools when in build mode
|
|
const showBuildTool = mode === "build" && tool !== null;
|
|
|
|
const BuildToolComponent = showBuildTool ? tools[phase]?.[tool] : null;
|
|
|
|
return (
|
|
<>
|
|
{showSiteBoundaryEditor && <SiteBoundaryEditor />}
|
|
{showZoneBoundaryEditor && selectedZoneId && <ZoneBoundaryEditor zoneId={selectedZoneId} />}
|
|
{showSlabBoundaryEditor && selectedSlabId && <SlabBoundaryEditor slabId={selectedSlabId} />}
|
|
{movingNode && <MoveTool />}
|
|
{!movingNode && BuildToolComponent && <BuildToolComponent />}
|
|
</>
|
|
);
|
|
};
|