Initial Sample.
This commit is contained in:
anand committed
1 parent
ef2b65f673
commit
5269ec3c66
2575 files changed
+282312
No files matched your search
Generated
Vendored
+100
@@ -0,0 +1,100 @@
|
||||
import type { ApolloQueryResult, ObservableQuery, OperationVariables, WatchQueryOptions } from "../../../core/index.js";
|
||||
import type { PromiseWithState } from "../../../utilities/index.js";
|
||||
import type { QueryKey } from "./types.js";
|
||||
type QueryRefPromise<TData> = PromiseWithState<ApolloQueryResult<TData>>;
|
||||
type Listener<TData> = (promise: QueryRefPromise<TData>) => void;
|
||||
type FetchMoreOptions<TData> = Parameters<ObservableQuery<TData>["fetchMore"]>[0];
|
||||
declare const QUERY_REFERENCE_SYMBOL: unique symbol;
|
||||
declare const PROMISE_SYMBOL: unique symbol;
|
||||
/**
|
||||
* A `QueryReference` is an opaque object returned by {@link useBackgroundQuery}.
|
||||
* A child component reading the `QueryReference` via {@link useReadQuery} will
|
||||
* suspend until the promise resolves.
|
||||
*/
|
||||
export interface QueryReference<TData = unknown, TVariables = unknown> {
|
||||
/** @internal */
|
||||
readonly [QUERY_REFERENCE_SYMBOL]: InternalQueryReference<TData>;
|
||||
/** @internal */
|
||||
[PROMISE_SYMBOL]: QueryRefPromise<TData>;
|
||||
/**
|
||||
* A function that returns a promise that resolves when the query has finished
|
||||
* loading. The promise resolves with the `QueryReference` itself.
|
||||
*
|
||||
* @remarks
|
||||
* This method is useful for preloading queries in data loading routers, such
|
||||
* as [React Router](https://reactrouter.com/en/main) or [TanStack Router](https://tanstack.com/router),
|
||||
* to prevent routes from transitioning until the query has finished loading.
|
||||
* `data` is not exposed on the promise to discourage using the data in
|
||||
* `loader` functions and exposing it to your route components. Instead, we
|
||||
* prefer you rely on `useReadQuery` to access the data to ensure your
|
||||
* component can rerender with cache updates. If you need to access raw query
|
||||
* data, use `client.query()` directly.
|
||||
*
|
||||
* @example
|
||||
* Here's an example using React Router's `loader` function:
|
||||
* ```ts
|
||||
* import { createQueryPreloader } from "@apollo/client";
|
||||
*
|
||||
* const preloadQuery = createQueryPreloader(client);
|
||||
*
|
||||
* export async function loader() {
|
||||
* const queryRef = preloadQuery(GET_DOGS_QUERY);
|
||||
*
|
||||
* return queryRef.toPromise();
|
||||
* }
|
||||
*
|
||||
* export function RouteComponent() {
|
||||
* const queryRef = useLoaderData();
|
||||
* const { data } = useReadQuery(queryRef);
|
||||
*
|
||||
* // ...
|
||||
* }
|
||||
* ```
|
||||
*
|
||||
* @alpha
|
||||
*/
|
||||
toPromise(): Promise<QueryReference<TData, TVariables>>;
|
||||
}
|
||||
interface InternalQueryReferenceOptions {
|
||||
onDispose?: () => void;
|
||||
autoDisposeTimeoutMs?: number;
|
||||
}
|
||||
export declare function wrapQueryRef<TData, TVariables extends OperationVariables>(internalQueryRef: InternalQueryReference<TData>): QueryReference<TData, TVariables>;
|
||||
export declare function getWrappedPromise<TData>(queryRef: QueryReference<TData, any>): QueryRefPromise<TData>;
|
||||
export declare function unwrapQueryRef<TData>(queryRef: QueryReference<TData>): InternalQueryReference<TData>;
|
||||
export declare function updateWrappedQueryRef<TData>(queryRef: QueryReference<TData>, promise: QueryRefPromise<TData>): void;
|
||||
declare const OBSERVED_CHANGED_OPTIONS: readonly ["canonizeResults", "context", "errorPolicy", "fetchPolicy", "refetchWritePolicy", "returnPartialData"];
|
||||
type ObservedOptions = Pick<WatchQueryOptions, (typeof OBSERVED_CHANGED_OPTIONS)[number]>;
|
||||
export declare class InternalQueryReference<TData = unknown> {
|
||||
result: ApolloQueryResult<TData>;
|
||||
readonly key: QueryKey;
|
||||
readonly observable: ObservableQuery<TData>;
|
||||
promise: QueryRefPromise<TData>;
|
||||
private subscription;
|
||||
private listeners;
|
||||
private autoDisposeTimeoutId?;
|
||||
private resolve;
|
||||
private reject;
|
||||
private references;
|
||||
constructor(observable: ObservableQuery<TData, any>, options: InternalQueryReferenceOptions);
|
||||
get disposed(): boolean;
|
||||
get watchQueryOptions(): WatchQueryOptions<OperationVariables, TData>;
|
||||
reinitialize(): void;
|
||||
retain(): () => void;
|
||||
didChangeOptions(watchQueryOptions: ObservedOptions): boolean;
|
||||
applyOptions(watchQueryOptions: ObservedOptions): QueryRefPromise<TData>;
|
||||
listen(listener: Listener<TData>): () => void;
|
||||
refetch(variables: OperationVariables | undefined): Promise<ApolloQueryResult<TData>>;
|
||||
fetchMore(options: FetchMoreOptions<TData>): Promise<ApolloQueryResult<TData>>;
|
||||
private dispose;
|
||||
private onDispose;
|
||||
private handleNext;
|
||||
private handleError;
|
||||
private deliver;
|
||||
private initiateFetch;
|
||||
private subscribeToQuery;
|
||||
private setResult;
|
||||
private createPendingPromise;
|
||||
}
|
||||
export {};
|
||||
//# sourceMappingURL=QueryReference.d.ts.map
|
||||
Generated
Vendored
+279
@@ -0,0 +1,279 @@
|
||||
import { __assign } from "tslib";
|
||||
import { equal } from "@wry/equality";
|
||||
import { createFulfilledPromise, createRejectedPromise, } from "../../../utilities/index.js";
|
||||
import { wrapPromiseWithState } from "../../../utilities/index.js";
|
||||
var QUERY_REFERENCE_SYMBOL = Symbol();
|
||||
var PROMISE_SYMBOL = Symbol();
|
||||
export function wrapQueryRef(internalQueryRef) {
|
||||
var _a;
|
||||
var ref = (_a = {
|
||||
toPromise: function () {
|
||||
// We avoid resolving this promise with the query data because we want to
|
||||
// discourage using the server data directly from the queryRef. Instead,
|
||||
// the data should be accessed through `useReadQuery`. When the server
|
||||
// data is needed, its better to use `client.query()` directly.
|
||||
//
|
||||
// Here we resolve with the ref itself to make using this in React Router
|
||||
// or TanStack Router `loader` functions a bit more ergonomic e.g.
|
||||
//
|
||||
// function loader() {
|
||||
// return { queryRef: await preloadQuery(query).toPromise() }
|
||||
// }
|
||||
return getWrappedPromise(ref).then(function () { return ref; });
|
||||
}
|
||||
},
|
||||
_a[QUERY_REFERENCE_SYMBOL] = internalQueryRef,
|
||||
_a[PROMISE_SYMBOL] = internalQueryRef.promise,
|
||||
_a);
|
||||
return ref;
|
||||
}
|
||||
export function getWrappedPromise(queryRef) {
|
||||
var internalQueryRef = unwrapQueryRef(queryRef);
|
||||
return internalQueryRef.promise.status === "fulfilled" ?
|
||||
internalQueryRef.promise
|
||||
: queryRef[PROMISE_SYMBOL];
|
||||
}
|
||||
export function unwrapQueryRef(queryRef) {
|
||||
return queryRef[QUERY_REFERENCE_SYMBOL];
|
||||
}
|
||||
export function updateWrappedQueryRef(queryRef, promise) {
|
||||
queryRef[PROMISE_SYMBOL] = promise;
|
||||
}
|
||||
var OBSERVED_CHANGED_OPTIONS = [
|
||||
"canonizeResults",
|
||||
"context",
|
||||
"errorPolicy",
|
||||
"fetchPolicy",
|
||||
"refetchWritePolicy",
|
||||
"returnPartialData",
|
||||
];
|
||||
var InternalQueryReference = /** @class */ (function () {
|
||||
function InternalQueryReference(observable, options) {
|
||||
var _this = this;
|
||||
this.key = {};
|
||||
this.listeners = new Set();
|
||||
this.references = 0;
|
||||
this.handleNext = this.handleNext.bind(this);
|
||||
this.handleError = this.handleError.bind(this);
|
||||
this.dispose = this.dispose.bind(this);
|
||||
this.observable = observable;
|
||||
if (options.onDispose) {
|
||||
this.onDispose = options.onDispose;
|
||||
}
|
||||
this.setResult();
|
||||
this.subscribeToQuery();
|
||||
// Start a timer that will automatically dispose of the query if the
|
||||
// suspended resource does not use this queryRef in the given time. This
|
||||
// helps prevent memory leaks when a component has unmounted before the
|
||||
// query has finished loading.
|
||||
var startDisposeTimer = function () {
|
||||
var _a;
|
||||
if (!_this.references) {
|
||||
_this.autoDisposeTimeoutId = setTimeout(_this.dispose, (_a = options.autoDisposeTimeoutMs) !== null && _a !== void 0 ? _a : 30000);
|
||||
}
|
||||
};
|
||||
// We wait until the request has settled to ensure we don't dispose of the
|
||||
// query ref before the request finishes, otherwise we would leave the
|
||||
// promise in a pending state rendering the suspense boundary indefinitely.
|
||||
this.promise.then(startDisposeTimer, startDisposeTimer);
|
||||
}
|
||||
Object.defineProperty(InternalQueryReference.prototype, "disposed", {
|
||||
get: function () {
|
||||
return this.subscription.closed;
|
||||
},
|
||||
enumerable: false,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(InternalQueryReference.prototype, "watchQueryOptions", {
|
||||
get: function () {
|
||||
return this.observable.options;
|
||||
},
|
||||
enumerable: false,
|
||||
configurable: true
|
||||
});
|
||||
InternalQueryReference.prototype.reinitialize = function () {
|
||||
var observable = this.observable;
|
||||
var originalFetchPolicy = this.watchQueryOptions.fetchPolicy;
|
||||
try {
|
||||
if (originalFetchPolicy !== "no-cache") {
|
||||
observable.resetLastResults();
|
||||
observable.silentSetOptions({ fetchPolicy: "cache-first" });
|
||||
}
|
||||
else {
|
||||
observable.silentSetOptions({ fetchPolicy: "standby" });
|
||||
}
|
||||
this.subscribeToQuery();
|
||||
if (originalFetchPolicy === "no-cache") {
|
||||
return;
|
||||
}
|
||||
observable.resetDiff();
|
||||
this.setResult();
|
||||
}
|
||||
finally {
|
||||
observable.silentSetOptions({ fetchPolicy: originalFetchPolicy });
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.retain = function () {
|
||||
var _this = this;
|
||||
this.references++;
|
||||
clearTimeout(this.autoDisposeTimeoutId);
|
||||
var disposed = false;
|
||||
return function () {
|
||||
if (disposed) {
|
||||
return;
|
||||
}
|
||||
disposed = true;
|
||||
_this.references--;
|
||||
// Wait before fully disposing in case the app is running in strict mode.
|
||||
setTimeout(function () {
|
||||
if (!_this.references) {
|
||||
_this.dispose();
|
||||
}
|
||||
});
|
||||
};
|
||||
};
|
||||
InternalQueryReference.prototype.didChangeOptions = function (watchQueryOptions) {
|
||||
var _this = this;
|
||||
return OBSERVED_CHANGED_OPTIONS.some(function (option) {
|
||||
return !equal(_this.watchQueryOptions[option], watchQueryOptions[option]);
|
||||
});
|
||||
};
|
||||
InternalQueryReference.prototype.applyOptions = function (watchQueryOptions) {
|
||||
var _a = this.watchQueryOptions, currentFetchPolicy = _a.fetchPolicy, currentCanonizeResults = _a.canonizeResults;
|
||||
// "standby" is used when `skip` is set to `true`. Detect when we've
|
||||
// enabled the query (i.e. `skip` is `false`) to execute a network request.
|
||||
if (currentFetchPolicy === "standby" &&
|
||||
currentFetchPolicy !== watchQueryOptions.fetchPolicy) {
|
||||
this.initiateFetch(this.observable.reobserve(watchQueryOptions));
|
||||
}
|
||||
else {
|
||||
this.observable.silentSetOptions(watchQueryOptions);
|
||||
if (currentCanonizeResults !== watchQueryOptions.canonizeResults) {
|
||||
this.result = __assign(__assign({}, this.result), this.observable.getCurrentResult());
|
||||
this.promise = createFulfilledPromise(this.result);
|
||||
}
|
||||
}
|
||||
return this.promise;
|
||||
};
|
||||
InternalQueryReference.prototype.listen = function (listener) {
|
||||
var _this = this;
|
||||
this.listeners.add(listener);
|
||||
return function () {
|
||||
_this.listeners.delete(listener);
|
||||
};
|
||||
};
|
||||
InternalQueryReference.prototype.refetch = function (variables) {
|
||||
return this.initiateFetch(this.observable.refetch(variables));
|
||||
};
|
||||
InternalQueryReference.prototype.fetchMore = function (options) {
|
||||
return this.initiateFetch(this.observable.fetchMore(options));
|
||||
};
|
||||
InternalQueryReference.prototype.dispose = function () {
|
||||
this.subscription.unsubscribe();
|
||||
this.onDispose();
|
||||
};
|
||||
InternalQueryReference.prototype.onDispose = function () {
|
||||
// noop. overridable by options
|
||||
};
|
||||
InternalQueryReference.prototype.handleNext = function (result) {
|
||||
var _a;
|
||||
switch (this.promise.status) {
|
||||
case "pending": {
|
||||
// Maintain the last successful `data` value if the next result does not
|
||||
// have one.
|
||||
if (result.data === void 0) {
|
||||
result.data = this.result.data;
|
||||
}
|
||||
this.result = result;
|
||||
(_a = this.resolve) === null || _a === void 0 ? void 0 : _a.call(this, result);
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
// This occurs when switching to a result that is fully cached when this
|
||||
// class is instantiated. ObservableQuery will run reobserve when
|
||||
// subscribing, which delivers a result from the cache.
|
||||
if (result.data === this.result.data &&
|
||||
result.networkStatus === this.result.networkStatus) {
|
||||
return;
|
||||
}
|
||||
// Maintain the last successful `data` value if the next result does not
|
||||
// have one.
|
||||
if (result.data === void 0) {
|
||||
result.data = this.result.data;
|
||||
}
|
||||
this.result = result;
|
||||
this.promise = createFulfilledPromise(result);
|
||||
this.deliver(this.promise);
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.handleError = function (error) {
|
||||
var _a;
|
||||
this.subscription.unsubscribe();
|
||||
this.subscription = this.observable.resubscribeAfterError(this.handleNext, this.handleError);
|
||||
switch (this.promise.status) {
|
||||
case "pending": {
|
||||
(_a = this.reject) === null || _a === void 0 ? void 0 : _a.call(this, error);
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
this.promise = createRejectedPromise(error);
|
||||
this.deliver(this.promise);
|
||||
}
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.deliver = function (promise) {
|
||||
this.listeners.forEach(function (listener) { return listener(promise); });
|
||||
};
|
||||
InternalQueryReference.prototype.initiateFetch = function (returnedPromise) {
|
||||
var _this = this;
|
||||
this.promise = this.createPendingPromise();
|
||||
this.promise.catch(function () { });
|
||||
// If the data returned from the fetch is deeply equal to the data already
|
||||
// in the cache, `handleNext` will not be triggered leaving the promise we
|
||||
// created in a pending state forever. To avoid this situtation, we attempt
|
||||
// to resolve the promise if `handleNext` hasn't been run to ensure the
|
||||
// promise is resolved correctly.
|
||||
returnedPromise
|
||||
.then(function (result) {
|
||||
var _a;
|
||||
if (_this.promise.status === "pending") {
|
||||
_this.result = result;
|
||||
(_a = _this.resolve) === null || _a === void 0 ? void 0 : _a.call(_this, result);
|
||||
}
|
||||
})
|
||||
.catch(function () { });
|
||||
return returnedPromise;
|
||||
};
|
||||
InternalQueryReference.prototype.subscribeToQuery = function () {
|
||||
var _this = this;
|
||||
this.subscription = this.observable
|
||||
.filter(function (result) { return !equal(result.data, {}) && !equal(result, _this.result); })
|
||||
.subscribe(this.handleNext, this.handleError);
|
||||
};
|
||||
InternalQueryReference.prototype.setResult = function () {
|
||||
// Don't save this result as last result to prevent delivery of last result
|
||||
// when first subscribing
|
||||
var result = this.observable.getCurrentResult(false);
|
||||
if (equal(result, this.result)) {
|
||||
return;
|
||||
}
|
||||
this.result = result;
|
||||
this.promise =
|
||||
(result.data &&
|
||||
(!result.partial || this.watchQueryOptions.returnPartialData)) ?
|
||||
createFulfilledPromise(result)
|
||||
: this.createPendingPromise();
|
||||
};
|
||||
InternalQueryReference.prototype.createPendingPromise = function () {
|
||||
var _this = this;
|
||||
return wrapPromiseWithState(new Promise(function (resolve, reject) {
|
||||
_this.resolve = resolve;
|
||||
_this.reject = reject;
|
||||
}));
|
||||
};
|
||||
return InternalQueryReference;
|
||||
}());
|
||||
export { InternalQueryReference };
|
||||
//# sourceMappingURL=QueryReference.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"QueryReference.js","sourceRoot":"","sources":["../../../../src/react/internal/cache/QueryReference.ts"],"names":[],"mappings":"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 truncated
|
||||
Generated
Vendored
+23
@@ -0,0 +1,23 @@
|
||||
import type { ObservableQuery } from "../../../core/index.js";
|
||||
import { InternalQueryReference } from "./QueryReference.js";
|
||||
import type { CacheKey } from "./types.js";
|
||||
export interface SuspenseCacheOptions {
|
||||
/**
|
||||
* Specifies the amount of time, in milliseconds, the suspense cache will wait
|
||||
* for a suspended component to read from the suspense cache before it
|
||||
* automatically disposes of the query. This prevents memory leaks when a
|
||||
* component unmounts before a suspended resource finishes loading. Increase
|
||||
* the timeout if your queries take longer than than the specified time to
|
||||
* prevent your queries from suspending over and over.
|
||||
*
|
||||
* Defaults to 30 seconds.
|
||||
*/
|
||||
autoDisposeTimeoutMs?: number;
|
||||
}
|
||||
export declare class SuspenseCache {
|
||||
private queryRefs;
|
||||
private options;
|
||||
constructor(options?: SuspenseCacheOptions);
|
||||
getQueryRef<TData = any>(cacheKey: CacheKey, createObservable: () => ObservableQuery<TData>): InternalQueryReference<TData>;
|
||||
}
|
||||
//# sourceMappingURL=SuspenseCache.d.ts.map
|
||||
Generated
Vendored
+25
@@ -0,0 +1,25 @@
|
||||
import { Trie } from "@wry/trie";
|
||||
import { canUseWeakMap } from "../../../utilities/index.js";
|
||||
import { InternalQueryReference } from "./QueryReference.js";
|
||||
var SuspenseCache = /** @class */ (function () {
|
||||
function SuspenseCache(options) {
|
||||
if (options === void 0) { options = Object.create(null); }
|
||||
this.queryRefs = new Trie(canUseWeakMap);
|
||||
this.options = options;
|
||||
}
|
||||
SuspenseCache.prototype.getQueryRef = function (cacheKey, createObservable) {
|
||||
var ref = this.queryRefs.lookupArray(cacheKey);
|
||||
if (!ref.current) {
|
||||
ref.current = new InternalQueryReference(createObservable(), {
|
||||
autoDisposeTimeoutMs: this.options.autoDisposeTimeoutMs,
|
||||
onDispose: function () {
|
||||
delete ref.current;
|
||||
},
|
||||
});
|
||||
}
|
||||
return ref.current;
|
||||
};
|
||||
return SuspenseCache;
|
||||
}());
|
||||
export { SuspenseCache };
|
||||
//# sourceMappingURL=SuspenseCache.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"SuspenseCache.js","sourceRoot":"","sources":["../../../../src/react/internal/cache/SuspenseCache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAiB7D;IAME,uBAAY,OAAmD;QAAnD,wBAAA,EAAA,UAAgC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;QALvD,cAAS,GAAG,IAAI,IAAI,CAC1B,aAAa,CACd,CAAC;QAIA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,mCAAW,GAAX,UACE,QAAkB,EAClB,gBAA8C;QAE9C,IAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAE9C,CAAC;QAEF,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,GAAG,CAAC,OAAO,GAAG,IAAI,sBAAsB,CAAC,gBAAgB,EAAE,EAAE;gBAC3D,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,oBAAoB;gBACvD,SAAS,EAAE;oBACT,OAAO,GAAG,CAAC,OAAO,CAAC;gBACrB,CAAC;aACF,CAAC,CAAC;QACL,CAAC;QAED,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,CAAC;IACH,oBAAC;AAAD,CAAC,AA7BD,IA6BC","sourcesContent":["import { Trie } from \"@wry/trie\";\nimport type { ObservableQuery } from \"../../../core/index.js\";\nimport { canUseWeakMap } from \"../../../utilities/index.js\";\nimport { InternalQueryReference } from \"./QueryReference.js\";\nimport type { CacheKey } from \"./types.js\";\n\nexport interface SuspenseCacheOptions {\n /**\n * Specifies the amount of time, in milliseconds, the suspense cache will wait\n * for a suspended component to read from the suspense cache before it\n * automatically disposes of the query. This prevents memory leaks when a\n * component unmounts before a suspended resource finishes loading. Increase\n * the timeout if your queries take longer than than the specified time to\n * prevent your queries from suspending over and over.\n *\n * Defaults to 30 seconds.\n */\n autoDisposeTimeoutMs?: number;\n}\n\nexport class SuspenseCache {\n private queryRefs = new Trie<{ current?: InternalQueryReference }>(\n canUseWeakMap\n );\n private options: SuspenseCacheOptions;\n\n constructor(options: SuspenseCacheOptions = Object.create(null)) {\n this.options = options;\n }\n\n getQueryRef<TData = any>(\n cacheKey: CacheKey,\n createObservable: () => ObservableQuery<TData>\n ) {\n const ref = this.queryRefs.lookupArray(cacheKey) as {\n current?: InternalQueryReference<TData>;\n };\n\n if (!ref.current) {\n ref.current = new InternalQueryReference(createObservable(), {\n autoDisposeTimeoutMs: this.options.autoDisposeTimeoutMs,\n onDispose: () => {\n delete ref.current;\n },\n });\n }\n\n return ref.current;\n }\n}\n"]}
|
||||
Generated
Vendored
+16
@@ -0,0 +1,16 @@
|
||||
import type { SuspenseCacheOptions } from "../index.js";
|
||||
import { SuspenseCache } from "./SuspenseCache.js";
|
||||
import type { ApolloClient } from "../../../core/ApolloClient.js";
|
||||
declare module "../../../core/ApolloClient.js" {
|
||||
interface DefaultOptions {
|
||||
react?: {
|
||||
suspense?: Readonly<SuspenseCacheOptions>;
|
||||
};
|
||||
}
|
||||
}
|
||||
declare const suspenseCacheSymbol: unique symbol;
|
||||
export declare function getSuspenseCache(client: ApolloClient<object> & {
|
||||
[suspenseCacheSymbol]?: SuspenseCache;
|
||||
}): SuspenseCache;
|
||||
export {};
|
||||
//# sourceMappingURL=getSuspenseCache.d.ts.map
|
||||
Generated
Vendored
+10
@@ -0,0 +1,10 @@
|
||||
import { SuspenseCache } from "./SuspenseCache.js";
|
||||
var suspenseCacheSymbol = Symbol.for("apollo.suspenseCache");
|
||||
export function getSuspenseCache(client) {
|
||||
var _a;
|
||||
if (!client[suspenseCacheSymbol]) {
|
||||
client[suspenseCacheSymbol] = new SuspenseCache((_a = client.defaultOptions.react) === null || _a === void 0 ? void 0 : _a.suspense);
|
||||
}
|
||||
return client[suspenseCacheSymbol];
|
||||
}
|
||||
//# sourceMappingURL=getSuspenseCache.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"getSuspenseCache.js","sourceRoot":"","sources":["../../../../src/react/internal/cache/getSuspenseCache.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAWnD,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAE/D,MAAM,UAAU,gBAAgB,CAC9B,MAEC;;IAED,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC;QACjC,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAI,aAAa,CAC7C,MAAA,MAAM,CAAC,cAAc,CAAC,KAAK,0CAAE,QAAQ,CACtC,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC,mBAAmB,CAAC,CAAC;AACrC,CAAC","sourcesContent":["import type { SuspenseCacheOptions } from \"../index.js\";\nimport { SuspenseCache } from \"./SuspenseCache.js\";\nimport type { ApolloClient } from \"../../../core/ApolloClient.js\";\n\ndeclare module \"../../../core/ApolloClient.js\" {\n interface DefaultOptions {\n react?: {\n suspense?: Readonly<SuspenseCacheOptions>;\n };\n }\n}\n\nconst suspenseCacheSymbol = Symbol.for(\"apollo.suspenseCache\");\n\nexport function getSuspenseCache(\n client: ApolloClient<object> & {\n [suspenseCacheSymbol]?: SuspenseCache;\n }\n) {\n if (!client[suspenseCacheSymbol]) {\n client[suspenseCacheSymbol] = new SuspenseCache(\n client.defaultOptions.react?.suspense\n );\n }\n\n return client[suspenseCacheSymbol];\n}\n"]}
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
import type { DocumentNode } from "graphql";
|
||||
export type CacheKey = [
|
||||
query: DocumentNode,
|
||||
stringifiedVariables: string,
|
||||
...queryKey: any[]
|
||||
];
|
||||
export interface QueryKey {
|
||||
__queryKey?: string;
|
||||
}
|
||||
//# sourceMappingURL=types.d.ts.map
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
export {};
|
||||
//# sourceMappingURL=types.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/react/internal/cache/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { DocumentNode } from \"graphql\";\n\nexport type CacheKey = [\n query: DocumentNode,\n stringifiedVariables: string,\n ...queryKey: any[],\n];\n\nexport interface QueryKey {\n __queryKey?: string;\n}\n"]}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
export { getSuspenseCache } from "./cache/getSuspenseCache.js";
|
||||
export type { CacheKey, QueryKey } from "./cache/types.js";
|
||||
export type { QueryReference } from "./cache/QueryReference.js";
|
||||
export { InternalQueryReference, getWrappedPromise, unwrapQueryRef, updateWrappedQueryRef, wrapQueryRef, } from "./cache/QueryReference.js";
|
||||
export type { SuspenseCacheOptions } from "./cache/SuspenseCache.js";
|
||||
//# sourceMappingURL=index.d.ts.map
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
export { getSuspenseCache } from "./cache/getSuspenseCache.js";
|
||||
export { InternalQueryReference, getWrappedPromise, unwrapQueryRef, updateWrappedQueryRef, wrapQueryRef, } from "./cache/QueryReference.js";
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/internal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,YAAY,GACb,MAAM,2BAA2B,CAAC","sourcesContent":["export { getSuspenseCache } from \"./cache/getSuspenseCache.js\";\nexport type { CacheKey, QueryKey } from \"./cache/types.js\";\nexport type { QueryReference } from \"./cache/QueryReference.js\";\nexport {\n InternalQueryReference,\n getWrappedPromise,\n unwrapQueryRef,\n updateWrappedQueryRef,\n wrapQueryRef,\n} from \"./cache/QueryReference.js\";\nexport type { SuspenseCacheOptions } from \"./cache/SuspenseCache.js\";\n"]}
|
||||
+284
@@ -0,0 +1,284 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var trie = require('@wry/trie');
|
||||
var utilities = require('../../utilities');
|
||||
var tslib = require('tslib');
|
||||
var equality = require('@wry/equality');
|
||||
|
||||
var QUERY_REFERENCE_SYMBOL = Symbol();
|
||||
var PROMISE_SYMBOL = Symbol();
|
||||
function wrapQueryRef(internalQueryRef) {
|
||||
var _a;
|
||||
var ref = (_a = {
|
||||
toPromise: function () {
|
||||
return getWrappedPromise(ref).then(function () { return ref; });
|
||||
}
|
||||
},
|
||||
_a[QUERY_REFERENCE_SYMBOL] = internalQueryRef,
|
||||
_a[PROMISE_SYMBOL] = internalQueryRef.promise,
|
||||
_a);
|
||||
return ref;
|
||||
}
|
||||
function getWrappedPromise(queryRef) {
|
||||
var internalQueryRef = unwrapQueryRef(queryRef);
|
||||
return internalQueryRef.promise.status === "fulfilled" ?
|
||||
internalQueryRef.promise
|
||||
: queryRef[PROMISE_SYMBOL];
|
||||
}
|
||||
function unwrapQueryRef(queryRef) {
|
||||
return queryRef[QUERY_REFERENCE_SYMBOL];
|
||||
}
|
||||
function updateWrappedQueryRef(queryRef, promise) {
|
||||
queryRef[PROMISE_SYMBOL] = promise;
|
||||
}
|
||||
var OBSERVED_CHANGED_OPTIONS = [
|
||||
"canonizeResults",
|
||||
"context",
|
||||
"errorPolicy",
|
||||
"fetchPolicy",
|
||||
"refetchWritePolicy",
|
||||
"returnPartialData",
|
||||
];
|
||||
var InternalQueryReference = (function () {
|
||||
function InternalQueryReference(observable, options) {
|
||||
var _this = this;
|
||||
this.key = {};
|
||||
this.listeners = new Set();
|
||||
this.references = 0;
|
||||
this.handleNext = this.handleNext.bind(this);
|
||||
this.handleError = this.handleError.bind(this);
|
||||
this.dispose = this.dispose.bind(this);
|
||||
this.observable = observable;
|
||||
if (options.onDispose) {
|
||||
this.onDispose = options.onDispose;
|
||||
}
|
||||
this.setResult();
|
||||
this.subscribeToQuery();
|
||||
var startDisposeTimer = function () {
|
||||
var _a;
|
||||
if (!_this.references) {
|
||||
_this.autoDisposeTimeoutId = setTimeout(_this.dispose, (_a = options.autoDisposeTimeoutMs) !== null && _a !== void 0 ? _a : 30000);
|
||||
}
|
||||
};
|
||||
this.promise.then(startDisposeTimer, startDisposeTimer);
|
||||
}
|
||||
Object.defineProperty(InternalQueryReference.prototype, "disposed", {
|
||||
get: function () {
|
||||
return this.subscription.closed;
|
||||
},
|
||||
enumerable: false,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(InternalQueryReference.prototype, "watchQueryOptions", {
|
||||
get: function () {
|
||||
return this.observable.options;
|
||||
},
|
||||
enumerable: false,
|
||||
configurable: true
|
||||
});
|
||||
InternalQueryReference.prototype.reinitialize = function () {
|
||||
var observable = this.observable;
|
||||
var originalFetchPolicy = this.watchQueryOptions.fetchPolicy;
|
||||
try {
|
||||
if (originalFetchPolicy !== "no-cache") {
|
||||
observable.resetLastResults();
|
||||
observable.silentSetOptions({ fetchPolicy: "cache-first" });
|
||||
}
|
||||
else {
|
||||
observable.silentSetOptions({ fetchPolicy: "standby" });
|
||||
}
|
||||
this.subscribeToQuery();
|
||||
if (originalFetchPolicy === "no-cache") {
|
||||
return;
|
||||
}
|
||||
observable.resetDiff();
|
||||
this.setResult();
|
||||
}
|
||||
finally {
|
||||
observable.silentSetOptions({ fetchPolicy: originalFetchPolicy });
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.retain = function () {
|
||||
var _this = this;
|
||||
this.references++;
|
||||
clearTimeout(this.autoDisposeTimeoutId);
|
||||
var disposed = false;
|
||||
return function () {
|
||||
if (disposed) {
|
||||
return;
|
||||
}
|
||||
disposed = true;
|
||||
_this.references--;
|
||||
setTimeout(function () {
|
||||
if (!_this.references) {
|
||||
_this.dispose();
|
||||
}
|
||||
});
|
||||
};
|
||||
};
|
||||
InternalQueryReference.prototype.didChangeOptions = function (watchQueryOptions) {
|
||||
var _this = this;
|
||||
return OBSERVED_CHANGED_OPTIONS.some(function (option) {
|
||||
return !equality.equal(_this.watchQueryOptions[option], watchQueryOptions[option]);
|
||||
});
|
||||
};
|
||||
InternalQueryReference.prototype.applyOptions = function (watchQueryOptions) {
|
||||
var _a = this.watchQueryOptions, currentFetchPolicy = _a.fetchPolicy, currentCanonizeResults = _a.canonizeResults;
|
||||
if (currentFetchPolicy === "standby" &&
|
||||
currentFetchPolicy !== watchQueryOptions.fetchPolicy) {
|
||||
this.initiateFetch(this.observable.reobserve(watchQueryOptions));
|
||||
}
|
||||
else {
|
||||
this.observable.silentSetOptions(watchQueryOptions);
|
||||
if (currentCanonizeResults !== watchQueryOptions.canonizeResults) {
|
||||
this.result = tslib.__assign(tslib.__assign({}, this.result), this.observable.getCurrentResult());
|
||||
this.promise = utilities.createFulfilledPromise(this.result);
|
||||
}
|
||||
}
|
||||
return this.promise;
|
||||
};
|
||||
InternalQueryReference.prototype.listen = function (listener) {
|
||||
var _this = this;
|
||||
this.listeners.add(listener);
|
||||
return function () {
|
||||
_this.listeners.delete(listener);
|
||||
};
|
||||
};
|
||||
InternalQueryReference.prototype.refetch = function (variables) {
|
||||
return this.initiateFetch(this.observable.refetch(variables));
|
||||
};
|
||||
InternalQueryReference.prototype.fetchMore = function (options) {
|
||||
return this.initiateFetch(this.observable.fetchMore(options));
|
||||
};
|
||||
InternalQueryReference.prototype.dispose = function () {
|
||||
this.subscription.unsubscribe();
|
||||
this.onDispose();
|
||||
};
|
||||
InternalQueryReference.prototype.onDispose = function () {
|
||||
};
|
||||
InternalQueryReference.prototype.handleNext = function (result) {
|
||||
var _a;
|
||||
switch (this.promise.status) {
|
||||
case "pending": {
|
||||
if (result.data === void 0) {
|
||||
result.data = this.result.data;
|
||||
}
|
||||
this.result = result;
|
||||
(_a = this.resolve) === null || _a === void 0 ? void 0 : _a.call(this, result);
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
if (result.data === this.result.data &&
|
||||
result.networkStatus === this.result.networkStatus) {
|
||||
return;
|
||||
}
|
||||
if (result.data === void 0) {
|
||||
result.data = this.result.data;
|
||||
}
|
||||
this.result = result;
|
||||
this.promise = utilities.createFulfilledPromise(result);
|
||||
this.deliver(this.promise);
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.handleError = function (error) {
|
||||
var _a;
|
||||
this.subscription.unsubscribe();
|
||||
this.subscription = this.observable.resubscribeAfterError(this.handleNext, this.handleError);
|
||||
switch (this.promise.status) {
|
||||
case "pending": {
|
||||
(_a = this.reject) === null || _a === void 0 ? void 0 : _a.call(this, error);
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
this.promise = utilities.createRejectedPromise(error);
|
||||
this.deliver(this.promise);
|
||||
}
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.deliver = function (promise) {
|
||||
this.listeners.forEach(function (listener) { return listener(promise); });
|
||||
};
|
||||
InternalQueryReference.prototype.initiateFetch = function (returnedPromise) {
|
||||
var _this = this;
|
||||
this.promise = this.createPendingPromise();
|
||||
this.promise.catch(function () { });
|
||||
returnedPromise
|
||||
.then(function (result) {
|
||||
var _a;
|
||||
if (_this.promise.status === "pending") {
|
||||
_this.result = result;
|
||||
(_a = _this.resolve) === null || _a === void 0 ? void 0 : _a.call(_this, result);
|
||||
}
|
||||
})
|
||||
.catch(function () { });
|
||||
return returnedPromise;
|
||||
};
|
||||
InternalQueryReference.prototype.subscribeToQuery = function () {
|
||||
var _this = this;
|
||||
this.subscription = this.observable
|
||||
.filter(function (result) { return !equality.equal(result.data, {}) && !equality.equal(result, _this.result); })
|
||||
.subscribe(this.handleNext, this.handleError);
|
||||
};
|
||||
InternalQueryReference.prototype.setResult = function () {
|
||||
var result = this.observable.getCurrentResult(false);
|
||||
if (equality.equal(result, this.result)) {
|
||||
return;
|
||||
}
|
||||
this.result = result;
|
||||
this.promise =
|
||||
(result.data &&
|
||||
(!result.partial || this.watchQueryOptions.returnPartialData)) ?
|
||||
utilities.createFulfilledPromise(result)
|
||||
: this.createPendingPromise();
|
||||
};
|
||||
InternalQueryReference.prototype.createPendingPromise = function () {
|
||||
var _this = this;
|
||||
return utilities.wrapPromiseWithState(new Promise(function (resolve, reject) {
|
||||
_this.resolve = resolve;
|
||||
_this.reject = reject;
|
||||
}));
|
||||
};
|
||||
return InternalQueryReference;
|
||||
}());
|
||||
|
||||
var SuspenseCache = (function () {
|
||||
function SuspenseCache(options) {
|
||||
if (options === void 0) { options = Object.create(null); }
|
||||
this.queryRefs = new trie.Trie(utilities.canUseWeakMap);
|
||||
this.options = options;
|
||||
}
|
||||
SuspenseCache.prototype.getQueryRef = function (cacheKey, createObservable) {
|
||||
var ref = this.queryRefs.lookupArray(cacheKey);
|
||||
if (!ref.current) {
|
||||
ref.current = new InternalQueryReference(createObservable(), {
|
||||
autoDisposeTimeoutMs: this.options.autoDisposeTimeoutMs,
|
||||
onDispose: function () {
|
||||
delete ref.current;
|
||||
},
|
||||
});
|
||||
}
|
||||
return ref.current;
|
||||
};
|
||||
return SuspenseCache;
|
||||
}());
|
||||
|
||||
var suspenseCacheSymbol = Symbol.for("apollo.suspenseCache");
|
||||
function getSuspenseCache(client) {
|
||||
var _a;
|
||||
if (!client[suspenseCacheSymbol]) {
|
||||
client[suspenseCacheSymbol] = new SuspenseCache((_a = client.defaultOptions.react) === null || _a === void 0 ? void 0 : _a.suspense);
|
||||
}
|
||||
return client[suspenseCacheSymbol];
|
||||
}
|
||||
|
||||
exports.InternalQueryReference = InternalQueryReference;
|
||||
exports.getSuspenseCache = getSuspenseCache;
|
||||
exports.getWrappedPromise = getWrappedPromise;
|
||||
exports.unwrapQueryRef = unwrapQueryRef;
|
||||
exports.updateWrappedQueryRef = updateWrappedQueryRef;
|
||||
exports.wrapQueryRef = wrapQueryRef;
|
||||
//# sourceMappingURL=internal.cjs.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"internal.cjs","sources":["cache/QueryReference.js","cache/SuspenseCache.js","cache/getSuspenseCache.js"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { equal } from \"@wry/equality\";\nimport { createFulfilledPromise, createRejectedPromise, } from \"../../../utilities/index.js\";\nimport { wrapPromiseWithState } from \"../../../utilities/index.js\";\nvar QUERY_REFERENCE_SYMBOL = Symbol();\nvar PROMISE_SYMBOL = Symbol();\nexport function wrapQueryRef(internalQueryRef) {\n var _a;\n var ref = (_a = {\n toPromise: function () {\n // We avoid resolving this promise with the query data because we want to\n // discourage using the server data directly from the queryRef. Instead,\n // the data should be accessed through `useReadQuery`. When the server\n // data is needed, its better to use `client.query()` directly.\n //\n // Here we resolve with the ref itself to make using this in React Router\n // or TanStack Router `loader` functions a bit more ergonomic e.g.\n //\n // function loader() {\n // return { queryRef: await preloadQuery(query).toPromise() }\n // }\n return getWrappedPromise(ref).then(function () { return ref; });\n }\n },\n _a[QUERY_REFERENCE_SYMBOL] = internalQueryRef,\n _a[PROMISE_SYMBOL] = internalQueryRef.promise,\n _a);\n return ref;\n}\nexport function getWrappedPromise(queryRef) {\n var internalQueryRef = unwrapQueryRef(queryRef);\n return internalQueryRef.promise.status === \"fulfilled\" ?\n internalQueryRef.promise\n : queryRef[PROMISE_SYMBOL];\n}\nexport function unwrapQueryRef(queryRef) {\n return queryRef[QUERY_REFERENCE_SYMBOL];\n}\nexport function updateWrappedQueryRef(queryRef, promise) {\n queryRef[PROMISE_SYMBOL] = promise;\n}\nvar OBSERVED_CHANGED_OPTIONS = [\n \"canonizeResults\",\n \"context\",\n \"errorPolicy\",\n \"fetchPolicy\",\n \"refetchWritePolicy\",\n \"returnPartialData\",\n];\nvar InternalQueryReference = /** @class */ (function () {\n function InternalQueryReference(observable, options) {\n var _this = this;\n this.key = {};\n this.listeners = new Set();\n this.references = 0;\n this.handleNext = this.handleNext.bind(this);\n this.handleError = this.handleError.bind(this);\n this.dispose = this.dispose.bind(this);\n this.observable = observable;\n if (options.onDispose) {\n this.onDispose = options.onDispose;\n }\n this.setResult();\n this.subscribeToQuery();\n // Start a timer that will automatically dispose of the query if the\n // suspended resource does not use this queryRef in the given time. This\n // helps prevent memory leaks when a component has unmounted before the\n // query has finished loading.\n var startDisposeTimer = function () {\n var _a;\n if (!_this.references) {\n _this.autoDisposeTimeoutId = setTimeout(_this.dispose, (_a = options.autoDisposeTimeoutMs) !== null && _a !== void 0 ? _a : 30000);\n }\n };\n // We wait until the request has settled to ensure we don't dispose of the\n // query ref before the request finishes, otherwise we would leave the\n // promise in a pending state rendering the suspense boundary indefinitely.\n this.promise.then(startDisposeTimer, startDisposeTimer);\n }\n Object.defineProperty(InternalQueryReference.prototype, \"disposed\", {\n get: function () {\n return this.subscription.closed;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(InternalQueryReference.prototype, \"watchQueryOptions\", {\n get: function () {\n return this.observable.options;\n },\n enumerable: false,\n configurable: true\n });\n InternalQueryReference.prototype.reinitialize = function () {\n var observable = this.observable;\n var originalFetchPolicy = this.watchQueryOptions.fetchPolicy;\n try {\n if (originalFetchPolicy !== \"no-cache\") {\n observable.resetLastResults();\n observable.silentSetOptions({ fetchPolicy: \"cache-first\" });\n }\n else {\n observable.silentSetOptions({ fetchPolicy: \"standby\" });\n }\n this.subscribeToQuery();\n if (originalFetchPolicy === \"no-cache\") {\n return;\n }\n observable.resetDiff();\n this.setResult();\n }\n finally {\n observable.silentSetOptions({ fetchPolicy: originalFetchPolicy });\n }\n };\n InternalQueryReference.prototype.retain = funLine truncated
|
||||
Generated
Vendored
+284
@@ -0,0 +1,284 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var trie = require('@wry/trie');
|
||||
var utilities = require('../../utilities');
|
||||
var tslib = require('tslib');
|
||||
var equality = require('@wry/equality');
|
||||
|
||||
var QUERY_REFERENCE_SYMBOL = Symbol();
|
||||
var PROMISE_SYMBOL = Symbol();
|
||||
function wrapQueryRef(internalQueryRef) {
|
||||
var _a;
|
||||
var ref = (_a = {
|
||||
toPromise: function () {
|
||||
return getWrappedPromise(ref).then(function () { return ref; });
|
||||
}
|
||||
},
|
||||
_a[QUERY_REFERENCE_SYMBOL] = internalQueryRef,
|
||||
_a[PROMISE_SYMBOL] = internalQueryRef.promise,
|
||||
_a);
|
||||
return ref;
|
||||
}
|
||||
function getWrappedPromise(queryRef) {
|
||||
var internalQueryRef = unwrapQueryRef(queryRef);
|
||||
return internalQueryRef.promise.status === "fulfilled" ?
|
||||
internalQueryRef.promise
|
||||
: queryRef[PROMISE_SYMBOL];
|
||||
}
|
||||
function unwrapQueryRef(queryRef) {
|
||||
return queryRef[QUERY_REFERENCE_SYMBOL];
|
||||
}
|
||||
function updateWrappedQueryRef(queryRef, promise) {
|
||||
queryRef[PROMISE_SYMBOL] = promise;
|
||||
}
|
||||
var OBSERVED_CHANGED_OPTIONS = [
|
||||
"canonizeResults",
|
||||
"context",
|
||||
"errorPolicy",
|
||||
"fetchPolicy",
|
||||
"refetchWritePolicy",
|
||||
"returnPartialData",
|
||||
];
|
||||
var InternalQueryReference = (function () {
|
||||
function InternalQueryReference(observable, options) {
|
||||
var _this = this;
|
||||
this.key = {};
|
||||
this.listeners = new Set();
|
||||
this.references = 0;
|
||||
this.handleNext = this.handleNext.bind(this);
|
||||
this.handleError = this.handleError.bind(this);
|
||||
this.dispose = this.dispose.bind(this);
|
||||
this.observable = observable;
|
||||
if (options.onDispose) {
|
||||
this.onDispose = options.onDispose;
|
||||
}
|
||||
this.setResult();
|
||||
this.subscribeToQuery();
|
||||
var startDisposeTimer = function () {
|
||||
var _a;
|
||||
if (!_this.references) {
|
||||
_this.autoDisposeTimeoutId = setTimeout(_this.dispose, (_a = options.autoDisposeTimeoutMs) !== null && _a !== void 0 ? _a : 30000);
|
||||
}
|
||||
};
|
||||
this.promise.then(startDisposeTimer, startDisposeTimer);
|
||||
}
|
||||
Object.defineProperty(InternalQueryReference.prototype, "disposed", {
|
||||
get: function () {
|
||||
return this.subscription.closed;
|
||||
},
|
||||
enumerable: false,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(InternalQueryReference.prototype, "watchQueryOptions", {
|
||||
get: function () {
|
||||
return this.observable.options;
|
||||
},
|
||||
enumerable: false,
|
||||
configurable: true
|
||||
});
|
||||
InternalQueryReference.prototype.reinitialize = function () {
|
||||
var observable = this.observable;
|
||||
var originalFetchPolicy = this.watchQueryOptions.fetchPolicy;
|
||||
try {
|
||||
if (originalFetchPolicy !== "no-cache") {
|
||||
observable.resetLastResults();
|
||||
observable.silentSetOptions({ fetchPolicy: "cache-first" });
|
||||
}
|
||||
else {
|
||||
observable.silentSetOptions({ fetchPolicy: "standby" });
|
||||
}
|
||||
this.subscribeToQuery();
|
||||
if (originalFetchPolicy === "no-cache") {
|
||||
return;
|
||||
}
|
||||
observable.resetDiff();
|
||||
this.setResult();
|
||||
}
|
||||
finally {
|
||||
observable.silentSetOptions({ fetchPolicy: originalFetchPolicy });
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.retain = function () {
|
||||
var _this = this;
|
||||
this.references++;
|
||||
clearTimeout(this.autoDisposeTimeoutId);
|
||||
var disposed = false;
|
||||
return function () {
|
||||
if (disposed) {
|
||||
return;
|
||||
}
|
||||
disposed = true;
|
||||
_this.references--;
|
||||
setTimeout(function () {
|
||||
if (!_this.references) {
|
||||
_this.dispose();
|
||||
}
|
||||
});
|
||||
};
|
||||
};
|
||||
InternalQueryReference.prototype.didChangeOptions = function (watchQueryOptions) {
|
||||
var _this = this;
|
||||
return OBSERVED_CHANGED_OPTIONS.some(function (option) {
|
||||
return !equality.equal(_this.watchQueryOptions[option], watchQueryOptions[option]);
|
||||
});
|
||||
};
|
||||
InternalQueryReference.prototype.applyOptions = function (watchQueryOptions) {
|
||||
var _a = this.watchQueryOptions, currentFetchPolicy = _a.fetchPolicy, currentCanonizeResults = _a.canonizeResults;
|
||||
if (currentFetchPolicy === "standby" &&
|
||||
currentFetchPolicy !== watchQueryOptions.fetchPolicy) {
|
||||
this.initiateFetch(this.observable.reobserve(watchQueryOptions));
|
||||
}
|
||||
else {
|
||||
this.observable.silentSetOptions(watchQueryOptions);
|
||||
if (currentCanonizeResults !== watchQueryOptions.canonizeResults) {
|
||||
this.result = tslib.__assign(tslib.__assign({}, this.result), this.observable.getCurrentResult());
|
||||
this.promise = utilities.createFulfilledPromise(this.result);
|
||||
}
|
||||
}
|
||||
return this.promise;
|
||||
};
|
||||
InternalQueryReference.prototype.listen = function (listener) {
|
||||
var _this = this;
|
||||
this.listeners.add(listener);
|
||||
return function () {
|
||||
_this.listeners.delete(listener);
|
||||
};
|
||||
};
|
||||
InternalQueryReference.prototype.refetch = function (variables) {
|
||||
return this.initiateFetch(this.observable.refetch(variables));
|
||||
};
|
||||
InternalQueryReference.prototype.fetchMore = function (options) {
|
||||
return this.initiateFetch(this.observable.fetchMore(options));
|
||||
};
|
||||
InternalQueryReference.prototype.dispose = function () {
|
||||
this.subscription.unsubscribe();
|
||||
this.onDispose();
|
||||
};
|
||||
InternalQueryReference.prototype.onDispose = function () {
|
||||
};
|
||||
InternalQueryReference.prototype.handleNext = function (result) {
|
||||
var _a;
|
||||
switch (this.promise.status) {
|
||||
case "pending": {
|
||||
if (result.data === void 0) {
|
||||
result.data = this.result.data;
|
||||
}
|
||||
this.result = result;
|
||||
(_a = this.resolve) === null || _a === void 0 ? void 0 : _a.call(this, result);
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
if (result.data === this.result.data &&
|
||||
result.networkStatus === this.result.networkStatus) {
|
||||
return;
|
||||
}
|
||||
if (result.data === void 0) {
|
||||
result.data = this.result.data;
|
||||
}
|
||||
this.result = result;
|
||||
this.promise = utilities.createFulfilledPromise(result);
|
||||
this.deliver(this.promise);
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.handleError = function (error) {
|
||||
var _a;
|
||||
this.subscription.unsubscribe();
|
||||
this.subscription = this.observable.resubscribeAfterError(this.handleNext, this.handleError);
|
||||
switch (this.promise.status) {
|
||||
case "pending": {
|
||||
(_a = this.reject) === null || _a === void 0 ? void 0 : _a.call(this, error);
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
this.promise = utilities.createRejectedPromise(error);
|
||||
this.deliver(this.promise);
|
||||
}
|
||||
}
|
||||
};
|
||||
InternalQueryReference.prototype.deliver = function (promise) {
|
||||
this.listeners.forEach(function (listener) { return listener(promise); });
|
||||
};
|
||||
InternalQueryReference.prototype.initiateFetch = function (returnedPromise) {
|
||||
var _this = this;
|
||||
this.promise = this.createPendingPromise();
|
||||
this.promise.catch(function () { });
|
||||
returnedPromise
|
||||
.then(function (result) {
|
||||
var _a;
|
||||
if (_this.promise.status === "pending") {
|
||||
_this.result = result;
|
||||
(_a = _this.resolve) === null || _a === void 0 ? void 0 : _a.call(_this, result);
|
||||
}
|
||||
})
|
||||
.catch(function () { });
|
||||
return returnedPromise;
|
||||
};
|
||||
InternalQueryReference.prototype.subscribeToQuery = function () {
|
||||
var _this = this;
|
||||
this.subscription = this.observable
|
||||
.filter(function (result) { return !equality.equal(result.data, {}) && !equality.equal(result, _this.result); })
|
||||
.subscribe(this.handleNext, this.handleError);
|
||||
};
|
||||
InternalQueryReference.prototype.setResult = function () {
|
||||
var result = this.observable.getCurrentResult(false);
|
||||
if (equality.equal(result, this.result)) {
|
||||
return;
|
||||
}
|
||||
this.result = result;
|
||||
this.promise =
|
||||
(result.data &&
|
||||
(!result.partial || this.watchQueryOptions.returnPartialData)) ?
|
||||
utilities.createFulfilledPromise(result)
|
||||
: this.createPendingPromise();
|
||||
};
|
||||
InternalQueryReference.prototype.createPendingPromise = function () {
|
||||
var _this = this;
|
||||
return utilities.wrapPromiseWithState(new Promise(function (resolve, reject) {
|
||||
_this.resolve = resolve;
|
||||
_this.reject = reject;
|
||||
}));
|
||||
};
|
||||
return InternalQueryReference;
|
||||
}());
|
||||
|
||||
var SuspenseCache = (function () {
|
||||
function SuspenseCache(options) {
|
||||
if (options === void 0) { options = Object.create(null); }
|
||||
this.queryRefs = new trie.Trie(utilities.canUseWeakMap);
|
||||
this.options = options;
|
||||
}
|
||||
SuspenseCache.prototype.getQueryRef = function (cacheKey, createObservable) {
|
||||
var ref = this.queryRefs.lookupArray(cacheKey);
|
||||
if (!ref.current) {
|
||||
ref.current = new InternalQueryReference(createObservable(), {
|
||||
autoDisposeTimeoutMs: this.options.autoDisposeTimeoutMs,
|
||||
onDispose: function () {
|
||||
delete ref.current;
|
||||
},
|
||||
});
|
||||
}
|
||||
return ref.current;
|
||||
};
|
||||
return SuspenseCache;
|
||||
}());
|
||||
|
||||
var suspenseCacheSymbol = Symbol.for("apollo.suspenseCache");
|
||||
function getSuspenseCache(client) {
|
||||
var _a;
|
||||
if (!client[suspenseCacheSymbol]) {
|
||||
client[suspenseCacheSymbol] = new SuspenseCache((_a = client.defaultOptions.react) === null || _a === void 0 ? void 0 : _a.suspense);
|
||||
}
|
||||
return client[suspenseCacheSymbol];
|
||||
}
|
||||
|
||||
exports.InternalQueryReference = InternalQueryReference;
|
||||
exports.getSuspenseCache = getSuspenseCache;
|
||||
exports.getWrappedPromise = getWrappedPromise;
|
||||
exports.unwrapQueryRef = unwrapQueryRef;
|
||||
exports.updateWrappedQueryRef = updateWrappedQueryRef;
|
||||
exports.wrapQueryRef = wrapQueryRef;
|
||||
//# sourceMappingURL=internal.cjs.map
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "@apollo/client/react/internal",
|
||||
"type": "module",
|
||||
"main": "internal.cjs",
|
||||
"module": "index.js",
|
||||
"types": "index.d.ts",
|
||||
"sideEffects": false
|
||||
}
|
||||
Reference in new issue
Block a user