chore(deps): migrate to astro v5

.gitignore

@@ -21,3 +21,6 @@ pnpm-debug.log*
 
 package-lock.json
 pnpm-lock.yaml
+
+# astro
+.astro

package.json

@@ -14,11 +14,11 @@
     "subfont": "subfont -ir --no-fallbacks --silent --root dist"
   },
   "devDependencies": {
-    "@astrojs/mdx": "^3.1.4",
-    "@astrojs/partytown": "^2.1.1",
-    "@astrojs/rss": "^4.0.7",
-    "@astrojs/sitemap": "^3.1.6",
-    "@astrojs/tailwind": "^5.1.0",
+    "@astrojs/mdx": "4.0.2",
+    "@astrojs/partytown": "2.1.2",
+    "@astrojs/rss": "4.0.10",
+    "@astrojs/sitemap": "3.2.1",
+    "@astrojs/tailwind": "5.1.3",
     "@astrolib/analytics": "^0.6.1",
     "@astrolib/seo": "^1.0.0-beta.5",
     "@biomejs/biome": "1.9.4",
@@ -27,7 +27,7 @@
     "@types/bun": "^1.1.7",
     "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
-    "astro": "4.16.18",
+    "astro": "5.1.1",
     "astro-icon": "^0.8.2",
     "hast-util-to-string": "^3.0.0",
     "hastscript": "^9.0.0",
@@ -45,13 +45,14 @@
     "vite-plugin-lib": "^2.1.1"
   },
   "dependencies": {
-    "@astrojs/react": "^3.6.2",
+    "@astrojs/react": "4.1.1",
     "@tanstack/react-table": "^8.20.1",
     "chart.js": "^4.4.6",
     "react": "^18.3.1",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.3.1",
     "unpic": "^3.18.0",
     "uuid": "^11.0.1"
-  }
+  },
+  "trustedDependencies": ["@biomejs/biome", "@parcel/watcher"]
 }

src/pages/[...blog]/[...page].astro

@@ -7,8 +7,9 @@ import Pagination from "~/components/atoms/Pagination.astro";
 
 import { fetchPosts } from "~/utils/posts";
 import { getCanonical, getPermalink, BLOG_BASE } from "~/utils/permalinks";
+import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
 
-export async function getStaticPaths({ paginate }) {
+export const getStaticPaths = (async ({ paginate }) => {
   if (BLOG?.disabled || BLOG?.blog?.disabled) return [];
 
   const posts = await fetchPosts();
@@ -17,9 +18,11 @@ export async function getStaticPaths({ paginate }) {
     params: { blog: BLOG_BASE || undefined },
     pageSize: BLOG.postsPerPage,
   });
-}
+}) satisfies GetStaticPaths
 
-const { page } = Astro.props;
+type Props = InferGetStaticPropsType<typeof getStaticPaths>;
+
+const { page } = Astro.props as Props;
 const currentPage = page.currentPage ?? 1;
 
 const meta = {

src/pages/[...blog]/[slug].astro

@@ -12,6 +12,11 @@ import {
 } from "~/utils/permalinks";
 import { fetchPosts } from "~/utils/posts";
 import { findImage } from "~/utils/images";
+import type { Post } from "~/types";
+
+interface Props {
+  post: Post
+}
 
 export async function getStaticPaths() {
   if (BLOG?.disabled || BLOG?.post?.disabled) return [];

src/pages/[...categories]/[category]/[...page].astro

@@ -12,11 +12,12 @@ import {
   cleanSlug,
   CATEGORY_BASE,
 } from "~/utils/permalinks";
+import type { Post } from "~/types";
 
 export async function getStaticPaths({ paginate }) {
   if (BLOG?.disabled || BLOG?.category?.disabled) return [];
 
-  const posts = await fetchPosts();
+  const posts = await fetchPosts() as Post[];
 
   const categories = new Set();
   posts.map((post) => {

src/pages/legal.astro

@@ -11,9 +11,6 @@ const meta = {
   description: SITE.description,
   canonical: getCanonical(getHomePermalink()),
 };
-
-import { Icon } from "astro-icon";
-import Picture from "~/components/core/Picture.astro";
 ---
 
 <Layout {meta}>

src/pages/privacy.astro

@@ -11,9 +11,6 @@ const meta = {
   description: SITE.description,
   canonical: getCanonical(getHomePermalink()),
 };
-
-import { Icon } from "astro-icon";
-import Picture from "~/components/core/Picture.astro";
 ---
 
 <Layout {meta}>

src/types.d.ts

@@ -0,0 +1,18 @@
+export interface Post {
+  id: string;
+  publishDate: Date;
+  draft: boolean;
+  canonical: string;
+  slug: string;
+  title: string;
+  description: string;
+  image: string;
+  imageCreditUrl: string | null;
+  content: string; // or 'body' in case you consume from API
+  excerpt: string;
+  authors: string[];
+  category: string;
+  tags: string[];
+  readingTime: number;
+  tweet: string;
+}