react-redux-query
Version:
React hooks and functions for SWR-style data fetching, backed by Redux
76 lines (75 loc) • 3.63 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
/**
* Reduces state in query branch of Redux state tree depending on action dispatched. Query branch stores query states.
* Key is usually unique per fetcher URL path, and should be similar to URL path.
*
* This allows any component to subscribe to changes to query state for any fetcher, including metadata and errors. It
* also allows components to render themselves immediately if the data they need has already been cached in the query
* branch.
*
* @param state - Query branch
* @param action - Action object
*
* @returns Updated query branch
*/
function reduce(state, action) {
var _a, _b, _c;
var _d, _e;
if (state === void 0) { state = {}; }
var dataMs = Date.now();
switch (action.type) {
case 'REACT_REDUX_QUERY_SAVE_DATA': {
var _f = action.payload, key = _f.key, data = _f.data;
return __assign(__assign({}, state), (_a = {}, _a[key] = __assign(__assign({}, state[key]), { data: __assign({}, data), dataMs: dataMs }), _a));
}
case 'REACT_REDUX_QUERY_UPDATE_DATA': {
var _g = action.payload, key = _g.key, updater = _g.updater, newData = _g.newData;
var data = updater((_d = state[key]) === null || _d === void 0 ? void 0 : _d.data, newData);
if (data === undefined)
return state;
if (data === null) {
var _h = state, _j = key, _ = _h[_j], rest = __rest(_h, [typeof _j === "symbol" ? _j : _j + ""]);
return rest;
}
return __assign(__assign({}, state), (_b = {}, _b[key] = __assign(__assign({}, state[key]), { data: __assign({}, data), dataMs: dataMs }), _b));
}
case 'REACT_REDUX_QUERY_UPDATE_QUERY_STATE': {
var _k = action.payload, key = _k.key, options = _k.options;
var queryState = action.payload.state;
var saveStaleResponse = (options === null || options === void 0 ? void 0 : options.saveStaleResponse) || false;
if (!saveStaleResponse && queryState.goodFetchMonoMs !== undefined) {
if (queryState.goodFetchMonoMs < (((_e = state[key]) === null || _e === void 0 ? void 0 : _e.goodFetchMonoMs) || 0)) {
var data = queryState.data, dataMs_1 = queryState.dataMs, goodFetchMonoMs = queryState.goodFetchMonoMs, state_1 = __rest(queryState, ["data", "dataMs", "goodFetchMonoMs"]);
queryState = state_1;
}
}
return __assign(__assign({}, state), (_c = {}, _c[key] = __assign(__assign({}, state[key]), queryState), _c));
}
default:
return state;
}
}
exports.default = reduce;