astro.config.ts

import mdx from "@astrojs/mdx"
import solid from "@astrojs/solid-js"
import tailwind from "@astrojs/tailwind"
import {
  type Options as RemarkCalloutOptions,
  remarkCallout,
} from "@r4ai/remark-callout"
import remarkEmbed, { type RemarkEmbedOptions } from "@r4ai/remark-embed"
import {
  transformerLinkCard,
  type TransformerLinkCardOptions,
} from "@r4ai/remark-embed/transformers"
import {
  transformerMetaHighlight,
  transformerMetaWordHighlight,
  transformerNotationDiff,
  transformerNotationHighlight,
  transformerNotationWordHighlight,
} from "@shikijs/transformers"
import { defineConfig } from "astro/config"
import rehypeKatex from "rehype-katex"
import remarkMath from "remark-math"
import { visualizer } from "rollup-plugin-visualizer"
import icons from "unplugin-icons/vite"

import {
  transformerLineNumbers,
  transformerMetaDiff,
  transformerTitle,
} from "./src/lib/shiki-transformers"
import remarkInlineCode from "./src/lib/unified-plugins/remark-inline-code"
import pagefind from "./src/lib/vite-plugins/vite-plugin-pagefind"
import rawTransform from "./src/lib/vite-plugins/vite-plugin-raw-transform"

// https://astro.build/config
export default defineConfig({
  site: "https://r4ai.dev",
  prefetch: true,
  integrations: [
    tailwind({
      applyBaseStyles: false,
    }),
    mdx(),
    solid(),
  ],
  redirects: {
    "/posts/raw/[...slug]": "/posts/[...slug].mdx",
    "/posts/[...slug]/raw": "/posts/[...slug].mdx",
  },
  vite: {
    plugins: [
      pagefind(),
      rawTransform(),
      icons({ compiler: "solid" }),
      visualizer({
        emitFile: true,
        filename: "stats.html",
      }),
    ],
  },
  markdown: {
    remarkPlugins: [
      remarkMath,
      remarkInlineCode,
      [
        remarkEmbed,
        {
          transformers: [
            transformerLinkCard({
              tagName: () => "link-card",
              properties: (og) => ({ og: JSON.stringify(og) }),
              children: () => [],
            } satisfies TransformerLinkCardOptions),
          ],
        } satisfies RemarkEmbedOptions,
      ],
      [
        remarkCallout,
        {
          root: (callout) => {
            return {
              tagName: "callout-root",
              properties: {
                type: callout.type,
                isFoldable: callout.isFoldable.toString(),
                defaultFolded: callout.defaultFolded?.toString(),
              },
            }
          },
          title: (callout) => ({
            tagName: "callout-title",
            properties: {
              type: callout.type,
              isFoldable: callout.isFoldable.toString(),
            },
          }),
          body: () => ({
            tagName: "callout-body",
            properties: {},
          }),
        } satisfies RemarkCalloutOptions,
      ],
    ],
    rehypePlugins: [rehypeKatex],
    remarkRehype: {
      footnoteLabel: "脚注",
      footnoteLabelTagName: "h2",
      footnoteLabelProperties: {},
    },
    shikiConfig: {
      themes: {
        light: "github-light",
        dark: "one-dark-pro",
      },
      transformers: [
        transformerMetaDiff(),
        transformerMetaHighlight(),
        transformerMetaWordHighlight(),
        transformerNotationDiff(),
        transformerNotationHighlight(),
        transformerNotationWordHighlight(),
        transformerLineNumbers(),
        transformerTitle(),
      ],
    },
  },
})