2023-07-10 15:55:10 +09:00
|
|
|
import { ref } from "vue";
|
2023-03-24 16:54:37 +09:00
|
|
|
|
|
|
|
export class Cache<T> {
|
|
|
|
private cachedAt: number | null = null;
|
2023-07-10 15:55:10 +09:00
|
|
|
public value = ref<T | undefined>();
|
2023-03-24 16:54:37 +09:00
|
|
|
private lifetime: number;
|
|
|
|
|
|
|
|
constructor(lifetime: Cache<never>['lifetime']) {
|
|
|
|
this.lifetime = lifetime;
|
|
|
|
}
|
|
|
|
|
|
|
|
public set(value: T): void {
|
|
|
|
this.cachedAt = Date.now();
|
2023-07-10 15:55:10 +09:00
|
|
|
this.value.value = value;
|
2023-03-24 16:54:37 +09:00
|
|
|
}
|
|
|
|
|
2023-07-10 15:55:10 +09:00
|
|
|
private get(): T | undefined {
|
2023-03-24 16:54:37 +09:00
|
|
|
if (this.cachedAt == null) return undefined;
|
|
|
|
if ((Date.now() - this.cachedAt) > this.lifetime) {
|
2023-07-10 15:55:10 +09:00
|
|
|
this.value.value = undefined;
|
2023-03-24 16:54:37 +09:00
|
|
|
this.cachedAt = null;
|
|
|
|
return undefined;
|
|
|
|
}
|
2023-07-10 15:55:10 +09:00
|
|
|
return this.value.value;
|
2023-03-24 16:54:37 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
public delete() {
|
|
|
|
this.cachedAt = null;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* キャッシュがあればそれを返し、無ければfetcherを呼び出して結果をキャッシュ&返します
|
|
|
|
* optional: キャッシュが存在してもvalidatorでfalseを返すとキャッシュ無効扱いにします
|
|
|
|
*/
|
|
|
|
public async fetch(fetcher: () => Promise<T>, validator?: (cachedValue: T) => boolean): Promise<T> {
|
|
|
|
const cachedValue = this.get();
|
|
|
|
if (cachedValue !== undefined) {
|
|
|
|
if (validator) {
|
|
|
|
if (validator(cachedValue)) {
|
|
|
|
// Cache HIT
|
|
|
|
return cachedValue;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
// Cache HIT
|
|
|
|
return cachedValue;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Cache MISS
|
|
|
|
const value = await fetcher();
|
|
|
|
this.set(value);
|
|
|
|
return value;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* キャッシュがあればそれを返し、無ければfetcherを呼び出して結果をキャッシュ&返します
|
|
|
|
* optional: キャッシュが存在してもvalidatorでfalseを返すとキャッシュ無効扱いにします
|
|
|
|
*/
|
|
|
|
public async fetchMaybe(fetcher: () => Promise<T | undefined>, validator?: (cachedValue: T) => boolean): Promise<T | undefined> {
|
|
|
|
const cachedValue = this.get();
|
|
|
|
if (cachedValue !== undefined) {
|
|
|
|
if (validator) {
|
|
|
|
if (validator(cachedValue)) {
|
|
|
|
// Cache HIT
|
|
|
|
return cachedValue;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
// Cache HIT
|
|
|
|
return cachedValue;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Cache MISS
|
|
|
|
const value = await fetcher();
|
|
|
|
if (value !== undefined) {
|
|
|
|
this.set(value);
|
|
|
|
}
|
|
|
|
return value;
|
|
|
|
}
|
|
|
|
}
|