Added option for response caching in SDK
This commit is contained in:
parent
2f0adeec0c
commit
42b76b2dff
77
src/sdk.ts
77
src/sdk.ts
|
@ -467,17 +467,25 @@ type GetPayloadSDKParams = {
|
||||||
apiURL: string;
|
apiURL: string;
|
||||||
email: string;
|
email: string;
|
||||||
password: string;
|
password: string;
|
||||||
cache: Cache;
|
tokenCache?: {
|
||||||
};
|
set: (token: string, expirationTimestamp: number) => void;
|
||||||
|
get: () => string | undefined;
|
||||||
type Cache = {
|
};
|
||||||
set: (token: string, expirationTimestamp: number) => void;
|
responseCache?: {
|
||||||
get: () => string | undefined;
|
set: (url: string, response: any) => void;
|
||||||
|
get: (url: string) => any | undefined;
|
||||||
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
const logResponse = (res: Response) => console.log(res.status, res.statusText, res.url);
|
const logResponse = (res: Response) => console.log(res.status, res.statusText, res.url);
|
||||||
|
|
||||||
export const getPayloadSDK = ({ apiURL, email, password, cache }: GetPayloadSDKParams) => {
|
export const getPayloadSDK = ({
|
||||||
|
apiURL,
|
||||||
|
email,
|
||||||
|
password,
|
||||||
|
tokenCache,
|
||||||
|
responseCache,
|
||||||
|
}: GetPayloadSDKParams) => {
|
||||||
const refreshToken = async () => {
|
const refreshToken = async () => {
|
||||||
const loginUrl = payloadApiUrl(Collections.Recorders, "login");
|
const loginUrl = payloadApiUrl(Collections.Recorders, "login");
|
||||||
const loginResult = await fetch(loginUrl, {
|
const loginResult = await fetch(loginUrl, {
|
||||||
|
@ -495,72 +503,75 @@ export const getPayloadSDK = ({ apiURL, email, password, cache }: GetPayloadSDKP
|
||||||
token: string;
|
token: string;
|
||||||
exp: number;
|
exp: number;
|
||||||
};
|
};
|
||||||
cache.set(token, exp);
|
tokenCache?.set(token, exp);
|
||||||
return token;
|
return token;
|
||||||
};
|
};
|
||||||
|
|
||||||
const payloadApiUrl = (collection: Collections, endpoint?: string, isGlobal?: boolean): string =>
|
const payloadApiUrl = (collection: Collections, endpoint?: string, isGlobal?: boolean): string =>
|
||||||
`${apiURL}/${isGlobal === undefined ? "" : "globals/"}${collection}${endpoint === undefined ? "" : `/${endpoint}`}`;
|
`${apiURL}/${isGlobal === undefined ? "" : "globals/"}${collection}${endpoint === undefined ? "" : `/${endpoint}`}`;
|
||||||
|
|
||||||
const request = async (url: string): Promise<Response> => {
|
const request = async (url: string): Promise<any> => {
|
||||||
|
const cachedResponse = responseCache?.get(url);
|
||||||
|
if (cachedResponse) {
|
||||||
|
return cachedResponse;
|
||||||
|
}
|
||||||
|
|
||||||
const result = await fetch(url, {
|
const result = await fetch(url, {
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `JWT ${cache.get() ?? (await refreshToken())}`,
|
Authorization: `JWT ${tokenCache?.get() ?? (await refreshToken())}`,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
logResponse(result);
|
logResponse(result);
|
||||||
|
|
||||||
if (result.status !== 200) {
|
if (!result.ok) {
|
||||||
throw new Error("Unhandled fetch error");
|
throw new Error("Unhandled fetch error");
|
||||||
}
|
}
|
||||||
|
|
||||||
return result;
|
const data = await result.json();
|
||||||
|
responseCache?.set(url, data);
|
||||||
|
return data;
|
||||||
};
|
};
|
||||||
|
|
||||||
return {
|
return {
|
||||||
getConfig: async (): Promise<EndpointWebsiteConfig> =>
|
getConfig: async (): Promise<EndpointWebsiteConfig> =>
|
||||||
await (await request(payloadApiUrl(Collections.WebsiteConfig, `config`, true))).json(),
|
await request(payloadApiUrl(Collections.WebsiteConfig, `config`, true)),
|
||||||
getFolder: async (slug: string): Promise<EndpointFolder> =>
|
getFolder: async (slug: string): Promise<EndpointFolder> =>
|
||||||
await (await request(payloadApiUrl(Collections.Folders, `slug/${slug}`))).json(),
|
await request(payloadApiUrl(Collections.Folders, `slug/${slug}`)),
|
||||||
getLanguages: async (): Promise<Language[]> =>
|
getLanguages: async (): Promise<Language[]> =>
|
||||||
await (await request(payloadApiUrl(Collections.Languages, `all`))).json(),
|
await request(payloadApiUrl(Collections.Languages, `all`)),
|
||||||
getCurrencies: async (): Promise<Currency[]> =>
|
getCurrencies: async (): Promise<Currency[]> =>
|
||||||
await (await request(payloadApiUrl(Collections.Currencies, `all`))).json(),
|
await request(payloadApiUrl(Collections.Currencies, `all`)),
|
||||||
getWordings: async (): Promise<EndpointWording[]> =>
|
getWordings: async (): Promise<EndpointWording[]> =>
|
||||||
await (await request(payloadApiUrl(Collections.Wordings, `all`))).json(),
|
await request(payloadApiUrl(Collections.Wordings, `all`)),
|
||||||
getPage: async (slug: string): Promise<EndpointPage> =>
|
getPage: async (slug: string): Promise<EndpointPage> =>
|
||||||
await (await request(payloadApiUrl(Collections.Pages, `slug/${slug}`))).json(),
|
await request(payloadApiUrl(Collections.Pages, `slug/${slug}`)),
|
||||||
getCollectible: async (slug: string): Promise<EndpointCollectible> =>
|
getCollectible: async (slug: string): Promise<EndpointCollectible> =>
|
||||||
await (await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}`))).json(),
|
await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}`)),
|
||||||
getCollectibleScans: async (slug: string): Promise<EndpointCollectibleScans> =>
|
getCollectibleScans: async (slug: string): Promise<EndpointCollectibleScans> =>
|
||||||
await (await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}/scans`))).json(),
|
await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}/scans`)),
|
||||||
getCollectibleScanPage: async (
|
getCollectibleScanPage: async (
|
||||||
slug: string,
|
slug: string,
|
||||||
index: string
|
index: string
|
||||||
): Promise<EndpointCollectibleScanPage> =>
|
): Promise<EndpointCollectibleScanPage> =>
|
||||||
await (
|
await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}/scans/${index}`)),
|
||||||
await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}/scans/${index}`))
|
|
||||||
).json(),
|
|
||||||
getCollectibleGallery: async (slug: string): Promise<EndpointCollectibleGallery> =>
|
getCollectibleGallery: async (slug: string): Promise<EndpointCollectibleGallery> =>
|
||||||
await (await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}/gallery`))).json(),
|
await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}/gallery`)),
|
||||||
getCollectibleGalleryImage: async (
|
getCollectibleGalleryImage: async (
|
||||||
slug: string,
|
slug: string,
|
||||||
index: string
|
index: string
|
||||||
): Promise<EndpointCollectibleGalleryImage> =>
|
): Promise<EndpointCollectibleGalleryImage> =>
|
||||||
await (
|
await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}/gallery/${index}`)),
|
||||||
await request(payloadApiUrl(Collections.Collectibles, `slug/${slug}/gallery/${index}`))
|
|
||||||
).json(),
|
|
||||||
getChronologyEvents: async (): Promise<EndpointChronologyEvent[]> =>
|
getChronologyEvents: async (): Promise<EndpointChronologyEvent[]> =>
|
||||||
await (await request(payloadApiUrl(Collections.ChronologyEvents, `all`))).json(),
|
await request(payloadApiUrl(Collections.ChronologyEvents, `all`)),
|
||||||
getChronologyEventByID: async (id: string): Promise<EndpointChronologyEvent> =>
|
getChronologyEventByID: async (id: string): Promise<EndpointChronologyEvent> =>
|
||||||
await (await request(payloadApiUrl(Collections.ChronologyEvents, `id/${id}`))).json(),
|
await request(payloadApiUrl(Collections.ChronologyEvents, `id/${id}`)),
|
||||||
getImageByID: async (id: string): Promise<EndpointImage> =>
|
getImageByID: async (id: string): Promise<EndpointImage> =>
|
||||||
await (await request(payloadApiUrl(Collections.Images, `id/${id}`))).json(),
|
await request(payloadApiUrl(Collections.Images, `id/${id}`)),
|
||||||
getAudioByID: async (id: string): Promise<EndpointAudio> =>
|
getAudioByID: async (id: string): Promise<EndpointAudio> =>
|
||||||
await (await request(payloadApiUrl(Collections.Audios, `id/${id}`))).json(),
|
await request(payloadApiUrl(Collections.Audios, `id/${id}`)),
|
||||||
getVideoByID: async (id: string): Promise<EndpointVideo> =>
|
getVideoByID: async (id: string): Promise<EndpointVideo> =>
|
||||||
await (await request(payloadApiUrl(Collections.Videos, `id/${id}`))).json(),
|
await request(payloadApiUrl(Collections.Videos, `id/${id}`)),
|
||||||
getRecorderByID: async (id: string): Promise<EndpointRecorder> =>
|
getRecorderByID: async (id: string): Promise<EndpointRecorder> =>
|
||||||
await (await request(payloadApiUrl(Collections.Recorders, `id/${id}`))).json(),
|
await request(payloadApiUrl(Collections.Recorders, `id/${id}`)),
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue