build.js

import * as fsPromises from 'node:fs/promises';
import * as process from 'node:process';
import * as esbuild from 'esbuild';

const logLevel = 'info';
const outdir = 'dist';

// An esbuild plugin that rewrites module specifiers for the external modules.
const resolveExternalModules = {
    name: 'resolveExternalModules',
    setup(build) {
        build.onResolve({ filter: /^[^.]/ }, async (args) => {
            switch (args.path) {
                case '7z-wasm': return { path: './lib/7zz.es6.js', external: true };
                case 'js-fatfs': return { path: './lib/fatfs.js', external: true };
                case '@irori/idbfs': return { path: './lib/idbfs.js', external: true };
            }
        })
    },
}

async function installExternalModules() {
    await fsPromises.mkdir('dist/soundfonts', { recursive: true });
    return Promise.all([
        fsPromises.copyFile('node_modules/7z-wasm/7zz.es6.js', 'dist/lib/7zz.es6.js'),
        fsPromises.copyFile('node_modules/7z-wasm/7zz.wasm', 'dist/lib/7zz.wasm'),
        fsPromises.copyFile('node_modules/js-fatfs/dist/fatfs.js', 'dist/lib/fatfs.js'),
        fsPromises.copyFile('node_modules/js-fatfs/dist/fatfs.wasm', 'dist/lib/fatfs.wasm'),
        fsPromises.copyFile('node_modules/@irori/idbfs/idbfs.js', 'dist/lib/idbfs.js'),
        fsPromises.copyFile('node_modules/font-awesome/css/font-awesome.min.css', 'dist/lib/font-awesome.min.css'),
        fsPromises.copyFile('node_modules/font-awesome/fonts/fontawesome-webfont.woff2', 'dist/fonts/fontawesome-webfont.woff2'),
        fsPromises.copyFile('SpessaSynth/src/spessasynth_lib/synthetizer/worklet_processor.min.js', 'dist/worklet_processor.min.js'),
        fsPromises.copyFile('SpessaSynth/src/spessasynth_lib/synthetizer/audio_effects/impulse_response_2.flac', 'dist/impulse_response_2.flac'),
        fsPromises.copyFile('SpessaSynth/soundfonts/GeneralUserGS.sf3', 'dist/soundfonts/GeneralUserGS.sf3'),
    ]);
}

const configs = [
    // Shell
    {
        entryPoints: [
            'shell/shell.ts',
            'shell/fdimage.ts',
            'shell/spessasynth.ts',
        ],
        external: [
            './fdimage.js',
            './spessasynth.js',
            './system3.js',
            './xsystem35.js',
        ],
        plugins: [resolveExternalModules],
        bundle: true,
        minify: true,
        charset: 'utf8',
        format: 'esm',
        target: ['es2021'],
        outdir,
        sourcemap: true,
        logLevel,
    },
    // Worker
    {
        entryPoints: [
            'worker/archiveworker.ts',
        ],
        plugins: [resolveExternalModules],
        bundle: true,
        minify: true,
        charset: 'utf8',
        format: 'esm',
        target: ['es2021'],
        outdir,
        sourcemap: true,
        logLevel,
    },
    // CSS
    {
        entryPoints: [
            'css/style.css',
        ],
        supported: {
            nesting: false,
        },
        bundle: true,
        outdir,
        logLevel,
    },
];

for (const config of configs) {
    if (process.argv[2] === '--watch') {
        (await esbuild.context(config)).watch();
    } else if (process.argv[2] === '--serve') {
        const ctx = await esbuild.context(config);
        if (config === configs[0])
            ctx.serve({ servedir: outdir });
        else
            ctx.watch();
    } else {
        esbuild.build(config);
    }
}

await installExternalModules();