astro.config.ts

import fs from "node:fs";
import path from "node:path";
import mdx from "@astrojs/mdx";
import sitemap from "@astrojs/sitemap";
import tailwind from "@tailwindcss/vite";
import expressiveCode from "astro-expressive-code";
import icon from "astro-icon";
import robotsTxt from "astro-robots-txt";
import webmanifest from "astro-webmanifest";
import { defineConfig, envField } from "astro/config";
import { expressiveCodeOptions } from "./src/site.config";
import { siteConfig } from "./src/site.config";

// Remark plugins
import remarkDirective from "remark-directive"; /* Handle ::: directives as nodes */
import remarkMath from "remark-math"; /* Handle LaTeX math expressions */
import { remarkAdmonitions } from "./src/plugins/remark-admonitions"; /* Add admonitions */
import { remarkCard } from "./src/plugins/remark-card";
import { remarkReadingTime } from "./src/plugins/remark-reading-time";
import { remarkMermaidCard } from "./src/plugins/remark-mermaid-card";

// Rehype plugins
import { rehypeHeadingIds } from "@astrojs/markdown-remark";
import rehypeAutolinkHeadings from "rehype-autolink-headings";
import rehypeExternalLinks from "rehype-external-links";
import rehypeKatex from "rehype-katex"; /* Render math with KaTeX */
import rehypeMermaid from "rehype-mermaid"; /* Render Mermaid diagrams */
import rehypeUnwrapImages from "rehype-unwrap-images";
import { rehypeSlides } from "./src/plugins/rehype-slides"; /* Convert slides to sections */

// Load redirects from generated file
function loadRedirects() {
	try {
		const redirectsPath = path.join(process.cwd(), "redirects.json");
		if (fs.existsSync(redirectsPath)) {
			const redirectsData = fs.readFileSync(redirectsPath, "utf-8");
			const redirects = JSON.parse(redirectsData);
			console.log(`📍 Loaded ${Object.keys(redirects).length} redirects from redirects.json`);
			return redirects;
		} else {
			console.log("ℹ️  No redirects.json found, run 'npm run generate:redirects' to create one");
			return {};
		}
	} catch (error) {
		console.warn("⚠️  Could not load redirects.json:", (error as Error).message);
		return {};
	}
}

// https://astro.build/config
export default defineConfig({
	site: siteConfig.url,
	redirects: loadRedirects(),
	image: {
		domains: ["webmention.io"],
	},
	integrations: [
		expressiveCode(expressiveCodeOptions),
		icon(),
		sitemap(),
		mdx(),
		robotsTxt(),
		webmanifest({
			// See: https://github.com/alextim/astro-lib/blob/main/packages/astro-webmanifest/README.md
			name: siteConfig.title,
			short_name: "Astro_Cactus", // optional
			description: siteConfig.description,
			lang: siteConfig.lang,
			icon: "public/icon.svg", // the source for generating favicon & icons
			icons: [
				{
					src: "icons/apple-touch-icon.png", // used in src/components/BaseHead.astro L:26
					sizes: "180x180",
					type: "image/png",
				},
				{
					src: "icons/icon-192.png",
					sizes: "192x192",
					type: "image/png",
				},
				{
					src: "icons/icon-512.png",
					sizes: "512x512",
					type: "image/png",
				},
			],
			start_url: "/",
			background_color: "#1d1f21",
			theme_color: "#2bbc8a",
			display: "standalone",
			config: {
				insertFaviconLinks: false,
				insertThemeColorMeta: false,
				insertManifestLink: false,
			},
		}),
	],
	markdown: {
		syntaxHighlight: {
			type: 'shiki',
			excludeLangs: ['mermaid'],
		},
		rehypePlugins: [
			rehypeHeadingIds,
			[rehypeAutolinkHeadings, { behavior: "wrap", properties: { className: ["not-prose"] } }],
			[
				rehypeExternalLinks,
				{
					rel: ["noreferrer", "noopener"],
					target: "_blank",
				},
			],
			rehypeUnwrapImages,
			rehypeKatex,
			rehypeMermaid,
			rehypeSlides, // Convert H1/H2 to Reveal.js sections for slides
		],
		remarkPlugins: [
			remarkReadingTime,
			remarkDirective,
			remarkAdmonitions,
			remarkMermaidCard,
			remarkCard,
			remarkMath,
		],
		remarkRehype: {
			footnoteLabelProperties: {
				className: [""],
			},
		},
	},
	// https://docs.astro.build/en/guides/prefetch/
	prefetch: true,
	vite: {
		optimizeDeps: {
			exclude: ["@resvg/resvg-js"],
		},
		plugins: [tailwind(), rawFonts([".ttf", ".woff"])],
	},
	env: {
		schema: {
			WEBMENTION_API_KEY: envField.string({ context: "server", access: "secret", optional: true }),
			WEBMENTION_URL: envField.string({ context: "client", access: "public", optional: true }),
			WEBMENTION_PINGBACK: envField.string({ context: "client", access: "public", optional: true }),
		},
	},
});

function rawFonts(ext: string[]) {
	return {
		name: "vite-plugin-raw-fonts",
		// @ts-expect-error:next-line
		transform(_, id) {
			if (ext.some((e) => id.endsWith(e))) {
				const buffer = fs.readFileSync(id);
				return {
					code: `export default ${JSON.stringify(buffer)}`,
					map: null,
				};
			}
		},
	};
}