astro.config.mjs

import { defineConfig } from "astro/config";
import tailwind from "@astrojs/tailwind";
import icon from "astro-icon";
import sitemap from "@astrojs/sitemap";
import mdx from "@astrojs/mdx";
import react from "@astrojs/react";
import pagefind from "astro-pagefind";
import remarkHighLight from "./src/lib/remark-higlight.mjs";
import remarkExternalLink from "./src/lib/remark-external-links.mjs";
import remarkWikilinks from "./src/lib/remark-wikilinks.mjs";

const SITE_URL = process.env.SITE_URL || "http://localhost:4321";
const PUBLIC_REF_NAME = process.env.PUBLIC_REF_NAME
  ? process.env.PUBLIC_REF_NAME
  : "";
if (PUBLIC_REF_NAME === "") {
  throw new Error("PUBLIC_REF_NAME is empty");
}
console.log("🚀 ~ PUBLIC_REF_NAME:", PUBLIC_REF_NAME);
const PUBLIC_BASE = process.env.PUBLIC_BASE ? process.env.PUBLIC_BASE : "";
console.log("🚀 ~ PUBLIC_BASE:", PUBLIC_BASE || "empty 👌");
const tina = ({ directiveName = "tina" } = {}) => ({
  name: "tina-cms",
  hooks: {
    "astro:config:setup": ({ addClientDirective, opts }) => {
      addClientDirective({
        name: directiveName,
        entrypoint: "./tina/tina.mjs",
      });
    },
  },
});

// https://astro.build/config
export default defineConfig({
  site: SITE_URL,
  base: PUBLIC_BASE,
  build: {
    format: "file",
  },
  // i18n: {
  //   defaultLocale: "fr",
  //   locales: ["en", "es", "fr"],
  //   routing: {
  //     prefixDefaultLocale: false,
  //   },
  // },
  markdown: {
    // Applied to .md and .mdx files
    remarkPlugins: [remarkHighLight, remarkExternalLink, remarkWikilinks],
    // rehypePlugins: [rehypeAccessibleEmojis],
  },
  integrations: [
    tailwind({
      // Example: Disable injecting a basic `base.css` import on every page.
      // Useful if you need to define and/or import your own custom `base.css`.
      applyBaseStyles: false,
      // Example: Allow writing nested CSS declarations
      // alongside Tailwind's syntax
      nesting: true,
    }),
    tina(),
    icon({
      iconDir: "src/assets/icons",
      include: {
        tabler: ["*"],
      },
    }),
    sitemap(),
    mdx(),
    react(),
    pagefind(),
  ],
});