feat(chat,board): file/image attachments on chat, board threads and comments

チャット・掲示板(スレッド/コメント)へファイル/画像添付を追加。

- lib/db/migrations/002_attachments.sql: attachments テーブル + file_assets.source 列
- repositories/AttachmentRepository + services/AttachmentService: 添付紐付け(プロジェクト/アップロード者チェック)
- FileStorageService.uploadForAttachment: 通知/SSE/アクティビティを行わない添付専用アップロード(source='attachment')
- ChatService/BoardService: fileIds 受理・添付紐付け・履歴/詳細表示・削除クリーンアップ(トランザクション)
- API: POST /attachments + chat/board の fileIds 受理
- UI: AttachmentList(画像サムネイル+Lightbox/ダウンロード) + AttachmentPicker(複数アップロード・送信中は送信不可) をチャット/スレッド/コメントに統合
- 添付ファイルは既存の /api/files/[fileId]/download(権限チェック済)で配信
This commit is contained in:
Ken Yasue
2026-06-25 10:07:02 +02:00
parent c747978f3d
commit 25d800a529
31 changed files with 1640 additions and 102 deletions

View File

@ -5,6 +5,8 @@ import { Header } from '@/components/layout/Header';
import { ProjectNav } from '@/components/layout/ProjectNav';
import { MarkdownBody } from '@/components/board/MarkdownBody';
import { CommentForm } from '@/components/board/CommentForm';
import { AttachmentList } from '@/components/files/AttachmentList';
import type { AttachmentView } from '@/lib/types';
import { ForbiddenError, NotFoundError } from '@/lib/errors';
export const dynamic = 'force-dynamic';
@ -21,9 +23,15 @@ export default async function ThreadDetailPage({
const boardService = createBoardService();
let thread;
let comments;
let attachments: { thread: AttachmentView[]; comments: AttachmentView[] };
try {
thread = boardService.getThread(user.id, Number(threadId));
comments = boardService.listComments(user.id, Number(threadId));
attachments = boardService.getAttachments(
user.id,
thread.id,
comments.items.map((c) => c.id)
);
} catch (error) {
if (error instanceof ForbiddenError || error instanceof NotFoundError) {
redirect(`/projects/${projectId}/board`);
@ -31,6 +39,18 @@ export default async function ThreadDetailPage({
throw error;
}
// コメントIDごとに添付をグループ化
const commentAttachments = new Map(
attachments.comments.map((a) => [
a.targetId,
[] as typeof attachments.comments,
])
);
for (const a of attachments.comments) {
const list = commentAttachments.get(a.targetId);
if (list) list.push(a);
}
return (
<div className="min-h-screen bg-gray-50">
<Header user={toPublicUser(user)} />
@ -54,6 +74,14 @@ export default async function ThreadDetailPage({
<div className="mt-4">
<MarkdownBody bodyMd={thread.bodyMd} />
</div>
{attachments.thread.length > 0 && (
<div className="mt-4">
<p className="mb-1 text-xs font-medium text-gray-500">
</p>
<AttachmentList attachments={attachments.thread} />
</div>
)}
<p className="mt-4 text-xs text-gray-400">
稿: {thread.createdAt} / : {thread.updatedAt}
</p>
@ -67,6 +95,14 @@ export default async function ThreadDetailPage({
className="rounded-lg border bg-white p-4 shadow-sm"
>
<MarkdownBody bodyMd={comment.bodyMd} />
{commentAttachments.has(comment.id) &&
commentAttachments.get(comment.id)!.length > 0 && (
<div className="mt-2">
<AttachmentList
attachments={commentAttachments.get(comment.id)!}
/>
</div>
)}
<p className="mt-2 text-xs text-gray-400">{comment.createdAt}</p>
</div>
))}