From 8f53388df55c8f9c48ba50d15328d1652ea7b778 Mon Sep 17 00:00:00 2001
From: Dexter <dexter@dxlb.nl>
Date: Mon, 9 May 2022 17:53:33 +0200
Subject: [PATCH] Improved timings

---
 package.json              |  2 +-
 src-tauri/tauri.conf.json |  2 +-
 src/lib/Stage.svelte      | 41 +++++++++++++++++++++++++++++++--------
 src/lib/patterns.ts       |  3 +--
 4 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index cb670f6..4fd6ddf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lights",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "scripts": {
     "build": "rollup -c",
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 4a74825..82f14d1 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -1,7 +1,7 @@
 {
   "package": {
     "productName": "lights",
-    "version": "0.3.1"
+    "version": "0.3.2"
   },
   "build": {
     "distDir": "../public",
diff --git a/src/lib/Stage.svelte b/src/lib/Stage.svelte
index ece575e..64fcebc 100644
--- a/src/lib/Stage.svelte
+++ b/src/lib/Stage.svelte
@@ -13,29 +13,54 @@
 
   export const fill = (color) => {
     rgbSpots.update(spots => spots.map(() => color))
-    console.log('filled', color)
   }
 </script>
 
 <script lang='ts'>
   let count = 0
 
-  const sendSacn = async (data) => {
+  function debounce(func, timeout = 100) {
+    let timer;
+    let lastargs;
+
+    const rundelayed = () => {
+      timer = undefined;
+
+      if (lastargs) {
+        func.apply(this, lastargs)
+        timer = setTimeout(rundelayed, timeout)
+        lastargs = undefined
+      }
+      console.log('clearing')
+    }
+    return (...args) => {
+
+      console.log("OK")
+      if (!timer) {
+        console.log("APPLY")
+        func.apply(this, args);
+        timer = setTimeout(rundelayed, timeout);
+      } else {
+        // Called with timer running
+        lastargs = args
+      }
+    };
+  }
+
+  const sendSacn = debounce((data) => {
     console.log("Sending", data)
-		const response = await invoke('send_sacn', {
+		invoke('send_sacn', {
 			data: data.map(v => v|0)
 		})
-    count ++
-  }
+      .then(() => count++)
+      .catch(e => console.error('error', e))
+  })
   $: {
     // Should be calling send on max hz
-    console.log("Update", $rgbSpots, $spots)
     sendSacn([
       ...$rgbSpots.flatMap(color => [0, 0, ...color.rgb().array()]),
       ...$spots
     ])
-      .then(() => {})
-      .catch(e => console.error('error', e))
   }
 </script>
 
diff --git a/src/lib/patterns.ts b/src/lib/patterns.ts
index ac92f25..2a124cb 100644
--- a/src/lib/patterns.ts
+++ b/src/lib/patterns.ts
@@ -40,7 +40,6 @@ export const wipe: Pattern = {
     let row = 0
     let state = true
     const run = ({ primary, secondary }: Parameters) => {
-      console.log("Tick", row)
       const width = 4
       const color = state ? secondary : primary
       rgbSpots.update(spots => {
@@ -64,7 +63,7 @@ export const wipe: Pattern = {
         }
         
         rgbSpots.update(spots => {
-          return spots.map(color => color.darken(0.1))
+          return spots.map(color => color.darken(0.4))
         })
         time ++
         run(params)