| | 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; |
| | }; |
| | }, |
| | }); |
| |
|