waforth/build-web.js
2022-07-06 19:53:21 +02:00

204 lines
5.9 KiB
JavaScript
Executable file

#!/usr/bin/env node
/* eslint-env node */
/* eslint @typescript-eslint/no-var-requires:0 */
const esbuild = require("esbuild");
const path = require("path");
const fs = require("fs");
const { createServer } = require("http");
const { wasmTextPlugin } = require("./scripts/esbuild/wasm-text");
function withWatcher(
config,
handleBuildFinished = () => {
/* do nothing */
},
port = 8880
) {
const watchClients = [];
createServer((req, res) => {
return watchClients.push(
res.writeHead(200, {
"Content-Type": "text/event-stream",
"Cache-Control": "no-cache",
"Access-Control-Allow-Origin": "*",
Connection: "keep-alive",
})
);
}).listen(port);
return {
...config,
banner: {
js: `(function () { new EventSource("http://localhost:${port}").onmessage = function() { location.reload();};})();`,
},
watch: {
async onRebuild(error, result) {
if (error) {
console.error(error);
} else {
await handleBuildFinished(result);
watchClients.forEach((res) => res.write("data: update\n\n"));
watchClients.length = 0;
}
},
},
};
}
let dev = false;
let watch = false;
for (const arg of process.argv.slice(2)) {
switch (arg) {
case "--development":
dev = true;
break;
case "--watch":
watch = true;
break;
}
}
let buildConfig = {
bundle: true,
logLevel: "info",
entryPoints: [
path.join(__dirname, "src", "web", "shell", "shell"),
path.join(__dirname, "src", "web", "tests", "tests"),
path.join(__dirname, "src", "web", "benchmarks", "benchmarks"),
path.join(__dirname, "src", "web", "examples", "prompt", "prompt"),
path.join(__dirname, "src", "web", "examples", "fetch", "fetch"),
path.join(__dirname, "src", "web", "thurtle", "thurtle"),
],
entryNames: dev ? "[name]" : "[name]-c$[hash]",
assetNames: "[name]-c$[hash]",
// target: "es6",
outdir: path.join(__dirname, "public/waforth/dist"),
publicPath: "/waforth/dist",
external: ["fs", "stream", "util", "events"],
minify: !dev,
loader: {
".wasm": "binary",
".js": "jsx",
".fs": "text",
".f": "text",
".fr": "text",
".fth": "text",
".svg": "file",
},
define: {
WAFORTH_VERSION: watch
? `"dev"`
: // : `"${new Date().toISOString().replace(/T.|)}>#g, "")}"`,
JSON.stringify(JSON.parse(fs.readFileSync("package.json")).version),
},
sourcemap: true,
metafile: true,
plugins: [
wasmTextPlugin({ debug: true }),
// Resolve 'waforth' to the main entrypoint (for examples)
{
name: "waforth",
setup: (build) => {
build.onResolve({ filter: /^waforth$/ }, () => {
return { path: path.join(__dirname, "src", "web", "waforth.ts") };
});
},
},
],
};
const INDEX_TEMPLATE = `<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="/waforth/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/waforth/favicon.ico" type="image/x-icon" />
<link href="/waforth/dist/$BASE.css" rel="stylesheet" />
<title>$TITLE</title>
</head>
<body>
<script type="text/javascript" src="/waforth/dist/$BASE.js"></script>
</body>
</html>
`;
async function handleBuildFinished(result) {
const indexes = [
["WAForth", "shell", "public/waforth"],
["WAForth Tests", "tests", "public/waforth/tests"],
["WAForh Benchmarks", "benchmarks", "public/waforth/benchmarks"],
["WAForth Prompt Example", "prompt", "public/waforth/examples/prompt"],
["WAForth Fetch Example", "fetch", "public/waforth/examples/fetch"],
["Thurtle", "thurtle", "public/thurtle", true],
];
for (const [title, base, outpath, bs] of indexes) {
let index = INDEX_TEMPLATE.replace(/\$BASE/g, base).replace(
/\$TITLE/g,
title
);
if (bs) {
index = index.replace(
"<body>",
`<body>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
`
);
}
for (const [out] of Object.entries(result.metafile.outputs)) {
const outfile = path.basename(out);
const sourcefile = outfile.replace(/-c\$[^.]+\./, ".");
// console.log("%s -> %s", sourcefile, outfile);
index = index.replace(`/${sourcefile}`, `/${outfile}`);
}
await fs.promises.mkdir(outpath, { recursive: true });
await fs.promises.writeFile(path.join(outpath, "index.html"), index);
}
}
if (watch) {
// Simple static file server
createServer(async function (req, res) {
const url = req.url.replace(/\?.*/g, "");
let f = path.join(__dirname, "public", url);
try {
if ((await fs.promises.lstat(f)).isDirectory()) {
f = path.join(f, "index.html");
}
} catch (e) {
// pass
}
try {
const data = await fs.promises.readFile(f);
res.writeHead(
200,
url.endsWith(".svg")
? {
"Content-Type": "image/svg+xml",
}
: undefined
);
res.end(data);
} catch (err) {
res.writeHead(404);
res.end(JSON.stringify(err));
}
}).listen(8080);
console.log("listening on port 8080");
buildConfig = withWatcher(buildConfig, handleBuildFinished, 8081);
}
(async () => {
await fs.promises.mkdir("public/waforth", { recursive: true });
await fs.promises.copyFile(
"public/favicon.ico",
"public/waforth/favicon.ico"
);
try {
handleBuildFinished(await esbuild.build(buildConfig));
} catch (e) {
process.exit(1);
}
})();