astro.config.ts

import { SITE_URL } from './src/consts';
import { defineConfig } from 'astro/config';

import mdx from '@astrojs/mdx';
import tailwind from '@astrojs/tailwind';
import vue from '@astrojs/vue';
import preact from '@astrojs/preact';
import AutoImport from 'astro-auto-import';

import cssnano from 'cssnano';
import dynamicImport from 'vite-plugin-dynamic-import';
import rehypeAutolinkHeadings from 'rehype-autolink-headings';
import remarkSmartypants from 'remark-smartypants';

import { asideAutoImport, astroAsides } from './integrations/astro-asides';
import { astroDocsExpressiveCode } from './integrations/expressive-code';

import { sitemap } from './integrations/sitemap';
import { autoLinks } from './plugins/rehype-autolink-config';

import rehypeSlug from './plugins/rehype-slug-config'
import { rehypei18nAutolinkHeadings } from './plugins/rehype-i18n-autolink-headings';
import { rehypeOptimizeStatic } from './plugins/rehype-optimize-static';
import { rehypeTasklistEnhancer } from './plugins/rehype-tasklist-enhancer';
import rehypeScrollableTables from './plugins/rehype-scrollable-tables.js'
// import { rehypeLinks } from './plugins/rehypeLinks.mjs';

const productionBuild = import.meta.env.PROD;

export default defineConfig({
	site: SITE_URL,
	build: {
		inlineStylesheets: 'always',
		assets: '_astro_docs'
	},
	integrations: [
		AutoImport({ imports: [asideAutoImport] }),
		preact({ compat: true }),
		sitemap(),
		astroAsides(),

		astroDocsExpressiveCode(),
		mdx(),
		tailwind({ applyBaseStyles: false }),
		vue({ appEntrypoint: '/src/vue.config.js' })
	],
	markdown: {
		// Override with our own config
		smartypants: false,
		remarkPlugins: [
			[remarkSmartypants, { dashes: false }],
			// Add our custom plugin that marks links to fallback language pages
		],
		rehypePlugins: [
			rehypeSlug,
			rehypeScrollableTables,
			// This adds links to headings
			// rehypeLinks, // disabling target Blank
			[rehypeAutolinkHeadings, autoLinks],
			// Tweak GFM task list syntax
			rehypeTasklistEnhancer(),
			// Translates the autolink headings anchors
			rehypei18nAutolinkHeadings(),
			// Collapse static parts of the hast to html
			rehypeOptimizeStatic,
		]
	},
	compressHTML: productionBuild ? true : false,
	trailingSlash: 'always', // for server
	vite: {
		ssrBuild: true,
		server: {
      fs: {
        allow: ['..']
      }
    },
		plugins: [
      dynamicImport(),
      cssnano
    ],
		ssr: {
      noExternal: [
        '@astrojs/vue',
        'azion-webkit',
				'azion-theme'
      ],
      external: [
        'algoliasearch',
        'instantsearch.js',
        'vue-instantsearch/vue3/es',
      ]
    }
	}
});