AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Throttle and dedupe toasts; reduce duration

Browse source 
cgen-558a229471864edaae7048c0c8d3e756
This commit is contained in:
Builder.io 2025-09-26 21:48:47 +00:00
parent f1c849b472
commit 7484d66959
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
client/hooks/use-toast.ts
View file

@ -3,7 +3,8 @@ import * as React from "react";
import type { ToastActionElement, ToastProps } from "@/components/ui/toast"; import type { ToastActionElement, ToastProps } from "@/components/ui/toast";
const TOAST_LIMIT = 1; const TOAST_LIMIT = 1;
const TOAST_REMOVE_DELAY = 6000; const TOAST_REMOVE_DELAY = 4000;
const TOAST_MIN_INTERVAL = 800;
type ToasterToast = ToastProps & { type ToasterToast = ToastProps & {
id: string; id: string;
@ -20,6 +21,8 @@ const actionTypes = {
} as const; } as const;
let count = 0; let count = 0;
let lastToastTimestamp = 0;
let lastToastSignature = "";
function genId() { function genId() {
count = (count + 1) % Number.MAX_SAFE_INTEGER; count = (count + 1) % Number.MAX_SAFE_INTEGER;
@ -137,6 +140,18 @@ function dispatch(action: Action) {
type Toast = Omit<ToasterToast, "id">; type Toast = Omit<ToasterToast, "id">;
function toast({ ...props }: Toast) { function toast({ ...props }: Toast) {
const now = Date.now();
const signature = `${props.variant ?? "default"}|${String(props.title ?? "")}|${String(props.description ?? "")}`;
if (now - lastToastTimestamp < TOAST_MIN_INTERVAL && signature === lastToastSignature) {
return {
id: "-1",
dismiss: () => undefined,
update: () => undefined,
};
}
lastToastTimestamp = now;
lastToastSignature = signature;
const id = genId(); const id = genId();
const update = (props: ToasterToast) => const update = (props: ToasterToast) =>