debounce

import { debounce } from "@cyref/js";

const logMessage = debounce(() => {
  console.log("Executed");
}, 500);

logMessage();

import { debounce } from "@cyref/js";

const search = debounce((query: string) => {
  console.log("Searching:", query);
}, 500);

search("c");
search("cy");
search("cyref");

// Only the last call is executed after 500ms.
// Searching: cyref

import { debounce } from "@cyref/js";

const greet = debounce((name: string) => {
  console.log(`Hello, ${name}!`);
}, 300);

greet("Amir");

// After 300ms:
// Hello, Amir!

import { debounce } from "@cyref/js";

const calculate = debounce(
  (a: number, b: number) => {
    console.log(a + b);
  },
  500,
);

calculate(10, 20);

// After 500ms:
// 30

import { debounce } from "@cyref/js";

const save = debounce((value: string) => {
  console.log("Saved:", value);
}, 1000);

save("first");

setTimeout(() => {
  save("second");
}, 300);

setTimeout(() => {
  save("third");
}, 600);

// Only "third" is executed after the final 1000ms delay.
// Saved: third

import { debounce } from "@cyref/js";

const handleSearch = debounce((value: string) => {
  console.log("Search:", value);
}, 400);

handleSearch("Java");
handleSearch("JavaScript");

// Only the latest call is executed after 400ms.
// Search: JavaScript