* feat: railing on the straight stairs and new fence * feat: added spiral and curved stairs with bug fix for fence * feat:fence are linked to each other ... so moving one move the other sharing the same coordinate * fix: update stair railing logic to include front-side attachments for terminal landings * Integrate fence rendering into the fence system * fix: pass nodeId instead of undefined node to WallTreeNode and FenceTreeNode TreeNode was passing `node` (undefined variable) instead of `nodeId` to WallTreeNode and FenceTreeNode, causing a runtime ReferenceError. Updated FenceTreeNode to accept nodeId and look up the node from the scene store internally, consistent with all other tree node components. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * feat: update fence icon with new isometric design Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> --------- Co-authored-by: Aymeric Rabot <aymeric@pascal.app> Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
136 lines
3.7 KiB
TypeScript
136 lines
3.7 KiB
TypeScript
import type { ThreeEvent } from '@react-three/fiber'
|
|
import mitt from 'mitt'
|
|
import type {
|
|
BuildingNode,
|
|
CeilingNode,
|
|
DoorNode,
|
|
FenceNode,
|
|
ItemNode,
|
|
LevelNode,
|
|
RoofNode,
|
|
RoofSegmentNode,
|
|
SiteNode,
|
|
SlabNode,
|
|
StairNode,
|
|
StairSegmentNode,
|
|
WallNode,
|
|
WindowNode,
|
|
ZoneNode,
|
|
} from '../schema'
|
|
import type { AnyNode } from '../schema/types'
|
|
|
|
// Base event interfaces
|
|
export interface GridEvent {
|
|
/** World-space intersection point on the grid plane. */
|
|
position: [number, number, number]
|
|
/**
|
|
* Building-local intersection point — relative to the currently selected building.
|
|
* Equals `position` when no building is selected.
|
|
* Use this for placing/committing anything that lives inside a building (walls, slabs, items, etc.).
|
|
*/
|
|
localPosition: [number, number, number]
|
|
nativeEvent: ThreeEvent<PointerEvent>
|
|
}
|
|
|
|
export interface NodeEvent<T extends AnyNode = AnyNode> {
|
|
node: T
|
|
position: [number, number, number]
|
|
localPosition: [number, number, number]
|
|
normal?: [number, number, number]
|
|
stopPropagation: () => void
|
|
nativeEvent: ThreeEvent<PointerEvent>
|
|
}
|
|
|
|
export type WallEvent = NodeEvent<WallNode>
|
|
export type FenceEvent = NodeEvent<FenceNode>
|
|
export type ItemEvent = NodeEvent<ItemNode>
|
|
export type SiteEvent = NodeEvent<SiteNode>
|
|
export type BuildingEvent = NodeEvent<BuildingNode>
|
|
export type LevelEvent = NodeEvent<LevelNode>
|
|
export type ZoneEvent = NodeEvent<ZoneNode>
|
|
export type SlabEvent = NodeEvent<SlabNode>
|
|
export type CeilingEvent = NodeEvent<CeilingNode>
|
|
export type RoofEvent = NodeEvent<RoofNode>
|
|
export type RoofSegmentEvent = NodeEvent<RoofSegmentNode>
|
|
export type StairEvent = NodeEvent<StairNode>
|
|
export type StairSegmentEvent = NodeEvent<StairSegmentNode>
|
|
export type WindowEvent = NodeEvent<WindowNode>
|
|
export type DoorEvent = NodeEvent<DoorNode>
|
|
|
|
// Event suffixes - exported for use in hooks
|
|
export const eventSuffixes = [
|
|
'click',
|
|
'move',
|
|
'enter',
|
|
'leave',
|
|
'pointerdown',
|
|
'pointerup',
|
|
'context-menu',
|
|
'double-click',
|
|
] as const
|
|
|
|
export type EventSuffix = (typeof eventSuffixes)[number]
|
|
|
|
type NodeEvents<T extends string, E> = {
|
|
[K in `${T}:${EventSuffix}`]: E
|
|
}
|
|
|
|
type GridEvents = {
|
|
[K in `grid:${EventSuffix}`]: GridEvent
|
|
}
|
|
|
|
export interface CameraControlEvent {
|
|
nodeId: AnyNode['id']
|
|
}
|
|
|
|
export interface ThumbnailGenerateEvent {
|
|
projectId: string
|
|
}
|
|
|
|
type CameraControlEvents = {
|
|
'camera-controls:view': CameraControlEvent
|
|
'camera-controls:focus': CameraControlEvent
|
|
'camera-controls:capture': CameraControlEvent
|
|
'camera-controls:top-view': undefined
|
|
'camera-controls:orbit-cw': undefined
|
|
'camera-controls:orbit-ccw': undefined
|
|
'camera-controls:generate-thumbnail': ThumbnailGenerateEvent
|
|
}
|
|
|
|
type ToolEvents = {
|
|
'tool:cancel': undefined
|
|
}
|
|
|
|
type PresetEvents = {
|
|
'preset:generate-thumbnail': { presetId: string; nodeId: string }
|
|
'preset:thumbnail-updated': { presetId: string; thumbnailUrl: string }
|
|
}
|
|
|
|
type ThumbnailEvents = {
|
|
'thumbnail:before-capture': undefined
|
|
'thumbnail:after-capture': undefined
|
|
}
|
|
|
|
type EditorEvents = GridEvents &
|
|
NodeEvents<'wall', WallEvent> &
|
|
NodeEvents<'fence', FenceEvent> &
|
|
NodeEvents<'item', ItemEvent> &
|
|
NodeEvents<'site', SiteEvent> &
|
|
NodeEvents<'building', BuildingEvent> &
|
|
NodeEvents<'level', LevelEvent> &
|
|
NodeEvents<'zone', ZoneEvent> &
|
|
NodeEvents<'slab', SlabEvent> &
|
|
NodeEvents<'ceiling', CeilingEvent> &
|
|
NodeEvents<'roof', RoofEvent> &
|
|
NodeEvents<'roof-segment', RoofSegmentEvent> &
|
|
NodeEvents<'stair', StairEvent> &
|
|
NodeEvents<'stair-segment', StairSegmentEvent> &
|
|
NodeEvents<'window', WindowEvent> &
|
|
NodeEvents<'door', DoorEvent> &
|
|
CameraControlEvents &
|
|
ToolEvents &
|
|
PresetEvents &
|
|
ThumbnailEvents
|
|
|
|
export const emitter = mitt<EditorEvents>()
|