vite.config.ts

import type {} from 'vitest'
import process from 'node:process'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import VueDevTools from 'vite-plugin-vue-devtools'
import Macros from 'unplugin-macros/vite'
import { visualizer } from 'rollup-plugin-visualizer'
import RadixVueResolver from 'radix-vue/resolver'

const baseConfig = defineConfig({
  resolve: {
    alias: {
      '~': '/src/',
      graphql: 'graphql-web-lite',
    },
  },
  plugins: [
    Macros(),
    vue({ customElement: true }),
    Boolean(process.env.ANALYZE) && visualizer(),
    AutoImport({
      imports: [
        'vue',
        'vue-router',
        'vitest',
        '@vueuse/core',
        '@vueuse/math',
        'date-fns',
        {
          from: '@nanostores/vue',
          imports: ['useStore'],
        },
        {
          from: 'nanostores',
          imports: ['atom'],
        },
        {
          from: '@urql/vue',
          imports: ['useQuery', 'useMutation'],
        },
        {
          from: '@testing-library/vue',
          imports: ['render', 'fireEvent'],
        },
      ],
      dirs: ['src/utils', 'src/composables', 'src/stores'],
    }),
    Components({
      dirs: ['src/components', 'src/components/ui'],
      resolvers: [RadixVueResolver()],
    }),
    VueDevTools(),
  ],
  test: {
    passWithNoTests: true,
    setupFiles: ['./vitest.setup.ts'],
    environmentMatchGlobs: [['**/*.dom.spec.ts', 'happy-dom']],
    exclude: ['packages/**/*', '**/node_modules/**/*'],
    coverage: {
      provider: 'v8',
      reporter: ['lcov', 'html'],
      include: ['src/**'],
      exclude: ['src/components/ui/**', 'src/components/dev/**', '**/*.ce.vue'],
    },
  },
})

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  if (mode === 'lib') {
    return {
      ...baseConfig,
      plugins: [
        ...baseConfig.plugins,
        {
          name: 'forbid-effect',
          enforce: 'pre',
          async resolveId(importee, importer) {
            const resolved = await this.resolve(importee, importer)
            if (resolved?.id.includes('node_modules/effect')) {
              throw new Error('using effect in leaky paywall is forbidden')
            }
            return null
          },
        },
      ],
      define: {
        'process.env.NODE_ENV': JSON.stringify('production'),
      },
      build: {
        outDir: 'lib',
        emptyOutDir: false,

        lib: {
          entry: {
            'leaky-paywall': './src/entry.ts',
          },
          formats: ['es'],
        },
        rollupOptions: {
          external: ['vue'],
        },
      },
    }
  }

  if (mode === 'lib-debug') {
    return {
      ...baseConfig,
      define: {
        'process.env.NODE_ENV': JSON.stringify('production'),
      },
      build: {
        outDir: 'lib',
        emptyOutDir: false,

        lib: {
          entry: {
            'leaky-paywall-debug': './src/entry-debug.ts',
          },
          formats: ['es'],
        },
        rollupOptions: {
          external: ['vue'],
        },
      },
    }
  }

  if (mode === 'lib-preview') {
    return {
      ...baseConfig,
      define: {
        'process.env.NODE_ENV': JSON.stringify('production'),
      },
      build: {
        outDir: 'lib',
        emptyOutDir: false,

        lib: {
          entry: {
            'leaky-paywall-preview': './src/entry-preview.ts',
          },
          formats: ['es'],
        },
        rollupOptions: {
          external: ['vue'],
        },
      },
    }
  }

  return baseConfig
})