You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
4.9 KiB
112 lines
4.9 KiB
5 months ago
|
function makeDefaultQueryInfo() {
|
||
|
return {
|
||
|
seen: false,
|
||
|
observable: null,
|
||
|
};
|
||
|
}
|
||
|
var RenderPromises = /** @class */ (function () {
|
||
|
function RenderPromises() {
|
||
|
// Map from Query component instances to pending fetchData promises.
|
||
|
this.queryPromises = new Map();
|
||
|
// Two-layered map from (query document, stringified variables) to QueryInfo
|
||
|
// objects. These QueryInfo objects are intended to survive through the whole
|
||
|
// getMarkupFromTree process, whereas specific Query instances do not survive
|
||
|
// beyond a single call to renderToStaticMarkup.
|
||
|
this.queryInfoTrie = new Map();
|
||
|
this.stopped = false;
|
||
|
}
|
||
|
RenderPromises.prototype.stop = function () {
|
||
|
if (!this.stopped) {
|
||
|
this.queryPromises.clear();
|
||
|
this.queryInfoTrie.clear();
|
||
|
this.stopped = true;
|
||
|
}
|
||
|
};
|
||
|
// Registers the server side rendered observable.
|
||
|
RenderPromises.prototype.registerSSRObservable = function (observable) {
|
||
|
if (this.stopped)
|
||
|
return;
|
||
|
this.lookupQueryInfo(observable.options).observable = observable;
|
||
|
};
|
||
|
// Get's the cached observable that matches the SSR Query instances query and variables.
|
||
|
RenderPromises.prototype.getSSRObservable = function (props) {
|
||
|
return this.lookupQueryInfo(props).observable;
|
||
|
};
|
||
|
RenderPromises.prototype.addQueryPromise = function (queryInstance, finish) {
|
||
|
if (!this.stopped) {
|
||
|
var info = this.lookupQueryInfo(queryInstance.getOptions());
|
||
|
if (!info.seen) {
|
||
|
this.queryPromises.set(queryInstance.getOptions(), new Promise(function (resolve) {
|
||
|
resolve(queryInstance.fetchData());
|
||
|
}));
|
||
|
// Render null to abandon this subtree for this rendering, so that we
|
||
|
// can wait for the data to arrive.
|
||
|
return null;
|
||
|
}
|
||
|
}
|
||
|
return finish ? finish() : null;
|
||
|
};
|
||
|
RenderPromises.prototype.addObservableQueryPromise = function (obsQuery) {
|
||
|
return this.addQueryPromise({
|
||
|
// The only options which seem to actually be used by the
|
||
|
// RenderPromises class are query and variables.
|
||
|
getOptions: function () { return obsQuery.options; },
|
||
|
fetchData: function () {
|
||
|
return new Promise(function (resolve) {
|
||
|
var sub = obsQuery.subscribe({
|
||
|
next: function (result) {
|
||
|
if (!result.loading) {
|
||
|
resolve();
|
||
|
sub.unsubscribe();
|
||
|
}
|
||
|
},
|
||
|
error: function () {
|
||
|
resolve();
|
||
|
sub.unsubscribe();
|
||
|
},
|
||
|
complete: function () {
|
||
|
resolve();
|
||
|
},
|
||
|
});
|
||
|
});
|
||
|
},
|
||
|
});
|
||
|
};
|
||
|
RenderPromises.prototype.hasPromises = function () {
|
||
|
return this.queryPromises.size > 0;
|
||
|
};
|
||
|
RenderPromises.prototype.consumeAndAwaitPromises = function () {
|
||
|
var _this = this;
|
||
|
var promises = [];
|
||
|
this.queryPromises.forEach(function (promise, queryInstance) {
|
||
|
// Make sure we never try to call fetchData for this query document and
|
||
|
// these variables again. Since the queryInstance objects change with
|
||
|
// every rendering, deduplicating them by query and variables is the
|
||
|
// best we can do. If a different Query component happens to have the
|
||
|
// same query document and variables, it will be immediately rendered
|
||
|
// by calling finish() in addQueryPromise, which could result in the
|
||
|
// rendering of an unwanted loading state, but that's not nearly as bad
|
||
|
// as getting stuck in an infinite rendering loop because we kept calling
|
||
|
// queryInstance.fetchData for the same Query component indefinitely.
|
||
|
_this.lookupQueryInfo(queryInstance).seen = true;
|
||
|
promises.push(promise);
|
||
|
});
|
||
|
this.queryPromises.clear();
|
||
|
return Promise.all(promises);
|
||
|
};
|
||
|
RenderPromises.prototype.lookupQueryInfo = function (props) {
|
||
|
var queryInfoTrie = this.queryInfoTrie;
|
||
|
var query = props.query, variables = props.variables;
|
||
|
var varMap = queryInfoTrie.get(query) || new Map();
|
||
|
if (!queryInfoTrie.has(query))
|
||
|
queryInfoTrie.set(query, varMap);
|
||
|
var variablesString = JSON.stringify(variables);
|
||
|
var info = varMap.get(variablesString) || makeDefaultQueryInfo();
|
||
|
if (!varMap.has(variablesString))
|
||
|
varMap.set(variablesString, info);
|
||
|
return info;
|
||
|
};
|
||
|
return RenderPromises;
|
||
|
}());
|
||
|
export { RenderPromises };
|
||
|
//# sourceMappingURL=RenderPromises.js.map
|