vite.config.ts

import { fileURLToPath, URL } from 'node:url'

import Shiki from '@shikijs/markdown-it'
import Vue from '@vitejs/plugin-vue'
import container from 'markdown-it-container'
import LinkAttributes from 'markdown-it-link-attributes'
import UnpluginDetectDuplicatedDeps from 'unplugin-detect-duplicated-deps/vite'
import Markdown from 'unplugin-vue-markdown/vite'
import { defineConfig, type Plugin } from 'vite'

// @ts-expect-error any
import leetcode from './blogs/algorithm/leetcode'
import injectBuildInfo from './scripts/build-info'
import mdDetail from './scripts/markdown-detail'
import preRender from './scripts/prerender'
import getPWAConfig from './scripts/pwa-plugin'

// https://vitejs.dev/config/
export default defineConfig((environment) => ({
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('src', import.meta.url))
    }
  },
  build: {
    copyPublicDir: !environment.isSsrBuild,
    minify: !environment.isSsrBuild,
    rollupOptions: {
      // input: {
      //   index: fileURLToPath(new URL('index.html', import.meta.url))
      // },
      output: {
        manualChunks(id) {
          if (environment.isSsrBuild) {
            return
          }
          if (id.includes('/node_modules/') && !id.endsWith('.css')) {
            return 'vendor'
          }
        }
      }
    }
  },
  plugins: [
    // splitVendorChunkPlugin(),
    UnpluginDetectDuplicatedDeps({ throwErrorWhenDuplicated: true }),
    Vue({
      include: [/\.vue$/, /\.md$/], // <--
      template: {
        compilerOptions: {
          isCustomElement: (tag) => {
            return ['iconify-icon'].includes(tag)
          }
        }
      }
    }),
    getPWAConfig(!!environment.isSsrBuild),
    Markdown({
      wrapperClasses: 'markdown-body',
      async markdownItSetup(md) {
        md.use(container, 'detail', mdDetail)

        md.use(
          await Shiki({
            themes: {
              light: 'github-light',
              dark: 'github-dark'
            }
          })
        )

        md.use(LinkAttributes, {
          matcher: (link: string) => /^https?:\/\//.test(link),
          attrs: {
            target: '_blank',
            rel: 'noopener'
          }
        })
      }
    }),
    injectBuildInfo(),
    preRender({
      routes: ['/', '/404', '/blog', '/music', '/movie'],
      ssrEntry: 'server.js'
    }),
    {
      name: 'leetcode-generator-plugin',
      enforce: 'pre',
      load(id) {
        if (id.endsWith('/leetcode题目汇总.md')) {
          return leetcode
        }
      }
    } satisfies Plugin
  ]
}))