From 2e2da0552e797fea6c38e074094d2a191cbb9cee Mon Sep 17 00:00:00 2001
From: Major Studio <118572301+aegis72@users.noreply.github.com>
Date: Thu, 8 Feb 2024 18:14:43 -0600
Subject: [PATCH] Update NodeTemplate.js

Added in     this.isVirtualNode = true; so prompt engine would ignore logo node
---
 js/NodeTemplate.js | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/js/NodeTemplate.js b/js/NodeTemplate.js
index e3a7db3..77c677e 100644
--- a/js/NodeTemplate.js
+++ b/js/NodeTemplate.js
@@ -1,11 +1,12 @@
 import { app } from "../../scripts/app.js";
 
+// Define a custom node that selects an image based on a property (imageIndex), maintains aspect ratio
+function aflogo(){
 
-// Define a custom node that selects an image based on a property (imageIndex), maintains aspect ratio, and applies an RGBA overlay
-function aflogo() {
-    // Add a property for the image index and RGBA color overlay
-    this.addProperty("imageIndex", 0, "number", { min: 0, max: 9, title: "Image Index" });
-    this.addProperty("color", [255, 255, 255, 0.0], "array", { title: "RGBA Color Overlay" });
+    this.isVirtualNode = true;
+
+// Add a property for the image index and RGBA color overlay
+    this.addProperty("imageIndex", 0, "number", { min: 0, max: 23, title: "Image Index" });
     this.addProperty("version", "20240208_"+"0a", "string", { title: "version" });
     this.image = null;               // To store the loaded image
     this.imageAspectRatio = 1;       // Default aspect ratio
@@ -14,8 +15,14 @@ function aflogo() {
     this.title = "v." + this.properties.version;
     this.bgcolor = "rgba(31,31,31,0)";
     this.color =   "rgba(31,31,31,0)";
+    this.title = "v."
+
+    // Optional: Add a dummy input and output to satisfy application requirements
+//    this.addInput("input", null);  // The type can be adjusted based on your needs
+//    this.addOutput("output", null); // The type can be adjusted based on your needs
 }
 
+
 // List of hardcoded image URLs
 aflogo.imageURLs = [
     "https://www.majorstud.io/wp-content/uploads/2024/02/shimasquareonly.png", // 0 Default and "else" image
@@ -69,18 +76,19 @@ aflogo.prototype.loadImage = function(url) {
 aflogo.prototype.onPropertyChanged = function(name, value) {
     if (name == "imageIndex") {
         this.loadImageByIndex(value);
+        this.setDirtyCanvas(true, true); // Redraw the node
     }
 
     if (name === "version") {
         // Update the node's title to reflect the new version
         this.title = "v." + value;
+        this.setDirtyCanvas(true, true); // Redraw the node
     }
-    this.setDirtyCanvas(true, true); // Redraw the node to reflect the title change
-
-
+//  this.setDirtyCanvas(true, true); // Redraw the node to reflect the title change
     return true; // Indicate the property change has been handled
 };
 
+
 // Override onDrawBackground to display the image with aspect ratio preservation and apply an RGBA color overlay
 aflogo.prototype.onDrawBackground = function(ctx) {
     if (!this.image) return; // Don't draw anything if the node is collapsed or the image isn't loaded
@@ -104,15 +112,8 @@ aflogo.prototype.onDrawBackground = function(ctx) {
     var y = (nodeHeight - drawHeight) / 2;
 
     ctx.drawImage(this.image, x, y, drawWidth, drawHeight);
-
-    // Apply the RGBA color overlay
-    var color = this.properties.color;
-    ctx.fillStyle = `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${color[3]})`;
-    ctx.fillRect(0, 0, this.size[0], this.size[1]);
-
 };
 
-
 // Register the node in LiteGraph
 LiteGraph.registerNodeType("AegisFlow/aflogo", aflogo);