@netdata/charts
Version:
Netdata frontend SDK and chart utilities
184 lines • 9.28 kB
JavaScript
var _excluded = ["result", "chartType", "versions", "title"];
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
import { errorCodesToMessage } from "./api";
import makeGetClosestRow from "./makeGetClosestRow";
import getInitialFilterAttributes from "./filters/getInitialAttributes";
import camelizePayload from "./camelizePayload";
var initialPayload = {
labels: [],
data: [],
all: [],
tree: {}
};
export default (function (chart) {
var abortController = null;
var payload = initialPayload;
var nextPayload = null;
chart.lastFetch = [null, null];
chart.getPayload = function () {
return payload;
};
makeGetClosestRow(chart);
chart.cancelFetch = function () {
return abortController && abortController.abort();
};
var finishFetch = function finishFetch() {
if (!chart) return;
chart.startAutofetch();
chart.trigger("finishFetch");
chart.trigger("render");
};
var getDataLength = function getDataLength(payload) {
var _ref = payload || initialPayload,
data = _ref.data;
return (data === null || data === void 0 ? void 0 : data.length) || 0;
};
chart.doneFetch = function (nextRawPayload) {
chart.backoffMs = 0;
setTimeout(function () {
var _camelizePayload = camelizePayload(nextRawPayload, chart),
result = _camelizePayload.result,
chartType = _camelizePayload.chartType,
versions = _camelizePayload.versions,
title = _camelizePayload.title,
restPayload = _objectWithoutProperties(_camelizePayload, _excluded);
var prevPayload = nextPayload;
nextPayload = result;
var dataLength = getDataLength(nextPayload);
chart.consumePayload();
chart.invalidateClosestRowCache();
if (!chart.getAttribute("loaded")) chart.getRoot().trigger("chartLoaded", chart);
var attributes = chart.getAttributes();
chart.setAttributes({
chartType: attributes.selectedChartType || attributes.chartType || chartType,
title: attributes.title === null ? title : attributes.title
});
chart.updateAttributes(_objectSpread(_objectSpread({
loaded: true,
loading: false,
processing: false,
updatedAt: Date.now(),
outOfLimits: !dataLength
}, restPayload), {}, {
versions: versions,
error: null
}));
chart.updateDimensions();
if (!chart.getAttribute("initializedFilters")) chart.setAttributes(getInitialFilterAttributes(chart));
chart.trigger("successFetch", nextPayload, prevPayload);
updateVersions(versions);
finishFetch();
});
};
var updateVersions = function updateVersions(hashes) {
if (!hashes || _typeof(hashes) !== "object" || !chart) return;
var container = chart.getParent();
if (!container) return;
var alertsHardHash = hashes.alerts_hard_hash,
alertsSoftHash = hashes.alerts_soft_hash,
contextsHardHash = hashes.contexts_hard_hash,
contextsSoftHash = hashes.contexts_soft_hash,
nodesHardHash = hashes.nodes_hard_hash;
container.updateAttribute("versions", {
alertsHardHash: alertsHardHash,
alertsSoftHash: alertsSoftHash,
contextsHardHash: contextsHardHash,
contextsSoftHash: contextsSoftHash,
nodesHardHash: nodesHardHash
});
};
chart.failFetch = function (error) {
if (!chart) return;
if ((error === null || error === void 0 ? void 0 : error.name) === "AbortError") {
chart.updateAttribute("loading", false);
return;
}
chart.backoff();
chart.trigger("failFetch", error);
if (!chart.getAttribute("loaded")) chart.getRoot().trigger("chartLoaded", chart);
chart.updateAttributes({
loaded: true,
loading: false,
processing: false,
updatedAt: Date.now(),
error: errorCodesToMessage[error === null || error === void 0 ? void 0 : error.errorMessage] || (error === null || error === void 0 ? void 0 : error.errorMessage) || (error === null || error === void 0 ? void 0 : error.message) || "Something went wrong"
});
finishFetch();
};
var isNewerThanRetention = function isNewerThanRetention() {
if (!chart) return false;
var _chart$getAttributes = chart.getAttributes(),
firstEntry = _chart$getAttributes.firstEntry,
after = _chart$getAttributes.after,
before = _chart$getAttributes.before;
if (!firstEntry) return true;
var absoluteBefore = after >= 0 ? before : Date.now() / 1000;
return firstEntry <= absoluteBefore;
};
chart.baseFetch = function () {
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref2$doneFetch = _ref2.doneFetch,
doneFetch = _ref2$doneFetch === void 0 ? chart.doneFetch : _ref2$doneFetch,
_ref2$failFetch = _ref2.failFetch,
failFetch = _ref2$failFetch === void 0 ? chart.failFetch : _ref2$failFetch,
signal = _ref2.signal,
_ref2$params = _ref2.params,
params = _ref2$params === void 0 ? {} : _ref2$params;
if (!chart) return;
var options = _objectSpread({
params: params,
signal: signal
}, (chart.getAttribute("bearer") || chart.getAttribute("xNetdataBearer")) && {
headers: _objectSpread({}, chart.getAttribute("bearer") ? {
Authorization: "Bearer ".concat(chart.getAttribute("bearer"))
} : {
"X-Netdata-Auth": "Bearer ".concat(chart.getAttribute("xNetdataBearer"))
})
});
return chart.getChart(chart, options).then(function (data) {
var _data$result;
if (data !== null && data !== void 0 && data.errorMsgKey) return failFetch === null || failFetch === void 0 ? void 0 : failFetch(data);
if (!(Array.isArray(data === null || data === void 0 ? void 0 : data.result) || Array.isArray(data === null || data === void 0 || (_data$result = data.result) === null || _data$result === void 0 ? void 0 : _data$result.data))) return failFetch === null || failFetch === void 0 ? void 0 : failFetch();
return doneFetch === null || doneFetch === void 0 ? void 0 : doneFetch(data);
})["catch"](failFetch);
};
chart.fetch = function () {
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref3$processing = _ref3.processing,
processing = _ref3$processing === void 0 ? false : _ref3$processing;
if (!chart) return;
chart.updateAttributes({
processing: processing,
loading: true,
fetchStartedAt: Date.now()
});
chart.cancelFetch();
chart.trigger("startFetch");
if (!isNewerThanRetention()) return Promise.resolve().then(function () {
return chart.failFetch({
message: "Exceeds data retention"
});
});
abortController = new AbortController();
return chart.baseFetch({
doneFetch: chart.doneFetch,
failFetch: chart.failFetch,
signal: abortController.signal
});
};
chart.consumePayload = function () {
if (payload === nextPayload || nextPayload === null) return false;
var prevPayload = payload;
payload = nextPayload;
if (chart) chart.trigger("payloadChanged", nextPayload, prevPayload);
return true;
};
chart.on("fetch", chart.fetch);
});