zig/mach
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tools: add html-generator tools to automatically generate

Browse source 
application.html
This commit is contained in:
iddev5 2022-05-27 19:10:22 +05:30 • committed by Stephen Gutekanst
parent 8d4c51738e
commit 19fb2e8ebd
2 changed files with 36 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
tools/html-generator.zig Normal file
View file

@ -0,0 +1,26 @@
const std = @import("std");
const source = @embedFile("../www/template.html");
pub fn main() !void {
var gpa = std.heap.GeneralPurposeAllocator(.{}){};
const allocator = gpa.allocator();
defer _ = gpa.deinit();
const args = try std.process.argsAlloc(allocator);
defer std.process.argsFree(allocator, args);
if (args.len < 3) {
std.debug.print("Usage: html-generator <output-name> <application-name>\n", .{});
return;
}
const output_name = args[1];
const application_name = args[2];
const file = try std.fs.cwd().createFile(output_name, std.fs.File.CreateFlags{});
defer file.close();
const writer = file.writer();
try std.fmt.format(writer, source, .{application_name});
}

20
www/template.html
View file

@ -3,35 +3,35 @@
<head>
<meta charset="utf-8">
<style>
canvas {
canvas {{
border: 1px solid;
}
}}
</style>
</head>
<body>
<script type="module">
import { mach } from "./mach.js";
import {{ mach }} from "./mach.js";
let imports = {
let imports = {{
env: mach,
};
}};
fetch("application.wasm")
fetch("{s}.wasm")
.then(response => response.arrayBuffer())
.then(buffer => WebAssembly.instantiate(buffer, imports))
.then(results => results.instance)
.then(instance => {
.then(instance => {{
mach.init(instance);
instance.exports.wasmInit();
let update = function() {
let update = function() {{
const r = instance.exports.wasmUpdate();
if (r) requestAnimationFrame(update)
else instance.exports.wasmDeinit();
};
}};
requestAnimationFrame(update);
})
}})
.catch(err => console.error(err));
</script>
</body>