// app/actions.ts
'use server'  // все функции этого файла — серверные

import { db } from '@/lib/db'
import { revalidatePath } from 'next/cache'

export async function createPost(formData: FormData) {
  const title = formData.get('title') as string
  const content = formData.get('content') as string

  // Прямая работа с БД — безопасно, код не попадает в браузер!
  await db.posts.create({ data: { title, content } })

  // Инвалидируем кэш страницы с постами
  revalidatePath('/blog')
}

export async function deletePost(id: string) {
  await db.posts.delete({ where: { id } })
  revalidatePath('/blog')
}

// app/blog/new/page.tsx
import { createPost } from '../actions'

export default function NewPostPage() {
  return (
    <form action={createPost}>  {/* Server Action как action формы! */}
      <input name="title" placeholder="Заголовок" required />
      <textarea name="content" placeholder="Содержание" />
      <button type="submit">Опубликовать</button>
    </form>
  )
}
// Никакого fetch, никакого preventDefault — просто работает!

'use client'
import { useFormStatus } from 'react-dom'

function SubmitButton() {
  const { pending } = useFormStatus()  // true пока форма отправляется

  return (
    <button type="submit" disabled={pending}>
      {pending ? 'Сохранение...' : 'Сохранить'}
    </button>
  )
}

// Использование:
function MyForm() {
  return (
    <form action={saveData}>
      <input name="value" />
      <SubmitButton />  {/* SubmitButton должен быть ВНУТРИ form */}
    </form>
  )
}

'use client'
import { useOptimistic } from 'react'
import { likePost } from './actions'

function LikeButton({ post }) {
  const [optimisticPost, addOptimisticLike] = useOptimistic(
    post,
    (state, newLikesCount) => ({ ...state, likes: newLikesCount })
  )

  async function handleLike() {
    // Обновляем UI сразу — не ждём сервера
    addOptimisticLike(optimisticPost.likes + 1)

    // Реальный запрос к серверу
    await likePost(post.id)
    // Если ошибка — автоматически откат к исходному состоянию
  }

  return (
    <button onClick={handleLike}>
      ❤️ {optimisticPost.likes}
    </button>
  )
}

'use client'
import { useActionState } from 'react'
import { createPost } from './actions'

// Сервер-экшн возвращает состояние
async function createPostWithState(prevState, formData) {
  'use server'
  const title = formData.get('title')
  if (!title) return { error: 'Заголовок обязателен', success: false }

  await db.posts.create({ data: { title } })
  return { error: null, success: true, message: 'Пост создан!' }
}

function CreatePostForm() {
  const [state, formAction, isPending] = useActionState(createPostWithState, {
    error: null,
    success: false,
  })

  return (
    <form action={formAction}>
      {state.error && <p style={{ color: 'red' }}>{state.error}</p>}
      {state.success && <p style={{ color: 'green' }}>{state.message}</p>}
      <input name="title" />
      <button disabled={isPending}>
        {isPending ? 'Создание...' : 'Создать'}
      </button>
    </form>
  )
}

'use server'
import { auth } from '@/lib/auth'
import { redirect } from 'next/navigation'

export async function deletePost(id: string) {
  // ВАЖНО: всегда проверяй аутентификацию!
  const session = await auth()
  if (!session) redirect('/login')

  // ВАЖНО: проверяй права доступа к конкретному ресурсу!
  const post = await db.posts.findUnique({ where: { id } })
  if (post.authorId !== session.user.id) {
    throw new Error('Нет прав для удаления этого поста')
  }

  await db.posts.delete({ where: { id } })
}

'use server'
import { revalidatePath, revalidateTag } from 'next/cache'

export async function updatePost(id, data) {
  await db.posts.update({ where: { id }, data })

  // Инвалидируем конкретный путь
  revalidatePath('/blog/' + id)

  // Или инвалидируем по тегу (более гибко)
  revalidateTag('posts')
  revalidateTag('post-' + id)
}