|
import { app } from "../../../scripts/app.js"; |
|
import { api } from "../../../scripts/api.js"; |
|
|
|
|
|
|
|
|
|
|
|
app.registerExtension({ |
|
name: "pysssss.NodeFinder", |
|
setup() { |
|
let followExecution = false; |
|
|
|
const centerNode = (id) => { |
|
if (!followExecution || !id) return; |
|
const node = app.graph.getNodeById(id); |
|
if (!node) return; |
|
app.canvas.centerOnNode(node); |
|
}; |
|
|
|
api.addEventListener("executing", ({ detail }) => centerNode(detail)); |
|
|
|
|
|
const orig = LGraphCanvas.prototype.getCanvasMenuOptions; |
|
LGraphCanvas.prototype.getCanvasMenuOptions = function () { |
|
const options = orig.apply(this, arguments); |
|
options.push(null, { |
|
content: followExecution ? "Stop following execution" : "Follow execution", |
|
callback: () => { |
|
if ((followExecution = !followExecution)) { |
|
centerNode(app.runningNodeId); |
|
} |
|
}, |
|
}); |
|
if (app.runningNodeId) { |
|
options.push({ |
|
content: "Show executing node", |
|
callback: () => { |
|
const node = app.graph.getNodeById(app.runningNodeId); |
|
if (!node) return; |
|
app.canvas.centerOnNode(node); |
|
}, |
|
}); |
|
} |
|
|
|
const nodes = app.graph._nodes; |
|
const types = nodes.reduce((p, n) => { |
|
if (n.type in p) { |
|
p[n.type].push(n); |
|
} else { |
|
p[n.type] = [n]; |
|
} |
|
return p; |
|
}, {}); |
|
options.push({ |
|
content: "Go to node", |
|
has_submenu: true, |
|
submenu: { |
|
options: Object.keys(types) |
|
.sort() |
|
.map((t) => ({ |
|
content: t, |
|
has_submenu: true, |
|
submenu: { |
|
options: types[t] |
|
.sort((a, b) => { |
|
return a.pos[0] - b.pos[0]; |
|
}) |
|
.map((n) => ({ |
|
content: `${n.getTitle()} - #${n.id} (${n.pos[0]}, ${n.pos[1]})`, |
|
callback: () => { |
|
app.canvas.centerOnNode(n); |
|
}, |
|
})), |
|
}, |
|
})), |
|
}, |
|
}); |
|
|
|
return options; |
|
}; |
|
}, |
|
}); |
|
|