feat: support localized domain content

app/(dashboard)/projects/[id]/page.tsx

@@ -7,12 +7,18 @@ import {
   type ProjectPlanningSectionItem,
   type ProjectRevisionItem,
 } from "@/app/(dashboard)/projects/[id]/project-detail-client";
+import { getSqliteConnection } from "@/server/db/client";
 import { DomainError } from "@/server/domain/errors";
+import { ContentTranslationService, type ContentTranslationRow } from "@/server/i18n/content";
+import { resolveRequestLocale } from "@/server/i18n/resolver";
 import { requireFreelancerBackend } from "@/server/web/freelancer";
 
 export default async function ProjectDetailPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = await params;
+  const locale = await resolveRequestLocale();
   const { actor, service } = await requireFreelancerBackend();
+  const content = new ContentTranslationService(getSqliteConnection().db);
+  const localization = content.getLocalizationContext(actor);
 
   let data: {
     project: ProjectDetail;
@@ -23,14 +29,20 @@ export default async function ProjectDetailPage({ params }: { params: Promise<{
   };
   try {
     const row = service.getProject(actor, id);
+    const projectTranslationRows = content.listEntityTranslations("project", row.id);
+    const resolvedProject = content.resolveEntity("project", row, {
+      locale: locale.locale,
+      defaultLocale: localization.defaultLocale,
+      translations: projectTranslationRows,
+    });
     const client = row.clientId ? service.getClient(actor, row.clientId) : null;
     const project: ProjectDetail = {
       id: row.id,
       client_id: row.clientId,
       clientName: client?.name ?? null,
-      name: row.name,
+      name: resolvedProject.name,
       type: row.type,
-      description: row.description,
+      description: resolvedProject.description,
       status: row.status,
       start_date: row.startDate,
       due_date: row.dueDate,
@@ -39,27 +51,50 @@ export default async function ProjectDetailPage({ params }: { params: Promise<{
       progress: row.progress,
       progress_type: row.progressType,
       revision_quota: row.revisionQuota,
-      cover_image_alt: row.coverImageAlt,
+      cover_image_alt: resolvedProject.coverImageAlt,
       coverImageUrl: row.legacyCoverImagePath,
+      translations: toLocalizedValues(projectTranslationRows),
     };
-    const sections: ProjectPlanningSectionItem[] = service.listPlanningSections(actor, id).map((section) => ({
-      id: section.id,
-      project_id: section.projectId,
-      category: section.category,
-      title: section.title,
-      content: section.content,
-      sort_order: section.sortOrder,
-    }));
-    const tasks: ProjectDetailTaskItem[] = service.listTasks(actor, id)
+    const sectionRows = service.listPlanningSections(actor, id);
+    const sectionTranslations = content.listBatch("planning_section", sectionRows.map((section) => section.id));
+    const sections: ProjectPlanningSectionItem[] = sectionRows.map((section) => {
+      const translationRows = sectionTranslations.get(section.id) ?? [];
+      const resolvedSection = content.resolveEntity("planning_section", section, {
+        locale: locale.locale,
+        defaultLocale: localization.defaultLocale,
+        translations: translationRows,
+      });
+      return {
+        id: section.id,
+        project_id: section.projectId,
+        category: section.category,
+        title: resolvedSection.title,
+        content: resolvedSection.content,
+        sort_order: section.sortOrder,
+        translations: toLocalizedValues(translationRows),
+      };
+    });
+    const taskRows = service.listTasks(actor, id).filter((task) => task.status !== "cancelled");
+    const taskTranslations = content.listBatch("task", taskRows.map((task) => task.id));
+    const tasks: ProjectDetailTaskItem[] = taskRows
       .filter((task) => task.status !== "cancelled")
-      .map((task) => ({
-        id: task.id,
-        title: task.title,
-        status: task.status as ProjectDetailTaskItem["status"],
-        priority: task.priority,
-        due_at: task.dueAt?.toISOString() ?? null,
-        is_public_to_client: task.isPublicToClient,
-      }));
+      .map((task) => {
+        const translationRows = taskTranslations.get(task.id) ?? [];
+        const resolvedTask = content.resolveEntity("task", task, {
+          locale: locale.locale,
+          defaultLocale: localization.defaultLocale,
+          translations: translationRows,
+        });
+        return {
+          id: task.id,
+          title: resolvedTask.title,
+          status: task.status as ProjectDetailTaskItem["status"],
+          priority: task.priority,
+          due_at: task.dueAt?.toISOString() ?? null,
+          is_public_to_client: task.isPublicToClient,
+          translations: toLocalizedValues(translationRows),
+        };
+      });
     const financeTransactions: ProjectFinanceItem[] = service.listFinanceTransactions(actor)
       .filter((transaction) => transaction.projectId === id)
       .map((transaction) => ({
@@ -92,6 +127,15 @@ export default async function ProjectDetailPage({ params }: { params: Promise<{
       tasks={data.tasks}
       financeTransactions={data.financeTransactions}
       revisions={data.revisions}
+      localization={localization}
     />
   );
 }
+
+function toLocalizedValues(rows: ContentTranslationRow[]) {
+  return rows.reduce<Record<string, Record<string, string>>>((result, row) => {
+    result[row.locale] = result[row.locale] ?? {};
+    result[row.locale][row.field] = row.value;
+    return result;
+  }, {});
+}