@payload-enchants/cached-local-api
v1.2.2
Published
## Description:
Downloads
274
Readme
Cached Local API for Payload 3.0 using Next.js unstable_cache
(experimental)
Description:
This package allows to cache the following operations:
find
findByID
findOne
- new operation, find one by specific field, for example slugfindGlobal
count
Features
- Revalidation of the needed data is handled automatically using
revalidateTag
on Create / Change / Delete. - Respects revalidation of the related documents in the current depth value. In the context of a cached operation, this package replaces payload population handling.
- Adds cached findOne operation, to be used, for example, with the slug field.
Install
pnpm add @payload-enchants/cached-local-api
Add to the separated file (see below for the config type)
import { buildCachedPayload } from '@payload-enchants/cached-local-api';
import { revalidateTag, unstable_cache } from 'next/cache';
export const { cachedPayloadPlugin, getCachedPayload } = buildCachedPayload({
// collections list to cache
collections: [
{
findOneFields: ['slug'],
slug: 'posts',
},
],
// Log when revalidation runs or operation cache HIT / SKIP
loggerDebug: true,
globals: [{ slug: 'header' }],
revalidateTag,
options: {},
unstable_cache,
});
Add into your payload.config.ts:
import { cachedPayloadPlugin } from './cached-local-api';
export default buildConfig({
// ...your config
plugins: [cachedPayloadPlugin],
});
Example of the usage on Next Page
import configPromise from '@payload-config';
import { getPayloadHMR } from '@payloadcms/next/utilities';
import { getCachedPayload } from '../../../cached-local-api';
const Page = async () => {
const payload = await getPayloadHMR({
config: configPromise,
});
const cachedPayload = getCachedPayload(payload);
const posts = await cachedPayload.find({ collection: 'posts' });
const postBySlug = await cachedPayload.findOne({ collection: 'posts', value: 'home', depth: 2 });
// In this case it's not required as `slug` field is the first item in `findOneFields` array.
const postBySlugExplict = await cachedPayload.findOne({
collection: 'posts',
field: 'slug',
value: 'home',
});
// by id
if (postBySlug) {
const postByID = await cachedPayload.findByID({
collection: 'posts',
id: postBySlug?.id ?? '',
});
}
// count
const { totalDocs } = await cachedPayload.count({ collection: 'posts' });
return (
<div>
{posts.docs.map((each) => (
<div key={each.id}>{each.title}</div>
))}
</div>
);
};
export default Page;
Args
export type Args = {
/** List of collections slugs that should use cache */
collections?: Array<{
/** array with the fields to use in findOne (name or config, see below) */
findOneFields?: (FindOneFieldConfig | string)[];
slug: keyof GeneratedTypes['collections'];
}>;
/** List of globals slugs that should use cache */
globals?: Array<{
slug: keyof GeneratedTypes['globals'];
}>;
/** Additional options */
options?: Options;
/** Next.js revalidateTag */
revalidateTag: (tag: string) => void;
/** Next.js unstable_cache */
unstable_cache: UnstableCache;
/**
* (experiment): Instead of revalidating each collection document separately
* 'simpleCache' revalidates all cached data on Payload database update
* */
useSimpleCacheStrategy?: boolean;
};
export type FindOneFieldConfig = {
buildWhere?: (args: {
args: FindOneArgs<any>;
fieldName: string;
shouldCache: boolean;
value: unknown;
}) => Where;
getFieldFromDoc?: (doc: Record<string, any>) => unknown;
name: string;
};
Options
export type Options = {
// custom tag build
buildTagFind?: (args: { slug: string }) => string;
buildTagFindByID?: (args: { id: number | string; slug: string }) => string;
buildTagFindGlobal?: (args: { slug: string }) => string;
// If not provided - returns `true`
shouldCacheCountOperation?: (args: CountArgs) => Promise<boolean> | boolean;
shouldCacheFindByIDOperation?: (args: FindByIDArgs) => Promise<boolean> | boolean;
shouldCacheFindGlobalOperation?: (args: FindGlobalArgs) => Promise<boolean> | boolean;
shouldCacheFindOperation?: (args: FindArgs) => Promise<boolean> | boolean;
// If not provided - returns `true`
shouldRevalidateGlobalOnChange?: (
args: Parameters<GlobalAfterChangeHook>[0],
) => Promise<boolean> | boolean;
shouldRevalidateOnChange?: (
args: Parameters<CollectionAfterChangeHook>[0],
) => Promise<boolean> | boolean;
shouldRevalidateOnDelete?: (
args: Parameters<CollectionAfterDeleteHook>[0],
) => Promise<boolean> | boolean;
// Completely disable caching in any operation
disableCache?: boolean;
};