From ec98fb9975ad439ab453232c5c3b120e40fdf7d4 Mon Sep 17 00:00:00 2001
From: iamBadgers <jmosrael@gmail.com>
Date: Sun, 17 Aug 2025 12:57:39 -0700
Subject: [PATCH] debounce input change

---
 src/scripts/common.js            |  3 ++-
 src/ts/apps/CharacterArchiver.ts | 15 ++++++++++-----
 src/ts/common.ts                 | 15 ++++++++++++++-
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/scripts/common.js b/src/scripts/common.js
index 266d1e0..6a41c42 100644
--- a/src/scripts/common.js
+++ b/src/scripts/common.js
@@ -2,4 +2,5 @@
 export const MODULE_ID = "rush-character-archive-foundry-module";
 
 export const URI_SETTING_NAME = "uri_setting";
-export const API_KEY_NAME = "api_key";
\ No newline at end of file
+export const API_KEY_NAME = "api_key";
+
diff --git a/src/ts/apps/CharacterArchiver.ts b/src/ts/apps/CharacterArchiver.ts
index 2b5c5c4..1b76783 100644
--- a/src/ts/apps/CharacterArchiver.ts
+++ b/src/ts/apps/CharacterArchiver.ts
@@ -54,7 +54,7 @@ export class CharacterArchiver extends Application {
 
     html
       .find(".character-handle")
-      .on("change", this.handleChange.bind(this));
+      .on("input", this.handleChange.bind(this));
   }
 
   private async archiveButton() {
@@ -80,11 +80,16 @@ export class CharacterArchiver extends Application {
     this.client.createCharacter(request);
   }
 
+  timeout: NodeJS.Timeout | undefined;
+
   private async handleChange(e: Event) {
-    console.log(e.target);
-    const target = e.target as HTMLTextAreaElement;
-    this.data.handle = target.value;
-    console.log(this.data.handle);
+    clearTimeout(this.timeout);
+    this.timeout = setTimeout(() => {
+      console.log(e.target);
+      const target = e.target as HTMLTextAreaElement;
+      this.data.handle = target.value;
+      console.log(this.data.handle);
+    }, 500);
   }
 
 }
diff --git a/src/ts/common.ts b/src/ts/common.ts
index 266d1e0..8b48a98 100644
--- a/src/ts/common.ts
+++ b/src/ts/common.ts
@@ -2,4 +2,17 @@
 export const MODULE_ID = "rush-character-archive-foundry-module";
 
 export const URI_SETTING_NAME = "uri_setting";
-export const API_KEY_NAME = "api_key";
\ No newline at end of file
+export const API_KEY_NAME = "api_key";
+
+export function debounce<P extends any[]>(
+  callback: (...args: P) => any, 
+  time: number
+): (...args: P) => void {
+  let timer: NodeJS.Timeout | undefined;
+  return function (this: any, ...args: P) {
+    clearTimeout(timer);
+    timer = setTimeout(() => callback.apply(this, args), time);
+    return timer;
+  }
+
+}