Merge pull request #90 from techdiary-dev/kingrayhan/fix

Kingrayhan/fix

Author: kingRayhan

CHANGELOG.md

@@ -6,6 +6,22 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 
 ---
 
+## v1.4.0 — 2026-03-30
+
+### ✨ Features
+- feat: extend resource type support to include GIST across comments and reactions (e4e6a86)
+- feat: enhance CommentSection with loading states and improved layout (eaf6639)
+- feat: implement resolveArticleExcerpt utility for improved excerpt handling (bccf312)
+
+### 🐛 Bug Fixes
+- fix: enhance comment functionality with update and delete actions (c80f529)
+
+### 🔧 Other Changes
+- refactor: improve comment item layout and transition effects (9268b61)
+- refactor: adjust layout and styling in ArticleCard and UserInformationCard components (a9caafc)
+
+---
+
 ## v1.3.0 — 2026-03-30
 
 ### ✨ Features

package.json

@@ -1,6 +1,6 @@
 {
   "name": "techdiary.dev-next",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "private": true,
   "scripts": {
     "dev": "next dev --turbo",

src/app/(home)/_components/HomeLeftSidebar.tsx

@@ -15,6 +15,7 @@ import {
   UserIcon,
   HashIcon,
   CodeIcon,
+  TagsIcon,
 } from "lucide-react";
 import Link from "next/link";
 
@@ -47,7 +48,10 @@ const Sidebar = () => {
     staleTime: 1000 * 60 * 5,
   });
 
-  const tags = tagsQuery.data?.success ? tagsQuery.data.data : [];
+  const tags = (tagsQuery.data?.success ? tagsQuery.data.data : []) as {
+    id: string;
+    name: string;
+  }[];
 
   return (
     <div className="flex flex-col gap-6 pt-4">
@@ -103,7 +107,12 @@ const Sidebar = () => {
         <p className="px-2 mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
           {_t("Topics")}
         </p>
-        {tags.map((tag: any) => (
+        <NavLink
+          href="/tags"
+          icon={<TagsIcon size={17} />}
+          label={_t("All tags")}
+        />
+        {tags.map((tag) => (
           <NavLink
             key={tag.id}
             href={`/tags/${tag.name}`}

src/app/[username]/[articleHandle]/page.tsx

@@ -33,7 +33,7 @@ interface ArticlePageProps {
 }
 
 export async function generateMetadata(
-  options: ArticlePageProps
+  options: ArticlePageProps,
 ): Promise<Metadata> {
   // read route params
   const { articleHandle } = await options.params;
@@ -57,7 +57,7 @@ export async function generateMetadata(
 
   const description = removeMarkdownSyntax(
     article.excerpt ?? article.body ?? "",
-    20
+    20,
   );
 
   const openGraph: OpenGraph = {
@@ -89,7 +89,7 @@ export async function generateMetadata(
 const Page: NextPage<ArticlePageProps> = async ({ params }) => {
   const _params = await params;
   const article = await articleActions.articleDetailByHandle(
-    _params.articleHandle
+    _params.articleHandle,
   );
 
   const jsonLd: WithContext<Article> = {
@@ -180,7 +180,7 @@ const Page: NextPage<ArticlePageProps> = async ({ params }) => {
                       month: "long",
                       day: "numeric",
                       year: "numeric",
-                    }
+                    },
                   )}
                 </time>
                 <span className="mx-1.5">·</span>
@@ -230,7 +230,7 @@ const Page: NextPage<ArticlePageProps> = async ({ params }) => {
           </div>
 
           <div className="mx-auto content-typography">
-            {article.body && <Markdown content={article.body!} />}
+            {article?.body && <Markdown content={article?.body!} />}
           </div>
         </div>
 

src/app/tags/page.tsx

@@ -0,0 +1,75 @@
+import HomeLeftSidebar from "@/app/(home)/_components/HomeLeftSidebar";
+import HomeRightSidebar from "@/app/(home)/_components/HomeRightSidebar";
+import SidebarToggleButton from "@/app/(home)/_components/SidebarToggleButton";
+import { getTagsWithArticleCounts } from "@/backend/services/tag.action";
+import HomepageLayout from "@/components/layout/HomepageLayout";
+import Link from "next/link";
+
+export default async function TagsIndexPage() {
+  const result = await getTagsWithArticleCounts();
+
+  const tags = result.success ? result.data : [];
+
+  return (
+    <HomepageLayout
+      LeftSidebar={<HomeLeftSidebar />}
+      RightSidebar={<HomeRightSidebar />}
+      NavbarTrailing={<SidebarToggleButton />}
+    >
+      <div className="px-4 py-6 md:py-8 w-full max-w-4xl mx-auto">
+        <header className="mb-8">
+          <h1 className="text-2xl font-bold tracking-tight text-foreground">
+            Tags
+          </h1>
+          <p className="mt-1.5 text-sm text-muted-foreground">
+            Tags with the most articles first. Counts include published articles only.
+          </p>
+        </header>
+
+        {!result.success && (
+          <p className="text-sm text-destructive" role="alert">
+            {result.error}
+          </p>
+        )}
+
+        {result.success && tags.length === 0 && (
+          <p className="text-sm text-muted-foreground">No tags yet.</p>
+        )}
+
+        {tags.length > 0 && (
+          <ul className="grid gap-3 sm:grid-cols-2">
+            {tags.map((tag) => (
+              <li key={tag.id}>
+                <Link
+                  href={`/tags/${encodeURIComponent(tag.name)}`}
+                  className="flex items-center justify-between gap-3 rounded-lg border border-border bg-card px-4 py-3 text-left transition-colors hover:bg-muted/60"
+                >
+                  <span className="font-medium text-foreground truncate">
+                    #{tag.name}
+                  </span>
+                  <span className="shrink-0 text-xs tabular-nums text-muted-foreground">
+                    {tag.article_count}{" "}
+                    {tag.article_count === 1 ? "article" : "articles"}
+                  </span>
+                </Link>
+              </li>
+            ))}
+          </ul>
+        )}
+      </div>
+    </HomepageLayout>
+  );
+}
+
+export async function generateMetadata() {
+  return {
+    title: "Tags — TechDiary",
+    description:
+      "Browse all topics on TechDiary with article counts for each tag.",
+    openGraph: {
+      title: "Tags — TechDiary",
+      description:
+        "Browse all topics on TechDiary with article counts for each tag.",
+    },
+  };
+}

src/backend/models/domain-models.ts

@@ -156,10 +156,11 @@ export interface BookmarkArticlePresentation {
 export interface Comment {
   id: string;
   resource_id: string;
-  resource_type: "ARTICLE" | "COMMENT";
+  resource_type: "ARTICLE" | "COMMENT" | "GIST";
   body?: string;
   user_id: string;
   created_at: Date;
+  updated_at?: Date;
 }
 
 export interface CommentPresentation {
@@ -195,7 +196,7 @@ export enum DIRECTORY_NAME {
 
 export interface Reaction {
   resource_id: string;
-  resource_type: "ARTICLE" | "COMMENT";
+  resource_type: "ARTICLE" | "COMMENT" | "GIST";
   reaction_type: REACTION_TYPE;
   user_id: string;
   created_at: Date;

src/backend/services/article.actions.ts

@@ -3,7 +3,12 @@
 import { cacheTag, revalidateTag } from "next/cache";
 import { pgClient } from "@/backend/persistence/clients";
 import { slugify } from "@/lib/slug-helper.util";
-import { removeMarkdownSyntax, removeUndefinedFromObject, generateRandomString } from "@/lib/utils";
+import {
+  removeMarkdownSyntax,
+  removeUndefinedFromObject,
+  generateRandomString,
+  resolveArticleExcerpt,
+} from "@/lib/utils";
 import { addDays } from "date-fns";
 import * as sk from "sqlkit";
 import { and, desc, eq, like, neq, or } from "sqlkit";
@@ -299,6 +304,7 @@ export async function deleteArticle(article_id: string) {
       where: eq("id", article_id),
     });
 
+    revalidateTag("tags-list", "max");
     return deletedArticles?.rows?.[0];
   } catch (error) {
     handleActionException(error);
@@ -427,7 +433,7 @@ export async function userArticleFeed(
     response["nodes"] = response["nodes"].map((article) => {
       return {
         ...article,
-        excerpt: article.excerpt ?? removeMarkdownSyntax(article.body),
+        excerpt: resolveArticleExcerpt(article.excerpt, article.body),
       };
     });
 
@@ -498,7 +504,7 @@ export async function articlesByTag(
       cover_image: row.cover_image,
       body: row.body,
       created_at: new Date(row.created_at),
-      excerpt: row.excerpt ?? removeMarkdownSyntax(row.body),
+      excerpt: resolveArticleExcerpt(row.excerpt, row.body),
       user: {
         id: row.user_id,
         name: row.user_name,
@@ -702,6 +708,7 @@ export async function setArticlePublished(
     if (articles?.rows?.[0] && !is_published) {
       deleteArticleById(article_id);
     }
+    revalidateTag("tags-list", "max");
     return articles?.rows?.[0];
   } catch (error) {
     return handleActionException(error);