import { defineConfig, externalizeDepsPlugin } from 'electron-vite';
import { resolve } from 'path';
import unocss from 'unocss/vite';
import AutoImport from 'unplugin-auto-import/vite';
import Icons from 'unplugin-icons/vite';
import Pages from 'vite-plugin-pages';
import solid from 'vite-plugin-solid';

export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin()]
  },
  preload: {
    plugins: [externalizeDepsPlugin()]
  },
  renderer: {
    resolve: {
      alias: {
        '@renderer': resolve('src/renderer/src')
      }
    },
    plugins: [
      // https://github.com/antfu/unocss
      // see unocss.config.ts for config
      // order matters: https://docs.solidjs.com/guides/how-to-guides/styling-in-solid/unocss#import-vite-plugin
      unocss(),

      // https://github.com/mdx-js/mdx
      {
        ...(await import('@mdx-js/rollup')).default({
          jsx: true,
          jsxImportSource: 'solid-js',
          providerImportSource: 'solid-mdx'
        }),
        enforce: 'pre'
      },

      solid(),

      // https://github.com/hannoeru/vite-plugin-pages
      Pages({
        extensions: ['tsx', 'jsx', 'ts', 'js', 'mdx', 'md'],
        routeStyle: 'remix'
      }),

      // https://github.com/antfu/unplugin-auto-import
      AutoImport({
        imports: ['solid-js'],
        dts: 'src/auto-imports.d.ts',
        dirs: ['src/stores']
      }),

      // https://github.com/antfu/unplugin-icons
      Icons({
        compiler: 'solid'
      })
    ]
  }
});