Feat/cleanup and admin features

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "snyk.advanced.autoSelectOrganization": true
 }

app/(app)/[username]/[slug]/_userLinkDetail.tsx

@@ -21,19 +21,6 @@ type Props = {
   contentSlug: string;
 };
 
-// Get favicon URL from a website
-const getFaviconUrl = (
-  websiteUrl: string | null | undefined,
-): string | null => {
-  if (!websiteUrl) return null;
-  try {
-    const url = new URL(websiteUrl);
-    return `https://www.google.com/s2/favicons?domain=${url.hostname}&sz=32`;
-  } catch {
-    return null;
-  }
-};
-
 // Get hostname from URL
 const getHostname = (urlString: string): string => {
   try {
@@ -189,7 +176,6 @@ const UserLinkDetail = ({ username, contentSlug }: Props) => {
       })
     : null;
 
-  const faviconUrl = getFaviconUrl(externalUrl);
   const hostname = externalUrl ? getHostname(externalUrl) : null;
   const score = votes.upvotes - votes.downvotes;
 

app/(app)/[username]/[slug]/page.tsx

@@ -24,6 +24,12 @@ import { eq, and, lte } from "drizzle-orm";
 import FeedArticleContent from "./_feedArticleContent";
 import LinkContentDetail from "./_linkContentDetail";
 import UserLinkDetail from "./_userLinkDetail";
+import { JsonLd } from "@/components/JsonLd";
+import {
+  getArticleSchema,
+  getBreadcrumbSchema,
+  getNewsArticleSchema,
+} from "@/lib/structured-data";
 
 type Props = { params: Promise<{ username: string; slug: string }> };
 
@@ -457,8 +463,40 @@ const UnifiedPostPage = async (props: Props) => {
       }) as unknown as string;
     }
 
+    // Prepare JSON-LD structured data
+    const articleSchema = getArticleSchema({
+      title: userPost.title,
+      excerpt: userPost.excerpt,
+      slug: userPost.slug,
+      publishedAt: userPost.published,
+      updatedAt: userPost.updatedAt,
+      readingTime: userPost.readTimeMins,
+      canonicalUrl: userPost.canonicalUrl,
+      tags: userPost.tags.map((t) => ({ title: t.tag.title })),
+      author: {
+        name: userPost.user.name,
+        username: userPost.user.username,
+        image: userPost.user.image,
+        bio: userPost.user.bio,
+      },
+    });
+
+    const breadcrumbSchema = getBreadcrumbSchema([
+      { name: "Home", url: "https://www.codu.co" },
+      { name: "Feed", url: "https://www.codu.co/feed" },
+      {
+        name: userPost.user.name || "Author",
+        url: `https://www.codu.co/${userPost.user.username}`,
+      },
+      { name: userPost.title },
+    ]);
+
     return (
       <>
+        {/* JSON-LD Structured Data for SEO */}
+        <JsonLd data={articleSchema} />
+        <JsonLd data={breadcrumbSchema} />
+
         <div className="mx-auto max-w-3xl px-4 py-8">
           {/* Breadcrumb navigation */}
           <nav className="mb-6 flex items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400">
@@ -618,8 +656,40 @@ const UnifiedPostPage = async (props: Props) => {
       }) as unknown as string;
     }
 
+    // Prepare JSON-LD structured data
+    const articleSchema = getArticleSchema({
+      title: userArticle.title,
+      excerpt: userArticle.excerpt,
+      slug: userArticle.slug,
+      publishedAt: userArticle.publishedAt,
+      updatedAt: userArticle.updatedAt,
+      readingTime: userArticle.readTimeMins,
+      canonicalUrl: userArticle.canonicalUrl,
+      tags: userArticle.tags?.map((t) => ({ title: t.tag.title })),
+      author: {
+        name: userArticle.user.name,
+        username: userArticle.user.username,
+        image: userArticle.user.image,
+        bio: userArticle.user.bio,
+      },
+    });
+
+    const breadcrumbSchema = getBreadcrumbSchema([
+      { name: "Home", url: "https://www.codu.co" },
+      { name: "Feed", url: "https://www.codu.co/feed" },
+      {
+        name: userArticle.user.name || "Author",
+        url: `https://www.codu.co/${userArticle.user.username}`,
+      },
+      { name: userArticle.title },
+    ]);
+
     return (
       <>
+        {/* JSON-LD Structured Data for SEO */}
+        <JsonLd data={articleSchema} />
+        <JsonLd data={breadcrumbSchema} />
+
         <div className="mx-auto max-w-3xl px-4 py-8">
           {/* Breadcrumb navigation */}
           <nav className="mb-6 flex items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400">
@@ -773,16 +843,78 @@ const UnifiedPostPage = async (props: Props) => {
   const feedArticle = await getFeedArticle(username, slug);
 
   if (feedArticle) {
-    // Render feed article
-    return <FeedArticleContent sourceSlug={username} articleSlug={slug} />;
+    // Prepare JSON-LD structured data for feed article
+    const newsArticleSchema = getNewsArticleSchema({
+      title: feedArticle.title,
+      excerpt: feedArticle.excerpt,
+      slug: feedArticle.slug,
+      externalUrl: feedArticle.externalUrl || "",
+      coverImage: feedArticle.imageUrl || feedArticle.ogImageUrl,
+      publishedAt: feedArticle.publishedAt,
+      source: {
+        name: feedArticle.source?.name || null,
+        slug: feedArticle.source?.slug || username,
+        logoUrl: feedArticle.source?.logoUrl,
+      },
+    });
+
+    const breadcrumbSchema = getBreadcrumbSchema([
+      { name: "Home", url: "https://www.codu.co" },
+      { name: "Feed", url: "https://www.codu.co/feed" },
+      {
+        name: feedArticle.source?.name || username,
+        url: `https://www.codu.co/${feedArticle.source?.slug || username}`,
+      },
+      { name: feedArticle.title },
+    ]);
+
+    // Render feed article with JSON-LD
+    return (
+      <>
+        <JsonLd data={newsArticleSchema} />
+        <JsonLd data={breadcrumbSchema} />
+        <FeedArticleContent sourceSlug={username} articleSlug={slug} />
+      </>
+    );
   }
 
   // Try unified content table (new LINK type items)
   const linkContent = await getLinkContent(username, slug);
 
   if (linkContent) {
-    // Render link content
-    return <LinkContentDetail sourceSlug={username} contentSlug={slug} />;
+    // Prepare JSON-LD structured data for link content
+    const newsArticleSchema = getNewsArticleSchema({
+      title: linkContent.title,
+      excerpt: linkContent.excerpt,
+      slug: linkContent.slug,
+      externalUrl: linkContent.externalUrl || "",
+      coverImage: linkContent.imageUrl || linkContent.ogImageUrl,
+      publishedAt: linkContent.publishedAt,
+      source: {
+        name: linkContent.source?.name || null,
+        slug: linkContent.source?.slug || username,
+        logoUrl: linkContent.source?.logoUrl,
+      },
+    });
+
+    const breadcrumbSchema = getBreadcrumbSchema([
+      { name: "Home", url: "https://www.codu.co" },
+      { name: "Feed", url: "https://www.codu.co/feed" },
+      {
+        name: linkContent.source?.name || username,
+        url: `https://www.codu.co/${linkContent.source?.slug || username}`,
+      },
+      { name: linkContent.title },
+    ]);
+
+    // Render link content with JSON-LD
+    return (
+      <>
+        <JsonLd data={newsArticleSchema} />
+        <JsonLd data={breadcrumbSchema} />
+        <LinkContentDetail sourceSlug={username} contentSlug={slug} />
+      </>
+    );
   }
 
   // Nothing found

app/(app)/[username]/page.tsx

@@ -7,6 +7,8 @@ import { type Metadata } from "next";
 import { db } from "@/server/db";
 import { feed_sources } from "@/server/db/schema";
 import { eq } from "drizzle-orm";
+import { JsonLd } from "@/components/JsonLd";
+import { getPersonSchema } from "@/lib/structured-data";
 
 type Props = { params: Promise<{ username: string }> };
 
@@ -133,8 +135,20 @@ export default async function Page(props: {
       accountLocked,
     };
 
+    // Prepare Person JSON-LD for SEO
+    const personSchema = getPersonSchema({
+      name: shapedProfile.name,
+      username: shapedProfile.username,
+      image: shapedProfile.image,
+      bio: shapedProfile.bio,
+      websiteUrl: shapedProfile.websiteUrl,
+    });
+
     return (
       <>
+        {/* Person JSON-LD for profile SEO */}
+        <JsonLd data={personSchema} />
+
         <h1 className="sr-only">{`${shapedProfile.name || shapedProfile.username}'s Coding Profile`}</h1>
         <Content profile={shapedProfile} isOwner={isOwner} session={session} />
       </>

app/(app)/admin/_client.tsx

@@ -7,7 +7,7 @@ import {
   FlagIcon,
   RssIcon,
   ShieldExclamationIcon,
-  NewspaperIcon,
+  TagIcon,
 } from "@heroicons/react/24/outline";
 import { api } from "@/server/trpc/react";
 
@@ -99,13 +99,6 @@ const AdminDashboard = () => {
           color="green"
           isLoading={isLoading}
         />
-        <StatCard
-          title="Aggregated Articles"
-          value={stats?.aggregatedArticles}
-          icon={NewspaperIcon}
-          color="purple"
-          isLoading={isLoading}
-        />
         <StatCard
           title="Active Feed Sources"
           value={stats?.activeFeedSources}
@@ -114,6 +107,14 @@ const AdminDashboard = () => {
           href="/admin/sources"
           isLoading={isLoading}
         />
+        <StatCard
+          title="Total Reports"
+          value={reportCounts?.total}
+          icon={FlagIcon}
+          color="purple"
+          href="/admin/moderation"
+          isLoading={isLoading}
+        />
       </div>
 
       {/* Moderation Stats */}
@@ -205,6 +206,21 @@ const AdminDashboard = () => {
               </p>
             </div>
           </Link>
+
+          <Link
+            href="/admin/tags"
+            className="flex items-center gap-3 rounded-lg border border-neutral-200 bg-white p-4 transition-colors hover:border-green-300 hover:bg-green-50 dark:border-neutral-700 dark:bg-neutral-800 dark:hover:border-green-700 dark:hover:bg-green-900/20"
+          >
+            <TagIcon className="h-6 w-6 text-green-500" />
+            <div>
+              <p className="font-medium text-neutral-900 dark:text-white">
+                Tag Management
+              </p>
+              <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                Merge, curate, and manage tags
+              </p>
+            </div>
+          </Link>
         </div>
       </div>
     </div>

app/(app)/admin/moderation/_client.tsx

@@ -4,7 +4,6 @@ import { useState } from "react";
 import Link from "next/link";
 import {
   FlagIcon,
-  CheckCircleIcon,
   XCircleIcon,
   ExclamationTriangleIcon,
   ArrowLeftIcon,