refactoring web gpu puzzles evaluation code, change createTensor pointer inputs to const

Author: austinvhuang

experimental/fasthtml/gpu_puzzles/client.js

@@ -85,6 +85,10 @@ const PuzzleSpec = [
   },
 ];
 
+////////////////////////////////////////
+// Initialization
+////////////////////////////////////////
+
 function initializeApp(initial_content) {
   initializeTerminal();
   initializeEditor(initial_content);
@@ -166,7 +170,7 @@ function setupEventListeners() {
 }
 
 ////////////////////////////////////////
-// Printing to terminal
+// Printing to output window
 ////////////////////////////////////////
 
 function customPrint(text) {
@@ -178,6 +182,10 @@ function customPrint(text) {
   }
 }
 
+////////////////////////////////////////
+// Update
+////////////////////////////////////////
+
 function updateDispatchParams() {
   wgSize = [
     document.getElementById("workgroup_x").value,
@@ -200,25 +208,22 @@ function updateDispatchParams() {
   console.log("New preamble:\n", AppState.preamble);
 }
 
-////////////////////////////////////////
-// Code Editor
-////////////////////////////////////////
+async function updateEditor() {
 
-function waitForDispatchReady() {
-  return new Promise((resolve) => {
-    function checkReady() {
-      if (AppState.isDispatchReady) {
-        resolve();
-      } else {
-        console.log("Waiting...");
-        setTimeout(checkReady, 100); // Check every 100ms
+  function waitForDispatchReady() {
+    return new Promise((resolve) => {
+      function checkReady() {
+        if (AppState.isDispatchReady) {
+          resolve();
+        } else {
+          console.log("Waiting...");
+          setTimeout(checkReady, 100); // Check every 100ms
+        }
       }
-    }
-    checkReady();
-  });
-}
+      checkReady();
+    });
+  }
 
-async function updateEditor() {
   // Recover from errors TODO(avh): only do this if there's an error
   createModule().then((Module) => {
     console.log("updateEditor() - Module ready");
@@ -269,6 +274,10 @@ function update(event) {
   render();
 }
 
+////////////////////////////////////////
+// Render
+////////////////////////////////////////
+
 function render() {
   document.getElementById("preamble").innerHTML = AppState.preamble;
   // update DIV