Grabbed dndbeyond's source code
``` ~/go/bin/sourcemapper -output ddb -jsurl https://media.dndbeyond.com/character-app/static/js/main.90aa78c5.js ```
This commit is contained in:
+95
@@ -0,0 +1,95 @@
|
||||
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
|
||||
import { Subscribable } from './subscribable';
|
||||
import { isServer } from './utils';
|
||||
export var FocusManager = /*#__PURE__*/function (_Subscribable) {
|
||||
_inheritsLoose(FocusManager, _Subscribable);
|
||||
|
||||
function FocusManager() {
|
||||
var _this;
|
||||
|
||||
_this = _Subscribable.call(this) || this;
|
||||
|
||||
_this.setup = function (onFocus) {
|
||||
var _window;
|
||||
|
||||
if (!isServer && ((_window = window) == null ? void 0 : _window.addEventListener)) {
|
||||
var listener = function listener() {
|
||||
return onFocus();
|
||||
}; // Listen to visibillitychange and focus
|
||||
|
||||
|
||||
window.addEventListener('visibilitychange', listener, false);
|
||||
window.addEventListener('focus', listener, false);
|
||||
return function () {
|
||||
// Be sure to unsubscribe if a new handler is set
|
||||
window.removeEventListener('visibilitychange', listener);
|
||||
window.removeEventListener('focus', listener);
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
var _proto = FocusManager.prototype;
|
||||
|
||||
_proto.onSubscribe = function onSubscribe() {
|
||||
if (!this.cleanup) {
|
||||
this.setEventListener(this.setup);
|
||||
}
|
||||
};
|
||||
|
||||
_proto.onUnsubscribe = function onUnsubscribe() {
|
||||
if (!this.hasListeners()) {
|
||||
var _this$cleanup;
|
||||
|
||||
(_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
|
||||
this.cleanup = undefined;
|
||||
}
|
||||
};
|
||||
|
||||
_proto.setEventListener = function setEventListener(setup) {
|
||||
var _this$cleanup2,
|
||||
_this2 = this;
|
||||
|
||||
this.setup = setup;
|
||||
(_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
|
||||
this.cleanup = setup(function (focused) {
|
||||
if (typeof focused === 'boolean') {
|
||||
_this2.setFocused(focused);
|
||||
} else {
|
||||
_this2.onFocus();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
_proto.setFocused = function setFocused(focused) {
|
||||
this.focused = focused;
|
||||
|
||||
if (focused) {
|
||||
this.onFocus();
|
||||
}
|
||||
};
|
||||
|
||||
_proto.onFocus = function onFocus() {
|
||||
this.listeners.forEach(function (listener) {
|
||||
listener();
|
||||
});
|
||||
};
|
||||
|
||||
_proto.isFocused = function isFocused() {
|
||||
if (typeof this.focused === 'boolean') {
|
||||
return this.focused;
|
||||
} // document global can be unavailable in react native
|
||||
|
||||
|
||||
if (typeof document === 'undefined') {
|
||||
return true;
|
||||
}
|
||||
|
||||
return [undefined, 'visible', 'prerender'].includes(document.visibilityState);
|
||||
};
|
||||
|
||||
return FocusManager;
|
||||
}(Subscribable);
|
||||
export var focusManager = new FocusManager();
|
||||
+153
@@ -0,0 +1,153 @@
|
||||
import { isCancelable } from './retryer';
|
||||
import { getAbortController } from './utils';
|
||||
export function infiniteQueryBehavior() {
|
||||
return {
|
||||
onFetch: function onFetch(context) {
|
||||
context.fetchFn = function () {
|
||||
var _context$fetchOptions, _context$fetchOptions2, _context$fetchOptions3, _context$fetchOptions4, _context$state$data, _context$state$data2;
|
||||
|
||||
var refetchPage = (_context$fetchOptions = context.fetchOptions) == null ? void 0 : (_context$fetchOptions2 = _context$fetchOptions.meta) == null ? void 0 : _context$fetchOptions2.refetchPage;
|
||||
var fetchMore = (_context$fetchOptions3 = context.fetchOptions) == null ? void 0 : (_context$fetchOptions4 = _context$fetchOptions3.meta) == null ? void 0 : _context$fetchOptions4.fetchMore;
|
||||
var pageParam = fetchMore == null ? void 0 : fetchMore.pageParam;
|
||||
var isFetchingNextPage = (fetchMore == null ? void 0 : fetchMore.direction) === 'forward';
|
||||
var isFetchingPreviousPage = (fetchMore == null ? void 0 : fetchMore.direction) === 'backward';
|
||||
var oldPages = ((_context$state$data = context.state.data) == null ? void 0 : _context$state$data.pages) || [];
|
||||
var oldPageParams = ((_context$state$data2 = context.state.data) == null ? void 0 : _context$state$data2.pageParams) || [];
|
||||
var abortController = getAbortController();
|
||||
var abortSignal = abortController == null ? void 0 : abortController.signal;
|
||||
var newPageParams = oldPageParams;
|
||||
var cancelled = false; // Get query function
|
||||
|
||||
var queryFn = context.options.queryFn || function () {
|
||||
return Promise.reject('Missing queryFn');
|
||||
};
|
||||
|
||||
var buildNewPages = function buildNewPages(pages, param, page, previous) {
|
||||
newPageParams = previous ? [param].concat(newPageParams) : [].concat(newPageParams, [param]);
|
||||
return previous ? [page].concat(pages) : [].concat(pages, [page]);
|
||||
}; // Create function to fetch a page
|
||||
|
||||
|
||||
var fetchPage = function fetchPage(pages, manual, param, previous) {
|
||||
if (cancelled) {
|
||||
return Promise.reject('Cancelled');
|
||||
}
|
||||
|
||||
if (typeof param === 'undefined' && !manual && pages.length) {
|
||||
return Promise.resolve(pages);
|
||||
}
|
||||
|
||||
var queryFnContext = {
|
||||
queryKey: context.queryKey,
|
||||
signal: abortSignal,
|
||||
pageParam: param,
|
||||
meta: context.meta
|
||||
};
|
||||
var queryFnResult = queryFn(queryFnContext);
|
||||
var promise = Promise.resolve(queryFnResult).then(function (page) {
|
||||
return buildNewPages(pages, param, page, previous);
|
||||
});
|
||||
|
||||
if (isCancelable(queryFnResult)) {
|
||||
var promiseAsAny = promise;
|
||||
promiseAsAny.cancel = queryFnResult.cancel;
|
||||
}
|
||||
|
||||
return promise;
|
||||
};
|
||||
|
||||
var promise; // Fetch first page?
|
||||
|
||||
if (!oldPages.length) {
|
||||
promise = fetchPage([]);
|
||||
} // Fetch next page?
|
||||
else if (isFetchingNextPage) {
|
||||
var manual = typeof pageParam !== 'undefined';
|
||||
var param = manual ? pageParam : getNextPageParam(context.options, oldPages);
|
||||
promise = fetchPage(oldPages, manual, param);
|
||||
} // Fetch previous page?
|
||||
else if (isFetchingPreviousPage) {
|
||||
var _manual = typeof pageParam !== 'undefined';
|
||||
|
||||
var _param = _manual ? pageParam : getPreviousPageParam(context.options, oldPages);
|
||||
|
||||
promise = fetchPage(oldPages, _manual, _param, true);
|
||||
} // Refetch pages
|
||||
else {
|
||||
(function () {
|
||||
newPageParams = [];
|
||||
var manual = typeof context.options.getNextPageParam === 'undefined';
|
||||
var shouldFetchFirstPage = refetchPage && oldPages[0] ? refetchPage(oldPages[0], 0, oldPages) : true; // Fetch first page
|
||||
|
||||
promise = shouldFetchFirstPage ? fetchPage([], manual, oldPageParams[0]) : Promise.resolve(buildNewPages([], oldPageParams[0], oldPages[0])); // Fetch remaining pages
|
||||
|
||||
var _loop = function _loop(i) {
|
||||
promise = promise.then(function (pages) {
|
||||
var shouldFetchNextPage = refetchPage && oldPages[i] ? refetchPage(oldPages[i], i, oldPages) : true;
|
||||
|
||||
if (shouldFetchNextPage) {
|
||||
var _param2 = manual ? oldPageParams[i] : getNextPageParam(context.options, pages);
|
||||
|
||||
return fetchPage(pages, manual, _param2);
|
||||
}
|
||||
|
||||
return Promise.resolve(buildNewPages(pages, oldPageParams[i], oldPages[i]));
|
||||
});
|
||||
};
|
||||
|
||||
for (var i = 1; i < oldPages.length; i++) {
|
||||
_loop(i);
|
||||
}
|
||||
})();
|
||||
}
|
||||
|
||||
var finalPromise = promise.then(function (pages) {
|
||||
return {
|
||||
pages: pages,
|
||||
pageParams: newPageParams
|
||||
};
|
||||
});
|
||||
var finalPromiseAsAny = finalPromise;
|
||||
|
||||
finalPromiseAsAny.cancel = function () {
|
||||
cancelled = true;
|
||||
abortController == null ? void 0 : abortController.abort();
|
||||
|
||||
if (isCancelable(promise)) {
|
||||
promise.cancel();
|
||||
}
|
||||
};
|
||||
|
||||
return finalPromise;
|
||||
};
|
||||
}
|
||||
};
|
||||
}
|
||||
export function getNextPageParam(options, pages) {
|
||||
return options.getNextPageParam == null ? void 0 : options.getNextPageParam(pages[pages.length - 1], pages);
|
||||
}
|
||||
export function getPreviousPageParam(options, pages) {
|
||||
return options.getPreviousPageParam == null ? void 0 : options.getPreviousPageParam(pages[0], pages);
|
||||
}
|
||||
/**
|
||||
* Checks if there is a next page.
|
||||
* Returns `undefined` if it cannot be determined.
|
||||
*/
|
||||
|
||||
export function hasNextPage(options, pages) {
|
||||
if (options.getNextPageParam && Array.isArray(pages)) {
|
||||
var nextPageParam = getNextPageParam(options, pages);
|
||||
return typeof nextPageParam !== 'undefined' && nextPageParam !== null && nextPageParam !== false;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Checks if there is a previous page.
|
||||
* Returns `undefined` if it cannot be determined.
|
||||
*/
|
||||
|
||||
export function hasPreviousPage(options, pages) {
|
||||
if (options.getPreviousPageParam && Array.isArray(pages)) {
|
||||
var previousPageParam = getPreviousPageParam(options, pages);
|
||||
return typeof previousPageParam !== 'undefined' && previousPageParam !== null && previousPageParam !== false;
|
||||
}
|
||||
}
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
// TYPES
|
||||
// FUNCTIONS
|
||||
var logger = console;
|
||||
export function getLogger() {
|
||||
return logger;
|
||||
}
|
||||
export function setLogger(newLogger) {
|
||||
logger = newLogger;
|
||||
}
|
||||
+232
@@ -0,0 +1,232 @@
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
import { getLogger } from './logger';
|
||||
import { notifyManager } from './notifyManager';
|
||||
import { Retryer } from './retryer';
|
||||
import { noop } from './utils'; // TYPES
|
||||
|
||||
// CLASS
|
||||
export var Mutation = /*#__PURE__*/function () {
|
||||
function Mutation(config) {
|
||||
this.options = _extends({}, config.defaultOptions, config.options);
|
||||
this.mutationId = config.mutationId;
|
||||
this.mutationCache = config.mutationCache;
|
||||
this.observers = [];
|
||||
this.state = config.state || getDefaultState();
|
||||
this.meta = config.meta;
|
||||
}
|
||||
|
||||
var _proto = Mutation.prototype;
|
||||
|
||||
_proto.setState = function setState(state) {
|
||||
this.dispatch({
|
||||
type: 'setState',
|
||||
state: state
|
||||
});
|
||||
};
|
||||
|
||||
_proto.addObserver = function addObserver(observer) {
|
||||
if (this.observers.indexOf(observer) === -1) {
|
||||
this.observers.push(observer);
|
||||
}
|
||||
};
|
||||
|
||||
_proto.removeObserver = function removeObserver(observer) {
|
||||
this.observers = this.observers.filter(function (x) {
|
||||
return x !== observer;
|
||||
});
|
||||
};
|
||||
|
||||
_proto.cancel = function cancel() {
|
||||
if (this.retryer) {
|
||||
this.retryer.cancel();
|
||||
return this.retryer.promise.then(noop).catch(noop);
|
||||
}
|
||||
|
||||
return Promise.resolve();
|
||||
};
|
||||
|
||||
_proto.continue = function _continue() {
|
||||
if (this.retryer) {
|
||||
this.retryer.continue();
|
||||
return this.retryer.promise;
|
||||
}
|
||||
|
||||
return this.execute();
|
||||
};
|
||||
|
||||
_proto.execute = function execute() {
|
||||
var _this = this;
|
||||
|
||||
var data;
|
||||
var restored = this.state.status === 'loading';
|
||||
var promise = Promise.resolve();
|
||||
|
||||
if (!restored) {
|
||||
this.dispatch({
|
||||
type: 'loading',
|
||||
variables: this.options.variables
|
||||
});
|
||||
promise = promise.then(function () {
|
||||
// Notify cache callback
|
||||
_this.mutationCache.config.onMutate == null ? void 0 : _this.mutationCache.config.onMutate(_this.state.variables, _this);
|
||||
}).then(function () {
|
||||
return _this.options.onMutate == null ? void 0 : _this.options.onMutate(_this.state.variables);
|
||||
}).then(function (context) {
|
||||
if (context !== _this.state.context) {
|
||||
_this.dispatch({
|
||||
type: 'loading',
|
||||
context: context,
|
||||
variables: _this.state.variables
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return promise.then(function () {
|
||||
return _this.executeMutation();
|
||||
}).then(function (result) {
|
||||
data = result; // Notify cache callback
|
||||
|
||||
_this.mutationCache.config.onSuccess == null ? void 0 : _this.mutationCache.config.onSuccess(data, _this.state.variables, _this.state.context, _this);
|
||||
}).then(function () {
|
||||
return _this.options.onSuccess == null ? void 0 : _this.options.onSuccess(data, _this.state.variables, _this.state.context);
|
||||
}).then(function () {
|
||||
return _this.options.onSettled == null ? void 0 : _this.options.onSettled(data, null, _this.state.variables, _this.state.context);
|
||||
}).then(function () {
|
||||
_this.dispatch({
|
||||
type: 'success',
|
||||
data: data
|
||||
});
|
||||
|
||||
return data;
|
||||
}).catch(function (error) {
|
||||
// Notify cache callback
|
||||
_this.mutationCache.config.onError == null ? void 0 : _this.mutationCache.config.onError(error, _this.state.variables, _this.state.context, _this); // Log error
|
||||
|
||||
getLogger().error(error);
|
||||
return Promise.resolve().then(function () {
|
||||
return _this.options.onError == null ? void 0 : _this.options.onError(error, _this.state.variables, _this.state.context);
|
||||
}).then(function () {
|
||||
return _this.options.onSettled == null ? void 0 : _this.options.onSettled(undefined, error, _this.state.variables, _this.state.context);
|
||||
}).then(function () {
|
||||
_this.dispatch({
|
||||
type: 'error',
|
||||
error: error
|
||||
});
|
||||
|
||||
throw error;
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.executeMutation = function executeMutation() {
|
||||
var _this2 = this,
|
||||
_this$options$retry;
|
||||
|
||||
this.retryer = new Retryer({
|
||||
fn: function fn() {
|
||||
if (!_this2.options.mutationFn) {
|
||||
return Promise.reject('No mutationFn found');
|
||||
}
|
||||
|
||||
return _this2.options.mutationFn(_this2.state.variables);
|
||||
},
|
||||
onFail: function onFail() {
|
||||
_this2.dispatch({
|
||||
type: 'failed'
|
||||
});
|
||||
},
|
||||
onPause: function onPause() {
|
||||
_this2.dispatch({
|
||||
type: 'pause'
|
||||
});
|
||||
},
|
||||
onContinue: function onContinue() {
|
||||
_this2.dispatch({
|
||||
type: 'continue'
|
||||
});
|
||||
},
|
||||
retry: (_this$options$retry = this.options.retry) != null ? _this$options$retry : 0,
|
||||
retryDelay: this.options.retryDelay
|
||||
});
|
||||
return this.retryer.promise;
|
||||
};
|
||||
|
||||
_proto.dispatch = function dispatch(action) {
|
||||
var _this3 = this;
|
||||
|
||||
this.state = reducer(this.state, action);
|
||||
notifyManager.batch(function () {
|
||||
_this3.observers.forEach(function (observer) {
|
||||
observer.onMutationUpdate(action);
|
||||
});
|
||||
|
||||
_this3.mutationCache.notify(_this3);
|
||||
});
|
||||
};
|
||||
|
||||
return Mutation;
|
||||
}();
|
||||
export function getDefaultState() {
|
||||
return {
|
||||
context: undefined,
|
||||
data: undefined,
|
||||
error: null,
|
||||
failureCount: 0,
|
||||
isPaused: false,
|
||||
status: 'idle',
|
||||
variables: undefined
|
||||
};
|
||||
}
|
||||
|
||||
function reducer(state, action) {
|
||||
switch (action.type) {
|
||||
case 'failed':
|
||||
return _extends({}, state, {
|
||||
failureCount: state.failureCount + 1
|
||||
});
|
||||
|
||||
case 'pause':
|
||||
return _extends({}, state, {
|
||||
isPaused: true
|
||||
});
|
||||
|
||||
case 'continue':
|
||||
return _extends({}, state, {
|
||||
isPaused: false
|
||||
});
|
||||
|
||||
case 'loading':
|
||||
return _extends({}, state, {
|
||||
context: action.context,
|
||||
data: undefined,
|
||||
error: null,
|
||||
isPaused: false,
|
||||
status: 'loading',
|
||||
variables: action.variables
|
||||
});
|
||||
|
||||
case 'success':
|
||||
return _extends({}, state, {
|
||||
data: action.data,
|
||||
error: null,
|
||||
status: 'success',
|
||||
isPaused: false
|
||||
});
|
||||
|
||||
case 'error':
|
||||
return _extends({}, state, {
|
||||
data: undefined,
|
||||
error: action.error,
|
||||
failureCount: state.failureCount + 1,
|
||||
isPaused: false,
|
||||
status: 'error'
|
||||
});
|
||||
|
||||
case 'setState':
|
||||
return _extends({}, state, action.state);
|
||||
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
}
|
||||
+111
@@ -0,0 +1,111 @@
|
||||
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
|
||||
import { notifyManager } from './notifyManager';
|
||||
import { Mutation } from './mutation';
|
||||
import { matchMutation, noop } from './utils';
|
||||
import { Subscribable } from './subscribable'; // TYPES
|
||||
|
||||
// CLASS
|
||||
export var MutationCache = /*#__PURE__*/function (_Subscribable) {
|
||||
_inheritsLoose(MutationCache, _Subscribable);
|
||||
|
||||
function MutationCache(config) {
|
||||
var _this;
|
||||
|
||||
_this = _Subscribable.call(this) || this;
|
||||
_this.config = config || {};
|
||||
_this.mutations = [];
|
||||
_this.mutationId = 0;
|
||||
return _this;
|
||||
}
|
||||
|
||||
var _proto = MutationCache.prototype;
|
||||
|
||||
_proto.build = function build(client, options, state) {
|
||||
var mutation = new Mutation({
|
||||
mutationCache: this,
|
||||
mutationId: ++this.mutationId,
|
||||
options: client.defaultMutationOptions(options),
|
||||
state: state,
|
||||
defaultOptions: options.mutationKey ? client.getMutationDefaults(options.mutationKey) : undefined,
|
||||
meta: options.meta
|
||||
});
|
||||
this.add(mutation);
|
||||
return mutation;
|
||||
};
|
||||
|
||||
_proto.add = function add(mutation) {
|
||||
this.mutations.push(mutation);
|
||||
this.notify(mutation);
|
||||
};
|
||||
|
||||
_proto.remove = function remove(mutation) {
|
||||
this.mutations = this.mutations.filter(function (x) {
|
||||
return x !== mutation;
|
||||
});
|
||||
mutation.cancel();
|
||||
this.notify(mutation);
|
||||
};
|
||||
|
||||
_proto.clear = function clear() {
|
||||
var _this2 = this;
|
||||
|
||||
notifyManager.batch(function () {
|
||||
_this2.mutations.forEach(function (mutation) {
|
||||
_this2.remove(mutation);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.getAll = function getAll() {
|
||||
return this.mutations;
|
||||
};
|
||||
|
||||
_proto.find = function find(filters) {
|
||||
if (typeof filters.exact === 'undefined') {
|
||||
filters.exact = true;
|
||||
}
|
||||
|
||||
return this.mutations.find(function (mutation) {
|
||||
return matchMutation(filters, mutation);
|
||||
});
|
||||
};
|
||||
|
||||
_proto.findAll = function findAll(filters) {
|
||||
return this.mutations.filter(function (mutation) {
|
||||
return matchMutation(filters, mutation);
|
||||
});
|
||||
};
|
||||
|
||||
_proto.notify = function notify(mutation) {
|
||||
var _this3 = this;
|
||||
|
||||
notifyManager.batch(function () {
|
||||
_this3.listeners.forEach(function (listener) {
|
||||
listener(mutation);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.onFocus = function onFocus() {
|
||||
this.resumePausedMutations();
|
||||
};
|
||||
|
||||
_proto.onOnline = function onOnline() {
|
||||
this.resumePausedMutations();
|
||||
};
|
||||
|
||||
_proto.resumePausedMutations = function resumePausedMutations() {
|
||||
var pausedMutations = this.mutations.filter(function (x) {
|
||||
return x.state.isPaused;
|
||||
});
|
||||
return notifyManager.batch(function () {
|
||||
return pausedMutations.reduce(function (promise, mutation) {
|
||||
return promise.then(function () {
|
||||
return mutation.continue().catch(noop);
|
||||
});
|
||||
}, Promise.resolve());
|
||||
});
|
||||
};
|
||||
|
||||
return MutationCache;
|
||||
}(Subscribable);
|
||||
+105
@@ -0,0 +1,105 @@
|
||||
import { scheduleMicrotask } from './utils'; // TYPES
|
||||
|
||||
// CLASS
|
||||
export var NotifyManager = /*#__PURE__*/function () {
|
||||
function NotifyManager() {
|
||||
this.queue = [];
|
||||
this.transactions = 0;
|
||||
|
||||
this.notifyFn = function (callback) {
|
||||
callback();
|
||||
};
|
||||
|
||||
this.batchNotifyFn = function (callback) {
|
||||
callback();
|
||||
};
|
||||
}
|
||||
|
||||
var _proto = NotifyManager.prototype;
|
||||
|
||||
_proto.batch = function batch(callback) {
|
||||
var result;
|
||||
this.transactions++;
|
||||
|
||||
try {
|
||||
result = callback();
|
||||
} finally {
|
||||
this.transactions--;
|
||||
|
||||
if (!this.transactions) {
|
||||
this.flush();
|
||||
}
|
||||
}
|
||||
|
||||
return result;
|
||||
};
|
||||
|
||||
_proto.schedule = function schedule(callback) {
|
||||
var _this = this;
|
||||
|
||||
if (this.transactions) {
|
||||
this.queue.push(callback);
|
||||
} else {
|
||||
scheduleMicrotask(function () {
|
||||
_this.notifyFn(callback);
|
||||
});
|
||||
}
|
||||
}
|
||||
/**
|
||||
* All calls to the wrapped function will be batched.
|
||||
*/
|
||||
;
|
||||
|
||||
_proto.batchCalls = function batchCalls(callback) {
|
||||
var _this2 = this;
|
||||
|
||||
return function () {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
_this2.schedule(function () {
|
||||
callback.apply(void 0, args);
|
||||
});
|
||||
};
|
||||
};
|
||||
|
||||
_proto.flush = function flush() {
|
||||
var _this3 = this;
|
||||
|
||||
var queue = this.queue;
|
||||
this.queue = [];
|
||||
|
||||
if (queue.length) {
|
||||
scheduleMicrotask(function () {
|
||||
_this3.batchNotifyFn(function () {
|
||||
queue.forEach(function (callback) {
|
||||
_this3.notifyFn(callback);
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Use this method to set a custom notify function.
|
||||
* This can be used to for example wrap notifications with `React.act` while running tests.
|
||||
*/
|
||||
;
|
||||
|
||||
_proto.setNotifyFunction = function setNotifyFunction(fn) {
|
||||
this.notifyFn = fn;
|
||||
}
|
||||
/**
|
||||
* Use this method to set a custom function to batch notifications together into a single tick.
|
||||
* By default React Query will use the batch function provided by ReactDOM or React Native.
|
||||
*/
|
||||
;
|
||||
|
||||
_proto.setBatchNotifyFunction = function setBatchNotifyFunction(fn) {
|
||||
this.batchNotifyFn = fn;
|
||||
};
|
||||
|
||||
return NotifyManager;
|
||||
}(); // SINGLETON
|
||||
|
||||
export var notifyManager = new NotifyManager();
|
||||
+94
@@ -0,0 +1,94 @@
|
||||
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
|
||||
import { Subscribable } from './subscribable';
|
||||
import { isServer } from './utils';
|
||||
export var OnlineManager = /*#__PURE__*/function (_Subscribable) {
|
||||
_inheritsLoose(OnlineManager, _Subscribable);
|
||||
|
||||
function OnlineManager() {
|
||||
var _this;
|
||||
|
||||
_this = _Subscribable.call(this) || this;
|
||||
|
||||
_this.setup = function (onOnline) {
|
||||
var _window;
|
||||
|
||||
if (!isServer && ((_window = window) == null ? void 0 : _window.addEventListener)) {
|
||||
var listener = function listener() {
|
||||
return onOnline();
|
||||
}; // Listen to online
|
||||
|
||||
|
||||
window.addEventListener('online', listener, false);
|
||||
window.addEventListener('offline', listener, false);
|
||||
return function () {
|
||||
// Be sure to unsubscribe if a new handler is set
|
||||
window.removeEventListener('online', listener);
|
||||
window.removeEventListener('offline', listener);
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
var _proto = OnlineManager.prototype;
|
||||
|
||||
_proto.onSubscribe = function onSubscribe() {
|
||||
if (!this.cleanup) {
|
||||
this.setEventListener(this.setup);
|
||||
}
|
||||
};
|
||||
|
||||
_proto.onUnsubscribe = function onUnsubscribe() {
|
||||
if (!this.hasListeners()) {
|
||||
var _this$cleanup;
|
||||
|
||||
(_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
|
||||
this.cleanup = undefined;
|
||||
}
|
||||
};
|
||||
|
||||
_proto.setEventListener = function setEventListener(setup) {
|
||||
var _this$cleanup2,
|
||||
_this2 = this;
|
||||
|
||||
this.setup = setup;
|
||||
(_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
|
||||
this.cleanup = setup(function (online) {
|
||||
if (typeof online === 'boolean') {
|
||||
_this2.setOnline(online);
|
||||
} else {
|
||||
_this2.onOnline();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
_proto.setOnline = function setOnline(online) {
|
||||
this.online = online;
|
||||
|
||||
if (online) {
|
||||
this.onOnline();
|
||||
}
|
||||
};
|
||||
|
||||
_proto.onOnline = function onOnline() {
|
||||
this.listeners.forEach(function (listener) {
|
||||
listener();
|
||||
});
|
||||
};
|
||||
|
||||
_proto.isOnline = function isOnline() {
|
||||
if (typeof this.online === 'boolean') {
|
||||
return this.online;
|
||||
}
|
||||
|
||||
if (typeof navigator === 'undefined' || typeof navigator.onLine === 'undefined') {
|
||||
return true;
|
||||
}
|
||||
|
||||
return navigator.onLine;
|
||||
};
|
||||
|
||||
return OnlineManager;
|
||||
}(Subscribable);
|
||||
export var onlineManager = new OnlineManager();
|
||||
+500
@@ -0,0 +1,500 @@
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
import { getAbortController, functionalUpdate, isValidTimeout, noop, replaceEqualDeep, timeUntilStale, ensureQueryKeyArray } from './utils';
|
||||
import { notifyManager } from './notifyManager';
|
||||
import { getLogger } from './logger';
|
||||
import { Retryer, isCancelledError } from './retryer'; // TYPES
|
||||
|
||||
// CLASS
|
||||
export var Query = /*#__PURE__*/function () {
|
||||
function Query(config) {
|
||||
this.abortSignalConsumed = false;
|
||||
this.hadObservers = false;
|
||||
this.defaultOptions = config.defaultOptions;
|
||||
this.setOptions(config.options);
|
||||
this.observers = [];
|
||||
this.cache = config.cache;
|
||||
this.queryKey = config.queryKey;
|
||||
this.queryHash = config.queryHash;
|
||||
this.initialState = config.state || this.getDefaultState(this.options);
|
||||
this.state = this.initialState;
|
||||
this.meta = config.meta;
|
||||
this.scheduleGc();
|
||||
}
|
||||
|
||||
var _proto = Query.prototype;
|
||||
|
||||
_proto.setOptions = function setOptions(options) {
|
||||
var _this$options$cacheTi;
|
||||
|
||||
this.options = _extends({}, this.defaultOptions, options);
|
||||
this.meta = options == null ? void 0 : options.meta; // Default to 5 minutes if not cache time is set
|
||||
|
||||
this.cacheTime = Math.max(this.cacheTime || 0, (_this$options$cacheTi = this.options.cacheTime) != null ? _this$options$cacheTi : 5 * 60 * 1000);
|
||||
};
|
||||
|
||||
_proto.setDefaultOptions = function setDefaultOptions(options) {
|
||||
this.defaultOptions = options;
|
||||
};
|
||||
|
||||
_proto.scheduleGc = function scheduleGc() {
|
||||
var _this = this;
|
||||
|
||||
this.clearGcTimeout();
|
||||
|
||||
if (isValidTimeout(this.cacheTime)) {
|
||||
this.gcTimeout = setTimeout(function () {
|
||||
_this.optionalRemove();
|
||||
}, this.cacheTime);
|
||||
}
|
||||
};
|
||||
|
||||
_proto.clearGcTimeout = function clearGcTimeout() {
|
||||
if (this.gcTimeout) {
|
||||
clearTimeout(this.gcTimeout);
|
||||
this.gcTimeout = undefined;
|
||||
}
|
||||
};
|
||||
|
||||
_proto.optionalRemove = function optionalRemove() {
|
||||
if (!this.observers.length) {
|
||||
if (this.state.isFetching) {
|
||||
if (this.hadObservers) {
|
||||
this.scheduleGc();
|
||||
}
|
||||
} else {
|
||||
this.cache.remove(this);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
_proto.setData = function setData(updater, options) {
|
||||
var _this$options$isDataE, _this$options;
|
||||
|
||||
var prevData = this.state.data; // Get the new data
|
||||
|
||||
var data = functionalUpdate(updater, prevData); // Use prev data if an isDataEqual function is defined and returns `true`
|
||||
|
||||
if ((_this$options$isDataE = (_this$options = this.options).isDataEqual) == null ? void 0 : _this$options$isDataE.call(_this$options, prevData, data)) {
|
||||
data = prevData;
|
||||
} else if (this.options.structuralSharing !== false) {
|
||||
// Structurally share data between prev and new data if needed
|
||||
data = replaceEqualDeep(prevData, data);
|
||||
} // Set data and mark it as cached
|
||||
|
||||
|
||||
this.dispatch({
|
||||
data: data,
|
||||
type: 'success',
|
||||
dataUpdatedAt: options == null ? void 0 : options.updatedAt
|
||||
});
|
||||
return data;
|
||||
};
|
||||
|
||||
_proto.setState = function setState(state, setStateOptions) {
|
||||
this.dispatch({
|
||||
type: 'setState',
|
||||
state: state,
|
||||
setStateOptions: setStateOptions
|
||||
});
|
||||
};
|
||||
|
||||
_proto.cancel = function cancel(options) {
|
||||
var _this$retryer;
|
||||
|
||||
var promise = this.promise;
|
||||
(_this$retryer = this.retryer) == null ? void 0 : _this$retryer.cancel(options);
|
||||
return promise ? promise.then(noop).catch(noop) : Promise.resolve();
|
||||
};
|
||||
|
||||
_proto.destroy = function destroy() {
|
||||
this.clearGcTimeout();
|
||||
this.cancel({
|
||||
silent: true
|
||||
});
|
||||
};
|
||||
|
||||
_proto.reset = function reset() {
|
||||
this.destroy();
|
||||
this.setState(this.initialState);
|
||||
};
|
||||
|
||||
_proto.isActive = function isActive() {
|
||||
return this.observers.some(function (observer) {
|
||||
return observer.options.enabled !== false;
|
||||
});
|
||||
};
|
||||
|
||||
_proto.isFetching = function isFetching() {
|
||||
return this.state.isFetching;
|
||||
};
|
||||
|
||||
_proto.isStale = function isStale() {
|
||||
return this.state.isInvalidated || !this.state.dataUpdatedAt || this.observers.some(function (observer) {
|
||||
return observer.getCurrentResult().isStale;
|
||||
});
|
||||
};
|
||||
|
||||
_proto.isStaleByTime = function isStaleByTime(staleTime) {
|
||||
if (staleTime === void 0) {
|
||||
staleTime = 0;
|
||||
}
|
||||
|
||||
return this.state.isInvalidated || !this.state.dataUpdatedAt || !timeUntilStale(this.state.dataUpdatedAt, staleTime);
|
||||
};
|
||||
|
||||
_proto.onFocus = function onFocus() {
|
||||
var _this$retryer2;
|
||||
|
||||
var observer = this.observers.find(function (x) {
|
||||
return x.shouldFetchOnWindowFocus();
|
||||
});
|
||||
|
||||
if (observer) {
|
||||
observer.refetch();
|
||||
} // Continue fetch if currently paused
|
||||
|
||||
|
||||
(_this$retryer2 = this.retryer) == null ? void 0 : _this$retryer2.continue();
|
||||
};
|
||||
|
||||
_proto.onOnline = function onOnline() {
|
||||
var _this$retryer3;
|
||||
|
||||
var observer = this.observers.find(function (x) {
|
||||
return x.shouldFetchOnReconnect();
|
||||
});
|
||||
|
||||
if (observer) {
|
||||
observer.refetch();
|
||||
} // Continue fetch if currently paused
|
||||
|
||||
|
||||
(_this$retryer3 = this.retryer) == null ? void 0 : _this$retryer3.continue();
|
||||
};
|
||||
|
||||
_proto.addObserver = function addObserver(observer) {
|
||||
if (this.observers.indexOf(observer) === -1) {
|
||||
this.observers.push(observer);
|
||||
this.hadObservers = true; // Stop the query from being garbage collected
|
||||
|
||||
this.clearGcTimeout();
|
||||
this.cache.notify({
|
||||
type: 'observerAdded',
|
||||
query: this,
|
||||
observer: observer
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
_proto.removeObserver = function removeObserver(observer) {
|
||||
if (this.observers.indexOf(observer) !== -1) {
|
||||
this.observers = this.observers.filter(function (x) {
|
||||
return x !== observer;
|
||||
});
|
||||
|
||||
if (!this.observers.length) {
|
||||
// If the transport layer does not support cancellation
|
||||
// we'll let the query continue so the result can be cached
|
||||
if (this.retryer) {
|
||||
if (this.retryer.isTransportCancelable || this.abortSignalConsumed) {
|
||||
this.retryer.cancel({
|
||||
revert: true
|
||||
});
|
||||
} else {
|
||||
this.retryer.cancelRetry();
|
||||
}
|
||||
}
|
||||
|
||||
if (this.cacheTime) {
|
||||
this.scheduleGc();
|
||||
} else {
|
||||
this.cache.remove(this);
|
||||
}
|
||||
}
|
||||
|
||||
this.cache.notify({
|
||||
type: 'observerRemoved',
|
||||
query: this,
|
||||
observer: observer
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
_proto.getObserversCount = function getObserversCount() {
|
||||
return this.observers.length;
|
||||
};
|
||||
|
||||
_proto.invalidate = function invalidate() {
|
||||
if (!this.state.isInvalidated) {
|
||||
this.dispatch({
|
||||
type: 'invalidate'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
_proto.fetch = function fetch(options, fetchOptions) {
|
||||
var _this2 = this,
|
||||
_this$options$behavio,
|
||||
_context$fetchOptions,
|
||||
_abortController$abor;
|
||||
|
||||
if (this.state.isFetching) {
|
||||
if (this.state.dataUpdatedAt && (fetchOptions == null ? void 0 : fetchOptions.cancelRefetch)) {
|
||||
// Silently cancel current fetch if the user wants to cancel refetches
|
||||
this.cancel({
|
||||
silent: true
|
||||
});
|
||||
} else if (this.promise) {
|
||||
var _this$retryer4;
|
||||
|
||||
// make sure that retries that were potentially cancelled due to unmounts can continue
|
||||
(_this$retryer4 = this.retryer) == null ? void 0 : _this$retryer4.continueRetry(); // Return current promise if we are already fetching
|
||||
|
||||
return this.promise;
|
||||
}
|
||||
} // Update config if passed, otherwise the config from the last execution is used
|
||||
|
||||
|
||||
if (options) {
|
||||
this.setOptions(options);
|
||||
} // Use the options from the first observer with a query function if no function is found.
|
||||
// This can happen when the query is hydrated or created with setQueryData.
|
||||
|
||||
|
||||
if (!this.options.queryFn) {
|
||||
var observer = this.observers.find(function (x) {
|
||||
return x.options.queryFn;
|
||||
});
|
||||
|
||||
if (observer) {
|
||||
this.setOptions(observer.options);
|
||||
}
|
||||
}
|
||||
|
||||
var queryKey = ensureQueryKeyArray(this.queryKey);
|
||||
var abortController = getAbortController(); // Create query function context
|
||||
|
||||
var queryFnContext = {
|
||||
queryKey: queryKey,
|
||||
pageParam: undefined,
|
||||
meta: this.meta
|
||||
};
|
||||
Object.defineProperty(queryFnContext, 'signal', {
|
||||
enumerable: true,
|
||||
get: function get() {
|
||||
if (abortController) {
|
||||
_this2.abortSignalConsumed = true;
|
||||
return abortController.signal;
|
||||
}
|
||||
|
||||
return undefined;
|
||||
}
|
||||
}); // Create fetch function
|
||||
|
||||
var fetchFn = function fetchFn() {
|
||||
if (!_this2.options.queryFn) {
|
||||
return Promise.reject('Missing queryFn');
|
||||
}
|
||||
|
||||
_this2.abortSignalConsumed = false;
|
||||
return _this2.options.queryFn(queryFnContext);
|
||||
}; // Trigger behavior hook
|
||||
|
||||
|
||||
var context = {
|
||||
fetchOptions: fetchOptions,
|
||||
options: this.options,
|
||||
queryKey: queryKey,
|
||||
state: this.state,
|
||||
fetchFn: fetchFn,
|
||||
meta: this.meta
|
||||
};
|
||||
|
||||
if ((_this$options$behavio = this.options.behavior) == null ? void 0 : _this$options$behavio.onFetch) {
|
||||
var _this$options$behavio2;
|
||||
|
||||
(_this$options$behavio2 = this.options.behavior) == null ? void 0 : _this$options$behavio2.onFetch(context);
|
||||
} // Store state in case the current fetch needs to be reverted
|
||||
|
||||
|
||||
this.revertState = this.state; // Set to fetching state if not already in it
|
||||
|
||||
if (!this.state.isFetching || this.state.fetchMeta !== ((_context$fetchOptions = context.fetchOptions) == null ? void 0 : _context$fetchOptions.meta)) {
|
||||
var _context$fetchOptions2;
|
||||
|
||||
this.dispatch({
|
||||
type: 'fetch',
|
||||
meta: (_context$fetchOptions2 = context.fetchOptions) == null ? void 0 : _context$fetchOptions2.meta
|
||||
});
|
||||
} // Try to fetch the data
|
||||
|
||||
|
||||
this.retryer = new Retryer({
|
||||
fn: context.fetchFn,
|
||||
abort: abortController == null ? void 0 : (_abortController$abor = abortController.abort) == null ? void 0 : _abortController$abor.bind(abortController),
|
||||
onSuccess: function onSuccess(data) {
|
||||
_this2.setData(data); // Notify cache callback
|
||||
|
||||
|
||||
_this2.cache.config.onSuccess == null ? void 0 : _this2.cache.config.onSuccess(data, _this2); // Remove query after fetching if cache time is 0
|
||||
|
||||
if (_this2.cacheTime === 0) {
|
||||
_this2.optionalRemove();
|
||||
}
|
||||
},
|
||||
onError: function onError(error) {
|
||||
// Optimistically update state if needed
|
||||
if (!(isCancelledError(error) && error.silent)) {
|
||||
_this2.dispatch({
|
||||
type: 'error',
|
||||
error: error
|
||||
});
|
||||
}
|
||||
|
||||
if (!isCancelledError(error)) {
|
||||
// Notify cache callback
|
||||
_this2.cache.config.onError == null ? void 0 : _this2.cache.config.onError(error, _this2); // Log error
|
||||
|
||||
getLogger().error(error);
|
||||
} // Remove query after fetching if cache time is 0
|
||||
|
||||
|
||||
if (_this2.cacheTime === 0) {
|
||||
_this2.optionalRemove();
|
||||
}
|
||||
},
|
||||
onFail: function onFail() {
|
||||
_this2.dispatch({
|
||||
type: 'failed'
|
||||
});
|
||||
},
|
||||
onPause: function onPause() {
|
||||
_this2.dispatch({
|
||||
type: 'pause'
|
||||
});
|
||||
},
|
||||
onContinue: function onContinue() {
|
||||
_this2.dispatch({
|
||||
type: 'continue'
|
||||
});
|
||||
},
|
||||
retry: context.options.retry,
|
||||
retryDelay: context.options.retryDelay
|
||||
});
|
||||
this.promise = this.retryer.promise;
|
||||
return this.promise;
|
||||
};
|
||||
|
||||
_proto.dispatch = function dispatch(action) {
|
||||
var _this3 = this;
|
||||
|
||||
this.state = this.reducer(this.state, action);
|
||||
notifyManager.batch(function () {
|
||||
_this3.observers.forEach(function (observer) {
|
||||
observer.onQueryUpdate(action);
|
||||
});
|
||||
|
||||
_this3.cache.notify({
|
||||
query: _this3,
|
||||
type: 'queryUpdated',
|
||||
action: action
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.getDefaultState = function getDefaultState(options) {
|
||||
var data = typeof options.initialData === 'function' ? options.initialData() : options.initialData;
|
||||
var hasInitialData = typeof options.initialData !== 'undefined';
|
||||
var initialDataUpdatedAt = hasInitialData ? typeof options.initialDataUpdatedAt === 'function' ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0;
|
||||
var hasData = typeof data !== 'undefined';
|
||||
return {
|
||||
data: data,
|
||||
dataUpdateCount: 0,
|
||||
dataUpdatedAt: hasData ? initialDataUpdatedAt != null ? initialDataUpdatedAt : Date.now() : 0,
|
||||
error: null,
|
||||
errorUpdateCount: 0,
|
||||
errorUpdatedAt: 0,
|
||||
fetchFailureCount: 0,
|
||||
fetchMeta: null,
|
||||
isFetching: false,
|
||||
isInvalidated: false,
|
||||
isPaused: false,
|
||||
status: hasData ? 'success' : 'idle'
|
||||
};
|
||||
};
|
||||
|
||||
_proto.reducer = function reducer(state, action) {
|
||||
var _action$meta, _action$dataUpdatedAt;
|
||||
|
||||
switch (action.type) {
|
||||
case 'failed':
|
||||
return _extends({}, state, {
|
||||
fetchFailureCount: state.fetchFailureCount + 1
|
||||
});
|
||||
|
||||
case 'pause':
|
||||
return _extends({}, state, {
|
||||
isPaused: true
|
||||
});
|
||||
|
||||
case 'continue':
|
||||
return _extends({}, state, {
|
||||
isPaused: false
|
||||
});
|
||||
|
||||
case 'fetch':
|
||||
return _extends({}, state, {
|
||||
fetchFailureCount: 0,
|
||||
fetchMeta: (_action$meta = action.meta) != null ? _action$meta : null,
|
||||
isFetching: true,
|
||||
isPaused: false
|
||||
}, !state.dataUpdatedAt && {
|
||||
error: null,
|
||||
status: 'loading'
|
||||
});
|
||||
|
||||
case 'success':
|
||||
return _extends({}, state, {
|
||||
data: action.data,
|
||||
dataUpdateCount: state.dataUpdateCount + 1,
|
||||
dataUpdatedAt: (_action$dataUpdatedAt = action.dataUpdatedAt) != null ? _action$dataUpdatedAt : Date.now(),
|
||||
error: null,
|
||||
fetchFailureCount: 0,
|
||||
isFetching: false,
|
||||
isInvalidated: false,
|
||||
isPaused: false,
|
||||
status: 'success'
|
||||
});
|
||||
|
||||
case 'error':
|
||||
var error = action.error;
|
||||
|
||||
if (isCancelledError(error) && error.revert && this.revertState) {
|
||||
return _extends({}, this.revertState);
|
||||
}
|
||||
|
||||
return _extends({}, state, {
|
||||
error: error,
|
||||
errorUpdateCount: state.errorUpdateCount + 1,
|
||||
errorUpdatedAt: Date.now(),
|
||||
fetchFailureCount: state.fetchFailureCount + 1,
|
||||
isFetching: false,
|
||||
isPaused: false,
|
||||
status: 'error'
|
||||
});
|
||||
|
||||
case 'invalidate':
|
||||
return _extends({}, state, {
|
||||
isInvalidated: true
|
||||
});
|
||||
|
||||
case 'setState':
|
||||
return _extends({}, state, action.state);
|
||||
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
};
|
||||
|
||||
return Query;
|
||||
}();
|
||||
+147
@@ -0,0 +1,147 @@
|
||||
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
|
||||
import { hashQueryKeyByOptions, matchQuery, parseFilterArgs } from './utils';
|
||||
import { Query } from './query';
|
||||
import { notifyManager } from './notifyManager';
|
||||
import { Subscribable } from './subscribable';
|
||||
// CLASS
|
||||
export var QueryCache = /*#__PURE__*/function (_Subscribable) {
|
||||
_inheritsLoose(QueryCache, _Subscribable);
|
||||
|
||||
function QueryCache(config) {
|
||||
var _this;
|
||||
|
||||
_this = _Subscribable.call(this) || this;
|
||||
_this.config = config || {};
|
||||
_this.queries = [];
|
||||
_this.queriesMap = {};
|
||||
return _this;
|
||||
}
|
||||
|
||||
var _proto = QueryCache.prototype;
|
||||
|
||||
_proto.build = function build(client, options, state) {
|
||||
var _options$queryHash;
|
||||
|
||||
var queryKey = options.queryKey;
|
||||
var queryHash = (_options$queryHash = options.queryHash) != null ? _options$queryHash : hashQueryKeyByOptions(queryKey, options);
|
||||
var query = this.get(queryHash);
|
||||
|
||||
if (!query) {
|
||||
query = new Query({
|
||||
cache: this,
|
||||
queryKey: queryKey,
|
||||
queryHash: queryHash,
|
||||
options: client.defaultQueryOptions(options),
|
||||
state: state,
|
||||
defaultOptions: client.getQueryDefaults(queryKey),
|
||||
meta: options.meta
|
||||
});
|
||||
this.add(query);
|
||||
}
|
||||
|
||||
return query;
|
||||
};
|
||||
|
||||
_proto.add = function add(query) {
|
||||
if (!this.queriesMap[query.queryHash]) {
|
||||
this.queriesMap[query.queryHash] = query;
|
||||
this.queries.push(query);
|
||||
this.notify({
|
||||
type: 'queryAdded',
|
||||
query: query
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
_proto.remove = function remove(query) {
|
||||
var queryInMap = this.queriesMap[query.queryHash];
|
||||
|
||||
if (queryInMap) {
|
||||
query.destroy();
|
||||
this.queries = this.queries.filter(function (x) {
|
||||
return x !== query;
|
||||
});
|
||||
|
||||
if (queryInMap === query) {
|
||||
delete this.queriesMap[query.queryHash];
|
||||
}
|
||||
|
||||
this.notify({
|
||||
type: 'queryRemoved',
|
||||
query: query
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
_proto.clear = function clear() {
|
||||
var _this2 = this;
|
||||
|
||||
notifyManager.batch(function () {
|
||||
_this2.queries.forEach(function (query) {
|
||||
_this2.remove(query);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.get = function get(queryHash) {
|
||||
return this.queriesMap[queryHash];
|
||||
};
|
||||
|
||||
_proto.getAll = function getAll() {
|
||||
return this.queries;
|
||||
};
|
||||
|
||||
_proto.find = function find(arg1, arg2) {
|
||||
var _parseFilterArgs = parseFilterArgs(arg1, arg2),
|
||||
filters = _parseFilterArgs[0];
|
||||
|
||||
if (typeof filters.exact === 'undefined') {
|
||||
filters.exact = true;
|
||||
}
|
||||
|
||||
return this.queries.find(function (query) {
|
||||
return matchQuery(filters, query);
|
||||
});
|
||||
};
|
||||
|
||||
_proto.findAll = function findAll(arg1, arg2) {
|
||||
var _parseFilterArgs2 = parseFilterArgs(arg1, arg2),
|
||||
filters = _parseFilterArgs2[0];
|
||||
|
||||
return Object.keys(filters).length > 0 ? this.queries.filter(function (query) {
|
||||
return matchQuery(filters, query);
|
||||
}) : this.queries;
|
||||
};
|
||||
|
||||
_proto.notify = function notify(event) {
|
||||
var _this3 = this;
|
||||
|
||||
notifyManager.batch(function () {
|
||||
_this3.listeners.forEach(function (listener) {
|
||||
listener(event);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.onFocus = function onFocus() {
|
||||
var _this4 = this;
|
||||
|
||||
notifyManager.batch(function () {
|
||||
_this4.queries.forEach(function (query) {
|
||||
query.onFocus();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.onOnline = function onOnline() {
|
||||
var _this5 = this;
|
||||
|
||||
notifyManager.batch(function () {
|
||||
_this5.queries.forEach(function (query) {
|
||||
query.onOnline();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
return QueryCache;
|
||||
}(Subscribable);
|
||||
+350
@@ -0,0 +1,350 @@
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
import { hashQueryKey, noop, parseFilterArgs, parseQueryArgs, partialMatchKey, hashQueryKeyByOptions } from './utils';
|
||||
import { QueryCache } from './queryCache';
|
||||
import { MutationCache } from './mutationCache';
|
||||
import { focusManager } from './focusManager';
|
||||
import { onlineManager } from './onlineManager';
|
||||
import { notifyManager } from './notifyManager';
|
||||
import { infiniteQueryBehavior } from './infiniteQueryBehavior';
|
||||
// CLASS
|
||||
export var QueryClient = /*#__PURE__*/function () {
|
||||
function QueryClient(config) {
|
||||
if (config === void 0) {
|
||||
config = {};
|
||||
}
|
||||
|
||||
this.queryCache = config.queryCache || new QueryCache();
|
||||
this.mutationCache = config.mutationCache || new MutationCache();
|
||||
this.defaultOptions = config.defaultOptions || {};
|
||||
this.queryDefaults = [];
|
||||
this.mutationDefaults = [];
|
||||
}
|
||||
|
||||
var _proto = QueryClient.prototype;
|
||||
|
||||
_proto.mount = function mount() {
|
||||
var _this = this;
|
||||
|
||||
this.unsubscribeFocus = focusManager.subscribe(function () {
|
||||
if (focusManager.isFocused() && onlineManager.isOnline()) {
|
||||
_this.mutationCache.onFocus();
|
||||
|
||||
_this.queryCache.onFocus();
|
||||
}
|
||||
});
|
||||
this.unsubscribeOnline = onlineManager.subscribe(function () {
|
||||
if (focusManager.isFocused() && onlineManager.isOnline()) {
|
||||
_this.mutationCache.onOnline();
|
||||
|
||||
_this.queryCache.onOnline();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
_proto.unmount = function unmount() {
|
||||
var _this$unsubscribeFocu, _this$unsubscribeOnli;
|
||||
|
||||
(_this$unsubscribeFocu = this.unsubscribeFocus) == null ? void 0 : _this$unsubscribeFocu.call(this);
|
||||
(_this$unsubscribeOnli = this.unsubscribeOnline) == null ? void 0 : _this$unsubscribeOnli.call(this);
|
||||
};
|
||||
|
||||
_proto.isFetching = function isFetching(arg1, arg2) {
|
||||
var _parseFilterArgs = parseFilterArgs(arg1, arg2),
|
||||
filters = _parseFilterArgs[0];
|
||||
|
||||
filters.fetching = true;
|
||||
return this.queryCache.findAll(filters).length;
|
||||
};
|
||||
|
||||
_proto.isMutating = function isMutating(filters) {
|
||||
return this.mutationCache.findAll(_extends({}, filters, {
|
||||
fetching: true
|
||||
})).length;
|
||||
};
|
||||
|
||||
_proto.getQueryData = function getQueryData(queryKey, filters) {
|
||||
var _this$queryCache$find;
|
||||
|
||||
return (_this$queryCache$find = this.queryCache.find(queryKey, filters)) == null ? void 0 : _this$queryCache$find.state.data;
|
||||
};
|
||||
|
||||
_proto.getQueriesData = function getQueriesData(queryKeyOrFilters) {
|
||||
return this.getQueryCache().findAll(queryKeyOrFilters).map(function (_ref) {
|
||||
var queryKey = _ref.queryKey,
|
||||
state = _ref.state;
|
||||
var data = state.data;
|
||||
return [queryKey, data];
|
||||
});
|
||||
};
|
||||
|
||||
_proto.setQueryData = function setQueryData(queryKey, updater, options) {
|
||||
var parsedOptions = parseQueryArgs(queryKey);
|
||||
var defaultedOptions = this.defaultQueryOptions(parsedOptions);
|
||||
return this.queryCache.build(this, defaultedOptions).setData(updater, options);
|
||||
};
|
||||
|
||||
_proto.setQueriesData = function setQueriesData(queryKeyOrFilters, updater, options) {
|
||||
var _this2 = this;
|
||||
|
||||
return notifyManager.batch(function () {
|
||||
return _this2.getQueryCache().findAll(queryKeyOrFilters).map(function (_ref2) {
|
||||
var queryKey = _ref2.queryKey;
|
||||
return [queryKey, _this2.setQueryData(queryKey, updater, options)];
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.getQueryState = function getQueryState(queryKey, filters) {
|
||||
var _this$queryCache$find2;
|
||||
|
||||
return (_this$queryCache$find2 = this.queryCache.find(queryKey, filters)) == null ? void 0 : _this$queryCache$find2.state;
|
||||
};
|
||||
|
||||
_proto.removeQueries = function removeQueries(arg1, arg2) {
|
||||
var _parseFilterArgs2 = parseFilterArgs(arg1, arg2),
|
||||
filters = _parseFilterArgs2[0];
|
||||
|
||||
var queryCache = this.queryCache;
|
||||
notifyManager.batch(function () {
|
||||
queryCache.findAll(filters).forEach(function (query) {
|
||||
queryCache.remove(query);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.resetQueries = function resetQueries(arg1, arg2, arg3) {
|
||||
var _this3 = this;
|
||||
|
||||
var _parseFilterArgs3 = parseFilterArgs(arg1, arg2, arg3),
|
||||
filters = _parseFilterArgs3[0],
|
||||
options = _parseFilterArgs3[1];
|
||||
|
||||
var queryCache = this.queryCache;
|
||||
|
||||
var refetchFilters = _extends({}, filters, {
|
||||
active: true
|
||||
});
|
||||
|
||||
return notifyManager.batch(function () {
|
||||
queryCache.findAll(filters).forEach(function (query) {
|
||||
query.reset();
|
||||
});
|
||||
return _this3.refetchQueries(refetchFilters, options);
|
||||
});
|
||||
};
|
||||
|
||||
_proto.cancelQueries = function cancelQueries(arg1, arg2, arg3) {
|
||||
var _this4 = this;
|
||||
|
||||
var _parseFilterArgs4 = parseFilterArgs(arg1, arg2, arg3),
|
||||
filters = _parseFilterArgs4[0],
|
||||
_parseFilterArgs4$ = _parseFilterArgs4[1],
|
||||
cancelOptions = _parseFilterArgs4$ === void 0 ? {} : _parseFilterArgs4$;
|
||||
|
||||
if (typeof cancelOptions.revert === 'undefined') {
|
||||
cancelOptions.revert = true;
|
||||
}
|
||||
|
||||
var promises = notifyManager.batch(function () {
|
||||
return _this4.queryCache.findAll(filters).map(function (query) {
|
||||
return query.cancel(cancelOptions);
|
||||
});
|
||||
});
|
||||
return Promise.all(promises).then(noop).catch(noop);
|
||||
};
|
||||
|
||||
_proto.invalidateQueries = function invalidateQueries(arg1, arg2, arg3) {
|
||||
var _ref3,
|
||||
_filters$refetchActiv,
|
||||
_filters$refetchInact,
|
||||
_this5 = this;
|
||||
|
||||
var _parseFilterArgs5 = parseFilterArgs(arg1, arg2, arg3),
|
||||
filters = _parseFilterArgs5[0],
|
||||
options = _parseFilterArgs5[1];
|
||||
|
||||
var refetchFilters = _extends({}, filters, {
|
||||
// if filters.refetchActive is not provided and filters.active is explicitly false,
|
||||
// e.g. invalidateQueries({ active: false }), we don't want to refetch active queries
|
||||
active: (_ref3 = (_filters$refetchActiv = filters.refetchActive) != null ? _filters$refetchActiv : filters.active) != null ? _ref3 : true,
|
||||
inactive: (_filters$refetchInact = filters.refetchInactive) != null ? _filters$refetchInact : false
|
||||
});
|
||||
|
||||
return notifyManager.batch(function () {
|
||||
_this5.queryCache.findAll(filters).forEach(function (query) {
|
||||
query.invalidate();
|
||||
});
|
||||
|
||||
return _this5.refetchQueries(refetchFilters, options);
|
||||
});
|
||||
};
|
||||
|
||||
_proto.refetchQueries = function refetchQueries(arg1, arg2, arg3) {
|
||||
var _this6 = this;
|
||||
|
||||
var _parseFilterArgs6 = parseFilterArgs(arg1, arg2, arg3),
|
||||
filters = _parseFilterArgs6[0],
|
||||
options = _parseFilterArgs6[1];
|
||||
|
||||
var promises = notifyManager.batch(function () {
|
||||
return _this6.queryCache.findAll(filters).map(function (query) {
|
||||
return query.fetch(undefined, _extends({}, options, {
|
||||
meta: {
|
||||
refetchPage: filters == null ? void 0 : filters.refetchPage
|
||||
}
|
||||
}));
|
||||
});
|
||||
});
|
||||
var promise = Promise.all(promises).then(noop);
|
||||
|
||||
if (!(options == null ? void 0 : options.throwOnError)) {
|
||||
promise = promise.catch(noop);
|
||||
}
|
||||
|
||||
return promise;
|
||||
};
|
||||
|
||||
_proto.fetchQuery = function fetchQuery(arg1, arg2, arg3) {
|
||||
var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
|
||||
var defaultedOptions = this.defaultQueryOptions(parsedOptions); // https://github.com/tannerlinsley/react-query/issues/652
|
||||
|
||||
if (typeof defaultedOptions.retry === 'undefined') {
|
||||
defaultedOptions.retry = false;
|
||||
}
|
||||
|
||||
var query = this.queryCache.build(this, defaultedOptions);
|
||||
return query.isStaleByTime(defaultedOptions.staleTime) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data);
|
||||
};
|
||||
|
||||
_proto.prefetchQuery = function prefetchQuery(arg1, arg2, arg3) {
|
||||
return this.fetchQuery(arg1, arg2, arg3).then(noop).catch(noop);
|
||||
};
|
||||
|
||||
_proto.fetchInfiniteQuery = function fetchInfiniteQuery(arg1, arg2, arg3) {
|
||||
var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
|
||||
parsedOptions.behavior = infiniteQueryBehavior();
|
||||
return this.fetchQuery(parsedOptions);
|
||||
};
|
||||
|
||||
_proto.prefetchInfiniteQuery = function prefetchInfiniteQuery(arg1, arg2, arg3) {
|
||||
return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop).catch(noop);
|
||||
};
|
||||
|
||||
_proto.cancelMutations = function cancelMutations() {
|
||||
var _this7 = this;
|
||||
|
||||
var promises = notifyManager.batch(function () {
|
||||
return _this7.mutationCache.getAll().map(function (mutation) {
|
||||
return mutation.cancel();
|
||||
});
|
||||
});
|
||||
return Promise.all(promises).then(noop).catch(noop);
|
||||
};
|
||||
|
||||
_proto.resumePausedMutations = function resumePausedMutations() {
|
||||
return this.getMutationCache().resumePausedMutations();
|
||||
};
|
||||
|
||||
_proto.executeMutation = function executeMutation(options) {
|
||||
return this.mutationCache.build(this, options).execute();
|
||||
};
|
||||
|
||||
_proto.getQueryCache = function getQueryCache() {
|
||||
return this.queryCache;
|
||||
};
|
||||
|
||||
_proto.getMutationCache = function getMutationCache() {
|
||||
return this.mutationCache;
|
||||
};
|
||||
|
||||
_proto.getDefaultOptions = function getDefaultOptions() {
|
||||
return this.defaultOptions;
|
||||
};
|
||||
|
||||
_proto.setDefaultOptions = function setDefaultOptions(options) {
|
||||
this.defaultOptions = options;
|
||||
};
|
||||
|
||||
_proto.setQueryDefaults = function setQueryDefaults(queryKey, options) {
|
||||
var result = this.queryDefaults.find(function (x) {
|
||||
return hashQueryKey(queryKey) === hashQueryKey(x.queryKey);
|
||||
});
|
||||
|
||||
if (result) {
|
||||
result.defaultOptions = options;
|
||||
} else {
|
||||
this.queryDefaults.push({
|
||||
queryKey: queryKey,
|
||||
defaultOptions: options
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
_proto.getQueryDefaults = function getQueryDefaults(queryKey) {
|
||||
var _this$queryDefaults$f;
|
||||
|
||||
return queryKey ? (_this$queryDefaults$f = this.queryDefaults.find(function (x) {
|
||||
return partialMatchKey(queryKey, x.queryKey);
|
||||
})) == null ? void 0 : _this$queryDefaults$f.defaultOptions : undefined;
|
||||
};
|
||||
|
||||
_proto.setMutationDefaults = function setMutationDefaults(mutationKey, options) {
|
||||
var result = this.mutationDefaults.find(function (x) {
|
||||
return hashQueryKey(mutationKey) === hashQueryKey(x.mutationKey);
|
||||
});
|
||||
|
||||
if (result) {
|
||||
result.defaultOptions = options;
|
||||
} else {
|
||||
this.mutationDefaults.push({
|
||||
mutationKey: mutationKey,
|
||||
defaultOptions: options
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
_proto.getMutationDefaults = function getMutationDefaults(mutationKey) {
|
||||
var _this$mutationDefault;
|
||||
|
||||
return mutationKey ? (_this$mutationDefault = this.mutationDefaults.find(function (x) {
|
||||
return partialMatchKey(mutationKey, x.mutationKey);
|
||||
})) == null ? void 0 : _this$mutationDefault.defaultOptions : undefined;
|
||||
};
|
||||
|
||||
_proto.defaultQueryOptions = function defaultQueryOptions(options) {
|
||||
if (options == null ? void 0 : options._defaulted) {
|
||||
return options;
|
||||
}
|
||||
|
||||
var defaultedOptions = _extends({}, this.defaultOptions.queries, this.getQueryDefaults(options == null ? void 0 : options.queryKey), options, {
|
||||
_defaulted: true
|
||||
});
|
||||
|
||||
if (!defaultedOptions.queryHash && defaultedOptions.queryKey) {
|
||||
defaultedOptions.queryHash = hashQueryKeyByOptions(defaultedOptions.queryKey, defaultedOptions);
|
||||
}
|
||||
|
||||
return defaultedOptions;
|
||||
};
|
||||
|
||||
_proto.defaultQueryObserverOptions = function defaultQueryObserverOptions(options) {
|
||||
return this.defaultQueryOptions(options);
|
||||
};
|
||||
|
||||
_proto.defaultMutationOptions = function defaultMutationOptions(options) {
|
||||
if (options == null ? void 0 : options._defaulted) {
|
||||
return options;
|
||||
}
|
||||
|
||||
return _extends({}, this.defaultOptions.mutations, this.getMutationDefaults(options == null ? void 0 : options.mutationKey), options, {
|
||||
_defaulted: true
|
||||
});
|
||||
};
|
||||
|
||||
_proto.clear = function clear() {
|
||||
this.queryCache.clear();
|
||||
this.mutationCache.clear();
|
||||
};
|
||||
|
||||
return QueryClient;
|
||||
}();
|
||||
+549
@@ -0,0 +1,549 @@
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
|
||||
import { isServer, isValidTimeout, noop, replaceEqualDeep, shallowEqualObjects, timeUntilStale } from './utils';
|
||||
import { notifyManager } from './notifyManager';
|
||||
import { focusManager } from './focusManager';
|
||||
import { Subscribable } from './subscribable';
|
||||
import { getLogger } from './logger';
|
||||
import { isCancelledError } from './retryer';
|
||||
export var QueryObserver = /*#__PURE__*/function (_Subscribable) {
|
||||
_inheritsLoose(QueryObserver, _Subscribable);
|
||||
|
||||
function QueryObserver(client, options) {
|
||||
var _this;
|
||||
|
||||
_this = _Subscribable.call(this) || this;
|
||||
_this.client = client;
|
||||
_this.options = options;
|
||||
_this.trackedProps = [];
|
||||
_this.selectError = null;
|
||||
|
||||
_this.bindMethods();
|
||||
|
||||
_this.setOptions(options);
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
var _proto = QueryObserver.prototype;
|
||||
|
||||
_proto.bindMethods = function bindMethods() {
|
||||
this.remove = this.remove.bind(this);
|
||||
this.refetch = this.refetch.bind(this);
|
||||
};
|
||||
|
||||
_proto.onSubscribe = function onSubscribe() {
|
||||
if (this.listeners.length === 1) {
|
||||
this.currentQuery.addObserver(this);
|
||||
|
||||
if (shouldFetchOnMount(this.currentQuery, this.options)) {
|
||||
this.executeFetch();
|
||||
}
|
||||
|
||||
this.updateTimers();
|
||||
}
|
||||
};
|
||||
|
||||
_proto.onUnsubscribe = function onUnsubscribe() {
|
||||
if (!this.listeners.length) {
|
||||
this.destroy();
|
||||
}
|
||||
};
|
||||
|
||||
_proto.shouldFetchOnReconnect = function shouldFetchOnReconnect() {
|
||||
return shouldFetchOn(this.currentQuery, this.options, this.options.refetchOnReconnect);
|
||||
};
|
||||
|
||||
_proto.shouldFetchOnWindowFocus = function shouldFetchOnWindowFocus() {
|
||||
return shouldFetchOn(this.currentQuery, this.options, this.options.refetchOnWindowFocus);
|
||||
};
|
||||
|
||||
_proto.destroy = function destroy() {
|
||||
this.listeners = [];
|
||||
this.clearTimers();
|
||||
this.currentQuery.removeObserver(this);
|
||||
};
|
||||
|
||||
_proto.setOptions = function setOptions(options, notifyOptions) {
|
||||
var prevOptions = this.options;
|
||||
var prevQuery = this.currentQuery;
|
||||
this.options = this.client.defaultQueryObserverOptions(options);
|
||||
|
||||
if (typeof this.options.enabled !== 'undefined' && typeof this.options.enabled !== 'boolean') {
|
||||
throw new Error('Expected enabled to be a boolean');
|
||||
} // Keep previous query key if the user does not supply one
|
||||
|
||||
|
||||
if (!this.options.queryKey) {
|
||||
this.options.queryKey = prevOptions.queryKey;
|
||||
}
|
||||
|
||||
this.updateQuery();
|
||||
var mounted = this.hasListeners(); // Fetch if there are subscribers
|
||||
|
||||
if (mounted && shouldFetchOptionally(this.currentQuery, prevQuery, this.options, prevOptions)) {
|
||||
this.executeFetch();
|
||||
} // Update result
|
||||
|
||||
|
||||
this.updateResult(notifyOptions); // Update stale interval if needed
|
||||
|
||||
if (mounted && (this.currentQuery !== prevQuery || this.options.enabled !== prevOptions.enabled || this.options.staleTime !== prevOptions.staleTime)) {
|
||||
this.updateStaleTimeout();
|
||||
}
|
||||
|
||||
var nextRefetchInterval = this.computeRefetchInterval(); // Update refetch interval if needed
|
||||
|
||||
if (mounted && (this.currentQuery !== prevQuery || this.options.enabled !== prevOptions.enabled || nextRefetchInterval !== this.currentRefetchInterval)) {
|
||||
this.updateRefetchInterval(nextRefetchInterval);
|
||||
}
|
||||
};
|
||||
|
||||
_proto.getOptimisticResult = function getOptimisticResult(options) {
|
||||
var defaultedOptions = this.client.defaultQueryObserverOptions(options);
|
||||
var query = this.client.getQueryCache().build(this.client, defaultedOptions);
|
||||
return this.createResult(query, defaultedOptions);
|
||||
};
|
||||
|
||||
_proto.getCurrentResult = function getCurrentResult() {
|
||||
return this.currentResult;
|
||||
};
|
||||
|
||||
_proto.trackResult = function trackResult(result, defaultedOptions) {
|
||||
var _this2 = this;
|
||||
|
||||
var trackedResult = {};
|
||||
|
||||
var trackProp = function trackProp(key) {
|
||||
if (!_this2.trackedProps.includes(key)) {
|
||||
_this2.trackedProps.push(key);
|
||||
}
|
||||
};
|
||||
|
||||
Object.keys(result).forEach(function (key) {
|
||||
Object.defineProperty(trackedResult, key, {
|
||||
configurable: false,
|
||||
enumerable: true,
|
||||
get: function get() {
|
||||
trackProp(key);
|
||||
return result[key];
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
if (defaultedOptions.useErrorBoundary || defaultedOptions.suspense) {
|
||||
trackProp('error');
|
||||
}
|
||||
|
||||
return trackedResult;
|
||||
};
|
||||
|
||||
_proto.getNextResult = function getNextResult(options) {
|
||||
var _this3 = this;
|
||||
|
||||
return new Promise(function (resolve, reject) {
|
||||
var unsubscribe = _this3.subscribe(function (result) {
|
||||
if (!result.isFetching) {
|
||||
unsubscribe();
|
||||
|
||||
if (result.isError && (options == null ? void 0 : options.throwOnError)) {
|
||||
reject(result.error);
|
||||
} else {
|
||||
resolve(result);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
_proto.getCurrentQuery = function getCurrentQuery() {
|
||||
return this.currentQuery;
|
||||
};
|
||||
|
||||
_proto.remove = function remove() {
|
||||
this.client.getQueryCache().remove(this.currentQuery);
|
||||
};
|
||||
|
||||
_proto.refetch = function refetch(options) {
|
||||
return this.fetch(_extends({}, options, {
|
||||
meta: {
|
||||
refetchPage: options == null ? void 0 : options.refetchPage
|
||||
}
|
||||
}));
|
||||
};
|
||||
|
||||
_proto.fetchOptimistic = function fetchOptimistic(options) {
|
||||
var _this4 = this;
|
||||
|
||||
var defaultedOptions = this.client.defaultQueryObserverOptions(options);
|
||||
var query = this.client.getQueryCache().build(this.client, defaultedOptions);
|
||||
return query.fetch().then(function () {
|
||||
return _this4.createResult(query, defaultedOptions);
|
||||
});
|
||||
};
|
||||
|
||||
_proto.fetch = function fetch(fetchOptions) {
|
||||
var _this5 = this;
|
||||
|
||||
return this.executeFetch(fetchOptions).then(function () {
|
||||
_this5.updateResult();
|
||||
|
||||
return _this5.currentResult;
|
||||
});
|
||||
};
|
||||
|
||||
_proto.executeFetch = function executeFetch(fetchOptions) {
|
||||
// Make sure we reference the latest query as the current one might have been removed
|
||||
this.updateQuery(); // Fetch
|
||||
|
||||
var promise = this.currentQuery.fetch(this.options, fetchOptions);
|
||||
|
||||
if (!(fetchOptions == null ? void 0 : fetchOptions.throwOnError)) {
|
||||
promise = promise.catch(noop);
|
||||
}
|
||||
|
||||
return promise;
|
||||
};
|
||||
|
||||
_proto.updateStaleTimeout = function updateStaleTimeout() {
|
||||
var _this6 = this;
|
||||
|
||||
this.clearStaleTimeout();
|
||||
|
||||
if (isServer || this.currentResult.isStale || !isValidTimeout(this.options.staleTime)) {
|
||||
return;
|
||||
}
|
||||
|
||||
var time = timeUntilStale(this.currentResult.dataUpdatedAt, this.options.staleTime); // The timeout is sometimes triggered 1 ms before the stale time expiration.
|
||||
// To mitigate this issue we always add 1 ms to the timeout.
|
||||
|
||||
var timeout = time + 1;
|
||||
this.staleTimeoutId = setTimeout(function () {
|
||||
if (!_this6.currentResult.isStale) {
|
||||
_this6.updateResult();
|
||||
}
|
||||
}, timeout);
|
||||
};
|
||||
|
||||
_proto.computeRefetchInterval = function computeRefetchInterval() {
|
||||
var _this$options$refetch;
|
||||
|
||||
return typeof this.options.refetchInterval === 'function' ? this.options.refetchInterval(this.currentResult.data, this.currentQuery) : (_this$options$refetch = this.options.refetchInterval) != null ? _this$options$refetch : false;
|
||||
};
|
||||
|
||||
_proto.updateRefetchInterval = function updateRefetchInterval(nextInterval) {
|
||||
var _this7 = this;
|
||||
|
||||
this.clearRefetchInterval();
|
||||
this.currentRefetchInterval = nextInterval;
|
||||
|
||||
if (isServer || this.options.enabled === false || !isValidTimeout(this.currentRefetchInterval) || this.currentRefetchInterval === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.refetchIntervalId = setInterval(function () {
|
||||
if (_this7.options.refetchIntervalInBackground || focusManager.isFocused()) {
|
||||
_this7.executeFetch();
|
||||
}
|
||||
}, this.currentRefetchInterval);
|
||||
};
|
||||
|
||||
_proto.updateTimers = function updateTimers() {
|
||||
this.updateStaleTimeout();
|
||||
this.updateRefetchInterval(this.computeRefetchInterval());
|
||||
};
|
||||
|
||||
_proto.clearTimers = function clearTimers() {
|
||||
this.clearStaleTimeout();
|
||||
this.clearRefetchInterval();
|
||||
};
|
||||
|
||||
_proto.clearStaleTimeout = function clearStaleTimeout() {
|
||||
if (this.staleTimeoutId) {
|
||||
clearTimeout(this.staleTimeoutId);
|
||||
this.staleTimeoutId = undefined;
|
||||
}
|
||||
};
|
||||
|
||||
_proto.clearRefetchInterval = function clearRefetchInterval() {
|
||||
if (this.refetchIntervalId) {
|
||||
clearInterval(this.refetchIntervalId);
|
||||
this.refetchIntervalId = undefined;
|
||||
}
|
||||
};
|
||||
|
||||
_proto.createResult = function createResult(query, options) {
|
||||
var prevQuery = this.currentQuery;
|
||||
var prevOptions = this.options;
|
||||
var prevResult = this.currentResult;
|
||||
var prevResultState = this.currentResultState;
|
||||
var prevResultOptions = this.currentResultOptions;
|
||||
var queryChange = query !== prevQuery;
|
||||
var queryInitialState = queryChange ? query.state : this.currentQueryInitialState;
|
||||
var prevQueryResult = queryChange ? this.currentResult : this.previousQueryResult;
|
||||
var state = query.state;
|
||||
var dataUpdatedAt = state.dataUpdatedAt,
|
||||
error = state.error,
|
||||
errorUpdatedAt = state.errorUpdatedAt,
|
||||
isFetching = state.isFetching,
|
||||
status = state.status;
|
||||
var isPreviousData = false;
|
||||
var isPlaceholderData = false;
|
||||
var data; // Optimistically set result in fetching state if needed
|
||||
|
||||
if (options.optimisticResults) {
|
||||
var mounted = this.hasListeners();
|
||||
var fetchOnMount = !mounted && shouldFetchOnMount(query, options);
|
||||
var fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions);
|
||||
|
||||
if (fetchOnMount || fetchOptionally) {
|
||||
isFetching = true;
|
||||
|
||||
if (!dataUpdatedAt) {
|
||||
status = 'loading';
|
||||
}
|
||||
}
|
||||
} // Keep previous data if needed
|
||||
|
||||
|
||||
if (options.keepPreviousData && !state.dataUpdateCount && (prevQueryResult == null ? void 0 : prevQueryResult.isSuccess) && status !== 'error') {
|
||||
data = prevQueryResult.data;
|
||||
dataUpdatedAt = prevQueryResult.dataUpdatedAt;
|
||||
status = prevQueryResult.status;
|
||||
isPreviousData = true;
|
||||
} // Select data if needed
|
||||
else if (options.select && typeof state.data !== 'undefined') {
|
||||
// Memoize select result
|
||||
if (prevResult && state.data === (prevResultState == null ? void 0 : prevResultState.data) && options.select === this.selectFn) {
|
||||
data = this.selectResult;
|
||||
} else {
|
||||
try {
|
||||
this.selectFn = options.select;
|
||||
data = options.select(state.data);
|
||||
|
||||
if (options.structuralSharing !== false) {
|
||||
data = replaceEqualDeep(prevResult == null ? void 0 : prevResult.data, data);
|
||||
}
|
||||
|
||||
this.selectResult = data;
|
||||
this.selectError = null;
|
||||
} catch (selectError) {
|
||||
getLogger().error(selectError);
|
||||
this.selectError = selectError;
|
||||
}
|
||||
}
|
||||
} // Use query data
|
||||
else {
|
||||
data = state.data;
|
||||
} // Show placeholder data if needed
|
||||
|
||||
|
||||
if (typeof options.placeholderData !== 'undefined' && typeof data === 'undefined' && (status === 'loading' || status === 'idle')) {
|
||||
var placeholderData; // Memoize placeholder data
|
||||
|
||||
if ((prevResult == null ? void 0 : prevResult.isPlaceholderData) && options.placeholderData === (prevResultOptions == null ? void 0 : prevResultOptions.placeholderData)) {
|
||||
placeholderData = prevResult.data;
|
||||
} else {
|
||||
placeholderData = typeof options.placeholderData === 'function' ? options.placeholderData() : options.placeholderData;
|
||||
|
||||
if (options.select && typeof placeholderData !== 'undefined') {
|
||||
try {
|
||||
placeholderData = options.select(placeholderData);
|
||||
|
||||
if (options.structuralSharing !== false) {
|
||||
placeholderData = replaceEqualDeep(prevResult == null ? void 0 : prevResult.data, placeholderData);
|
||||
}
|
||||
|
||||
this.selectError = null;
|
||||
} catch (selectError) {
|
||||
getLogger().error(selectError);
|
||||
this.selectError = selectError;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof placeholderData !== 'undefined') {
|
||||
status = 'success';
|
||||
data = placeholderData;
|
||||
isPlaceholderData = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.selectError) {
|
||||
error = this.selectError;
|
||||
data = this.selectResult;
|
||||
errorUpdatedAt = Date.now();
|
||||
status = 'error';
|
||||
}
|
||||
|
||||
var result = {
|
||||
status: status,
|
||||
isLoading: status === 'loading',
|
||||
isSuccess: status === 'success',
|
||||
isError: status === 'error',
|
||||
isIdle: status === 'idle',
|
||||
data: data,
|
||||
dataUpdatedAt: dataUpdatedAt,
|
||||
error: error,
|
||||
errorUpdatedAt: errorUpdatedAt,
|
||||
failureCount: state.fetchFailureCount,
|
||||
errorUpdateCount: state.errorUpdateCount,
|
||||
isFetched: state.dataUpdateCount > 0 || state.errorUpdateCount > 0,
|
||||
isFetchedAfterMount: state.dataUpdateCount > queryInitialState.dataUpdateCount || state.errorUpdateCount > queryInitialState.errorUpdateCount,
|
||||
isFetching: isFetching,
|
||||
isRefetching: isFetching && status !== 'loading',
|
||||
isLoadingError: status === 'error' && state.dataUpdatedAt === 0,
|
||||
isPlaceholderData: isPlaceholderData,
|
||||
isPreviousData: isPreviousData,
|
||||
isRefetchError: status === 'error' && state.dataUpdatedAt !== 0,
|
||||
isStale: isStale(query, options),
|
||||
refetch: this.refetch,
|
||||
remove: this.remove
|
||||
};
|
||||
return result;
|
||||
};
|
||||
|
||||
_proto.shouldNotifyListeners = function shouldNotifyListeners(result, prevResult) {
|
||||
if (!prevResult) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var _this$options = this.options,
|
||||
notifyOnChangeProps = _this$options.notifyOnChangeProps,
|
||||
notifyOnChangePropsExclusions = _this$options.notifyOnChangePropsExclusions;
|
||||
|
||||
if (!notifyOnChangeProps && !notifyOnChangePropsExclusions) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (notifyOnChangeProps === 'tracked' && !this.trackedProps.length) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var includedProps = notifyOnChangeProps === 'tracked' ? this.trackedProps : notifyOnChangeProps;
|
||||
return Object.keys(result).some(function (key) {
|
||||
var typedKey = key;
|
||||
var changed = result[typedKey] !== prevResult[typedKey];
|
||||
var isIncluded = includedProps == null ? void 0 : includedProps.some(function (x) {
|
||||
return x === key;
|
||||
});
|
||||
var isExcluded = notifyOnChangePropsExclusions == null ? void 0 : notifyOnChangePropsExclusions.some(function (x) {
|
||||
return x === key;
|
||||
});
|
||||
return changed && !isExcluded && (!includedProps || isIncluded);
|
||||
});
|
||||
};
|
||||
|
||||
_proto.updateResult = function updateResult(notifyOptions) {
|
||||
var prevResult = this.currentResult;
|
||||
this.currentResult = this.createResult(this.currentQuery, this.options);
|
||||
this.currentResultState = this.currentQuery.state;
|
||||
this.currentResultOptions = this.options; // Only notify if something has changed
|
||||
|
||||
if (shallowEqualObjects(this.currentResult, prevResult)) {
|
||||
return;
|
||||
} // Determine which callbacks to trigger
|
||||
|
||||
|
||||
var defaultNotifyOptions = {
|
||||
cache: true
|
||||
};
|
||||
|
||||
if ((notifyOptions == null ? void 0 : notifyOptions.listeners) !== false && this.shouldNotifyListeners(this.currentResult, prevResult)) {
|
||||
defaultNotifyOptions.listeners = true;
|
||||
}
|
||||
|
||||
this.notify(_extends({}, defaultNotifyOptions, notifyOptions));
|
||||
};
|
||||
|
||||
_proto.updateQuery = function updateQuery() {
|
||||
var query = this.client.getQueryCache().build(this.client, this.options);
|
||||
|
||||
if (query === this.currentQuery) {
|
||||
return;
|
||||
}
|
||||
|
||||
var prevQuery = this.currentQuery;
|
||||
this.currentQuery = query;
|
||||
this.currentQueryInitialState = query.state;
|
||||
this.previousQueryResult = this.currentResult;
|
||||
|
||||
if (this.hasListeners()) {
|
||||
prevQuery == null ? void 0 : prevQuery.removeObserver(this);
|
||||
query.addObserver(this);
|
||||
}
|
||||
};
|
||||
|
||||
_proto.onQueryUpdate = function onQueryUpdate(action) {
|
||||
var notifyOptions = {};
|
||||
|
||||
if (action.type === 'success') {
|
||||
notifyOptions.onSuccess = true;
|
||||
} else if (action.type === 'error' && !isCancelledError(action.error)) {
|
||||
notifyOptions.onError = true;
|
||||
}
|
||||
|
||||
this.updateResult(notifyOptions);
|
||||
|
||||
if (this.hasListeners()) {
|
||||
this.updateTimers();
|
||||
}
|
||||
};
|
||||
|
||||
_proto.notify = function notify(notifyOptions) {
|
||||
var _this8 = this;
|
||||
|
||||
notifyManager.batch(function () {
|
||||
// First trigger the configuration callbacks
|
||||
if (notifyOptions.onSuccess) {
|
||||
_this8.options.onSuccess == null ? void 0 : _this8.options.onSuccess(_this8.currentResult.data);
|
||||
_this8.options.onSettled == null ? void 0 : _this8.options.onSettled(_this8.currentResult.data, null);
|
||||
} else if (notifyOptions.onError) {
|
||||
_this8.options.onError == null ? void 0 : _this8.options.onError(_this8.currentResult.error);
|
||||
_this8.options.onSettled == null ? void 0 : _this8.options.onSettled(undefined, _this8.currentResult.error);
|
||||
} // Then trigger the listeners
|
||||
|
||||
|
||||
if (notifyOptions.listeners) {
|
||||
_this8.listeners.forEach(function (listener) {
|
||||
listener(_this8.currentResult);
|
||||
});
|
||||
} // Then the cache listeners
|
||||
|
||||
|
||||
if (notifyOptions.cache) {
|
||||
_this8.client.getQueryCache().notify({
|
||||
query: _this8.currentQuery,
|
||||
type: 'observerResultsUpdated'
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
return QueryObserver;
|
||||
}(Subscribable);
|
||||
|
||||
function shouldLoadOnMount(query, options) {
|
||||
return options.enabled !== false && !query.state.dataUpdatedAt && !(query.state.status === 'error' && options.retryOnMount === false);
|
||||
}
|
||||
|
||||
function shouldFetchOnMount(query, options) {
|
||||
return shouldLoadOnMount(query, options) || query.state.dataUpdatedAt > 0 && shouldFetchOn(query, options, options.refetchOnMount);
|
||||
}
|
||||
|
||||
function shouldFetchOn(query, options, field) {
|
||||
if (options.enabled !== false) {
|
||||
var value = typeof field === 'function' ? field(query) : field;
|
||||
return value === 'always' || value !== false && isStale(query, options);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function shouldFetchOptionally(query, prevQuery, options, prevOptions) {
|
||||
return options.enabled !== false && (query !== prevQuery || prevOptions.enabled === false) && (!options.suspense || query.state.status !== 'error') && isStale(query, options);
|
||||
}
|
||||
|
||||
function isStale(query, options) {
|
||||
return query.isStaleByTime(options.staleTime);
|
||||
}
|
||||
+157
@@ -0,0 +1,157 @@
|
||||
import { focusManager } from './focusManager';
|
||||
import { onlineManager } from './onlineManager';
|
||||
import { sleep } from './utils';
|
||||
|
||||
function defaultRetryDelay(failureCount) {
|
||||
return Math.min(1000 * Math.pow(2, failureCount), 30000);
|
||||
}
|
||||
|
||||
export function isCancelable(value) {
|
||||
return typeof (value == null ? void 0 : value.cancel) === 'function';
|
||||
}
|
||||
export var CancelledError = function CancelledError(options) {
|
||||
this.revert = options == null ? void 0 : options.revert;
|
||||
this.silent = options == null ? void 0 : options.silent;
|
||||
};
|
||||
export function isCancelledError(value) {
|
||||
return value instanceof CancelledError;
|
||||
} // CLASS
|
||||
|
||||
export var Retryer = function Retryer(config) {
|
||||
var _this = this;
|
||||
|
||||
var cancelRetry = false;
|
||||
var cancelFn;
|
||||
var continueFn;
|
||||
var promiseResolve;
|
||||
var promiseReject;
|
||||
this.abort = config.abort;
|
||||
|
||||
this.cancel = function (cancelOptions) {
|
||||
return cancelFn == null ? void 0 : cancelFn(cancelOptions);
|
||||
};
|
||||
|
||||
this.cancelRetry = function () {
|
||||
cancelRetry = true;
|
||||
};
|
||||
|
||||
this.continueRetry = function () {
|
||||
cancelRetry = false;
|
||||
};
|
||||
|
||||
this.continue = function () {
|
||||
return continueFn == null ? void 0 : continueFn();
|
||||
};
|
||||
|
||||
this.failureCount = 0;
|
||||
this.isPaused = false;
|
||||
this.isResolved = false;
|
||||
this.isTransportCancelable = false;
|
||||
this.promise = new Promise(function (outerResolve, outerReject) {
|
||||
promiseResolve = outerResolve;
|
||||
promiseReject = outerReject;
|
||||
});
|
||||
|
||||
var resolve = function resolve(value) {
|
||||
if (!_this.isResolved) {
|
||||
_this.isResolved = true;
|
||||
config.onSuccess == null ? void 0 : config.onSuccess(value);
|
||||
continueFn == null ? void 0 : continueFn();
|
||||
promiseResolve(value);
|
||||
}
|
||||
};
|
||||
|
||||
var reject = function reject(value) {
|
||||
if (!_this.isResolved) {
|
||||
_this.isResolved = true;
|
||||
config.onError == null ? void 0 : config.onError(value);
|
||||
continueFn == null ? void 0 : continueFn();
|
||||
promiseReject(value);
|
||||
}
|
||||
};
|
||||
|
||||
var pause = function pause() {
|
||||
return new Promise(function (continueResolve) {
|
||||
continueFn = continueResolve;
|
||||
_this.isPaused = true;
|
||||
config.onPause == null ? void 0 : config.onPause();
|
||||
}).then(function () {
|
||||
continueFn = undefined;
|
||||
_this.isPaused = false;
|
||||
config.onContinue == null ? void 0 : config.onContinue();
|
||||
});
|
||||
}; // Create loop function
|
||||
|
||||
|
||||
var run = function run() {
|
||||
// Do nothing if already resolved
|
||||
if (_this.isResolved) {
|
||||
return;
|
||||
}
|
||||
|
||||
var promiseOrValue; // Execute query
|
||||
|
||||
try {
|
||||
promiseOrValue = config.fn();
|
||||
} catch (error) {
|
||||
promiseOrValue = Promise.reject(error);
|
||||
} // Create callback to cancel this fetch
|
||||
|
||||
|
||||
cancelFn = function cancelFn(cancelOptions) {
|
||||
if (!_this.isResolved) {
|
||||
reject(new CancelledError(cancelOptions));
|
||||
_this.abort == null ? void 0 : _this.abort(); // Cancel transport if supported
|
||||
|
||||
if (isCancelable(promiseOrValue)) {
|
||||
try {
|
||||
promiseOrValue.cancel();
|
||||
} catch (_unused) {}
|
||||
}
|
||||
}
|
||||
}; // Check if the transport layer support cancellation
|
||||
|
||||
|
||||
_this.isTransportCancelable = isCancelable(promiseOrValue);
|
||||
Promise.resolve(promiseOrValue).then(resolve).catch(function (error) {
|
||||
var _config$retry, _config$retryDelay;
|
||||
|
||||
// Stop if the fetch is already resolved
|
||||
if (_this.isResolved) {
|
||||
return;
|
||||
} // Do we need to retry the request?
|
||||
|
||||
|
||||
var retry = (_config$retry = config.retry) != null ? _config$retry : 3;
|
||||
var retryDelay = (_config$retryDelay = config.retryDelay) != null ? _config$retryDelay : defaultRetryDelay;
|
||||
var delay = typeof retryDelay === 'function' ? retryDelay(_this.failureCount, error) : retryDelay;
|
||||
var shouldRetry = retry === true || typeof retry === 'number' && _this.failureCount < retry || typeof retry === 'function' && retry(_this.failureCount, error);
|
||||
|
||||
if (cancelRetry || !shouldRetry) {
|
||||
// We are done if the query does not need to be retried
|
||||
reject(error);
|
||||
return;
|
||||
}
|
||||
|
||||
_this.failureCount++; // Notify on fail
|
||||
|
||||
config.onFail == null ? void 0 : config.onFail(_this.failureCount, error); // Delay
|
||||
|
||||
sleep(delay) // Pause if the document is not visible or when the device is offline
|
||||
.then(function () {
|
||||
if (!focusManager.isFocused() || !onlineManager.isOnline()) {
|
||||
return pause();
|
||||
}
|
||||
}).then(function () {
|
||||
if (cancelRetry) {
|
||||
reject(error);
|
||||
} else {
|
||||
run();
|
||||
}
|
||||
});
|
||||
});
|
||||
}; // Start loop
|
||||
|
||||
|
||||
run();
|
||||
};
|
||||
+37
@@ -0,0 +1,37 @@
|
||||
export var Subscribable = /*#__PURE__*/function () {
|
||||
function Subscribable() {
|
||||
this.listeners = [];
|
||||
}
|
||||
|
||||
var _proto = Subscribable.prototype;
|
||||
|
||||
_proto.subscribe = function subscribe(listener) {
|
||||
var _this = this;
|
||||
|
||||
var callback = listener || function () {
|
||||
return undefined;
|
||||
};
|
||||
|
||||
this.listeners.push(callback);
|
||||
this.onSubscribe();
|
||||
return function () {
|
||||
_this.listeners = _this.listeners.filter(function (x) {
|
||||
return x !== callback;
|
||||
});
|
||||
|
||||
_this.onUnsubscribe();
|
||||
};
|
||||
};
|
||||
|
||||
_proto.hasListeners = function hasListeners() {
|
||||
return this.listeners.length > 0;
|
||||
};
|
||||
|
||||
_proto.onSubscribe = function onSubscribe() {// Do nothing
|
||||
};
|
||||
|
||||
_proto.onUnsubscribe = function onUnsubscribe() {// Do nothing
|
||||
};
|
||||
|
||||
return Subscribable;
|
||||
}();
|
||||
+332
@@ -0,0 +1,332 @@
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
// TYPES
|
||||
// UTILS
|
||||
export var isServer = typeof window === 'undefined';
|
||||
export function noop() {
|
||||
return undefined;
|
||||
}
|
||||
export function functionalUpdate(updater, input) {
|
||||
return typeof updater === 'function' ? updater(input) : updater;
|
||||
}
|
||||
export function isValidTimeout(value) {
|
||||
return typeof value === 'number' && value >= 0 && value !== Infinity;
|
||||
}
|
||||
export function ensureQueryKeyArray(value) {
|
||||
return Array.isArray(value) ? value : [value];
|
||||
}
|
||||
export function difference(array1, array2) {
|
||||
return array1.filter(function (x) {
|
||||
return array2.indexOf(x) === -1;
|
||||
});
|
||||
}
|
||||
export function replaceAt(array, index, value) {
|
||||
var copy = array.slice(0);
|
||||
copy[index] = value;
|
||||
return copy;
|
||||
}
|
||||
export function timeUntilStale(updatedAt, staleTime) {
|
||||
return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
|
||||
}
|
||||
export function parseQueryArgs(arg1, arg2, arg3) {
|
||||
if (!isQueryKey(arg1)) {
|
||||
return arg1;
|
||||
}
|
||||
|
||||
if (typeof arg2 === 'function') {
|
||||
return _extends({}, arg3, {
|
||||
queryKey: arg1,
|
||||
queryFn: arg2
|
||||
});
|
||||
}
|
||||
|
||||
return _extends({}, arg2, {
|
||||
queryKey: arg1
|
||||
});
|
||||
}
|
||||
export function parseMutationArgs(arg1, arg2, arg3) {
|
||||
if (isQueryKey(arg1)) {
|
||||
if (typeof arg2 === 'function') {
|
||||
return _extends({}, arg3, {
|
||||
mutationKey: arg1,
|
||||
mutationFn: arg2
|
||||
});
|
||||
}
|
||||
|
||||
return _extends({}, arg2, {
|
||||
mutationKey: arg1
|
||||
});
|
||||
}
|
||||
|
||||
if (typeof arg1 === 'function') {
|
||||
return _extends({}, arg2, {
|
||||
mutationFn: arg1
|
||||
});
|
||||
}
|
||||
|
||||
return _extends({}, arg1);
|
||||
}
|
||||
export function parseFilterArgs(arg1, arg2, arg3) {
|
||||
return isQueryKey(arg1) ? [_extends({}, arg2, {
|
||||
queryKey: arg1
|
||||
}), arg3] : [arg1 || {}, arg2];
|
||||
}
|
||||
export function parseMutationFilterArgs(arg1, arg2) {
|
||||
return isQueryKey(arg1) ? _extends({}, arg2, {
|
||||
mutationKey: arg1
|
||||
}) : arg1;
|
||||
}
|
||||
export function mapQueryStatusFilter(active, inactive) {
|
||||
if (active === true && inactive === true || active == null && inactive == null) {
|
||||
return 'all';
|
||||
} else if (active === false && inactive === false) {
|
||||
return 'none';
|
||||
} else {
|
||||
// At this point, active|inactive can only be true|false or false|true
|
||||
// so, when only one value is provided, the missing one has to be the negated value
|
||||
var isActive = active != null ? active : !inactive;
|
||||
return isActive ? 'active' : 'inactive';
|
||||
}
|
||||
}
|
||||
export function matchQuery(filters, query) {
|
||||
var active = filters.active,
|
||||
exact = filters.exact,
|
||||
fetching = filters.fetching,
|
||||
inactive = filters.inactive,
|
||||
predicate = filters.predicate,
|
||||
queryKey = filters.queryKey,
|
||||
stale = filters.stale;
|
||||
|
||||
if (isQueryKey(queryKey)) {
|
||||
if (exact) {
|
||||
if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) {
|
||||
return false;
|
||||
}
|
||||
} else if (!partialMatchKey(query.queryKey, queryKey)) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var queryStatusFilter = mapQueryStatusFilter(active, inactive);
|
||||
|
||||
if (queryStatusFilter === 'none') {
|
||||
return false;
|
||||
} else if (queryStatusFilter !== 'all') {
|
||||
var isActive = query.isActive();
|
||||
|
||||
if (queryStatusFilter === 'active' && !isActive) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (queryStatusFilter === 'inactive' && isActive) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof stale === 'boolean' && query.isStale() !== stale) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (typeof fetching === 'boolean' && query.isFetching() !== fetching) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (predicate && !predicate(query)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
export function matchMutation(filters, mutation) {
|
||||
var exact = filters.exact,
|
||||
fetching = filters.fetching,
|
||||
predicate = filters.predicate,
|
||||
mutationKey = filters.mutationKey;
|
||||
|
||||
if (isQueryKey(mutationKey)) {
|
||||
if (!mutation.options.mutationKey) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (exact) {
|
||||
if (hashQueryKey(mutation.options.mutationKey) !== hashQueryKey(mutationKey)) {
|
||||
return false;
|
||||
}
|
||||
} else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof fetching === 'boolean' && mutation.state.status === 'loading' !== fetching) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (predicate && !predicate(mutation)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
export function hashQueryKeyByOptions(queryKey, options) {
|
||||
var hashFn = (options == null ? void 0 : options.queryKeyHashFn) || hashQueryKey;
|
||||
return hashFn(queryKey);
|
||||
}
|
||||
/**
|
||||
* Default query keys hash function.
|
||||
*/
|
||||
|
||||
export function hashQueryKey(queryKey) {
|
||||
var asArray = ensureQueryKeyArray(queryKey);
|
||||
return stableValueHash(asArray);
|
||||
}
|
||||
/**
|
||||
* Hashes the value into a stable hash.
|
||||
*/
|
||||
|
||||
export function stableValueHash(value) {
|
||||
return JSON.stringify(value, function (_, val) {
|
||||
return isPlainObject(val) ? Object.keys(val).sort().reduce(function (result, key) {
|
||||
result[key] = val[key];
|
||||
return result;
|
||||
}, {}) : val;
|
||||
});
|
||||
}
|
||||
/**
|
||||
* Checks if key `b` partially matches with key `a`.
|
||||
*/
|
||||
|
||||
export function partialMatchKey(a, b) {
|
||||
return partialDeepEqual(ensureQueryKeyArray(a), ensureQueryKeyArray(b));
|
||||
}
|
||||
/**
|
||||
* Checks if `b` partially matches with `a`.
|
||||
*/
|
||||
|
||||
export function partialDeepEqual(a, b) {
|
||||
if (a === b) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (typeof a !== typeof b) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (a && b && typeof a === 'object' && typeof b === 'object') {
|
||||
return !Object.keys(b).some(function (key) {
|
||||
return !partialDeepEqual(a[key], b[key]);
|
||||
});
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
/**
|
||||
* This function returns `a` if `b` is deeply equal.
|
||||
* If not, it will replace any deeply equal children of `b` with those of `a`.
|
||||
* This can be used for structural sharing between JSON values for example.
|
||||
*/
|
||||
|
||||
export function replaceEqualDeep(a, b) {
|
||||
if (a === b) {
|
||||
return a;
|
||||
}
|
||||
|
||||
var array = Array.isArray(a) && Array.isArray(b);
|
||||
|
||||
if (array || isPlainObject(a) && isPlainObject(b)) {
|
||||
var aSize = array ? a.length : Object.keys(a).length;
|
||||
var bItems = array ? b : Object.keys(b);
|
||||
var bSize = bItems.length;
|
||||
var copy = array ? [] : {};
|
||||
var equalItems = 0;
|
||||
|
||||
for (var i = 0; i < bSize; i++) {
|
||||
var key = array ? i : bItems[i];
|
||||
copy[key] = replaceEqualDeep(a[key], b[key]);
|
||||
|
||||
if (copy[key] === a[key]) {
|
||||
equalItems++;
|
||||
}
|
||||
}
|
||||
|
||||
return aSize === bSize && equalItems === aSize ? a : copy;
|
||||
}
|
||||
|
||||
return b;
|
||||
}
|
||||
/**
|
||||
* Shallow compare objects. Only works with objects that always have the same properties.
|
||||
*/
|
||||
|
||||
export function shallowEqualObjects(a, b) {
|
||||
if (a && !b || b && !a) {
|
||||
return false;
|
||||
}
|
||||
|
||||
for (var key in a) {
|
||||
if (a[key] !== b[key]) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
} // Copied from: https://github.com/jonschlinkert/is-plain-object
|
||||
|
||||
export function isPlainObject(o) {
|
||||
if (!hasObjectPrototype(o)) {
|
||||
return false;
|
||||
} // If has modified constructor
|
||||
|
||||
|
||||
var ctor = o.constructor;
|
||||
|
||||
if (typeof ctor === 'undefined') {
|
||||
return true;
|
||||
} // If has modified prototype
|
||||
|
||||
|
||||
var prot = ctor.prototype;
|
||||
|
||||
if (!hasObjectPrototype(prot)) {
|
||||
return false;
|
||||
} // If constructor does not have an Object-specific method
|
||||
|
||||
|
||||
if (!prot.hasOwnProperty('isPrototypeOf')) {
|
||||
return false;
|
||||
} // Most likely a plain Object
|
||||
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function hasObjectPrototype(o) {
|
||||
return Object.prototype.toString.call(o) === '[object Object]';
|
||||
}
|
||||
|
||||
export function isQueryKey(value) {
|
||||
return typeof value === 'string' || Array.isArray(value);
|
||||
}
|
||||
export function isError(value) {
|
||||
return value instanceof Error;
|
||||
}
|
||||
export function sleep(timeout) {
|
||||
return new Promise(function (resolve) {
|
||||
setTimeout(resolve, timeout);
|
||||
});
|
||||
}
|
||||
/**
|
||||
* Schedules a microtask.
|
||||
* This can be useful to schedule state updates after rendering.
|
||||
*/
|
||||
|
||||
export function scheduleMicrotask(callback) {
|
||||
Promise.resolve().then(callback).catch(function (error) {
|
||||
return setTimeout(function () {
|
||||
throw error;
|
||||
});
|
||||
});
|
||||
}
|
||||
export function getAbortController() {
|
||||
if (typeof AbortController === 'function') {
|
||||
return new AbortController();
|
||||
}
|
||||
}
|
||||
+48
@@ -0,0 +1,48 @@
|
||||
import React from 'react';
|
||||
var defaultContext = /*#__PURE__*/React.createContext(undefined);
|
||||
var QueryClientSharingContext = /*#__PURE__*/React.createContext(false); // if contextSharing is on, we share the first and at least one
|
||||
// instance of the context across the window
|
||||
// to ensure that if React Query is used across
|
||||
// different bundles or microfrontends they will
|
||||
// all use the same **instance** of context, regardless
|
||||
// of module scoping.
|
||||
|
||||
function getQueryClientContext(contextSharing) {
|
||||
if (contextSharing && typeof window !== 'undefined') {
|
||||
if (!window.ReactQueryClientContext) {
|
||||
window.ReactQueryClientContext = defaultContext;
|
||||
}
|
||||
|
||||
return window.ReactQueryClientContext;
|
||||
}
|
||||
|
||||
return defaultContext;
|
||||
}
|
||||
|
||||
export var useQueryClient = function useQueryClient() {
|
||||
var queryClient = React.useContext(getQueryClientContext(React.useContext(QueryClientSharingContext)));
|
||||
|
||||
if (!queryClient) {
|
||||
throw new Error('No QueryClient set, use QueryClientProvider to set one');
|
||||
}
|
||||
|
||||
return queryClient;
|
||||
};
|
||||
export var QueryClientProvider = function QueryClientProvider(_ref) {
|
||||
var client = _ref.client,
|
||||
_ref$contextSharing = _ref.contextSharing,
|
||||
contextSharing = _ref$contextSharing === void 0 ? false : _ref$contextSharing,
|
||||
children = _ref.children;
|
||||
React.useEffect(function () {
|
||||
client.mount();
|
||||
return function () {
|
||||
client.unmount();
|
||||
};
|
||||
}, [client]);
|
||||
var Context = getQueryClientContext(contextSharing);
|
||||
return /*#__PURE__*/React.createElement(QueryClientSharingContext.Provider, {
|
||||
value: contextSharing
|
||||
}, /*#__PURE__*/React.createElement(Context.Provider, {
|
||||
value: client
|
||||
}, children));
|
||||
};
|
||||
+32
@@ -0,0 +1,32 @@
|
||||
import React from 'react'; // CONTEXT
|
||||
|
||||
function createValue() {
|
||||
var _isReset = false;
|
||||
return {
|
||||
clearReset: function clearReset() {
|
||||
_isReset = false;
|
||||
},
|
||||
reset: function reset() {
|
||||
_isReset = true;
|
||||
},
|
||||
isReset: function isReset() {
|
||||
return _isReset;
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var QueryErrorResetBoundaryContext = /*#__PURE__*/React.createContext(createValue()); // HOOK
|
||||
|
||||
export var useQueryErrorResetBoundary = function useQueryErrorResetBoundary() {
|
||||
return React.useContext(QueryErrorResetBoundaryContext);
|
||||
}; // COMPONENT
|
||||
|
||||
export var QueryErrorResetBoundary = function QueryErrorResetBoundary(_ref) {
|
||||
var children = _ref.children;
|
||||
var value = React.useMemo(function () {
|
||||
return createValue();
|
||||
}, []);
|
||||
return /*#__PURE__*/React.createElement(QueryErrorResetBoundaryContext.Provider, {
|
||||
value: value
|
||||
}, typeof children === 'function' ? children(value) : children);
|
||||
};
|
||||
+1
@@ -0,0 +1 @@
|
||||
export var logger = console;
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
import ReactDOM from 'react-dom';
|
||||
export var unstable_batchedUpdates = ReactDOM.unstable_batchedUpdates;
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
import { notifyManager } from '../core';
|
||||
import { unstable_batchedUpdates } from './reactBatchedUpdates';
|
||||
notifyManager.setBatchNotifyFunction(unstable_batchedUpdates);
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
import { setLogger } from '../core';
|
||||
import { logger } from './logger';
|
||||
setLogger(logger);
|
||||
+106
@@ -0,0 +1,106 @@
|
||||
import React from 'react';
|
||||
import { notifyManager } from '../core/notifyManager';
|
||||
import { useQueryErrorResetBoundary } from './QueryErrorResetBoundary';
|
||||
import { useQueryClient } from './QueryClientProvider';
|
||||
import { shouldThrowError } from './utils';
|
||||
export function useBaseQuery(options, Observer) {
|
||||
var mountedRef = React.useRef(false);
|
||||
|
||||
var _React$useState = React.useState(0),
|
||||
forceUpdate = _React$useState[1];
|
||||
|
||||
var queryClient = useQueryClient();
|
||||
var errorResetBoundary = useQueryErrorResetBoundary();
|
||||
var defaultedOptions = queryClient.defaultQueryObserverOptions(options); // Make sure results are optimistically set in fetching state before subscribing or updating options
|
||||
|
||||
defaultedOptions.optimisticResults = true; // Include callbacks in batch renders
|
||||
|
||||
if (defaultedOptions.onError) {
|
||||
defaultedOptions.onError = notifyManager.batchCalls(defaultedOptions.onError);
|
||||
}
|
||||
|
||||
if (defaultedOptions.onSuccess) {
|
||||
defaultedOptions.onSuccess = notifyManager.batchCalls(defaultedOptions.onSuccess);
|
||||
}
|
||||
|
||||
if (defaultedOptions.onSettled) {
|
||||
defaultedOptions.onSettled = notifyManager.batchCalls(defaultedOptions.onSettled);
|
||||
}
|
||||
|
||||
if (defaultedOptions.suspense) {
|
||||
// Always set stale time when using suspense to prevent
|
||||
// fetching again when directly mounting after suspending
|
||||
if (typeof defaultedOptions.staleTime !== 'number') {
|
||||
defaultedOptions.staleTime = 1000;
|
||||
} // Set cache time to 1 if the option has been set to 0
|
||||
// when using suspense to prevent infinite loop of fetches
|
||||
|
||||
|
||||
if (defaultedOptions.cacheTime === 0) {
|
||||
defaultedOptions.cacheTime = 1;
|
||||
}
|
||||
}
|
||||
|
||||
if (defaultedOptions.suspense || defaultedOptions.useErrorBoundary) {
|
||||
// Prevent retrying failed query if the error boundary has not been reset yet
|
||||
if (!errorResetBoundary.isReset()) {
|
||||
defaultedOptions.retryOnMount = false;
|
||||
}
|
||||
}
|
||||
|
||||
var _React$useState2 = React.useState(function () {
|
||||
return new Observer(queryClient, defaultedOptions);
|
||||
}),
|
||||
observer = _React$useState2[0];
|
||||
|
||||
var result = observer.getOptimisticResult(defaultedOptions);
|
||||
React.useEffect(function () {
|
||||
mountedRef.current = true;
|
||||
errorResetBoundary.clearReset();
|
||||
var unsubscribe = observer.subscribe(notifyManager.batchCalls(function () {
|
||||
if (mountedRef.current) {
|
||||
forceUpdate(function (x) {
|
||||
return x + 1;
|
||||
});
|
||||
}
|
||||
})); // Update result to make sure we did not miss any query updates
|
||||
// between creating the observer and subscribing to it.
|
||||
|
||||
observer.updateResult();
|
||||
return function () {
|
||||
mountedRef.current = false;
|
||||
unsubscribe();
|
||||
};
|
||||
}, [errorResetBoundary, observer]);
|
||||
React.useEffect(function () {
|
||||
// Do not notify on updates because of changes in the options because
|
||||
// these changes should already be reflected in the optimistic result.
|
||||
observer.setOptions(defaultedOptions, {
|
||||
listeners: false
|
||||
});
|
||||
}, [defaultedOptions, observer]); // Handle suspense
|
||||
|
||||
if (defaultedOptions.suspense && result.isLoading) {
|
||||
throw observer.fetchOptimistic(defaultedOptions).then(function (_ref) {
|
||||
var data = _ref.data;
|
||||
defaultedOptions.onSuccess == null ? void 0 : defaultedOptions.onSuccess(data);
|
||||
defaultedOptions.onSettled == null ? void 0 : defaultedOptions.onSettled(data, null);
|
||||
}).catch(function (error) {
|
||||
errorResetBoundary.clearReset();
|
||||
defaultedOptions.onError == null ? void 0 : defaultedOptions.onError(error);
|
||||
defaultedOptions.onSettled == null ? void 0 : defaultedOptions.onSettled(undefined, error);
|
||||
});
|
||||
} // Handle error boundary
|
||||
|
||||
|
||||
if (result.isError && !errorResetBoundary.isReset() && !result.isFetching && shouldThrowError(defaultedOptions.suspense, defaultedOptions.useErrorBoundary, [result.error, observer.getCurrentQuery()])) {
|
||||
throw result.error;
|
||||
} // Handle result property usage tracking
|
||||
|
||||
|
||||
if (defaultedOptions.notifyOnChangeProps === 'tracked') {
|
||||
result = observer.trackResult(result, defaultedOptions);
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { QueryObserver } from '../core';
|
||||
import { parseQueryArgs } from '../core/utils';
|
||||
import { useBaseQuery } from './useBaseQuery'; // HOOK
|
||||
|
||||
export function useQuery(arg1, arg2, arg3) {
|
||||
var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
|
||||
return useBaseQuery(parsedOptions, QueryObserver);
|
||||
}
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
export function shouldThrowError(suspense, _useErrorBoundary, params) {
|
||||
// Allow useErrorBoundary function to override throwing behavior on a per-error basis
|
||||
if (typeof _useErrorBoundary === 'function') {
|
||||
return _useErrorBoundary.apply(void 0, params);
|
||||
} // Allow useErrorBoundary to override suspense's throwing behavior
|
||||
|
||||
|
||||
if (typeof _useErrorBoundary === 'boolean') return _useErrorBoundary; // If suspense is enabled default to throwing errors
|
||||
|
||||
return !!suspense;
|
||||
}
|
||||
Reference in New Issue
Block a user