DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

chore(turbo-poll): convert to setInterval, turbo morph compatible.

Browse source 
Interval is not exponential anymore, so increase max checks.
This commit is contained in:
Colin Darie 2022-12-08 13:04:44 +01:00
parent 4824363879
commit c93eba38ea
1 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
app/javascript/controllers/turbo_poll_controller.ts
View file

@ -3,8 +3,7 @@ import { httpRequest } from '@utils';
import { ApplicationController } from './application_controller';
const DEFAULT_POLL_INTERVAL = 3000;
const DEFAULT_MAX_CHECKS = 10;
const DEFAULT_EXPONENTIAL_FACTOR = 1.2;
const DEFAULT_MAX_CHECKS = 20;
// Periodically check the state of a URL.
//
@ -27,10 +26,7 @@ export class TurboPollController extends ApplicationController {
#abortController?: AbortController;
connect(): void {
const state = this.nextState();
if (state) {
this.schedule(state);
}
this.schedule();
}
disconnect(): void {
@ -38,7 +34,6 @@ export class TurboPollController extends ApplicationController {
}
refresh() {
this.cancel();
this.#abortController = new AbortController();
httpRequest(this.urlValue, { signal: this.#abortController.signal })
@ -46,15 +41,21 @@ export class TurboPollController extends ApplicationController {
.catch(() => null);
}
private schedule(state: PollState): void {
private schedule(): void {
this.cancel();
this.#timer = setTimeout(() => {
this.refresh();
}, state.interval);
this.#timer = setInterval(() => {
const nextState = this.nextState();
if (!nextState) {
this.cancel();
} else {
this.refresh();
}
}, this.intervalValue);
}
private cancel(): void {
clearTimeout(this.#timer);
clearInterval(this.#timer);
this.#abortController?.abort();
this.#abortController = window.AbortController
? new AbortController()
@ -63,10 +64,11 @@ export class TurboPollController extends ApplicationController {
private nextState(): PollState | false {
const state = pollers.get(this.urlValue);
if (!state) {
return this.resetState();
}
state.interval *= DEFAULT_EXPONENTIAL_FACTOR;
state.checks += 1;
if (state.checks <= this.maxChecksValue) {
return state;
@ -87,7 +89,6 @@ export class TurboPollController extends ApplicationController {
}
type PollState = {
interval: number;
checks: number;
};