Allow specification of display_name on inputs

custom_nodes/example_node.py.example

@@ -12,9 +12,9 @@ class Example:
     Attributes
     ----------
     RETURN_TYPES (`tuple`):
-        The type of each element in the output tulple.
+        The type of each element in the output tuple.
     RETURN_NAMES (`tuple`):
-        Optional: The name of each output in the output tulple.
+        Optional: The name of each output in the output tuple.
     FUNCTION (`str`):
         The name of the entry-point method. For example, if `FUNCTION = "execute"` then it will run Example().execute()
     OUTPUT_NODE ([`bool`]):
@@ -44,12 +44,15 @@ class Example:
                     * Key field_name (`string`): Name of a entry-point method's argument
                     * Value field_config (`tuple`):
                         + First value is a string indicate the type of field or a list for selection.
-                        + Secound value is a config for type "INT", "STRING" or "FLOAT".
+                        + Second value is a config for the type ("INT", "STRING", "FLOAT", etc.)
+                            + Optionally include a user friendly display_name property that will be used to display on the widget or slot.
+                            + A default value can also be provided.
         """
         return {
             "required": {
                 "image": ("IMAGE",),
                 "int_field": ("INT", {
+                    "display_name": "An integer",
                     "default": 0,
                     "min": 0, #Minimum value
                     "max": 4096, #Maximum value
@@ -57,13 +60,14 @@ class Example:
                     "display": "number" # Cosmetic only: display as "number" or "slider"
                 }),
                 "float_field": ("FLOAT", {
+                    "display_name": "A float value",
                     "default": 1.0,
                     "min": 0.0,
                     "max": 10.0,
                     "step": 0.01,
                     "round": 0.001, #The value represeting the precision to round to, will be set to the step value by default. Can be set to False to disable rounding.
                     "display": "number"}),
-                "print_to_screen": (["enable", "disable"],),
+                "print_to_screen": (["enable", "disable"], {"display_name": "Print to screen?"}),
                 "string_field": ("STRING", {
                     "multiline": False, #True if you want the field to look like the one on the ClipTextEncode node
                     "default": "Hello World!"

web/scripts/app.js

@@ -1578,15 +1578,16 @@ export class ComfyApp {
 
 					let widgetCreated = true;
 					const widgetType = self.getWidgetType(inputData, inputName);
+					const inputDisplayName = inputData?.[1]?.display_name || inputName;
 					if(widgetType) {
 						if(widgetType === "COMBO") {
-							Object.assign(config, self.widgets.COMBO(this, inputName, inputData, app) || {});
+							Object.assign(config, self.widgets.COMBO(this, inputDisplayName, inputData, app) || {});
 						} else {
-							Object.assign(config, self.widgets[widgetType](this, inputName, inputData, app) || {});
+							Object.assign(config, self.widgets[widgetType](this, inputDisplayName, inputData, app) || {});
 						}
 					} else {
 						// Node connection inputs
-						this.addInput(inputName, type);
+						this.addInput(inputDisplayName, type);
 						widgetCreated = false;
 					}