119 lines
3.4 KiB
JavaScript
119 lines
3.4 KiB
JavaScript
/* global axios */
|
|
import { DataManager } from '../helper/CacheHelper/DataManager';
|
|
import ApiClient from './ApiClient';
|
|
|
|
class CacheEnabledApiClient extends ApiClient {
|
|
constructor(resource, options = {}) {
|
|
super(resource, options);
|
|
this.dataManager = new DataManager(this.accountIdFromRoute);
|
|
}
|
|
|
|
// eslint-disable-next-line class-methods-use-this
|
|
get cacheModelName() {
|
|
throw new Error('cacheModelName is not defined');
|
|
}
|
|
|
|
get(cache = false) {
|
|
if (cache) {
|
|
return this.getFromCache();
|
|
}
|
|
|
|
return this.getFromNetwork();
|
|
}
|
|
|
|
getFromNetwork() {
|
|
return axios.get(this.url);
|
|
}
|
|
|
|
async getCacheKeyFromServer() {
|
|
const response = await axios.get(
|
|
`/api/v1/accounts/${this.accountIdFromRoute}/cache_keys`
|
|
);
|
|
return response.data.cache_keys?.[this.cacheModelName] ?? null;
|
|
}
|
|
|
|
// eslint-disable-next-line class-methods-use-this
|
|
extractDataFromResponse(response) {
|
|
return response.data.payload;
|
|
}
|
|
|
|
// eslint-disable-next-line class-methods-use-this
|
|
marshallData(dataToParse) {
|
|
return { data: { payload: dataToParse } };
|
|
}
|
|
|
|
async getFromCache() {
|
|
try {
|
|
// IDB is not supported in Firefox private mode: https://bugzilla.mozilla.org/show_bug.cgi?id=781982
|
|
await this.dataManager.initDb();
|
|
} catch {
|
|
return this.getFromNetwork();
|
|
}
|
|
|
|
// Trust the IDB cache. Freshness is maintained by the
|
|
// account.cache_invalidated event alone: RoomChannel pushes the cache-key
|
|
// map on every (re)subscribe — boot and reconnect included — and the
|
|
// server broadcasts it on every change. Skipping a per-call /cache_keys
|
|
// preflight eliminates N GET requests per cold settings-page load.
|
|
const localData = await this.dataManager.get({
|
|
modelName: this.cacheModelName,
|
|
});
|
|
|
|
if (localData.length > 0) {
|
|
return this.marshallData(localData);
|
|
}
|
|
|
|
// Empty IDB (first load or wiped): capture the authoritative key before
|
|
// persisting rows so future boots can revalidate this cached data.
|
|
let serverKey = null;
|
|
try {
|
|
serverKey = await this.getCacheKeyFromServer();
|
|
} catch {
|
|
// Ignore error. The network fetch below should still work, and storing
|
|
// null keeps this cache eligible for boot-time revalidation later.
|
|
}
|
|
return this.refetchAndCommit(serverKey);
|
|
}
|
|
|
|
async refetchAndCommit(newKey = null) {
|
|
const response = await this.getFromNetwork();
|
|
|
|
try {
|
|
await this.dataManager.initDb();
|
|
|
|
// Await replace so data is persisted before the cache key is — otherwise
|
|
// a concurrent reader could see a fresh key paired with stale data.
|
|
await this.dataManager.replace({
|
|
modelName: this.cacheModelName,
|
|
data: this.extractDataFromResponse(response),
|
|
});
|
|
|
|
await this.dataManager.setCacheKeys({
|
|
[this.cacheModelName]: newKey === undefined ? null : newKey,
|
|
});
|
|
} catch {
|
|
// Ignore error
|
|
}
|
|
|
|
return response;
|
|
}
|
|
|
|
async validateCacheKey(cacheKeyFromApi) {
|
|
if (!this.dataManager.db) {
|
|
await this.dataManager.initDb();
|
|
}
|
|
|
|
const cacheKey = await this.dataManager.getCacheKey(this.cacheModelName);
|
|
if (cacheKey === undefined) {
|
|
const localData = await this.dataManager.get({
|
|
modelName: this.cacheModelName,
|
|
});
|
|
return localData.length === 0;
|
|
}
|
|
|
|
return cacheKeyFromApi === cacheKey;
|
|
}
|
|
}
|
|
|
|
export default CacheEnabledApiClient;
|