import { sveltekit } from '@sveltejs/kit/vite';
import { enhancedImages } from '@sveltejs/enhanced-img';
import { defineConfig } from 'vite';
import fs from 'fs';

export default defineConfig({
	plugins: [base64(['.jpg']), enhancedImages(), rawFonts(['.woff']), sveltekit()],
	define: {
		'import.meta.env.VERCEL_URL': JSON.stringify(process.env.VERCEL_URL)
	}
});

function rawFonts(ext: string[]) {
	return {
		name: 'vite-plugin-raw-fonts',
		transform(_code: string, id: string) {
			if (ext.some((e) => id.endsWith(e))) {
				const buffer = fs.readFileSync(id);
				return { code: `export default ${JSON.stringify(buffer)}`, map: null };
			}
		}
	};
}

function base64(ext: string[]) {
	return {
		name: 'vite-plugin-base64-loader',
		transform(_code: string, id: string) {
			if (id.includes('inline') && ext.some((e) => id.endsWith(e))) {
				const base64 = fs.readFileSync(id, { encoding: 'base64' });
				return { code: `export default ${JSON.stringify(base64)}`, map: null };
			}
		}
	};
}