Custom implementation of build watching
This commit is contained in:
parent
f97fcd7f64
commit
ce6122458f
112
build.ts
112
build.ts
@ -1,112 +0,0 @@
|
|||||||
// -- 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<void> {
|
|
||||||
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();
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user