import VitePluginStyleInject from 'vite-plugin-style-inject';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import type { Plugin, ResolvedConfig } from 'vite';
import cleaner from 'rollup-plugin-cleaner';
import react from '@vitejs/plugin-react';
import url from '@rollup/plugin-url';
import { defineConfig } from 'vite';
import svgr from '@svgr/rollup';


import { exec } from 'child_process';


const globalName = 'emailEditor';

const output = './src/index.ts';


function consoleConfig(): Plugin {

  return {
    name: 'consoleConfig',
    apply: 'serve',
    enforce: "post",
    configResolved(resolvedConfig: ResolvedConfig) {
      console.log('resolvedConfig', resolvedConfig);
    },
  }
}
function dts(): Plugin {
  return {
    name: 'dts',
    apply: 'build',
    enforce: "post",
    configResolved(resolvedConfig: ResolvedConfig) {
      console.log('resolvedConfig', resolvedConfig);
    },
    generateBundle() {
      // console.log("{{{{{  ------  generateBundle");
    },
    buildEnd() {
      console.log(" ------  buildEnd ------  ");
      exec(`tsc -p ${process.cwd()}/tsconfig.json`)
    }
  }
}


// https://vitejs.dev/config/
const config = defineConfig(({ command, mode }) => {
  if (command === 'serve') {
    return {

      plugins: [
        react(),
        url(),
        svgr({ icon: true }),
        consoleConfig(),
      ],
    }
  }

  return {
    build: {
      cssCodeSplit: true,
      minify: false,
      lib: {
        entry: output,
        fileName: (format, entryName) => {
          console.log('----fileName', format, entryName);
          return `${entryName}.js`
        }
      },
      rollupOptions: {
        input: output,
        external: ['react-dom', 'react', 'react/jsx-runtime'],
        output: [
          {
            dir: 'lib/es',
            format: 'es',
            preserveModules: true,

          },
          {
            dir: 'lib/cjs',
            format: 'cjs',
            preserveModules: true,
            exports: 'named',
          },
          {
            dir: 'lib/umd',
            format: 'umd',
            name: globalName,
            exports: 'named',
            globals: {

              react: 'React',
              'react-dom': 'ReactDOM',
              'react/jsx-runtime': 'jsxRuntime'
            }
          },
        ],

        preserveEntrySignatures: 'strict',
      },
    },
    plugins: [
      cleaner({
        targets: ['./lib']
      }),
      nodeResolve({
        browser: true,
      }),
      react({
        jsxRuntime: 'classic',
      }),
      VitePluginStyleInject(),
      url(),
      svgr({ icon: true }),
      dts(),
    ],
  }

})
export default config