Add Reroutes (#301)

* Add Reroute

- Initial Reroute implementation
- LLink and Reroute both implement the new LinkSegment interface
- LinkSegments can have a parentId, which always points to a Reroute

* Narrow TS type of schema v0.4 extras

* Add reroutes to schema 0.4

Use extras.reroutes to store additional data

* Add Reroute POC to LLink

* Add Reroute rendering

* Add Reroute context menu - Delete Reroute

* Update delete selected - include reroutes & groups

* Add Reroute select & move

* Include reroutes in area-select

* Move disconnect link logic to LLink

* Add Reroute connect

* nit

* Add Reroute support - connecting links

* Add Add Reroute from link menu (menu)

* nit

* Add shift-drag from reroute to add new link

* Prevent Reroutes from disappearing

Add keepReroutes option to prevent Reroute GC

* Add fourth param to connectInputToOutput

* Allow both connecting in/out to be null

* Move ConnectingLink start pos to Reroute

* Add link render options

* Refactor renderLink - spline / bezier

* Refactor renderLink - linear, straight

* Fix centre points on all link types

Improves link render time

* [Refactor] Generic recursive interface / flat set

* nit

* Allow Reroutes to be members of groups

* Start links from the closest reroute

For the "shift-click drag link from link" feature

* Add Reroutes using alt-click on link paths

* nit - Refactor

* nit - Refactor

* Fix reroute deselect UX

Temporary workaround

* Add Reroute link centre-marker handling

* Add optional link arrow markers

Add enum for link markers
-> Pointing the way forward ->
Set default centre marker to arrow

* Add module export: LinkMarkerShape

* Add link arrow direction for all link types

* Add Reroute auto-swivel with custom curves

* Add state switch to disable reroutes

Works at root of all canvas interactions, should leave existing reroutes untouched but invisible until e.g. links are edited / changed.

* Fix cannot deselect when reroutes disabled

* Include reroutes in select-all

src/LGraphGroup.ts

@@ -3,7 +3,7 @@ import type { LGraph } from "./LGraph"
 import type { ISerialisedGroup } from "./types/serialisation"
 import { LiteGraph } from "./litegraph"
 import { LGraphCanvas } from "./LGraphCanvas"
-import { isInsideRectangle, containsCentre, containsRect, createBounds } from "./measure"
+import { containsCentre, containsRect, isInsideRectangle, isPointInRectangle, createBounds } from "./measure"
 import { LGraphNode } from "./LGraphNode"
 import { RenderShape, TitleMode } from "./types/globalEnums"
 
@@ -194,21 +194,26 @@ export class LGraphGroup implements Positionable, IPinnable {
     }
 
     recomputeInsideNodes(): void {
-        const { nodes, groups } = this.graph
+        const { nodes, reroutes, groups } = this.graph
         const children = this._children
-        const node_bounding = new Float32Array(4)
         this._nodes.length = 0
         children.clear()
 
-        // move any nodes we partially overlap
+        // Move nodes we overlap the centre point of
         for (const node of nodes) {
-            node.getBounding(node_bounding)
-            if (containsCentre(this._bounding, node_bounding)) {
+            if (containsCentre(this._bounding, node.boundingRect)) {
                 this._nodes.push(node)
                 children.add(node)
             }
         }
 
+        // Move reroutes we overlap the centre point of
+        for (const reroute of reroutes.values()) {
+            if (isPointInRectangle(reroute.pos, this._bounding))
+                children.add(reroute)
+        }
+
+        // Move groups we wholly contain
         for (const group of groups) {
             if (containsRect(this._bounding, group._bounding))
                 children.add(group)
@@ -283,7 +288,7 @@ export class LGraphGroup implements Positionable, IPinnable {
     }
 
     isInResize(x: number, y: number): boolean {
-        const b = this._bounding
+        const b = this.boundingRect
         const right = b[0] + b[2]
         const bottom = b[1] + b[3]