Enhance article page functionality by integrating ArticleTag model to fetch associated tags for articles. Update the Article interface to include optional tag relationships, improving the article retrieval process. Refactor the page component to display tags in the ArticleEditor.

Author: kingRayhan

src/app/(dashboard-editor)/dashboard/articles/[uuid]/page.tsx

@@ -9,8 +9,9 @@ import {
   and,
   manyToManyJoin,
   leftJoin,
+  inArray,
 } from "@/backend/persistence/persistence-where-operator";
-import { Article, Tag, User } from "@/backend/models/domain-models";
+import { Article, ArticleTag, Tag, User } from "@/backend/models/domain-models";
 import { DatabaseTableName } from "@/backend/persistence/persistence-contracts";
 
 interface Props {
@@ -35,13 +36,30 @@ const page: React.FC<Props> = async ({ params }) => {
     ],
   });
 
+  const aggregatedTags = await persistenceRepository.articleTag.findRows({
+    where: inArray("article_id", [article.id]),
+    columns: ["tag_id", "article_id"],
+    joins: [
+      leftJoin<ArticleTag, Tag>({
+        as: "tag",
+        joinTo: "tags",
+        localField: "tag_id",
+        foreignField: "id",
+        columns: ["id", "name", "created_at"],
+      }),
+    ],
+  });
+
+  const tags = aggregatedTags?.map((item) => item?.tag);
+  if (tags.length) {
+    article.tags = tags as Tag[];
+  }
+
   if (!article) {
     throw notFound();
   }
 
-  return <pre>{JSON.stringify(article, null, 2)}</pre>;
-
-  // return <ArticleEditor uuid={_params.uuid} article={article} />;
+  return <ArticleEditor uuid={_params.uuid} article={article} />;
 };
 
 export default page;

src/backend/models/domain-models.ts

@@ -108,4 +108,8 @@ export interface ArticleTag {
   tag_id: string;
   created_at: Date;
   updated_at: Date;
+
+  // Relationships
+  article?: Article;
+  tag?: Tag;
 }