https://github.com/grol-io/grol/releases/tag/v0.67.1 (debounce wasm e…

…rror)

_includes/grol_wasm.html

@@ -38,6 +38,14 @@
 </style>
 <script src="wasm_exec.js"></script>
 <script>
+    function debounce(func) {
+        let timeout
+        return function (...args) {
+            const context = this
+            clearTimeout(timeout)
+            timeout = setTimeout(() => func.apply(context, args), 100) // 100ms debounce
+        }
+    }
     if (!WebAssembly.instantiateStreaming) { // polyfill
         WebAssembly.instantiateStreaming = async (resp, importObject) => {
             const source = await (await resp).arrayBuffer();
@@ -106,10 +114,11 @@
         resizeTextarea(document.getElementById('output'));
         resizeTextarea(document.getElementById('errors'));
     }
+    const debounceRun = debounce(run)
     document.addEventListener('DOMContentLoaded', (event) => {
         document.getElementById('input').addEventListener('keydown', function (e) {
             if (e.key === 'Enter' && !isRunning) {
-                run();
+                debounceRun();
             }
         });
     });
@@ -133,7 +142,8 @@
 m={"str key": a, PI: "pi", 42: "str val", 1e3: "a lot"}</textarea>
 </div>
 <div>
-    Hit enter or click <button onClick="run();" id="runButton" disabled>Run</button> (will also format the code, also
+    Hit enter or click <button onClick="debounceRun()" id="runButton" disabled>Run</button> (will also format the code,
+    also
     try <input type="checkbox" id="compact">compact)
     <button id="addParamButton">Share</button>
     <script>