// app/community/page.tsx
import { createClient } from '@01.software/sdk'

export const dynamic = 'force-dynamic'

export default async function CommunityPage() {
  const client = createClient({
    publishableKey: process.env.NEXT_PUBLIC_SOFTWARE_PUBLISHABLE_KEY!,
    apiUrl: process.env.SOFTWARE_API_URL,
  })
  const feed = await client.community.listPosts({ limit: 10 })
  if (feed.docs.length === 0) return <p>No public posts yet.</p>
  const post = await client.community.getPost({
    postId: String(feed.docs[0].id),
  })
  if (!post) return <p>This post is no longer available.</p>
  const comments = await client.community.listComments({
    postId: String(post.id),
    limit: 10,
  })
  return (
    <main>
      <h1>{post.title}</h1>
      {comments.docs.length === 0 ? (
        <p>No public comments yet.</p>
      ) : (
        <ul>
          {comments.docs.map((comment) => (
            <li key={comment.id}>{comment.body}</li>
          ))}
        </ul>
      )}
      <a href={`/community/${encodeURIComponent(String(post.id))}`}>
        Join the conversation
      </a>
    </main>
  )
}

// app/community/[postId]/actions.ts
'use server'

import { currentCustomer } from '@/lib/customer'

export async function addComment(postId: string, form: FormData) {
  const { client, customer } = await currentCustomer()
  if (!customer) return { status: 'sign_in_required' }
  const body = String(form.get('body') ?? '').trim()
  if (!body || body.length > 1000) return { status: 'invalid_comment' }
  // Author/tenant/moderation fields are never supplied by the app.
  const created = await client.community.createComment({ postId, body })
  const comments = await client.community.listComments({
    postId,
    limit: 10,
    sort: '-createdAt',
  })
  return {
    status: comments.docs.some((comment) => comment.id === created.id)
      ? 'visible'
      : 'submitted',
  }
}

// app/community/[postId]/page.tsx
import { createClient } from '@01.software/sdk'
import { notFound } from 'next/navigation'
import { revalidatePath } from 'next/cache'
import { addComment } from './actions'

export const dynamic = 'force-dynamic'

export default async function Conversation({
  params,
}: {
  params: Promise<{ postId: string }>
}) {
  const { postId } = await params
  const client = createClient({
    publishableKey: process.env.NEXT_PUBLIC_SOFTWARE_PUBLISHABLE_KEY!,
    apiUrl: process.env.SOFTWARE_API_URL,
  })
  const post = await client.community.getPost({ postId })
  if (!post) return notFound()
  const comments = await client.community.listComments({
    postId,
    limit: 10,
    sort: '-createdAt',
  })
  async function submit(form: FormData) {
    'use server'
    const result = await addComment(postId, form)
    if (result.status === 'sign_in_required') throw new Error('Sign in first')
    if (result.status === 'invalid_comment')
      throw new Error('Write a comment of 1–1000 characters')
    revalidatePath(`/community/${encodeURIComponent(postId)}`)
  }
  return (
    <main>
      <h1>{post.title}</h1>
      {comments.docs.length === 0 ? (
        <p>No public comments yet.</p>
      ) : (
        <ul>
          {comments.docs.map((comment) => (
            <li key={comment.id}>{comment.body}</li>
          ))}
        </ul>
      )}
      <a href="/account">Account</a>
      <form action={submit}>
        <textarea name="body" required maxLength={1000} aria-label="Comment" />
        <button>Submit comment</button>
      </form>
    </main>
  )
}