plebeiangraphlibrary 2.1.3 → 2.2.0

package/Build/Drawing/GraphDrawer.d.ts

@@ -1,5 +1,6 @@
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
 import { default as Graph } from '../Core/Graph';
+import { InteractionLayer, InteractionOptions } from './InteractionLayer';
 import * as THREE from "three";
 interface GraphDrawer3d {
     canvas: HTMLCanvasElement;
@@ -13,6 +14,7 @@ interface GraphDrawer3d {
     camera: THREE.PerspectiveCamera;
     scene: THREE.Scene;
     graphs: Map<number, Graph>;
+    interactionLayer?: InteractionLayer;
 }
 /**
  * This is the main graph drawer class
@@ -62,6 +64,23 @@ declare class GraphDrawer3d {
      * Remember to do this since this is a common are for bugs to occur
      */
     rendercall(): void;
+    /**
+     * Enable opt-in interaction: node and edge picking via click/hover, and optional drag-to-reposition.
+     * Callbacks receive graph details (node data, neighbours, edge endpoints).
+     *
+     * @param options - Interaction options. Must include `graph`. Optional:
+     *   - `onNodeClick`, `onEdgeClick` — click callbacks
+     *   - `onNodeHover`, `onEdgeHover` — hover callbacks (receive `null` when leaving)
+     *   - `hoverEnabled` — default true; set false to disable hover
+     *   - `enableNodeDrag` — enable drag-to-reposition (use with mutable vertices/edges)
+     *   - `onNodeDrag(nodeId, newPosition)` — called each pointer move while dragging
+     *   - `controls` — OrbitControls to disable during drag (auto-passed if omitted)
+     */
+    enableInteraction(options: InteractionOptions): void;
+    /**
+     * Disable interaction and remove event listeners.
+     */
+    disableInteraction(): void;
 }
 export { GraphDrawer3d };
 declare const _default: {

package/Build/Drawing/InteractionLayer.d.ts

@@ -0,0 +1,76 @@
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+import { default as Graph } from '../Core/Graph';
+import { default as Point, PointLike } from '../HelperClasses/Point';
+/**
+ * Opt-in interaction layer for PGL: node and edge picking via Three.js Raycaster.
+ * Callbacks receive graph details (node data, neighbours, edge endpoints).
+ * 100% opt-in — no interaction unless enableInteraction() is called.
+ */
+import * as THREE from "three";
+/** Details passed to node click/hover callbacks */
+export interface NodePickDetails {
+    nodeId: number;
+    data: unknown;
+    neighbours: number[];
+    position?: Point;
+}
+/** Details passed to edge click/hover callbacks */
+export interface EdgePickDetails {
+    edgeId: number;
+    start: number;
+    end: number;
+    data: unknown;
+}
+/**
+ * Options for GraphDrawer3d.enableInteraction.
+ * Requires `graph`; all callbacks are optional.
+ */
+export interface InteractionOptions {
+    /** Graph used to look up node/edge details for callbacks. */
+    graph: Graph;
+    /** Fired when a node is clicked. */
+    onNodeClick?: (details: NodePickDetails) => void;
+    /** Fired when an edge is clicked. */
+    onEdgeClick?: (details: EdgePickDetails) => void;
+    /** Fired when pointer enters/leaves a node. Receives `null` when leaving. */
+    onNodeHover?: (details: NodePickDetails | null) => void;
+    /** Fired when pointer enters/leaves an edge. Receives `null` when leaving. */
+    onEdgeHover?: (details: EdgePickDetails | null) => void;
+    /** Default true. Set false to disable hover callbacks. */
+    hoverEnabled?: boolean;
+    /** Enable drag-to-reposition for nodes (use with box/instanced vertices). Disables OrbitControls during drag. */
+    enableNodeDrag?: boolean;
+    /** Called each pointer move while dragging. Update graph position and call updatePositions()/updateEdges() for mutable geometry. */
+    onNodeDrag?: (nodeId: number, newPosition: PointLike) => void;
+    /** OrbitControls to disable during drag (prevents camera orbit while moving nodes). Auto-passed by GraphDrawer if omitted. */
+    controls?: OrbitControls;
+}
+export declare class InteractionLayer {
+    private scene;
+    private camera;
+    private domElement;
+    private graph;
+    private options;
+    private raycaster;
+    private mouse;
+    private hoverEnabled;
+    private lastHoverNodeId;
+    private lastHoverEdgeId;
+    private dragNodeId;
+    private wasDragging;
+    private controls;
+    private boundOnClick;
+    private boundOnPointerMove;
+    private boundOnPointerDown;
+    private boundOnPointerUp;
+    constructor(scene: THREE.Scene, camera: THREE.Camera, domElement: HTMLElement, graph: Graph, options: InteractionOptions);
+    dispose(): void;
+    private getMouseNDC;
+    private pick;
+    private onClick;
+    private onPointerDown;
+    private onPointerUp;
+    private getDragPosition;
+    private onPointerMove;
+    private fireHoverCallbacks;
+}

package/Build/index.d.ts

@@ -18,6 +18,7 @@
  * - {@link Graph} — main graph class (nodes + edges)
  * - {@link createKamadaKawai3D} / {@link createStressSGD3D} — layout simulations
  * - `SampleData`, `Drawing`, `ThreeWrapper`, `GraphDrawer` — data loaders and visualization
+ * - `NodePickDetails`, `EdgePickDetails`, `InteractionOptions` — interaction callback types
  */
 export { Graph, _Node, Edge } from './Core';
 export { GraphMethods } from './GraphAlgorithms';
@@ -38,3 +39,4 @@ export * as glMatrix from 'gl-matrix';
 export { createKamadaKawai3D, createStressSGD3D } from './Simulation';
 export type { KamadaKawai3DOptions, StressSGD3DOptions, KamadaKawai3DSimulation, StressSGD3DSimulation, } from './Simulation';
 export type { LoadGraphFromObjResult } from './SampleData';
+export type { NodePickDetails, EdgePickDetails, InteractionOptions, } from './Drawing/InteractionLayer';