Better debugging in the browser console

Cargo.lock

@@ -318,6 +318,16 @@ dependencies = [
  "cache-padded",
 ]
 
+[[package]]
+name = "console_error_panic_hook"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a06aeb73f470f66dcdbf7223caeebb85984942f22f1adb2a088cf9668146bbbc"
+dependencies = [
+ "cfg-if",
+ "wasm-bindgen",
+]
+
 [[package]]
 name = "cpufeatures"
 version = "0.2.1"
@@ -1751,6 +1761,7 @@ checksum = "3d958d035c4438e28c70e4321a2911302f10135ce78a9c7834c0cab4123d06a2"
 name = "web"
 version = "0.1.0"
 dependencies = [
+ "console_error_panic_hook",
  "recipes",
  "reqwasm",
  "sycamore",

web/Cargo.toml

@@ -8,6 +8,8 @@ edition = "2021"
 [dependencies]
 recipes = {path = "../recipes" }
 reqwasm = "0.4.0"
+# This makes debugging panics more tractable.
+console_error_panic_hook = "0.1.7"
 
 [dependencies.wasm-bindgen]
 version = "0.2.79"

web/src/main.rs

@@ -18,5 +18,9 @@ use sycamore::prelude::*;
 use web::UI;
 
 fn main() {
+    #[cfg(debug_assertions)]
+    {
+        console_error_panic_hook::set_once();
+    }
     sycamore::render(|| view! { UI() });
 }