#实战案例

const listTodos = createServerFn({ method: 'GET' }).handler(() => db.todo.findMany())

const createTodo = createServerFn({ method: 'POST' })
  .validator((input: { title: string }) => input)
  .handler(({ data }) => db.todo.create({ data }))

export const Route = createFileRoute('/todos')({
  loader: () => listTodos(),
  component: TodosPage,
})

function TodosPage() {
  const todos = Route.useLoaderData()
  const router = useRouter()

  async function onSubmit(title: string) {
    await createTodo({ data: { title } })
    await router.invalidate()
  }

  return <TodoList todos={todos} onSubmit={onSubmit} />
}

export const Route = createFileRoute('/dashboard')({
  beforeLoad: ({ context }) => {
    if (!context.user) throw redirect({ to: '/login' })
  },
  loader: ({ context }) => getDashboard({ data: { userId: context.user.id } }),
  component: Dashboard,
})

export const Route = createFileRoute('/api/webhooks/stripe')({
  server: {
    handlers: {
      POST: async ({ request }) => {
        const raw = await request.text()
        await verifyStripeSignature(request.headers, raw)
        await handleStripeEvent(raw)
        return Response.json({ received: true })
      },
    },
  },
})