esOpts.ts

/** @format */

import esbuildSvelte from "esbuild-svelte"
import sveltePreprocess from "svelte-preprocess"
import htmlPlugin from "@chialab/esbuild-plugin-html"
import type {BuildOptions} from "esbuild"

export const makeBuildOptions = (dev: boolean, extra?: {define: BuildOptions["define"]}): BuildOptions & {outdir: string} => {
	return {
		entryPoints: ["./src/index.html"],
		minify: !dev,
		sourcemap: dev,
		banner: {
			js: `/* https://github.com/benjamingwynn/tetromino */`,
			css: `/* https://github.com/benjamingwynn/tetromino */`,
		},
		outdir: dev ? ".esdev" : "dist",
		assetNames: "assets/[name]-[hash]",
		platform: "browser",
		entryNames: "index",
		chunkNames: "[ext]/[name]-[hash]",
		bundle: true,
		metafile: !dev,
		loader: {
			".ts": "ts",
			".woff": "file",
			".woff2": "file",
			".ttf": "file",
			".gif": "file",
			".png": "file",
			".svg": "dataurl",
		},
		plugins: [
			htmlPlugin({
				// styles are normally injected as javascript
				// fix with: https://github.com/benjamingwynn/esbuild-plugin-html/
				injectStylesAs: "link",
			}),
			// @ts-expect-error
			esbuildSvelte({
				// @ts-expect-error
				preprocess: sveltePreprocess(),
				compilerOptions: {
					dev,
				},
			}),
		],
		define: {
			DEV: String(dev),
			BUILD: JSON.stringify({time: Date.now()}),
			...extra?.define,
		},
	}
}