Add reroute snap highlight (#813)

### Reroute snap highlight

When connecting links, a simple border now helps to indicate that a
connecting link can be dropped on a reroute below the pointer.

### Reroute ID badges

Optionally, intended for debugging purposes, drawing of ID badges can
also be manually enabled via console.
This commit is contained in:
filtered
2025-03-22 06:05:09 +11:00
committed by GitHub
parent a043e7a72e
commit 38bbf2fead
3 changed files with 40 additions and 1 deletions

View File

@@ -2671,12 +2671,14 @@ export class LGraphCanvas implements ConnectionColorContext {
const reroute = graph.getRerouteOnPos(e.canvasX, e.canvasY)
if (reroute) {
underPointer |= CanvasItem.Reroute
linkConnector.overReroute = reroute
if (linkConnector.isConnecting && linkConnector.isRerouteValidDrop(reroute)) {
this._highlight_pos = reroute.pos
}
} else {
this._highlight_pos &&= undefined
linkConnector.overReroute &&= undefined
}
// Not over a node
@@ -3947,7 +3949,14 @@ export class LGraphCanvas implements ConnectionColorContext {
if (!LiteGraph.snap_highlights_node) return
const { linkConnector } = this
const { overWidget } = linkConnector
const { overReroute, overWidget } = linkConnector
// Reroute highlight
if (overReroute) {
const { globalAlpha } = ctx
ctx.globalAlpha = 1
overReroute.drawHighlight(ctx, "#ffcc00aa")
ctx.globalAlpha = globalAlpha
}
// Ensure we're mousing over a node and connecting a link
const node = this.node_over