esbuild.config.mjs

import esbuild from "esbuild";
import process from "process";
import builtins from "builtin-modules";
import fs from "fs";
import path from "path";

const banner =
`/*
THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
if you want to view the source, please visit the github repository of this plugin
*/
`;

const prod = (process.argv[2] === "production");

// Plugin to rename CSS files
let renamePlugin = {
	name: 'rename-styles',
	setup(build) {
		build.onEnd(() => {
			const { outfile } = build.initialOptions;
			const outcss = outfile.replace(/\.js$/, '.css');
			const fixcss = outfile.replace(/main\.js$/, 'styles.css');
			if (fs.existsSync(outcss)) {
				console.log('Renaming', outcss, 'to', fixcss);
				fs.renameSync(outcss, fixcss);
			}
		});
	},
};

const context = await esbuild.context({
	banner: {
		js: banner,
	},
	entryPoints: ["src/main.ts"],
	bundle: true,
	external: [
		"obsidian",
		"electron",
		"@codemirror/autocomplete",
		"@codemirror/collab",
		"@codemirror/commands",
		"@codemirror/language",
		"@codemirror/lint",
		"@codemirror/search",
		"@codemirror/state",
		"@codemirror/view",
		"@lezer/common",
		"@lezer/highlight",
		"@lezer/lr",
		...builtins],
	format: "cjs",
	target: "es2018",
	logLevel: "info",
	sourcemap: prod ? false : "inline",
	treeShaking: true,
	outfile: "main.js",
	loader: {
		".tsx": "tsx",
		".ts": "ts",
		".jsx": "jsx",
		".js": "js",
		".ttf": "base64",
		".css": "css",
	},
	plugins: [renamePlugin],
	define: { 
		'process.env.NODE_ENV': prod ? '"production"' : '"development"' 
	},
	tsconfig: "tsconfig.json",
	ignoreAnnotations: true,
});

if (prod) {
	await context.rebuild();
	process.exit(0);
} else {
	await context.watch();
}