live.config.ts — astro Source File

Source Code

import { defineLiveCollection } from 'astro:content';
import { z } from 'astro/zod';
import type { LiveLoader } from 'astro/loaders';

type Entry = {
	title: string;
	age?: number;
};

interface CollectionFilter {
	addToAge?: number;
	returnInvalid?: boolean;
}

type EntryFilter = {
	id: keyof typeof entries;
	addToAge?: number;
};

const entries = {
	'123': {
		id: '123',
		data: { title: 'Page 123', age: 10 },
		rendered: { html: '<h1>Page 123</h1><p>This is rendered content.</p>' }
	},
	'456': { id: '456', data: { title: 'Page 456', age: 20 } },
	'789': { id: '789', data: { title: 'Page 789', age: 30 } },
};

class CustomError extends Error {
	constructor(message: string) {
		super(message);
		this.name = 'CustomError';
	}
}

const loader: LiveLoader<Entry, EntryFilter, CollectionFilter, CustomError> = {
	name: 'test-loader',
	loadEntry: async ({ filter, collection }) => {
		const entry = entries[filter.id];
		if (!entry) {
			return {
				error: new CustomError(`Entry ${filter.id} not found`),
			};
		}
		return {
			...entry,
			data: {
				title: entry.data.title,
				collection,
				age: filter?.addToAge
					? entry.data.age
						? entry.data.age + filter.addToAge
						: filter.addToAge
					: entry.data.age,
			},
			cacheHint: {
				tags: [`page:${filter.id}`],
				lastModified: new Date('2025-01-01T00:00:00.000Z'),
			},
		};
	},
	loadCollection: async ({ filter, collection }) => {
		return {
			entries: filter?.addToAge
				? Object.values(entries).map((entry) => ({
						...entry,
						data: {
							title: filter.returnInvalid ? 99 as any : entry.data.title,
							age: entry.data.age ? entry.data.age + filter!.addToAge! : undefined,
							collection
						},
					}))
				: Object.values(entries),
			cacheHint: {
				tags: ['page'],
				lastModified: new Date('2025-01-02T00:00:00.000Z'),
			},
		};
	},
};

const liveStuff = defineLiveCollection({
	loader,
	schema: z.object({
		title: z.string(),
		age: z.number().optional(),
		collection: z.string().optional(),
	}),
});

export const collections = { liveStuff };