ddad5ae78c
- SseHub (project-scoped client mgmt + broadcast, implements SseBroadcaster) with SSE-formatted payload; singleton getSseHub - ChatRepository (message CRUD, soft-delete, search, pagination, project isolation) + ChatService (membership permission, send/edit/delete, @email mention -> mention notification, SSE broadcast of created/updated/deleted) - SSE stream endpoint (ReadableStream + heartbeat + abort cleanup, membership) - Chat message API routes (history/send/edit/delete) - ChatWindow client (EventSource auto-reconnect, history fetch, realtime append/update/delete), chat page, ProjectNav チャット link - SseEvent type now carries ChatMessage for chat events - Unit (SseHub, ChatRepository, ChatService) + integration chat-sse-broadcast + e2e chat-sse (two contexts realtime)
61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
const NAV_ITEMS = [
|
|
{ href: '', label: '概要' },
|
|
{ href: '/board', label: '掲示板' },
|
|
{ href: '/notes', label: 'メモ' },
|
|
{ href: '/chat', label: 'チャット' },
|
|
{ href: '/members', label: 'メンバー' },
|
|
{ href: '/activity', label: 'アクティビティ' },
|
|
{ href: '/settings', label: '設定' },
|
|
] as const;
|
|
|
|
/**
|
|
* プロジェクト内サブナビゲーション。
|
|
* href は `/projects/{projectId}` を起点とする相対パス。
|
|
*/
|
|
export function ProjectNav({
|
|
projectId,
|
|
active,
|
|
}: {
|
|
projectId: number;
|
|
active:
|
|
| 'overview'
|
|
| 'board'
|
|
| 'notes'
|
|
| 'chat'
|
|
| 'members'
|
|
| 'activity'
|
|
| 'settings';
|
|
}) {
|
|
const activeMap: Record<string, boolean> = {
|
|
overview: active === 'overview',
|
|
board: active === 'board',
|
|
notes: active === 'notes',
|
|
chat: active === 'chat',
|
|
members: active === 'members',
|
|
activity: active === 'activity',
|
|
settings: active === 'settings',
|
|
};
|
|
|
|
return (
|
|
<nav className="flex gap-4 border-b bg-white px-6 py-2 text-sm">
|
|
{NAV_ITEMS.map((item) => {
|
|
const key = item.href === '' ? 'overview' : item.href.slice(1);
|
|
const href = `/projects/${projectId}${item.href}`;
|
|
return (
|
|
<a
|
|
key={item.href}
|
|
href={href}
|
|
className={
|
|
activeMap[key]
|
|
? 'font-medium text-blue-600'
|
|
: 'text-gray-600 hover:underline'
|
|
}
|
|
>
|
|
{item.label}
|
|
</a>
|
|
);
|
|
})}
|
|
</nav>
|
|
);
|
|
}
|