import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import fs from 'node:fs';

export default defineConfig(({mode}) => ({
    plugins: [
        react(),
        {
            name: 'add-nonce-back',
            transformIndexHtml(html) {
                const nonce = '**MY_PRETTY_CSP_NONCE**';
                return html.replace(
                    /<script\s+type="module"\s+crossorigin\s+src="\/autocart\.js"\s*>/,
                    (match) => {
                        return `<script type="module" crossorigin nonce="${nonce}" src="/autocart.js">`;
                    }
                );
            },
        },
        mode === 'production' && {
            name: 'copy-html-root',
            closeBundle() {
                fs.copyFileSync('dist/src/template.html', 'auto_cart.html');
                fs.copyFileSync('dist/autocart.js', 'autocart.js');
            },
        },
    ],
    ...(mode != 'production' && {
        server: {
            host: 'local.hvatilo.ru',
            port: 9876,
            https: {
                cert: fs.readFileSync('local.hvatilo.ru.pem'),
                key: fs.readFileSync('local.hvatilo.ru-key.pem'),
            },
            open: '/src/template.html',
        }
    }),
    input: {
        main: './src/template.html',
    },
    build: {
        outDir: 'dist',
        rolldownOptions: {
            output: {
                entryFileNames: 'autocart.js',
                chunkFileNames: 'chunk.js',
                assetFileNames: 'plugin.css',
            },
        }
    },
}));