From 34c53d0c89f7100c0eff87685dbf2d4c2b8339d0 Mon Sep 17 00:00:00 2001
From: HF <pixelplanetdev@gmail.com>
Date: Thu, 10 Feb 2022 03:29:17 +0100
Subject: [PATCH] debug tiny issues

---
 src/controls/PixelPainterControls.js | 19 ++++++++++++++++---
 src/routes/index.js                  |  2 +-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/controls/PixelPainterControls.js b/src/controls/PixelPainterControls.js
index ce9a618..113516f 100644
--- a/src/controls/PixelPainterControls.js
+++ b/src/controls/PixelPainterControls.js
@@ -48,6 +48,8 @@ class PixelPlainterControls {
     this.onTouchEnd = this.onTouchEnd.bind(this);
     this.onTouchMove = this.onTouchMove.bind(this);
 
+    this.onViewFinishChangeTimeOut = null;
+
     this.clickTapStartView = [0, 0];
     this.clickTapStartTime = 0;
     this.clickTapStartCoords = [0, 0];
@@ -77,7 +79,9 @@ class PixelPlainterControls {
     viewport.addEventListener('mousedown', this.onMouseDown, false);
     viewport.addEventListener('mousemove', this.onMouseMove, false);
     viewport.addEventListener('mouseup', this.onMouseUp, false);
-    viewport.addEventListener('wheel', this.onWheel, { passive: true });
+    // TODO check if we can go passive here
+    //viewport.addEventListener('wheel', this.onWheel, { passive: true });
+    viewport.addEventListener('wheel', this.onWheel, false);
     viewport.addEventListener('touchstart', this.onTouchStart, false);
     viewport.addEventListener('touchend', this.onTouchEnd, false);
     viewport.addEventListener('touchmove', this.onTouchMove, false);
@@ -116,6 +120,15 @@ class PixelPlainterControls {
     }
   }
 
+  scheduleOnViewFinishChange() {
+    if (this.onViewFinishChangeTimeOut) {
+      clearTimeout(this.onViewFinishChangeTimeOut);
+    }
+    this.onViewFinishChangeTimeOut = setTimeout(() => {
+      this.store.dispatch(onViewFinishChange());
+    }, 250);
+  }
+
   onMouseUp(event: MouseEvent) {
     event.preventDefault();
 
@@ -347,7 +360,7 @@ class PixelPlainterControls {
   }
 
   onWheel(event: MouseEvent) {
-    //event.preventDefault();
+    event.preventDefault();
     document.activeElement.blur();
 
     const { deltaY } = event;
@@ -364,7 +377,7 @@ class PixelPlainterControls {
     if (deltaY > 0) {
       store.dispatch(zoomOut(zoompoint));
     }
-    store.dispatch(onViewFinishChange());
+    this.scheduleOnViewFinishChange();
   }
 
   onMouseMove(event: MouseEvent) {
diff --git a/src/routes/index.js b/src/routes/index.js
index 404c0de..0bd7253 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -52,7 +52,7 @@ router.use('/adminapi', adminapi);
 // (this should be served with nginx or other webserver)
 // -----------------------------------------------------------------------------
 router.use(express.static(path.join(__dirname, 'public'), {
-  maxAge: 3 * MONTH,
+  maxAge: 12 * MONTH,
   extensions: ['html'],
 }));