Format callback

leonyu · Oct 12, 2024 · 9f5b0a4 · 9f5b0a4
1 parent aea2839
commit 9f5b0a4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/AsyncUtils.ts b/src/AsyncUtils.ts
@@ -1,6 +1,6 @@
-type Func<TInput extends unknown[], TOutput> = (...args: TInput) => TOutput;
+type Func<TInput extends never[], TOutput> = (...args: TInput) => TOutput;
 
-export function debounce<T extends Func<unknown[], void>>(
+export function debounce<T extends Func<never[], void>>(
   func: T,
   wait: number,
 ): Func<Parameters<T>, void> {

diff --git a/src/QRView.ts b/src/QRView.ts
@@ -15,19 +15,20 @@ export default class QRView {
     this.qrSvg = document.createElement('div');
     container.appendChild(this.qrSvg);
     this.updateInput('');
-    this.qrText.addEventListener(
-      'input',
-      debounce(() => {
-        this.updateInput(this.qrText.value);
-      }, 50),
-    );
+    this.qrText.addEventListener('input', () => {
+      this.debouncedUpdateInput(this.qrText.value);
+    });
   }
 
   updateInput(text: string): void {
     this.updateTextBox(text);
     void this.updateQRCode(text);
   }
 
+  debouncedUpdateInput = debounce((text: string) => {
+    this.updateInput(text);
+  }, 50);
+
   private async updateQRCode(text: string): Promise<void> {
     this.qrSvg.innerHTML = await toString(text || EMPTY_QRCODE_SEGMENT, {
       type: 'svg',