astro.config.mjs

import { defineConfig } from 'astro/config';
import tailwind from '@astrojs/tailwind';
import remarkDirective from 'remark-directive';
import remarkCalloutDirectives from '@microflash/remark-callout-directives';
import react from '@astrojs/react';
import sitemap from '@astrojs/sitemap';
import settings from './src/settings.json';
import { imagetools } from 'vite-imagetools';
import mdx from '@astrojs/mdx';
import rehypeSlug from 'rehype-slug';
import rehypeAutolinkHeadings from 'rehype-autolink-headings';

const configRemarkCalloutDirectives = {
  callouts: {
    note: {
      title: 'Note',
      hint: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="callout-hint-note"><path d="M12 8h.01M12 12v4"/><circle cx="12" cy="12" r="10"/></svg>`,
    },
    success: {
      title: 'Success',
      hint: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="callout-hint-commend"><path d="m8 12 2.7 2.7L16 9.3"/><circle cx="12" cy="12" r="10"/></svg>`,
    },
    warn: {
      title: 'Warning',
      hint: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="callout-hint-warn"><path d="M12 9v4m0 4h.01M8.681 4.082C9.351 2.797 10.621 2 12 2s2.649.797 3.319 2.082l6.203 11.904a4.28 4.28 0 0 1-.046 4.019C20.793 21.241 19.549 22 18.203 22H5.797c-1.346 0-2.59-.759-3.273-1.995a4.28 4.28 0 0 1-.046-4.019L8.681 4.082Z"/></svg>`,
    },
    danger: {
      title: 'Danger',
      hint: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="callout-hint-deter"><path d="M12 12s-5.6 4.6-3.6 8c1.6 2.6 5.7 2.7 7.2 0 2-3.7-3.6-8-3.6-8Z"/><path d="M13.004 2 8.5 9 6.001 6s-4.268 7.206-1.629 11.8c3.016 5.5 11.964 5.7 15.08 0C23.876 10 13.004 2 13.004 2Z"/></svg>`,
    },
    info: {
      title: 'Info',
      hint: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="callout-hint-assert"><path d="M12.5 7.5h.01m-.01 4v4m-7.926.685L2 21l6.136-1.949c1.307.606 2.791.949 4.364.949 5.243 0 9.5-3.809 9.5-8.5S17.743 3 12.5 3 3 6.809 3 11.5c0 1.731.579 3.341 1.574 4.685"/></svg>`,
    },
  },
};

// Environment
const env = import.meta.env.PROD
  ? 'production'
  : import.meta.env.DEV
    ? 'development'
    : 'staging';

// https://astro.build/config
export default defineConfig({
  site: settings.site[env].url,
  vite: {
    plugins: [imagetools()],
  },
  integrations: [
    tailwind({
      nesting: true,
      applyBaseStyles: false,
    }),
    react({
      experimentalReactChildren: true,
    }),
    sitemap({
      lastmod: new Date(),
    }),
    mdx(),
  ],
  markdown: {
    remarkPlugins: [
      remarkDirective,
      [remarkCalloutDirectives, configRemarkCalloutDirectives],
    ],
    rehypePlugins: [
      rehypeSlug,
      [
        rehypeAutolinkHeadings,
        {
          behavior: 'wrap',
          properties: {
            className: ['anchor-link'],
          },
          content: {
            type: 'element',
            tagName: 'span',
            properties: { className: ['anchor-icon'] },
            children: [{ type: 'text', value: '#' }],
          },
        },
      ],
    ],
    shikiConfig: {
      // List of themes https://shiki.matsu.io/themes
      // Might have overrides in src/styles/commonArticle.css
      theme: 'min-dark',
    },
  },
  redirects: {
    '/blog/learn/hottest-tends-2024-serverless-cloud-computing/':
      '/blog/learn/hottest-trends-2024-serverless-cloud-computing/',
    '/issues/eliza/eliza-deployment-troubleshooting':
      '/troubleshooting/eliza/eliza-deployment-troubleshooting',
  },
});