index.ts — astro Source File

Source Code

import { db, Likes, eq, sql } from 'astro:db';
import { defineAction, type SafeResult } from 'astro:actions';
import { z } from 'astro/zod';
import { getActionState } from '@astrojs/react/actions';

export const server = {
	blog: {
		like: defineAction({
			accept: 'form',
			input: z.object({ postId: z.string() }),
			handler: async ({ postId }) => {
				await new Promise((r) => setTimeout(r, 1000));

				const { likes } = await db
					.update(Likes)
					.set({
						likes: sql`likes + 1`,
					})
					.where(eq(Likes.postId, postId))
					.returning()
					.get();

				return likes;
			},
		}),
		likeWithActionState: defineAction({
			accept: 'form',
			input: z.object({ postId: z.string() }),
			handler: async ({ postId }, ctx) => {
				await new Promise((r) => setTimeout(r, 200));

				const state = await getActionState<SafeResult<any, number>>(ctx);
				const previousLikes = state.data ?? 0;

				const { likes } = await db
					.update(Likes)
					.set({
						likes: previousLikes + 1,
					})
					.where(eq(Likes.postId, postId))
					.returning()
					.get();

				return likes;
			},
		}),
	},
};