Jason HokuandClaude Opus 4.7
7e9eade2c6
After the widget cleanup (30e3aa9), the SamplerGridTester is nearly
empty — just one required input (configs_json), six optional sockets,
and a single output. New users won't know how to wire it.
Adds a small footnote (~44px tall) at the bottom of the node via a
non-serialized DOM widget:
"Connect the configs_json from the Builder node to this node, and
connect this node to the Dashboard node"
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
49 lines
1.7 KiB
JavaScript
49 lines
1.7 KiB
JavaScript
/**
|
|
* Help note for the UltimateSamplerGrid node.
|
|
* After the widget cleanup (commit 30e3aa9), the node is nearly empty —
|
|
* just one required input (configs_json), six optional sockets, and a
|
|
* single output. New users don't know how to wire it up. This adds a
|
|
* small always-visible footnote at the bottom of the node.
|
|
*/
|
|
|
|
import { app } from "../../scripts/app.js";
|
|
|
|
app.registerExtension({
|
|
name: "UltimateSamplerGrid.HelpNote",
|
|
|
|
async beforeRegisterNodeDef(nodeType, nodeData, app) {
|
|
if (nodeData.name !== "UltimateSamplerGrid") return;
|
|
|
|
const onNodeCreated = nodeType.prototype.onNodeCreated;
|
|
nodeType.prototype.onNodeCreated = function () {
|
|
const result = onNodeCreated?.apply(this, arguments);
|
|
|
|
const helpDiv = document.createElement("div");
|
|
helpDiv.textContent =
|
|
"Connect the configs_json from the Builder node to this node, " +
|
|
"and connect this node to the Dashboard node";
|
|
helpDiv.style.cssText = [
|
|
"font-size: 11px",
|
|
"color: #888",
|
|
"padding: 8px 12px",
|
|
"line-height: 1.4",
|
|
"text-align: center",
|
|
"white-space: normal",
|
|
"background: #1a1a1a",
|
|
"border-top: 1px solid #2a2a2a",
|
|
"border-radius: 0 0 4px 4px",
|
|
"user-select: none",
|
|
"pointer-events: none",
|
|
].join("; ");
|
|
|
|
this.addDOMWidget("help_note", "div", helpDiv, {
|
|
serialize: false,
|
|
hideOnZoom: false,
|
|
getHeight: () => 44,
|
|
});
|
|
|
|
return result;
|
|
};
|
|
},
|
|
});
|