vite.config.dome.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tailwindcss from 'tailwindcss';
import autoprefixer from 'autoprefixer';
import { fileURLToPath } from 'node:url';

export default defineConfig({
  publicDir: false,
  define: {
    'process.env.NODE_ENV': JSON.stringify('production'),
  },
  plugins: [react()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  css: {
    postcss: {
      plugins: [
        tailwindcss({ config: fileURLToPath(new URL('./tailwind.dome.config.js', import.meta.url)) }),
        autoprefixer(),
      ],
    },
  },
  build: {
    outDir: 'dome',
    emptyOutDir: true,
    lib: {
      entry: fileURLToPath(new URL('./src/dome-embed.tsx', import.meta.url)),
      name: 'DomeSkillsEmbed',
      formats: ['iife'],
      fileName: () => 'dome-skills.js',
    },
    rollupOptions: {
      output: {
        inlineDynamicImports: true,
        assetFileNames: 'dome-skills.css',
      },
    },
  },
});