From d204864fea0deb3a0fc11551e718e7c413f6fe81 Mon Sep 17 00:00:00 2001
From: streamcode9 <streamcode9@gmail.com>
Date: Sun, 21 Sep 2025 22:31:41 +0200
Subject: [PATCH] Add WebAssembly greeting demo to dummy page

---
 pages/dummy.html | 53 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/pages/dummy.html b/pages/dummy.html
index 7c50671..e5b1c6d 100644
--- a/pages/dummy.html
+++ b/pages/dummy.html
@@ -15,3 +15,56 @@ <h2>Dummy Content</h2>
     <p>"Sometimes you just need a blank canvas before the masterpiece arrives."</p>
   </blockquote>
 </section>
+
+<section class="dummy-page">
+  <h2>WebAssembly Greeting Demo</h2>
+  <p>
+    The button below loads <code>wasm/hello.wasm</code>—a module compiled from <code>hello.c</code>—
+    and calls the exported <code>get_greeting</code> function to display its message.
+  </p>
+  <button type="button" id="load-wasm">Load greeting from WebAssembly</button>
+  <pre id="wasm-result" aria-live="polite">Click the button to fetch the WebAssembly module.</pre>
+</section>
+
+<script type="module">
+const wasmUrl = "{{ '/wasm/hello.wasm' | relative_url }}";
+const loadButton = document.getElementById('load-wasm');
+const output = document.getElementById('wasm-result');
+
+async function loadGreetingFromWasm() {
+  output.textContent = 'Loading greeting...';
+
+  try {
+    const response = await fetch(wasmUrl);
+    if (!response.ok) {
+      throw new Error(`Unexpected response: ${response.status} ${response.statusText}`);
+    }
+
+    const buffer = await response.arrayBuffer();
+    const { instance } = await WebAssembly.instantiate(buffer, {});
+    const { exports } = instance;
+
+    if (typeof exports.get_greeting !== 'function' || typeof exports.get_greeting_length !== 'function') {
+      throw new Error('Expected WebAssembly exports were not found.');
+    }
+
+    const pointer = exports.get_greeting();
+    const length = exports.get_greeting_length();
+    const memory = exports.memory;
+
+    if (!(memory instanceof WebAssembly.Memory)) {
+      throw new Error('WebAssembly memory export is missing.');
+    }
+
+    const bytes = new Uint8Array(memory.buffer, pointer, length);
+    const greeting = new TextDecoder('utf-8').decode(bytes);
+
+    output.textContent = greeting;
+  } catch (error) {
+    console.error('Failed to load WebAssembly module:', error);
+    output.textContent = `Failed to load greeting: ${error.message}`;
+  }
+}
+
+loadButton.addEventListener('click', loadGreetingFromWasm);
+</script>