From b4145db3597f7971c9fdf851317ec3536e0ee806 Mon Sep 17 00:00:00 2001 From: Iris Lightshard Date: Sat, 17 Aug 2024 13:30:47 -0600 Subject: [PATCH] fix batch timer and use it for authors --- frontend/ts/batch-timer.ts | 2 +- frontend/ts/thread-summary-element.ts | 15 +++++++++++---- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/frontend/ts/batch-timer.ts b/frontend/ts/batch-timer.ts index c15e2ac..ab5f735 100644 --- a/frontend/ts/batch-timer.ts +++ b/frontend/ts/batch-timer.ts @@ -12,7 +12,7 @@ export class BatchTimer { public queue(id: string, timeout: number){ this._timer = new Date().getTime() + timeout; this._batch.push(id); - setTimeout(this.checkBatch, timeout); + setTimeout(this.checkBatch.bind(this), timeout); } private checkBatch() { diff --git a/frontend/ts/thread-summary-element.ts b/frontend/ts/thread-summary-element.ts index 7579198..e5edff2 100644 --- a/frontend/ts/thread-summary-element.ts +++ b/frontend/ts/thread-summary-element.ts @@ -1,6 +1,7 @@ import util from "./util" import { Message, Author } from "./message" import { AdapterState } from "./adapter" +import { BatchTimer } from "./batch-timer" export class ThreadSummaryElement extends HTMLElement { static observedAttributes = [ "data-msg", "data-len", "data-author", "data-created", "data-latest", "data-new" ]; @@ -13,6 +14,8 @@ export class ThreadSummaryElement extends HTMLElement { private _latest: number = 0; private _new: boolean = false; + private _authorTimer: BatchTimer; + constructor() { super(); this.innerHTML = "
" @@ -20,6 +23,13 @@ export class ThreadSummaryElement extends HTMLElement { // adapter shouldn't change, just set it here this._adapter = this.getAttribute("data-adapter") ?? ""; this.addEventListener("click", this.viewThread(this), false); + this._authorTimer = new BatchTimer((ids: string[])=>{ + let url = `/api/adapters/${this._adapter}/fetch?entity_type=author`; + for (let id of ids) { + url += `&entity_id=${id}`; + } + util.authorizedFetch("GET", url, null) + }); } connectedCallback() { @@ -54,10 +64,7 @@ export class ThreadSummaryElement extends HTMLElement { if (next) { let authorData= datastore.profileCache.get(next); if (!authorData) { - util.authorizedFetch( - "GET", - `/api/adapters/${this._adapter}/fetch?entity_type=author&entity_id=${next}`, - null); + this._authorTimer.queue(next, 2000); this._author = {id: next}; const threadAuthor = this.querySelector(".thread_author"); if (threadAuthor) {