import react from '@vitejs/plugin-react';
// import autoprefixer from 'autoprefixer';
// import tailwindcss from 'tailwindcss';
import autoImport from 'unplugin-auto-import/vite';
import dts from 'vite-plugin-dts';

import { defineConfig, normalizePath } from 'vite';
import { fileURLToPath } from 'node:url';
// import { UnifiedViteWeappTailwindcssPlugin as uvwt } from 'weapp-tailwindcss/vite';

function resolvePath(relativePath: string) {
  return normalizePath(fileURLToPath(new URL(relativePath, import.meta.url)));
}

// https://vitejs.dev/config/
export default defineConfig(() => {
  return {
    plugins: [
      react(),
      autoImport({
        dts: './types/unimport-api.d.ts',
        imports: ['react'],
      }),
      // uvwt(),
      dts({
        rollupTypes: true,
        outDir: ['dist'],
        tsconfigPath: './tsconfig.json',
      }),
    ],
    resolve: {
      alias: {
        '@': resolvePath('./src'),
      },
      extensions: ['.js', '.ts', '.jsx', '.tsx', '.vue', '.json'],
    },
    // css: {
    //   postcss: {
    //     plugins: [tailwindcss(), autoprefixer()],
    //   },
    // },
    build: {
      outDir: 'dist',
      target: 'es2017',
      lib: {
        entry: 'src/index.ts',
        formats: ['es', 'cjs'],
        fileName: (format) => {
          if (format === 'es') {
            return 'mixlea-ui-taro-react.mjs';
          }

          if (format === 'cjs') {
            return 'mixlea-ui-taro-react.cjs';
          }

          return `mixlea-ui-taro-react.${format}.js`;
        },
      },
      rollupOptions: {
        external: ['@tarojs/components', '@tarojs/taro', 'mixlea-utils-js', 'react', 'react-dom', 'react/jsx-runtime'],
        input: './src/index.ts',
      },
    },
  };
});