✨ node propertyChanged event

Author: zhzLuke96

packages/core/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@litegraph-ts/core",
-    "version": "0.2.18",
+    "version": "0.2.19",
     "description": "A graph node editor similar to PD or UDK Blueprints. It works in an HTML5 Canvas and allows to export graphs to be included in applications.",
     "source": "src/index.ts",
     "types": "src/index.ts",

packages/core/src/LGraphNode.ts

@@ -335,6 +335,7 @@ export default class LGraphNode {
         nodeOptionalInputAdd: (slot: INodeInputSlot) => void;
         nodeOptionalOutputAdd: (slot: INodeOutputSlot) => void;
         resize: (size: Vector2) => void;
+        propertyChanged: (k: string, v: any, prev_v: any) => void;
     }>();
 
     // sync position with the node
@@ -369,6 +370,12 @@ export default class LGraphNode {
                     if (this.onPropertyChanged) {
                         this.onPropertyChanged(k, info.properties[k]);
                     }
+                    this.events.emit(
+                        "propertyChanged",
+                        k,
+                        info.properties[k],
+                        undefined,
+                    );
                 }
                 continue;
             }
@@ -625,6 +632,7 @@ export default class LGraphNode {
                 //abort change
                 this.properties[name] = prev_value;
         }
+        this.events.emit("propertyChanged", name, value, prev_value);
         if (this.widgets)
             //widgets could be linked to properties
             for (var i = 0; i < this.widgets.length; ++i) {