import { defineConfig, type Plugin } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';
import { createRequire } from 'module';

const require = createRequire(import.meta.url);
const { createSkillsApiMiddleware } = require('../src/utils/skills-content-api.js');
const skillsDir = path.resolve(__dirname, '../skills');

function skillsApiPlugin(): Plugin {
  return {
    name: 'miokit-skills-api',
    configureServer(server) {
      server.middlewares.use(createSkillsApiMiddleware(skillsDir));
    },
  };
}

export default defineConfig({
  plugins: [react(), skillsApiPlugin()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    port: 11900,
    open: true,
  },
  build: {
    outDir: '../webui',
    emptyOutDir: true,
  },
});