vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { resolve } from "path";
import { copyFileSync, mkdirSync, existsSync } from 'fs';
import { glob } from 'glob';

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
    const buildDir = mode === 'development' ? 'dist_dev' : 'dist';

    return {
        build: {
            outDir: buildDir,
            rollupOptions: {
                input: {
                    popup: resolve(__dirname, 'popup.html'),
                    background: resolve(__dirname, 'src/background.js'),
                    content: resolve(__dirname, 'src/content.js'),
                },
                output: {
                    entryFileNames: `assets/[name].js`,
                    chunkFileNames: `assets/[name].js`,
                    assetFileNames: (assetInfo) => {
                        if (assetInfo.name && (
                            assetInfo.name.endsWith(".png") ||
                            assetInfo.name.endsWith(".jpg") ||
                            assetInfo.name.endsWith(".gif") ||
                            assetInfo.name.endsWith(".svg")
                        )) {
                            return "assets/logos/[name][extname]";
                        }
                        return "assets/[name][extname]";
                    },
                },
            },
        },
        plugins: [
            react(),
            {
                name: 'copy-logos',
                enforce: 'post',
                async closeBundle() {
                    const srcDir = resolve(__dirname, 'src/assets/logos');
                    const distDir = resolve(__dirname, buildDir, 'assets/logos');

                    if (!existsSync(srcDir)) {
                        console.log('Source logos directory does not exist:', srcDir);
                        return;
                    }

                    if (!existsSync(distDir)) {
                        mkdirSync(distDir, { recursive: true });
                    }

                    const logoFiles = glob.sync('**/*.*', {
                        cwd: srcDir,
                        absolute: true
                    });

                    console.log('Found logo files:', logoFiles);

                    logoFiles.forEach(file => {
                        const fileName = file.split('/logos/').pop();
                        if (fileName) {
                            const targetPath = resolve(distDir, fileName);
                            console.log(`Copying ${file} to ${targetPath}`);
                            copyFileSync(file, targetPath);
                        }
                    });
                }
            }
        ],
        define: {
            'process.env.NODE_ENV': JSON.stringify(mode)
        }
    };
});