forgot debounce
authorAlec Armbruster <alectrocute@gmail.com>
Fri, 16 Jun 2023 22:49:28 +0000 (18:49 -0400)
committerAlec Armbruster <alectrocute@gmail.com>
Fri, 16 Jun 2023 22:49:28 +0000 (18:49 -0400)
src/shared/components/modlog.tsx
src/shared/components/person/settings.tsx
src/shared/components/post/post-form.tsx
src/shared/components/post/post.tsx
src/shared/components/search.tsx
src/shared/utils.ts
src/shared/utils/helpers/debounce.ts [new file with mode: 0644]

index cd0cfcb9cc5d1f2c4085fd578e494841651c79bc..99f15e501204b474886512b3cf2c0c5833684bf8 100644 (file)
@@ -33,7 +33,6 @@ import { FirstLoadService } from "../services/FirstLoadService";
 import { HttpService, RequestState } from "../services/HttpService";
 import {
   Choice,
-  debounce,
   fetchLimit,
   fetchUsers,
   getIdFromString,
@@ -43,6 +42,7 @@ import {
   personToChoice,
   setIsoData,
 } from "../utils";
+import { debounce } from "../utils/helpers/debounce";
 import { getQueryParams } from "../utils/helpers/get-query-params";
 import { getQueryString } from "../utils/helpers/get-query-string";
 import { amAdmin } from "../utils/roles/am-admin";
index a29f61b008102ba4d60e3ab0d4988bd13e8f34d4..564daff4287e9650cbcc7967845db272b5622f82 100644 (file)
@@ -18,7 +18,6 @@ import {
   Choice,
   capitalizeFirstLetter,
   communityToChoice,
-  debounce,
   elementUrl,
   emDash,
   enableNsfw,
@@ -38,6 +37,7 @@ import {
   updateCommunityBlock,
   updatePersonBlock,
 } from "../../utils";
+import { debounce } from "../../utils/helpers/debounce";
 import { HtmlTags } from "../common/html-tags";
 import { Icon, Spinner } from "../common/icon";
 import { ImageUploadForm } from "../common/image-upload-form";
index 4640922d022e4b0e214421fc1c12b4fa8113ee3b..c21a6e2b8e7c189e654f232fa3b4662f8f6cdb26 100644 (file)
@@ -18,7 +18,6 @@ import {
   archiveTodayUrl,
   capitalizeFirstLetter,
   communityToChoice,
-  debounce,
   fetchCommunities,
   getIdFromString,
   ghostArchiveUrl,
@@ -33,6 +32,7 @@ import {
   validURL,
   webArchiveUrl,
 } from "../../utils";
+import { debounce } from "../../utils/helpers/debounce";
 import { Icon, Spinner } from "../common/icon";
 import { LanguageSelect } from "../common/language-select";
 import { MarkdownTextArea } from "../common/markdown-textarea";
index 250c08a745db83f99b89c94c2d03a42e8e777671..2c61f79e75815e17bcd4bd6f1ac3f8a5fdf027da 100644 (file)
@@ -64,7 +64,6 @@ import {
   buildCommentsTree,
   commentsToFlatNodes,
   commentTreeMaxDepth,
-  debounce,
   editComment,
   editWith,
   enableDownvotes,
@@ -84,6 +83,7 @@ import {
   updatePersonBlock,
 } from "../../utils";
 import { isBrowser } from "../../utils/browser/is-browser";
+import { debounce } from "../../utils/helpers/debounce";
 import { CommentForm } from "../comment/comment-form";
 import { CommentNodes } from "../comment/comment-nodes";
 import { HtmlTags } from "../common/html-tags";
index 59bbf616ca5768e65f169be4a4309bb50bbdf23a..d32e408755de63e2f6b23f98c18a677e4d927b4a 100644 (file)
@@ -29,7 +29,6 @@ import {
   capitalizeFirstLetter,
   commentsToFlatNodes,
   communityToChoice,
-  debounce,
   enableDownvotes,
   enableNsfw,
   fetchCommunities,
@@ -46,6 +45,7 @@ import {
   setIsoData,
   showLocal,
 } from "../utils";
+import { debounce } from "../utils/helpers/debounce";
 import { getQueryParams } from "../utils/helpers/get-query-params";
 import { getQueryString } from "../utils/helpers/get-query-string";
 import type { QueryParams } from "../utils/types/query-params";
index 54b5a3f4ac37aa6f448fbf677125f34db142356f..c0caad88a385d10e3996b9248888d6efa19430dd 100644 (file)
@@ -44,6 +44,7 @@ import { i18n, languages } from "./i18next";
 import { CommentNodeI, DataType, IsoData, VoteType } from "./interfaces";
 import { HttpService, UserService } from "./services";
 import { isBrowser } from "./utils/browser/is-browser";
+import { debounce } from "./utils/helpers/debounce";
 import { groupBy } from "./utils/helpers/group-by";
 
 let Tribute: any;
@@ -268,51 +269,6 @@ export function getDataTypeString(dt: DataType) {
   return dt === DataType.Post ? "Post" : "Comment";
 }
 
-export function debounce<T extends any[], R>(
-  func: (...e: T) => R,
-  wait = 1000,
-  immediate = false
-) {
-  // 'private' variable for instance
-  // The returned function will be able to reference this due to closure.
-  // Each call to the returned function will share this common timer.
-  let timeout: NodeJS.Timeout | null;
-
-  // Calling debounce returns a new anonymous function
-  return function () {
-    // reference the context and args for the setTimeout function
-    const args = arguments;
-
-    // Should the function be called now? If immediate is true
-    //   and not already in a timeout then the answer is: Yes
-    const callNow = immediate && !timeout;
-
-    // This is the basic debounce behavior where you can call this
-    //   function several times, but it will only execute once
-    //   [before or after imposing a delay].
-    //   Each time the returned function is called, the timer starts over.
-    clearTimeout(timeout ?? undefined);
-
-    // Set the new timeout
-    timeout = setTimeout(function () {
-      // Inside the timeout function, clear the timeout variable
-      // which will let the next execution run when in 'immediate' mode
-      timeout = null;
-
-      // Check if the function already ran with the immediate flag
-      if (!immediate) {
-        // Call the original function with apply
-        // apply lets you define the 'this' object as well as the arguments
-        //    (both captured before setTimeout)
-        func.apply(this, args);
-      }
-    }, wait);
-
-    // Immediate mode and no wait timer? Execute the function..
-    if (callNow) func.apply(this, args);
-  } as (...e: T) => R;
-}
-
 export function getLanguages(
   override?: string,
   myUserInfo = UserService.Instance.myUserInfo
diff --git a/src/shared/utils/helpers/debounce.ts b/src/shared/utils/helpers/debounce.ts
new file mode 100644 (file)
index 0000000..7a1e8b1
--- /dev/null
@@ -0,0 +1,44 @@
+export function debounce<T extends any[], R>(
+  func: (...e: T) => R,
+  wait = 1000,
+  immediate = false
+) {
+  // 'private' variable for instance
+  // The returned function will be able to reference this due to closure.
+  // Each call to the returned function will share this common timer.
+  let timeout: NodeJS.Timeout | null;
+
+  // Calling debounce returns a new anonymous function
+  return function () {
+    // reference the context and args for the setTimeout function
+    const args = arguments;
+
+    // Should the function be called now? If immediate is true
+    //   and not already in a timeout then the answer is: Yes
+    const callNow = immediate && !timeout;
+
+    // This is the basic debounce behavior where you can call this
+    //   function several times, but it will only execute once
+    //   [before or after imposing a delay].
+    //   Each time the returned function is called, the timer starts over.
+    clearTimeout(timeout ?? undefined);
+
+    // Set the new timeout
+    timeout = setTimeout(function () {
+      // Inside the timeout function, clear the timeout variable
+      // which will let the next execution run when in 'immediate' mode
+      timeout = null;
+
+      // Check if the function already ran with the immediate flag
+      if (!immediate) {
+        // Call the original function with apply
+        // apply lets you define the 'this' object as well as the arguments
+        //    (both captured before setTimeout)
+        func.apply(this, args);
+      }
+    }, wait);
+
+    // Immediate mode and no wait timer? Execute the function..
+    if (callNow) func.apply(this, args);
+  } as (...e: T) => R;
+}