// ❌ revalidatePath のみ — すべての関連パスを知っている必要がある

// 📁 app/posts/page.tsx
async function fetchPosts() {
  return fetch('https://api/posts').then(r => r.json());
  // デフォルトの force-cache
}

// 📁 app/sidebar/RecentPosts.tsx (他のコンポーネントでも使用)
async function fetchRecentPosts() {
  return fetch('https://api/posts?limit=5').then(r => r.json());
}

// 📁 app/posts/actions.ts
'use server';
import { revalidatePath } from 'next/cache';

export async function createPost(formData: FormData) {
  await db.post.create({ data: { title: formData.get('title') as string } });

  // すべての関連パスを一つずつ無効化
  revalidatePath('/posts');           // 記事リスト
  revalidatePath('/');                // ホームに RecentPosts がある
  revalidatePath('/sidebar', 'layout'); // サイドバーに RecentPosts がある
  // 一箇所でも漏れると、そのページには古いデータが表示される
}

// 欠点:
// - データを消費するすべてのページを mutation コードが知っている必要がある
// - 新しいページを追加すると mutation コードも修正が必要
// - サイドバー・フッターなどグローバルコンポーネントが関連データを使用する場合、レイアウト全体が無効化される

// ✅ tags + revalidateTag — データ単位での無効化

// 📁 app/posts/page.tsx
async function fetchPosts() {
  return fetch('https://api/posts', {
    next: { tags: ['posts'] },
  }).then(r => r.json());
}

// 📁 app/posts/[id]/page.tsx
async function fetchPost(id: string) {
  return fetch(`https://api/posts/${id}`, {
    next: { tags: ['posts', `post-${id}`] },
  }).then(r => r.json());
}

// 📁 app/posts/[id]/Comments.tsx
async function fetchComments(id: string) {
  return fetch(`https://api/posts/${id}/comments`, {
    next: { tags: [`post-${id}`, `comments-${id}`] },
  }).then(r => r.json());
}

// 📁 app/sidebar/RecentPosts.tsx (どこからでも)
async function fetchRecentPosts() {
  return fetch('https://api/posts?limit=5', {
    next: { tags: ['posts'] },
  }).then(r => r.json());
}

// 📁 app/posts/actions.ts — mutation コードはタグだけを知っていればよい
'use server';
import { revalidateTag } from 'next/cache';
import { redirect } from 'next/navigation';

export async function createPost(formData: FormData) {
  await db.post.create({ data: { title: formData.get('title') as string } });
  revalidateTag('posts');
  // 'posts' タグが付いたすべての fetch (リスト・ホーム RecentPosts・サイドバーなど) が自動的に無効化される
}

export async function updatePost(id: number, formData: FormData) {
  await db.post.update({
    where: { id },
    data: { title: formData.get('title') as string },
  });
  revalidateTag('posts');           // リスト (タイトル変更)
  revalidateTag(`post-${id}`);      // 詳細 + コメント (コメントにも post-{id} タグがあるため)
}

export async function addComment(postId: number, formData: FormData) {
  await db.comment.create({
    data: { postId, text: formData.get('text') as string },
  });
  revalidateTag(`comments-${postId}`); // その記事のコメントのみ (記事全体リスト・他の記事はそのまま)
}

export async function deletePost(id: number) {
  await db.post.delete({ where: { id } });
  revalidateTag('posts');
  revalidateTag(`post-${id}`);
  redirect('/posts');
}

// 利点:
// - mutation コードがデータ使用箇所を知る必要がない
// - 新しいページに同じ fetch を追加しても mutation の修正は不要
// - 精度向上 (必要なタグのみ、無関係なページのキャッシュは維持)
// - オンデマンド可能 — webhook を受けて revalidateTag を呼び出すことも可能