Server Actions

// app/actions/actions.ts
"use server"

import { createAction } from "@noverax/courier-next"
import { revalidatePath } from "next/cache"
import { sources } from "@/api"

const action = createAction(sources, "api")

export async function createUser(_prev: ActionState, formData: FormData) {
  const name = formData.get("name") as string
  const email = formData.get("email") as string
  const role = formData.get("role") as string

  const user = await action.users.create({ name, email, role })
  revalidatePath("/docs/examples/actions")
  return { success: true, data: user }
}

// app/actions/create-form.tsx
"use client"

import { useActionState } from "react"
import { createUser } from "./actions"

export function CreateUserForm() {
  const [state, action, isPending] = useActionState(createUser, {})

  return (
    <form action={action}>
      <input name="name" required />
      <input name="email" type="email" required />
      <button type="submit" disabled={isPending}>Create</button>
      {state.data && <pre>{JSON.stringify(state.data)}</pre>}
    </form>
  )
}

// Server action for delete + revalidation
export async function deleteUser(_prev: ActionState, formData: FormData) {
  const id = Number(formData.get("id"))
  await action.users.remove({ id })
  revalidatePath("/docs/examples/actions")
  return { success: true }
}

// Client component with hidden form
function UserRow({ user }) {
  const [state, action, isPending] = useActionState(deleteUser, {})
  return (
    <form action={action}>
      <input type="hidden" name="id" value={user.id} />
      <button type="submit" disabled={isPending}>Delete</button>
    </form>
  )
}