opencode/packages/www/astro.config.ts

import cloudflare from "@astrojs/cloudflare"
import mdx from "@astrojs/mdx"
import { unified } from "@astrojs/markdown-remark"
import { defineConfig } from "astro/config"
import remarkDocsLinks from "./src/docs/remark-links"

const base = "/v2/"

export default defineConfig({
  site: process.env.CLOUDFLARE_ENV === "production" ? "https://opencode.ai" : "https://dev.opencode.ai",
  base,
  output: "server",
  adapter: cloudflare({ imageService: "passthrough" }),
  integrations: [mdx()],
  markdown: {
    processor: unified({ remarkPlugins: [[remarkDocsLinks, { base }]] }),
    shikiConfig: {
      themes: {
        light: "github-light",
        dark: "github-dark",
      },
      transformers: [
        {
          name: "code-block-title",
          root(root) {
            const title = this.options.meta?.__raw?.match(/title="([^"]+)"/)?.[1]
            if (!title) return
            const pre = root.children[0]
            if (!pre || pre.type !== "element") return
            root.children = [
              {
                type: "element",
                tagName: "figure",
                properties: { className: ["astro-code-figure"] },
                children: [
                  {
                    type: "element",
                    tagName: "figcaption",
                    properties: { className: ["astro-code-title"] },
                    children: [{ type: "text", value: title }],
                  },
                  pre,
                ],
              },
            ]
          },
        },
      ],
    },
  },
  vite: {
    server: {
      allowedHosts: true,
    },
  },
})