Added rehype plugins for external links and slug generation in markdown; updated package manager version and added new dependencies.

Author: Michał Gryczka

astro.config.mjs

@@ -12,6 +12,8 @@ import react from "@astrojs/react";
 import sitemap from "@astrojs/sitemap";
 
 import partytown from "@astrojs/partytown";
+import rehypeExternalLinks from "rehype-external-links";
+import rehypeSlug from "rehype-slug";
 
 const __filename = fileURLToPath(import.meta.url);
 
@@ -49,8 +51,9 @@ export default defineConfig({
   ],
   markdown: {
     rehypePlugins: [
-      // Keep string-based configuration which works with both versions
-      ['rehype-external-links', {
+      // Add id attributes to headings (h1-h6) for direct section linking
+      rehypeSlug,
+      [rehypeExternalLinks, {
         target: "_blank",
         rel: ["nofollow", "noopener", "noreferrer"],
       }],

package.json

@@ -15,7 +15,7 @@
     "eslint:lint": "eslint src/**/*.{ts,tsx,astro} --max-warnings 0",
     "lint": "pnpm prettier:lint && pnpm tsc && pnpm eslint:lint && pnpm astro check"
   },
-  "packageManager": "pnpm@9.14.2",
+  "packageManager": "pnpm@10.32.1",
   "pnpm": {
     "default": "9.14.2"
   },
@@ -46,11 +46,13 @@
     "react-slick": "^0.30.3",
     "rehype-external-links": "^2.1.0",
     "rehype-raw": "^7.0.0",
+    "rehype-slug": "^6.0.0",
     "sass": "^1.89.2",
     "sharp": "0.34.0",
     "shiki": "^3.8.1",
     "short-unique-id": "^5.3.2",
     "slick-carousel": "^1.8.1",
+    "stream-replace-string": "^2.0.0",
     "typescript": "^5.8.3",
     "unified": "^11.0.5",
     "use-breakpoint": "^4.0.6",