adding a Mouse Wheel Scroll Event

src/borderify.js

@@ -123,6 +123,28 @@ document.addEventListener("mousedown", (event) => {
     sendDataToServer(eventData);
 });
 
+function debounce(func, wait) {
+    let timeout;
+    return function(...args) {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => func.apply(this, args), wait);
+    };
+}
+
+let accumulatedPixels = 0;
+
+const handleWheel = debounce((event) => {
+    const direction = accumulatedPixels > 0 ? "вниз" : "вверх";
+    const pixels = Math.abs(accumulatedPixels);
+
+    const eventData = createEventJSON('wheel', { direction, pixels: `${pixels}px`, description: "Прокрутка колёсика мыши"});
+    console.log("Событие wheel:", JSON.stringify(eventData));
+    sendDataToServer(eventData);
+
+    accumulatedPixels = 0;
+}, 200);
+
+document.addEventListener("wheel", (event) => { accumulatedPixels += event.deltaY; handleWheel(event);});
 
 document.addEventListener("click", (event) => {
     const eventType = 'click';