matdoesdev/vite.config.js

import { sveltekit } from '@sveltejs/kit/vite'
import sharp from 'sharp'
import fs from 'fs'

/** @type {import('vite').UserConfig} */
export default {
	plugins: [sveltekit(), pngToGifForRetro()],

	build: {
		target: 'es2020',
	},

	base: '',
}

/**
 * Convert the PNGs in the retro directory into GIFs, since some very old browsers don't support PNGs.
 * @returns {import('vite').Plugin}
 */
function pngToGifForRetro() {
	return {
		name: 'png-to-gif',
		enforce: 'post',
		apply: 'build',
		closeBundle: async () => {
			const baseDirectory = 'build/retro'

			const allFiles = await fs.promises.readdir(baseDirectory, {
				recursive: true,
			})

			const files = allFiles
				.filter((file) => file.endsWith('.png'))
				.map((file) => `${baseDirectory}/${file}`)

			const handles = files.map(async (publicFilePath) => {
				const newFilePath = publicFilePath.replace(/\.png$/, '.gif')
				console.log(publicFilePath, ' -> ', newFilePath)

				// if it already exists, skip
				if (
					await fs.promises
						.access(newFilePath, fs.constants.F_OK)
						.then(() => true)
						.catch(() => false)
				) {
					console.log(newFilePath, 'already exists, skipping')
					return
				}

				const pngBuffer = await fs.promises.readFile(publicFilePath)
				const gifBuffer = await sharp(pngBuffer).toFormat('gif').toBuffer()

				await fs.promises.writeFile(newFilePath, gifBuffer)
				console.log('wrote', newFilePath)

				// 	// convert the path to the output folder
				// 	const filePath: string = publicFilePath.replace(publicDir + sep, '');
				// 	const fullFilePath: string = join(outputPath, filePath);

				// 	if (fs.existsSync(fullFilePath) === false) return;

				// 	const { mtimeMs } = await fsp.stat(fullFilePath);
				// 	if (mtimeMs <= (mtimeCache.get(filePath) || 0)) return;

				// 	const buffer: Buffer = await fsp.readFile(fullFilePath);
				// 	const { content, skipWrite } = await processFile(filePath, buffer);
				// 	// write the file only if its optimized size < original size
				// 	if (content?.length > 0 && !skipWrite) {
				// 	  await fsp.writeFile(fullFilePath, content);
				// 	  mtimeCache.set(filePath, Date.now());
				// 	}
			})
			await Promise.all(handles)
		},
	}
}