astro.config.mjs

// @ts-check
import starlightSidebarTopics from "starlight-sidebar-topics";
import { prefixLinks } from "./src/plugins/CorrectURL";
import starlightVersions from "starlight-versions";
import { defineConfig } from "astro/config";
import starlight from "@astrojs/starlight";
import tailwind from "@astrojs/tailwind";
import react from "@astrojs/react";
import fs from "fs";

var SITE_URL;
fs.readFile("./public/CNAME", "utf-8", (err, data) => {
  if (err) {
    return;
  }

  SITE_URL = data.trim();
});
const BASE_URL = "";

// https://astro.build/config
export default defineConfig({
  base: BASE_URL,
  site: SITE_URL,
  trailingSlash: "ignore",
  markdown: {
    remarkPlugins: [prefixLinks({ base: BASE_URL + "/" })],
  },
  integrations: [
    starlight({
      title: "Fabric",
      plugins: [
        // starlightVersions({
        //   versions: [{ slug: "0.0.1", label: "v0.0.1" }],
        // }),
        starlightSidebarTopics([
          {
            label: "Guides",
            link: "/getting-started/introduction/",
            icon: "open-book",
            items: [
              {
                label: "Getting Started",
                autogenerate: { directory: "getting-started" },
              },
              {
                label: "Guide",
                autogenerate: { directory: "guide" },
              },
              {
                label: "Community Snippets",
                autogenerate: { directory: "snippets" },
              },
              {
                label: "Contributing",
                autogenerate: { directory: "contributing" },
                collapsed: true,
              },
            ],
          },
          {
            label: "API Reference",
            link: "/api/fabric/",
            icon: "information",
            items: [
              {
                label: "Parent Package",
                autogenerate: { directory: "api" },
              },
            ],
          },
        ]),
      ],
      editLink: {
        baseUrl: "https://github.com/Fabric-Development/fabric-wiki/edit/",
      },
      logo: {
        dark: "./src/assets/logo-dark.svg",
        light: "./src/assets/logo-light.svg",
        replacesTitle: false,
      },
      social: {
        github: "https://github.com/Fabric-Development/fabric",
        discord: "https://discord.gg/3sDbYc9SZP",
      },
      customCss: [
        "./src/tailwind.css",
        "./src/styles/custom.css",

        "@fontsource/jost/100.css",
        "@fontsource/jost/200.css",
        "@fontsource/jost/300.css",
        "@fontsource/jost/400.css",
        "@fontsource/jost/600.css",
        "@fontsource/jost/700.css",
        "@fontsource/jost/800.css",
        "@fontsource/jost/900.css",

        "@fontsource/readex-pro/200.css",
        "@fontsource/readex-pro/300.css",
        "@fontsource/readex-pro/400.css",
        "@fontsource/readex-pro/600.css",
        "@fontsource/readex-pro/700.css",
      ],
    }),
    tailwind({ applyBaseStyles: false }),
    react({
      include: "./src/components/*.[jsx|tsx]",
    }),
  ],
  vite: {
    resolve: {
      alias: {
        "@components": "/src/components",
      },
    },
  },
});