import process from 'node:process';
import * as dotenv from 'dotenv';
// import chalk from 'chalk';
import { createServer } from 'vite';
import pluginReact from '@vitejs/plugin-react';
import type { UserConfig } from 'vite';
import { joinPackagePath } from './util/project';

dotenv.config();

const pkgName = process.env.DEV_IDRAW_MODULE || 'idraw';
console.log(`Dev package [${pkgName}]`);

const openPage = '/dev/index.html';

async function dev() {
  const viteConfig = getViteConfig();
  const server = await createServer({
    configFile: false,
    ...viteConfig
  });
  await server.listen();
  server.printUrls();
  const { port, host = '127.0.0.1' } = server.config?.server || {};

  console.log(`Open: ` + `http://${host}:${port}${openPage}`);
}

function getViteConfig(): UserConfig {
  const viteConfig: UserConfig = {
    root: joinPackagePath(pkgName),
    publicDir: joinPackagePath(pkgName, 'dev'),
    server: {
      port: 8080,
      host: '127.0.0.1',
      open: openPage
    },
    plugins: [pluginReact()],
    resolve: {
      alias: {
        '@idraw/types': joinPackagePath('types', 'src', 'index.ts'),
        '@idraw/util': joinPackagePath('util', 'src', 'index.ts'),
        '@idraw/renderer': joinPackagePath('renderer', 'src', 'index.ts'),
        '@idraw/board': joinPackagePath('board', 'src', 'index.ts'),
        '@idraw/core': joinPackagePath('core', 'src', 'index.ts')
      }
    },
    esbuild: {
      include: [/\.(ts|tsx|js|jsx)$/],
      exclude: [/\.html$/]
    },
    optimizeDeps: {}
  };
  return viteConfig;
}

dev();