73 lines
1.7 KiB
TypeScript
73 lines
1.7 KiB
TypeScript
export type RealtimeRefreshFilter =
|
|
| { kind: "form"; formId?: string }
|
|
| { kind: "uploads" }
|
|
| { kind: "xp" }
|
|
| { kind: "vc"; channelId?: string };
|
|
|
|
export type RealtimeRefreshHandlers = {
|
|
onOpen: () => void;
|
|
onForm: (event: { formId: string }) => void;
|
|
onUpload: () => void;
|
|
onXp: () => void;
|
|
onVc: (event: { channelId: string }) => void;
|
|
};
|
|
|
|
type StartRealtimeRefreshOptions = {
|
|
filter: RealtimeRefreshFilter;
|
|
debounceMs: number;
|
|
refresh: () => void;
|
|
subscribe: (handlers: RealtimeRefreshHandlers) => { clean: () => void };
|
|
};
|
|
|
|
export function startRealtimeRefresh({
|
|
filter,
|
|
debounceMs,
|
|
refresh,
|
|
subscribe,
|
|
}: StartRealtimeRefreshOptions) {
|
|
let connectedOnce = false;
|
|
let refreshTimer: ReturnType<typeof setTimeout> | undefined;
|
|
|
|
const scheduleRefresh = () => {
|
|
if (refreshTimer) clearTimeout(refreshTimer);
|
|
refreshTimer = setTimeout(refresh, debounceMs);
|
|
};
|
|
|
|
const subscription = subscribe({
|
|
onOpen() {
|
|
if (connectedOnce) {
|
|
scheduleRefresh();
|
|
} else {
|
|
connectedOnce = true;
|
|
}
|
|
},
|
|
onForm(event) {
|
|
if (
|
|
filter.kind === "form"
|
|
&& (!filter.formId || event.formId === filter.formId)
|
|
) {
|
|
scheduleRefresh();
|
|
}
|
|
},
|
|
onXp() {
|
|
if (filter.kind === "xp") scheduleRefresh();
|
|
},
|
|
onUpload() {
|
|
if (filter.kind === "uploads") scheduleRefresh();
|
|
},
|
|
onVc(event) {
|
|
if (
|
|
filter.kind === "vc"
|
|
&& (!filter.channelId || event.channelId === filter.channelId)
|
|
) {
|
|
scheduleRefresh();
|
|
}
|
|
},
|
|
});
|
|
|
|
return () => {
|
|
if (refreshTimer) clearTimeout(refreshTimer);
|
|
subscription.clean();
|
|
};
|
|
}
|