vite.config.ts

import { resolve } from 'path'
import { defineConfig } from 'vite'
import vuePlugin from '@vitejs/plugin-vue2'
import markdownPlugin from 'vite-plugin-md'
import markdownItHighlightJs from 'markdown-it-highlightjs'

import markdownItApiTablePlugin from './plugins/markdown-it/api-table'
import markdownItSampleCardPlugin from './plugins/markdown-it/sample-card'
import docsPlugin from './plugins/docs'
import frontMatterPlugin from './plugins/front-matter'
import highlightPlugin from './plugins/highlight'
import sassVarsPlugin from './plugins/sass-vars'
import vueDocgenPlugin from './plugins/vue-docgen'

// https://vitejs.dev/config/
export default defineConfig({
  base: '/',
  test: {
    globals: true,
    reporters: 'basic',
    environment: 'jsdom',
    setupFiles: [resolve(__dirname, 'tests/unit/setup.js')]
  },
  build: {
    target: 'es2015',
    copyPublicDir: false,
    lib: {
      entry: resolve(__dirname, 'lib/main.js'),
      name: '@icij/murmur',
      fileName: 'lib/murmur'
    },
    rollupOptions: {
      external: ['vue'],
      output: {
        globals: {
          vue: 'Vue'
        },
        exports: 'named',
        assetFileNames: (assetInfo) => {
          if (assetInfo.name === 'style.css') {
            return 'lib/murmur.css'
          }
          return assetInfo.name ?? ''
        }
      }
    }
  },
  server: {
    host: '0.0.0.0',
    port: 9009
  },
  plugins: [
    vuePlugin({
      include: [/\.vue$/, /\.md$/]
    }),
    markdownPlugin({
      vueVersion: '2.7.14',
      escapeCodeTagInterpolation: false,
      markdownItOptions: {
        html: true,
        xhtmlOut: false,
        linkify: false,
        typographer: false
      },
      markdownItSetup(md) {
        // @ts-ignore
        md.use(...markdownItApiTablePlugin())
        // @ts-ignore
        md.use(...markdownItSampleCardPlugin())
        md.use(markdownItHighlightJs)
      }
    }),
    docsPlugin(),
    highlightPlugin(),
    frontMatterPlugin(),
    sassVarsPlugin(),
    vueDocgenPlugin()
  ],
  resolve: {
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
    alias: {
      node_modules: resolve(__dirname, 'node_modules'),
      $package: resolve(__dirname, 'package.json'),
      '@': resolve(__dirname, 'lib'),
      $docs: resolve(__dirname, 'docs'),
      $components: resolve(__dirname, 'docs/components'),
      $pages: resolve(__dirname, 'docs/pages')
    }
  }
})