esbuild.js

import process from 'node:process';
import {readFile, writeFile} from 'node:fs/promises';
import esbuild from 'esbuild';
import {minify} from 'html-minifier-terser';

try {
	esbuild.build({
		entryPoints: ['source/code.ts'],
		bundle: true,
		platform: 'node',
		target: ['node14'],
		outfile: 'distribution/code.js',
	});
} catch {
	// eslint-disable-next-line unicorn/no-process-exit
	process.exit(1);
}

const script = await esbuild.build({
	entryPoints: ['source/ui.tsx'],
	loader: {'.tsx': 'tsx'},
	bundle: true,
	minify: true,
	write: false,
	target: ['chrome58', 'firefox57', 'safari11', 'edge18'],
});

const html = await readFile('source/index.html', 'utf8');

const minifyOptions = {
	collapseWhitespace: true,
	keepClosingSlash: true,
	removeComments: true,
	removeRedundantAttributes: true,
	removeScriptTypeAttributes: true,
	removeStyleLinkTypeAttributes: true,
	useShortDoctype: true,
	minifyCSS: true,
};

await writeFile(
	'distribution/index.html',
	`<div id="app"></div><script>${
		script.outputFiles[0].text
	}</script>${await minify(html, minifyOptions)}`,
);