From d3d9ad00d882f205a1fe7a04b6d58ebd499f48a0 Mon Sep 17 00:00:00 2001
From: Guillaume Faguet <guillaume.faguet@protonmail.com>
Date: Sat, 29 Jul 2023 14:48:00 +0200
Subject: [PATCH 1/2] added slider and toggle widget

---
 web/scripts/widgets.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/web/scripts/widgets.js b/web/scripts/widgets.js
index a8afc29b..7b5f9c6b 100644
--- a/web/scripts/widgets.js
+++ b/web/scripts/widgets.js
@@ -273,6 +273,33 @@ export const ComfyWidgets = {
 			),
 		};
 	},
+	SLIDER(node, inputName, inputData) {
+		const { val, config } = getNumberDefaults(inputData, 1);
+		Object.assign(config, { precision: 0 });
+		return {
+			widget: node.addWidget(
+				"slider",
+				inputName,
+				val,
+				function (v) {
+					const s = this.options.step / 10;
+					this.value = Math.round(v / s) * s;
+				},
+				config
+			),
+		};
+	},
+	TOGGLE(node, inputName, inputData) {
+		let defaultVal = inputData[1]["default"];
+		return {
+			widget: node.addWidget(
+				"toggle",
+				inputName,
+				defaultVal,
+				() => {},
+				)
+		};
+	},
 	STRING(node, inputName, inputData, app) {
 		const defaultVal = inputData[1].default || "";
 		const multiline = !!inputData[1].multiline;

From 6cdc9afc7cea12adf1c58c7b106abf97f7849641 Mon Sep 17 00:00:00 2001
From: Guillaume Faguet <guillaume.faguet@protonmail.com>
Date: Mon, 31 Jul 2023 08:48:44 +0200
Subject: [PATCH 2/2] pass slider type as option

---
 web/scripts/widgets.js | 28 +++++++++-------------------
 1 file changed, 9 insertions(+), 19 deletions(-)

diff --git a/web/scripts/widgets.js b/web/scripts/widgets.js
index 7b5f9c6b..596fef89 100644
--- a/web/scripts/widgets.js
+++ b/web/scripts/widgets.js
@@ -250,19 +250,25 @@ function addMultilineWidget(node, name, opts, app) {
 	return { minWidth: 400, minHeight: 200, widget };
 }
 
+function isSlider(display_as) {
+	return (display_as==="slider") ? "slider" : "number"
+}
+
 export const ComfyWidgets = {
 	"INT:seed": seedWidget,
 	"INT:noise_seed": seedWidget,
 	FLOAT(node, inputName, inputData) {
+		let widgetType = isSlider(inputData[1]["display_as"]);
 		const { val, config } = getNumberDefaults(inputData, 0.5);
-		return { widget: node.addWidget("number", inputName, val, () => {}, config) };
+		return { widget: node.addWidget(widgetType, inputName, val, () => {}, config) };
 	},
 	INT(node, inputName, inputData) {
+		let widgetType = isSlider(inputData[1]["display_as"]);
 		const { val, config } = getNumberDefaults(inputData, 1);
 		Object.assign(config, { precision: 0 });
 		return {
 			widget: node.addWidget(
-				"number",
+				widgetType,
 				inputName,
 				val,
 				function (v) {
@@ -270,23 +276,7 @@ export const ComfyWidgets = {
 					this.value = Math.round(v / s) * s;
 				},
 				config
-			),
-		};
-	},
-	SLIDER(node, inputName, inputData) {
-		const { val, config } = getNumberDefaults(inputData, 1);
-		Object.assign(config, { precision: 0 });
-		return {
-			widget: node.addWidget(
-				"slider",
-				inputName,
-				val,
-				function (v) {
-					const s = this.options.step / 10;
-					this.value = Math.round(v / s) * s;
-				},
-				config
-			),
+			),	
 		};
 	},
 	TOGGLE(node, inputName, inputData) {