From d85f8909d700b8d460fd716267036dfcbe1bdc71 Mon Sep 17 00:00:00 2001
From: Bui <bui@bui.pm>
Date: Wed, 16 Feb 2022 13:13:52 +0000
Subject: [PATCH] make songsel fast + add mousewheel scrolling

---
 public/src/js/songselect.js | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/public/src/js/songselect.js b/public/src/js/songselect.js
index cd3e4e0..2a4a067 100644
--- a/public/src/js/songselect.js
+++ b/public/src/js/songselect.js
@@ -290,10 +290,12 @@ class SongSelect{
 			focused: true
 		}
 		this.songSelecting = {
-			speed: 800,
+			speed: 200,
 			resize: 0.3,
 			scrollDelay: 0.1
 		}
+		this.wheelScrolls = 0
+		this.wheelTimer = 0
 		
 		this.startPreview(true)
 		
@@ -339,7 +341,9 @@ class SongSelect{
 			this.touchFullBtn.style.display = "block"
 			pageEvents.add(this.touchFullBtn, "touchend", toggleFullscreen)
 		}
-		
+
+		pageEvents.add(this.canvas, "wheel", this.mouseWheel.bind(this))
+
 		this.selectable = document.getElementById("song-sel-selectable")
 		this.selectableText = ""
 		
@@ -503,6 +507,17 @@ class SongSelect{
 	touchEnd(event){
 		event.preventDefault()
 	}
+	mouseWheel(event){
+		if(this.state.screen === "song"){
+			this.wheelTimer = this.getMS()
+
+			if(event.deltaY < 0) {
+				this.wheelScrolls++
+			}else if(event.deltaY > 0){
+				this.wheelScrolls--
+			}
+		}
+	}
 	mouseMove(event){
 		var mouse = this.mouseOffset(event.offsetX, event.offsetY)
 		var moveTo = null
@@ -892,12 +907,17 @@ class SongSelect{
 		
 		for(var key in this.pressedKeys){
 			if(this.pressedKeys[key]){
-				if(ms >= this.pressedKeys[key] + 50){
+				if(ms >= this.pressedKeys[key] + (this.state.screen === "song" && (key === "right" || key === "left") ? 20 : 50)){
 					this.keyPress(true, key, null, true)
 					this.pressedKeys[key] = ms
 				}
 			}
 		}
+
+		if(this.wheelScrolls !== 0 && ms >= this.wheelTimer + 20) {
+			this.moveToSong(this.wheelScrolls)
+			this.wheelScrolls = 0
+		}
 		
 		if(!this.redrawRunning){
 			return