Merge pull request #250 from JamesBrill/lodash

Replace custom `debounce` function with `lodash.debounce`

Author: JamesBrill

package.json

@@ -35,6 +35,9 @@
     "prepack": "bunchee",
     "test": "vitest"
   },
+  "dependencies": {
+    "lodash.debounce": "^4.0.8"
+  },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@testing-library/react-hooks": "3.7.0",

src/RecognitionManager.js

@@ -1,6 +1,7 @@
+import debounce from "lodash.debounce";
 import { isNative } from "./NativeSpeechRecognition";
 import isAndroid from "./isAndroid";
-import { browserSupportsPolyfills, concatTranscripts, debounce } from "./utils";
+import { browserSupportsPolyfills, concatTranscripts } from "./utils";
 
 export default class RecognitionManager {
   constructor(SpeechRecognition) {
@@ -24,11 +25,9 @@ export default class RecognitionManager {
     this.setSpeechRecognition(SpeechRecognition);
 
     if (isAndroid()) {
-      this.updateFinalTranscript = debounce(
-        this.updateFinalTranscript,
-        250,
-        true,
-      );
+      this.updateFinalTranscript = debounce(this.updateFinalTranscript, 250, {
+        leading: true,
+      });
     }
   }
 

src/utils.js

@@ -1,19 +1,3 @@
-const debounce = (func, wait, immediate) => {
-  let timeout;
-  return function () {
-    const context = this;
-    const args = arguments;
-    const later = function () {
-      timeout = null;
-      if (!immediate) func.apply(context, args);
-    };
-    const callNow = immediate && !timeout;
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-    if (callNow) func.apply(context, args);
-  };
-};
-
 const concatTranscripts = (...transcriptParts) => {
   return transcriptParts
     .map((t) => t.trim())
@@ -87,7 +71,6 @@ const browserSupportsPolyfills = () => {
 };
 
 export {
-  debounce,
   concatTranscripts,
   commandToRegExp,
   compareTwoStringsUsingDiceCoefficient,

yarn.lock

@@ -2128,6 +2128,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.debounce@npm:^4.0.8":
+  version: 4.0.8
+  resolution: "lodash.debounce@npm:4.0.8"
+  checksum: 10c0/762998a63e095412b6099b8290903e0a8ddcb353ac6e2e0f2d7e7d03abd4275fe3c689d88960eb90b0dde4f177554d51a690f22a343932ecbc50a5d111849987
+  languageName: node
+  linkType: hard
+
 "log-symbols@npm:^6.0.0":
   version: 6.0.0
   resolution: "log-symbols@npm:6.0.0"
@@ -2619,6 +2626,7 @@ __metadata:
     "@vitest/coverage-v8": "npm:3.0.8"
     bunchee: "npm:6.4.0"
     jsdom: "npm:26.0.0"
+    lodash.debounce: "npm:^4.0.8"
     react: "npm:16.14.0"
     react-dom: "npm:16.14.0"
     react-test-renderer: "npm:16.14.0"