play with creating new HTML component via WebAssembly

shurcooL · Jul 18, 2019 · 3d5a82c · 3d5a82c
1 parent 8a6ef1e
commit 3d5a82c
Show file tree

Hide file tree

Showing 6 changed files with 928 additions and 0 deletions.
diff --git a/264/_data/index.html b/264/_data/index.html
@@ -0,0 +1,30 @@
+<html>
+	<head>
+		<meta name="viewport" content="width=device-width">
+		<link href="/-/fonts/fonts.css" rel="stylesheet" type="text/css">
+		<link href="/-/style.css" rel="stylesheet" type="text/css">
+		<script src="/-/wasm_exec.js"></script>
+		<script>
+			if (!WebAssembly.instantiateStreaming) { // polyfill for Safari :/
+				WebAssembly.instantiateStreaming = async (resp, importObject) => {
+					const source = await (await resp).arrayBuffer();
+					return await WebAssembly.instantiate(source, importObject);
+				};
+			}
+			const go = new Go();
+			WebAssembly.instantiateStreaming(fetch("/-/main.wasm"), go.importObject).then((result) => {
+				go.run(result.instance);
+			});
+			window.addEventListener('keydown', (event) => {
+				if (event.key !== '®') {
+					return;
+				}
+				WebAssembly.instantiateStreaming(fetch("/-/main.wasm"), go.importObject).then((result) => {
+					go.run(result.instance);
+				});
+				event.preventDefault();
+			});
+		</script>
+	</head>
+	<body></body>
+</html>
diff --git a/264/_data/style.css b/264/_data/style.css