should have fixed step 8 lint and type errors

Author: btholt

08-ai/src/app/page.tsx

@@ -12,7 +12,7 @@ export default async function Home() {
             title={title}
             author={author ? author : "Unknown"}
             date={createdAt}
-            summary={summary}
+            summary={summary ?? ""}
             href={`/wiki/${id}`}
             key={id}
           />

08-ai/src/components/wiki-article-viewer.tsx

@@ -41,7 +41,7 @@ export default function WikiArticleViewer({
 }: WikiArticleViewerProps) {
   // local state to show updated pageviews after increment
   const [localPageviews, setLocalPageviews] = useState<number | null>(
-    pageviews ?? null,
+    pageviews ?? null
   );
 
   useEffect(() => {

08-ai/src/lib/data/articles.ts

@@ -4,8 +4,20 @@ import redis from "@/cache";
 import db from "@/db/index";
 import { articles } from "@/db/schema";
 
-export async function getArticles() {
-  const cached = await redis.get("articles:all");
+// The list view selects only a subset of Article fields and adds the author's
+// resolved name. Use a dedicated type for the list response.
+export type ArticleList = {
+  id: number;
+  title: string;
+  createdAt: string;
+  summary: string | null;
+  content: string;
+  author: string | null;
+  imageUrl?: string | null;
+};
+
+export async function getArticles(): Promise<ArticleList[]> {
+  const cached = await redis.get<ArticleList[]>("articles:all");
   if (cached) {
     console.log("🎯 Get Articles Cache Hit!");
     return cached;
@@ -24,12 +36,26 @@ export async function getArticles() {
     .leftJoin(usersSync, eq(articles.authorId, usersSync.id));
 
   console.log("🙅‍♂️ Get Articles Cache Miss!");
-  redis.set("articles:all", response, {
-    ex: 60,
-  });
-  return response;
+  // Store cache as JSON so we can retrieve a typed array later
+  try {
+    await redis.set("articles:all", JSON.stringify(response), {
+      ex: 60,
+    });
+  } catch (err) {
+    console.warn("Failed to set articles cache", err);
+  }
+  return response as unknown as ArticleList[];
 }
 
+export type ArticleWithAuthor = {
+  id: number;
+  title: string;
+  content: string;
+  createdAt: string;
+  imageUrl?: string | null;
+  author: string | null;
+};
+
 export async function getArticleById(id: number) {
   const response = await db
     .select({
@@ -43,5 +69,6 @@ export async function getArticleById(id: number) {
     .from(articles)
     .where(eq(articles.id, id))
     .leftJoin(usersSync, eq(articles.authorId, usersSync.id));
-  return response[0] ? response[0] : null;
+  // Cast the DB response to the shape we selected above.
+  return response[0] ? (response[0] as unknown as ArticleWithAuthor) : null;
 }