astro.config.mjs

import path from 'path';
import { fileURLToPath } from 'url';

import { defineConfig, squooshImageService } from 'astro/config';

import sitemap from '@astrojs/sitemap';
import tailwind from '@astrojs/tailwind';
import mdx from '@astrojs/mdx';
import partytown from '@astrojs/partytown';
import icon from 'astro-icon';
import compress from 'astro-compress';

// Thank you Alexa Fazio! https://blog.alexafazio.dev/blog/render-latex-in-astro/
import remarkMath from 'remark-math';
import rehypeKatex from 'rehype-katex';

// Thank you Alex Trost! https://trost.codes/posts/adding-simple-search-to-an-astro-blog/
import pagefind from "astro-pagefind";

import { mermaid } from "./src/plugins/mermaid";

import astrowind from './src/integration';

import { readingTimeRemarkPlugin, responsiveTablesRehypePlugin } from './src/utils/frontmatter.mjs';

const __dirname = path.dirname(fileURLToPath(import.meta.url));

const hasExternalScripts = false;
const whenExternalScripts = (items = []) =>
  hasExternalScripts
    ? Array.isArray(items)
      ? items.map((item) => item())
      : [items()]
    : [];

export default defineConfig({
  output: 'static',

  integrations: [
    tailwind({
      applyBaseStyles: false,
    }),
    sitemap(),
    mdx(),
    icon({
      include: {
        tabler: ['*'],
        'flat-color-icons': [
          'template',
          'gallery',
          'approval',
          'document',
          'advertising',
          'currency-exchange',
          'voice-presentation',
          'business-contact',
          'database',
        ],
      },
    }),

    ...whenExternalScripts(() =>
      partytown({
        config: { forward: ['dataLayer.push'] },
      })
    ),

    compress({
      CSS: true,
      HTML: {
        'html-minifier-terser': {
          removeAttributeQuotes: false,
        },
      },
      Image: false,
      JavaScript: true,
      SVG: false,
      Logger: 1,
    }),

    astrowind(),
    pagefind(),
  ],

  image: {
    service: squooshImageService(),
  },

  markdown: {
    remarkPlugins: [
      readingTimeRemarkPlugin,
      remarkMath,
      mermaid,
    ],
    rehypePlugins: [
      responsiveTablesRehypePlugin, 
      rehypeKatex,
    ],
  },

  vite: {
    resolve: {
      alias: {
        '~': path.resolve(__dirname, './src'),
      },
    },
  },
});