add rapidFire option to counter prompt

providers/prompt/index.js

@@ -18,8 +18,8 @@ function electronPrompt(options, parentWindow) {
 		//custom options override default
 		const options_ = Object.assign(
 			{
-				width: DEFAULT_WIDTH,
+				width: options?.type === "counter" ? DEFAULT_COUNTER_WIDTH : DEFAULT_WIDTH,
-				height: DEFAULT_HEIGHT,
+				height:options?.type === "counter" ? DEFAULT_COUNTER_HEIGHT: DEFAULT_HEIGHT,
 				resizable: false,
 				title: "Prompt",
 				label: "Please input a value:",
@@ -28,6 +28,7 @@ function electronPrompt(options, parentWindow) {
 				value: null,
 				type: "input",
 				selectOptions: null,
+				counterOptions: {minimum: null, maximum: null, multiFire: false},
 				icon: null,
 				useHtmlLabel: false,
 				customStylesheet: null,
@@ -40,10 +41,13 @@ function electronPrompt(options, parentWindow) {
 			options || {}
 		);
 
-		options_.minWidth = options.minWidth || options.width ||
+		options_.minWidth = options?.minWidth || options?.width || options_.width;
-		options_.type === "counter" ? DEFAULT_COUNTER_WIDTH : DEFAULT_WIDTH;
+		options_.minHeight = options?.minHeight || options?.height || options_.height;
-		options_.minHeight = options.minHeight || options.height ||
+
-		options_.type === "counter" ? DEFAULT_COUNTER_HEIGHT : DEFAULT_HEIGHT;
+		if (options_.type === "counter" && (options_.counterOptions !== null && typeof options_.selectOptions !== "object")) {
+			reject(new Error('"counterOptions" must be an object if specified'));
+			return;
+		}
 
 		if (options_.type === "select" && (options_.selectOptions === null || typeof options_.selectOptions !== "object")) {
 			reject(new Error('"selectOptions" must be an object'));

providers/prompt/page/prompt.js

@@ -62,6 +62,8 @@ function promptRegister() {
 
 	switch (promptOptions.type) {
 		case "counter":
+			dataElement = promptCreateCounter();
+			break;
 		case "input":
 			dataElement = promptCreateInput();
 			break;
@@ -73,8 +75,6 @@ function promptRegister() {
 	}
 
 	if (promptOptions.type === "counter") {
-		dataElement.style.width = "unset";
-		dataElement.style["text-align"] = "center";
 		dataContainerElement.append(createMinusButton(dataElement));
 		dataContainerElement.append(dataElement);
 		dataContainerElement.append(createPlusButton(dataElement));
@@ -212,27 +212,74 @@ function promptCreateSelect() {
 	return dataElement;
 }
 
+let pressed = false;
+function multiFire(timer, scaleSpeed, callback, ...args) {
+	if (!pressed) {
+		return;
+	}
+	if (timer > scaleSpeed) {
+		timer -= scaleSpeed;
+	}
+	callback(...args);
+	setTimeout(multiFire, timer, timer, scaleSpeed, callback, ...args)
+}
+
 function createMinusButton(dataElement) {
+	function doMinus() {
+		dataElement.value = validateCounterInput(parseInt(dataElement.value) - 1);
+	}
 	const minusBtn = document.createElement("span");
 	minusBtn.textContent = "-";
 	minusBtn.classList.add("minus");
-	minusBtn.onmousedown = () => {
+	if (promptOptions.counterOptions?.multiFire) {
-		dataElement.value = validateCounterInput(parseInt(dataElement.value) - 1);
+		minusBtn.onmousedown = () => {
-	};
+			pressed = true;
+			multiFire(500, 100, doMinus);
+		};
+
+	} else {
+		minusBtn.onmousedown = () => {
+			doMinus();
+		};
+	}
 	return minusBtn;
 }
 
 function createPlusButton(dataElement) {
+	function doPlus() {
+		dataElement.value = validateCounterInput(parseInt(dataElement.value) + 1);
+	}
 	const plusBtn = document.createElement("span");
 	plusBtn.textContent = "+";
 	plusBtn.classList.add("plus");
-	plusBtn.onmousedown = () => {
+	if (promptOptions.counterOptions?.multiFire) {
-		dataElement.value = validateCounterInput(parseInt(dataElement.value) + 1);
+		plusBtn.onmousedown = () => {
-	};
+			pressed = true;
-
+			multiFire(500, 100, doPlus);
+		};
+	} else {
+		plusBtn.onmousedown = () => {
+			doPlus();
+		};
+	}
 	return plusBtn;
 }
 
+function promptCreateCounter() {
+	if (promptOptions.counterOptions?.multiFire) {
+		document.onmouseup = () => {
+			pressed = false;
+		};
+	}
+
+	const dataElement = promptCreateInput();
+
+	dataElement.style.width = "unset";
+	dataElement.style["text-align"] = "center";
+
+	return dataElement;
+}
+
 //validate counter
 function validateCounterInput(input) {
 	const min = promptOptions.counterOptions?.minimum;

providers/prompt/readme.md

@@ -45,7 +45,7 @@ prompt({
 | value              | (optional, string) The default value for the input field. Defaults to null.                                                                                                                                                    |
 | type               | (optional, string) The type of input field, either 'input' for a standard text input field or 'select' for a dropdown type input or 'counter' for a number counter with buttons. Defaults to 'input'.                                                                         |
 | inputAttrs         | (optional, object) The attributes of the input field, analagous to the HTML attributes: `{type: 'text', required: true}` -> `<input type="text" required>`. Used if the type is 'input'
-| counterOptions     | (optional, object) minimum and maximum of counter in format: `{minimum: %int%, maximum: %int%} `                                     |
+| counterOptions     | (optional, object) minimum and maximum of counter, and if continuous input is enabled. format: `{minimum: %int%, maximum: %int%, multiFire: %boolean%`. min+max values defaults to null and multiFire defaults to false.                                     |
 | selectOptions      | (optional, object) The items for the select dropdown if using the 'select' type in the format 'value': 'display text', where the value is what will be given to the then block and the display text is what the user will see. |
 | useHtmlLabel       | (optional, boolean) Whether the label should be interpreted as HTML or not. Defaults to false.                                                                                                                                 |
 | width              | (optional, integer) The width of the prompt window. Defaults to 370.                                                                                                                                                           |