app.config.ts

import { execSync } from 'child_process'
import rehypeShiki from '@shikijs/rehype'
import { transformerNotationHighlight, transformerNotationWordHighlight } from '@shikijs/transformers'
import { transformerTwoslash } from '@shikijs/twoslash'
import { defineConfig } from '@solidjs/start/config'
import mdx from '@vinxi/plugin-mdx'
import rehypeSlug from 'rehype-slug'
import remarkGfm from 'remark-gfm'
import svgPlugin from 'vite-plugin-solid-svg'

const defineString = (str?: string) => `"${str || 'unknown'}"`

export default defineConfig({
    ssr: true,
    server: {
        esbuild: {
            options: {
                target: 'es2022',
            },
        },
        preset: process.env.NITRO_PRESET ?? 'bun',
        // Use this if you want everything to be completely static
        // The site has theming based on events, so this will not be used unless you want to cause a theme flash
        // Current code requires a rebuild to change event-based themes on the site:
        // prerender: {
        //     crawlLinks: true,
        //     failOnError: true,
        // },
    },
    extensions: ['mdx'],
    vite: {
        build: {
            target: 'es2022',
        },
        css: {
            preprocessorOptions: {
                scss: {
                    api: 'modern',
                },
            },
        },
        plugins: [
            mdx.default.withImports({})({
                jsx: true,
                jsxImportSource: 'solid-js',
                providerImportSource: 'solid-mdx',
                remarkPlugins: [remarkGfm],
                rehypePlugins: [
                    rehypeSlug,
                    [
                        rehypeShiki,
                        {
                            themes: {
                                dark: 'ayu-dark',
                                light: 'github-light',
                            },
                            transformers: [
                                transformerNotationHighlight(),
                                transformerNotationWordHighlight(),
                                transformerTwoslash({
                                    explicitTrigger: true,
                                }),
                            ],
                        },
                    ],
                ],
            }),
            svgPlugin({ defaultAsComponent: true }),
        ],
        define: {
            __APP_COMMIT: defineString(process.env.COMMIT_REF ?? execSync('git rev-parse HEAD').toString().trim()),
            __APP_DEPLOY_CONTEXT: defineString(process.env.CONTEXT ?? process.env.NODE_ENV),
            __APP_BRANCH: defineString(
                process.env.BRANCH ?? execSync('git rev-parse --abbrev-ref HEAD').toString().trim(),
            ),
        },
    },
})