7a871be792
Reuse the shared PolygonEditor for slab boundary editing with levelY and surfaceHeight support. Handles render as 3D cylinders that adapt to slab thickness. Prevent deselection after drag by suppressing grid:click propagation, and reset preview state on undo/redo. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
71 lines
2.6 KiB
TypeScript
71 lines
2.6 KiB
TypeScript
import useEditor, { type Phase, type Tool } from "@/store/use-editor";
|
|
import { useScene, type AnyNodeId } 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") ?? null;
|
|
|
|
// 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 !== null;
|
|
|
|
// 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 && <ZoneBoundaryEditor />}
|
|
{showSlabBoundaryEditor && <SlabBoundaryEditor />}
|
|
{movingNode && <MoveTool />}
|
|
{!movingNode && BuildToolComponent && <BuildToolComponent />}
|
|
</>
|
|
);
|
|
};
|