From fecb7d6707b58403c32f19e2b793c32d7181987b Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Mon, 26 Aug 2024 22:30:46 -0400
Subject: [PATCH] Add onNodeTitleDblClick hook (#88)

* Add onNodeTitleDblClick hook

* nit
---
 public/litegraph.d.ts | 24 ++++++++++++++++++++++++
 src/litegraph.js      |  9 +++++++--
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/public/litegraph.d.ts b/public/litegraph.d.ts
index 62b0227e..bd2fb717 100644
--- a/public/litegraph.d.ts
+++ b/public/litegraph.d.ts
@@ -994,6 +994,30 @@ export declare class LGraphNode {
     ): void;
     onKey?(event: KeyboardEvent, pos: Vector2, graphCanvas: LGraphCanvas): void;
 
+    onDblClick?(
+        event: MouseEvent,
+        pos: Vector2,
+        graphCanvas: LGraphCanvas
+    ): void;
+
+    onNodeTitleDblClick?(
+        event: MouseEvent,
+        pos: Vector2,
+        graphCanvas: LGraphCanvas
+    ): void;
+
+    onInputDblClick?(
+        event: MouseEvent,
+        pos: Vector2,
+        graphCanvas: LGraphCanvas
+    ): void;
+
+    onOutputDblClick?(
+        event: MouseEvent,
+        pos: Vector2,
+        graphCanvas: LGraphCanvas
+    ): void;
+
     /** Called by `LGraphCanvas.selectNodes` */
     onSelected?(): void;
     /** Called by `LGraphCanvas.deselectNode` */
diff --git a/src/litegraph.js b/src/litegraph.js
index 2fce4966..09895522 100755
--- a/src/litegraph.js
+++ b/src/litegraph.js
@@ -2317,6 +2317,7 @@ const globalExport = {};
 		+ onGetOutputs: returns an array of possible outputs
 		+ onBounding: in case this node has a bigger bounding than the node itself (the callback receives the bounding as [x,y,w,h])
 		+ onDblClick: double clicked in the node
+		+ onNodeTitleDblClick: double clicked in the node title
 		+ onInputDblClick: input slot double clicked (can be used to automatically create a node connected)
 		+ onOutputDblClick: output slot double clicked (can be used to automatically create a node connected)
 		+ onConfigure: called after the node has been configured
@@ -5956,7 +5957,7 @@ LGraphNode.prototype.executeAction = function(action)
 
                                     if (is_double_click) {
                                         if (node.onOutputDblClick) {
-                                            node.onOutputDblClick(i, e);
+                                            node.onOutputDblClick(i, e, this);
                                         }
                                     } else {
                                         if (node.onOutputClick) {
@@ -5987,7 +5988,7 @@ LGraphNode.prototype.executeAction = function(action)
                                 ) {
                                     if (is_double_click) {
                                         if (node.onInputDblClick) {
-                                            node.onInputDblClick(i, e);
+                                            node.onInputDblClick(i, e, this);
                                         }
                                     } else {
                                         if (node.onInputClick) {
@@ -6072,6 +6073,10 @@ LGraphNode.prototype.executeAction = function(action)
 
                     //double clicking
                     if (this.allow_interaction && is_double_click && this.selected_nodes[node.id]) {
+                        //check if it's a double click on the title bar
+                        if (pos[1] < LiteGraph.NODE_TITLE_HEIGHT) {
+                            node?.onNodeTitleDblClick(e, pos, this);
+                        }
                         //double click node
                         if (node.onDblClick) {
                             node.onDblClick( e, pos, this );