import dts from 'vite-plugin-dts';
import { defineConfig } from 'vite';
// @ts-ignore
import { version } from './package.json';

export default defineConfig(({ mode }) => {
  const isDev = mode === 'development';
  let switchCount = 0;

  return {
    define: {
      'process.env': {
        WIDGET_VERSION: '1',
        SDK_VERSION: version,
        VITE_BASE_ROUTER_PREFIX: isDev ? 'web3/' : '',
      },
    },
    build: {
      sourcemap: true,
      minify: 'esbuild',
      outDir: 'lib',
      assetsInlineLimit: 0,
      chunkSizeWarningLimit: 1024,
      lib: {
        entry: {
          index: 'src/index.ts',
          DexWidgetProvider: 'src/DexWidgetProvider.tsx',
        },
        name: 'Dex-Widget',
        formats: ['es', 'cjs'],
        fileName: (format, name) => {
          const nonHashName = isDev || name === 'index';

          if (format === 'es') {
            return nonHashName ? '[name].mjs' : '[name].[hash].mjs';
          } else if (format === 'cjs') {
            return nonHashName ? '[name].js' : '[name].[hash].js';
          }

          return '[name].js';
        },
      },
      rollupOptions: {
        external: ['react', 'react-dom', '@solana/web3.js', 'web3-utils'],
        output: {
          globals: {
            react: 'React',
            'react-dom': 'ReactDOM',
            '@solana/web3.js': 'Web3',
            'web3-utils': 'Web3Utils',
          },
          chunkFileNames: info => {
            const ext = info.type === 'chunk' && switchCount % 2 === 0 ? 'js' : 'mjs';
            switchCount++;
            return isDev ? `[name].${ext}` : `[name].[hash].${ext}`;
          },
        },
      },
    },
    optimizeDeps: {
      include: ['react', 'react-dom', '@solana/web3.js', 'web3-utils'],
    },
    plugins: [
      dts({
        insertTypesEntry: true,
        outDir: 'lib',
        include: './src/**/*',
      }),
    ],
  };
});