106 lines
2.8 KiB
JavaScript
106 lines
2.8 KiB
JavaScript
|
import httpStatusCodes from './http_status';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Polling utility for handling realtime updates.
|
||
|
|
* Service for vue resouce and method need to be provided as props
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* new Poll({
|
||
|
|
* resource: resource,
|
||
|
|
* method: 'name',
|
||
|
|
* data: {page: 1, scope: 'all'}, // optional
|
||
|
|
* successCallback: () => {},
|
||
|
|
* errorCallback: () => {},
|
||
|
|
* notificationCallback: () => {}, // optional
|
||
|
|
* }).makeRequest();
|
||
|
|
*
|
||
|
|
* Usage in pipelines table with visibility lib:
|
||
|
|
*
|
||
|
|
* const poll = new Poll({
|
||
|
|
* resource: this.service,
|
||
|
|
* method: 'getPipelines',
|
||
|
|
* data: { page: pageNumber, scope },
|
||
|
|
* successCallback: this.successCallback,
|
||
|
|
* errorCallback: this.errorCallback,
|
||
|
|
* notificationCallback: this.updateLoading,
|
||
|
|
* });
|
||
|
|
*
|
||
|
|
* if (!Visibility.hidden()) {
|
||
|
|
* poll.makeRequest();
|
||
|
|
* }
|
||
|
|
*
|
||
|
|
* Visibility.change(() => {
|
||
|
|
* if (!Visibility.hidden()) {
|
||
|
|
* poll.restart();
|
||
|
|
* } else {
|
||
|
|
* poll.stop();
|
||
|
|
* }
|
||
|
|
* });
|
||
|
|
*
|
||
|
|
* 1. Checks for response and headers before start polling
|
||
|
|
* 2. Interval is provided by `Poll-Interval` header.
|
||
|
|
* 3. If `Poll-Interval` is -1, we stop polling
|
||
|
|
* 4. If HTTP response is 200, we poll.
|
||
|
|
* 5. If HTTP response is different from 200, we stop polling.
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
export default class Poll {
|
||
|
|
constructor(options = {}) {
|
||
|
|
this.options = options;
|
||
|
|
this.options.data = options.data || {};
|
||
|
|
this.options.notificationCallback = options.notificationCallback ||
|
||
|
|
function notificationCallback() {};
|
||
|
|
|
||
|
|
this.intervalHeader = 'POLL-INTERVAL';
|
||
|
|
this.timeoutID = null;
|
||
|
|
this.canPoll = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
checkConditions(response) {
|
||
|
|
const headers = gl.utils.normalizeHeaders(response.headers);
|
||
|
|
const pollInterval = parseInt(headers[this.intervalHeader], 10);
|
||
|
|
|
||
|
|
if (pollInterval > 0 && response.status === httpStatusCodes.OK && this.canPoll) {
|
||
|
|
this.timeoutID = setTimeout(() => {
|
||
|
|
this.makeRequest();
|
||
|
|
}, pollInterval);
|
||
|
|
}
|
||
|
|
this.options.successCallback(response);
|
||
|
|
}
|
||
|
|
|
||
|
|
makeRequest() {
|
||
|
|
const { resource, method, data, errorCallback, notificationCallback } = this.options;
|
||
|
|
|
||
|
|
// It's called everytime a new request is made. Useful to update the status.
|
||
|
|
notificationCallback(true);
|
||
|
|
|
||
|
|
return resource[method](data)
|
||
|
|
.then((response) => {
|
||
|
|
this.checkConditions(response);
|
||
|
|
notificationCallback(false);
|
||
|
|
})
|
||
|
|
.catch((error) => {
|
||
|
|
notificationCallback(false);
|
||
|
|
errorCallback(error);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Stops the polling recursive chain
|
||
|
|
* and guarantees if the timeout is already running it won't make another request by
|
||
|
|
* cancelling the previously established timeout.
|
||
|
|
*/
|
||
|
|
stop() {
|
||
|
|
this.canPoll = false;
|
||
|
|
clearTimeout(this.timeoutID);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Restarts polling after it has been stoped
|
||
|
|
*/
|
||
|
|
restart() {
|
||
|
|
this.canPoll = true;
|
||
|
|
this.makeRequest();
|
||
|
|
}
|
||
|
|
}
|