Use a WebAssembly solverv0.1.10

1 files changed, 23 insertions, 195 deletions

diff --git a/challenge.tmpl b/challenge.html
index 13eac3d..ea18794 100644
--- a/challenge.tmpl
+++ b/challenge.html
@@ -4,129 +4,7 @@
 	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<title>Proof-of-work challenge</title>
-	<style>
-		html {
-			font-family: sans-serif;
-			background-color: var(--background-color);
-			color: var(--text-color);
-			--radius-1: 0.32rem;
-			--background-color: hsl(0, 0%, 100%);
-			--text-color: hsl(0, 0%, 0%);
-			--link-color: hsl(320, 50%, 36%);
-			--light-text-color: hsl(0, 0%, 45%);
-			--darker-border-color: hsl(0, 0%, 72%);
-			--lighter-border-color: hsl(0, 0%, 85%);
-			--text-decoration-color: hsl(0, 0%, 72%);
-			--darker-box-background-color: hsl(0, 0%, 92%);
-			--lighter-box-background-color: hsl(0, 0%, 95%);
-			--primary-color: hsl(320, 50%, 36%);
-			--primary-color-contrast: hsl(320, 0%, 100%);
-			--danger-color: #ff0000;
-			--danger-color-contrast: #ffffff;
-		}
-
-		@media (prefers-color-scheme: dark) {
-			html {
-				--background-color: hsl(0, 0%, 0%);
-				--text-color: hsl(0, 0%, 100%);
-				--link-color: hsl(320, 50%, 76%);
-				--light-text-color: hsl(0, 0%, 78%);
-				--darker-border-color: hsl(0, 0%, 35%);
-				--lighter-border-color: hsl(0, 0%, 25%);
-				--text-decoration-color: hsl(0, 0%, 30%);
-				--darker-box-background-color: hsl(0, 0%, 20%);
-				--lighter-box-background-color: hsl(0, 0%, 15%);
-			}
-		}
-
-		body {
-			margin: 0;
-			padding: 1rem;
-		}
-
-		main {
-			max-width: 720px;
-			margin: 0 auto;
-		}
-
-		*:focus-visible {
-			outline: 1.5px var(--primary-color) solid;
-		}
-
-		section {
-			margin: 0;
-		}
-
-		label {
-			display: block;
-			font-style: italic;
-			margin-top: 1rem;
-			margin-bottom: 0.5rem;
-		}
-
-		h1 {
-			margin-top: 0;
-		}
-
-		p, summary {
-			line-height: 1.2;
-			font-size: 1rem;
-		}
-
-		a {
-			color: var(--link-color);
-			text-decoration-color: var(--text-decoration-color);
-		}
-
-		input[type="text"] {
-			font-family: monospace;
-			font-size: 1rem;
-			background-color: var(--lighter-box-background-color);
-			color: var(--text-color);
-			width: 100%;
-			padding: 0.5rem;
-			border-radius: var(--radius-1);
-			border: none;
-			box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15);
-			margin-bottom: 1rem;
-			box-sizing: border-box;
-		}
-
-		input[type="submit"] {
-			padding: 0.5rem 1rem;
-			background-color: var(--primary-color);
-			color: var(--primary-color-contrast);
-			border: none;
-			border-radius: var(--radius-1);
-			cursor: pointer;
-		}
-
-		input[readonly] {
-			background-color: var(--lighter-box-background-color);
-			color: var(--text-color);
-			cursor: text;
-		}
-
-		details {
-			margin-top: 2rem;
-			background-color: var(--lighter-box-background-color);
-			padding: 0.5rem;
-			border-radius: var(--radius-1);
-			box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15);
-		}
-
-		pre {
-			overflow-x: auto;
-			display: block;
-			white-space: pre-wrap;
-			word-break: break-word;
-		}
-
-		#solver_status {
-			color: var(--light-text-color);
-			margin-top: 1rem;
-		}
-	</style>
+	<link rel="stylesheet" href="/.powxy/static/style.css" />
 	<script>
 		/*    
 		@licstart  The following is the entire license notice for the 
@@ -200,86 +78,36 @@
 			<p id="solver_status">JavaScript seems to be disabled. You must solve the challenge externally.</p>
 		</section>
 
-		<details>
-			<summary>Offline solver program</summary>
-			<pre>` + html.EscapeString(solverProgram) + `</pre>
-		</details>
+		<section>
+			<p><a href="/.powxy/static/solver.c">A C implementation of the challenge solver</a> is available.</p>
+		</section>
 	</main>
 
 	<script>
-		document.addEventListener("DOMContentLoaded", function() {
+		document.addEventListener("DOMContentLoaded", async function() {
 			let challenge_b64 = "{{ .Identifier }}";
 			let difficulty = {{ .Global.NeedBits }};
 			let form = document.querySelector("form");
 			let field = form.querySelector("input[name='powxy']");
 			let status_el = document.getElementById("solver_status");
-	
-			if (!window.crypto || !window.crypto.subtle) {
-				status_el.textContent = "SubtleCrypto not available. You must solve the challenge externally.";
-				return;
-			}
-			status_el.textContent = "SubtleCrypto detected. Attempting to solve the challenge automatically...";
-	
-			let solver_active = true;
-			form.addEventListener("submit", function() {
-				solver_active = false;
-			});
-	
-			async function solve_pow() {
-				let identifier_bytes = Uint8Array.from(
-					atob(challenge_b64),
-					ch => ch.charCodeAt(0)
-				);
-	
-				let nonce = 0n;
-				let buf = new ArrayBuffer(8);
-				let view = new DataView(buf);
-	
-				while (solver_active) {
-					view.setBigUint64(0, nonce, true);
-	
-					let candidate = new Uint8Array(identifier_bytes.length + 8);
-					candidate.set(identifier_bytes, 0);
-					candidate.set(new Uint8Array(buf), identifier_bytes.length);
-	
-					let digest_buffer = await crypto.subtle.digest("SHA-256", candidate);
-					let digest = new Uint8Array(digest_buffer);
-	
-					if (has_leading_zero_bits(digest, difficulty)) {
-						let nonce_str = String.fromCharCode(...new Uint8Array(buf));
-						field.value = btoa(nonce_str);
-	
-						status_el.textContent = "A solution has been found automatically in " + nonce + " iterations.";
-						return;
-					}
-	
-					nonce++;
-	
-					if ((nonce & 0x00FFn) === 0n) {
-						status_el.textContent = "Attempting to solve automatically. Tried " + nonce + " candidates so far...";
-						await new Promise(r => setTimeout(r, 0));
-					}
-				}
-			}
-	
-			function has_leading_zero_bits(digest, bits) {
-				let full_bytes = bits >>> 3;
-				for (let i = 0; i < full_bytes; i++) {
-					if (digest[i] !== 0) {
-						return false;
-					}
-				}
-				let remainder = bits & 7;
-				if (remainder !== 0) {
-					let mask = 0xFF << (8 - remainder);
-					if ((digest[full_bytes] & mask) !== 0) {
-						return false;
-					}
-				}
-				return true;
-			}
-	
-			solve_pow();
+		
+			let identifier_bytes = Uint8Array.from(
+				atob(challenge_b64),
+				ch => ch.charCodeAt(0)
+			);
+		
+			status_el.textContent = "Starting WebAssembly solver as a worker...";
+		
+			let worker = new Worker("/.powxy/static/solver.js");
+		
+			worker.onmessage = function(e) {
+				let { nonce, nonce_bytes } = e.data;
+				let nonce_str = String.fromCharCode(...nonce_bytes);
+				field.value = btoa(nonce_str);
+				status_el.textContent = "Challenge solved automatically in " + nonce + " iterations";
+			};
+		
+			worker.postMessage({ identifier_bytes, difficulty });
 		});
 	</script>
 </body>