astro.config.ts

import { defineConfig, passthroughImageService } from "astro/config"
import mdx from "@astrojs/mdx"
import sitemap from "@astrojs/sitemap"
import AutoImport from "astro-auto-import"
import tailwind from "@astrojs/tailwind"
import react from "@astrojs/react"
import icon from "astro-icon"
import pagefind from "astro-pagefind"

console.log(`process.env.CF_PAGES: ${process.env.CF_PAGES}`)
console.log(`process.env.CF_PAGES_BRANCH: ${process.env.CF_PAGES_BRANCH}`)

// ローカル開発時は画像サービスをパススルー
const imageServiceConfig =
  process.env.CF_PAGES === "1" && process.env.CF_PAGES_BRANCH === "master"
    ? {
        entrypoint: "./src/entrypoint/cfImageService",
        config: {
          maxWidth: 800
        }
      }
    : passthroughImageService()

// プロダクションブランチのみ固定のURLをsiteに設定する
const siteUrl =
  process.env.CF_PAGES_BRANCH === "master"
    ? "https://blog.gensobunya.net/"
    : (process.env.CF_PAGES_URL ?? "https://blog.gensobunya.net/")

// https://astro.build/config
export default defineConfig({
  site: siteUrl,
  image: {
    service: imageServiceConfig
  },
  integrations: [
    AutoImport({
      imports: [
        "./src/components/mdx/LinkCard.astro",
        "./src/components/mdx/Amzn.astro",
        "./src/components/mdx/SimpleLinkCard.astro",
        {
          "./src/components/mdx/positive.tsx": ["PositiveBox"],
          "./src/components/mdx/negative.tsx": ["NegativeBox"]
        }
      ]
    }),
    mdx(),
    sitemap(),
    tailwind(),
    react(),
    icon({
      include: {
        mdi: [
          "calendar",
          "twitter",
          "instagram",
          "youtube",
          "web",
          "open-in-new"
        ]
      }
    }),
    pagefind()
  ]
})