feat: implement thumbnail generation from astro hooks

Author: LeadcodeDev

astro.config.mjs

@@ -24,12 +24,13 @@ import {
   default as remarkReadMoreDirective,
 } from "./src/lib/plugins/read-more/remark-directive";
 import sitemap from "@astrojs/sitemap";
+import { buildDocIntegration } from "./src/hooks/build-doc";
 
 export default defineConfig({
   site: "https://example.com",
   output: "static",
   prefetch: true,
-  integrations: [react(), mdx(), icon(), sitemap()],
+  integrations: [react(), mdx(), icon(), buildDocIntegration(), sitemap()],
 
   markdown: {
     shikiConfig: {
@@ -71,6 +72,9 @@ export default defineConfig({
   },
 
   vite: {
+    build: {
+      chunkSizeWarningLimit: 2000,
+    },
     plugins: [tailwindcss()],
   },
 });

package.json

@@ -9,8 +9,8 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.2.2",
-    "@astrojs/react": "^4.2.2",
+    "@astrojs/mdx": "^4.3.12",
+    "@astrojs/react": "^4.4.2",
     "@astrojs/sitemap": "^3.6.0",
     "@expressive-code/plugin-line-numbers": "^0.40.2",
     "@iconify-json/devicon": "^1.2.23",
@@ -21,20 +21,24 @@
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-navigation-menu": "^1.2.5",
     "@radix-ui/react-slot": "^1.2.3",
+    "@resvg/resvg-js": "^2.6.2",
     "@scalar/api-reference-react": "^0.6.19",
     "@tailwindcss/vite": "^4.0.17",
+    "@types/culori": "^4.0.1",
     "@types/hast": "^3.0.4",
     "@types/luxon": "^3.6.2",
     "@types/mdast": "^4.0.4",
     "@types/node": "^24.10.0",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
-    "astro": "^5.5.5",
+    "astro": "^5.16.3",
     "astro-icon": "^1.1.5",
     "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
+    "culori": "^4.0.2",
+    "gray-matter": "^4.0.3",
     "hast": "^1.0.0",
     "hast-util-to-html": "^9.0.5",
     "hastscript": "^9.0.1",