hover / selection manager

packages/core/src/events/bus.ts

@@ -1,49 +1,52 @@
-import mitt from 'mitt'
-import type { BuildingNode, ItemNode, WallNode } from '../schema'
-import type { AnyNode } from '../schema/types'
+import type { ThreeEvent } from "@react-three/fiber";
+import mitt from "mitt";
+import type { BuildingNode, ItemNode, WallNode } from "../schema";
+import type { AnyNode } from "../schema/types";
 
 // Base event interfaces
 export interface GridEvent {
-  position: [number, number, number]
+  position: [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
+  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 ItemEvent = NodeEvent<ItemNode>
-export type BuildingEvent = NodeEvent<BuildingNode>
+export type WallEvent = NodeEvent<WallNode>;
+export type ItemEvent = NodeEvent<ItemNode>;
+export type BuildingEvent = NodeEvent<BuildingNode>;
 
 // Event suffixes - exported for use in hooks
 export const eventSuffixes = [
-  'click',
-  'move',
-  'enter',
-  'leave',
-  'pointerdown',
-  'pointerup',
-  'context-menu',
-  'double-click',
-] as const
+  "click",
+  "move",
+  "enter",
+  "leave",
+  "pointerdown",
+  "pointerup",
+  "context-menu",
+  "double-click",
+] as const;
 
-export type EventSuffix = (typeof eventSuffixes)[number]
+export type EventSuffix = (typeof eventSuffixes)[number];
 
 type NodeEvents<T extends string, E> = {
-  [K in `${T}:${EventSuffix}`]: E
-}
+  [K in `${T}:${EventSuffix}`]: E;
+};
 
 type GridEvents = {
-  [K in `grid:${EventSuffix}`]: GridEvent
-}
+  [K in `grid:${EventSuffix}`]: GridEvent;
+};
 
 type EditorEvents = GridEvents &
-  NodeEvents<'wall', WallEvent> &
-  NodeEvents<'item', ItemEvent> &
-  NodeEvents<'building', BuildingEvent>
+  NodeEvents<"wall", WallEvent> &
+  NodeEvents<"item", ItemEvent> &
+  NodeEvents<"building", BuildingEvent>;
 
-export const emitter = mitt<EditorEvents>()
+export const emitter = mitt<EditorEvents>();