// -- esbuild -- // @deno-types="https://deno.land/x/esbuild@v0.14.54/mod.d.ts" import * as esbuildWasm from "https://deno.land/x/esbuild@v0.14.54/wasm.js"; import * as esbuildNative from "https://deno.land/x/esbuild@v0.14.54/mod.js"; import { denoPlugin } from "https://deno.land/x/esbuild_deno_loader@0.6.0/mod.ts"; //"./esbuild_deno_loader/mod.ts"; import { copy } from "https://deno.land/std@0.158.0/fs/copy.ts"; import sass from "https://deno.land/x/denosass@1.0.4/mod.ts"; import { bundleFolder } from "./plugos/asset_bundle/builder.ts"; import { patchDenoLibJS } from "./plugos/hack.ts"; import { bundle as plugOsBundle } from "./plugos/bin/plugos-bundle.ts"; import * as flags from "https://deno.land/std@0.158.0/flags/mod.ts"; // @ts-ignore trust me const esbuild: typeof esbuildWasm = Deno.run === undefined ? esbuildWasm : esbuildNative; async function prepareAssets(dist: string) { await copy("web/fonts", `${dist}/web`, { overwrite: true }); await copy("web/index.html", `${dist}/web/index.html`, { overwrite: true, }); await copy("web/images/favicon.gif", `${dist}/web/favicon.gif`, { overwrite: true, }); await copy("web/images/logo.png", `${dist}/web/logo.png`, { overwrite: true, }); await copy("web/manifest.json", `${dist}/web/manifest.json`, { overwrite: true, }); await copy("server/SETTINGS_template.md", `${dist}/SETTINGS_template.md`, { overwrite: true, }); const compiler = sass( Deno.readTextFileSync("web/styles/main.scss"), { load_paths: ["web/styles"], }, ); await Deno.writeTextFile( `${dist}/web/main.css`, compiler.to_string("expanded") as string, ); const globalManifest = await plugOsBundle( new URL(`./plugs/global.plug.yaml`, import.meta.url).pathname, ); await Deno.writeTextFile( `${dist}/web/global.plug.json`, JSON.stringify(globalManifest, null, 2), ); // HACK: Patch the JS by removing an invalid regex let bundleJs = await Deno.readTextFile(`${dist}/web/client.js`); bundleJs = patchDenoLibJS(bundleJs); await Deno.writeTextFile(`${dist}/web/client.js`, bundleJs); await bundleFolder(dist, "dist/asset_bundle.json"); } async function bundle(watch: boolean): Promise { await Promise.all([ esbuild.build({ entryPoints: { client: "web/boot.ts", service_worker: "web/service_worker.ts", }, outdir: "./dist_bundle/web", absWorkingDir: Deno.cwd(), bundle: true, treeShaking: true, sourcemap: "linked", minify: true, jsxFactory: "h", jsx: "automatic", jsxFragment: "Fragment", jsxImportSource: "https://esm.sh/preact@10.11.1", watch: watch && { onRebuild(error) { if (error) { console.error("watch build failed:", error); } else { console.log("watch build succeeded."); } prepareAssets("dist_bundle").catch(console.error); }, }, plugins: [ denoPlugin({ importMapURL: new URL("./import_map.json", import.meta.url), }), ], }), ]); await prepareAssets("dist_bundle"); console.log("Built!"); } const args = flags.parse(Deno.args, { boolean: ["watch"], alias: { w: "watch" }, default: { watch: false, }, }); await bundle(args.watch); if (!args.watch) { esbuild.stop(); }