Add panic hook to wasm

veryl-lang · Jun 24, 2024 · d98562b · d98562b
1 parent 7443ba2
commit d98562b
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 17 deletions.
diff --git a/playground/Cargo.toml b/playground/Cargo.toml
@@ -9,14 +9,15 @@ edition = "2021"
 crate-type = ["cdylib"]
 
 [dependencies]
-miette          = {version = "7.2", features = ["fancy-no-syscall"]}
-semver          = {version = "1.0", features = ["serde"]}
-veryl-analyzer  = {git = "https://github.com/veryl-lang/veryl"}
-veryl-emitter   = {git = "https://github.com/veryl-lang/veryl"}
-veryl-formatter = {git = "https://github.com/veryl-lang/veryl"}
-veryl-metadata  = {git = "https://github.com/veryl-lang/veryl"}
-veryl-parser    = {git = "https://github.com/veryl-lang/veryl"}
-wasm-bindgen    = "0.2"
+console_error_panic_hook = "0.1.7"
+miette                   = {version = "7.2", features = ["fancy-no-syscall"]}
+semver                   = {version = "1.0", features = ["serde"]}
+veryl-analyzer           = {git = "https://github.com/veryl-lang/veryl"}
+veryl-emitter            = {git = "https://github.com/veryl-lang/veryl"}
+veryl-formatter          = {git = "https://github.com/veryl-lang/veryl"}
+veryl-metadata           = {git = "https://github.com/veryl-lang/veryl"}
+veryl-parser             = {git = "https://github.com/veryl-lang/veryl"}
+wasm-bindgen             = "0.2"
 
 [workspace]
 

diff --git a/playground/html/index.html b/playground/html/index.html
@@ -89,13 +89,14 @@ <h2>Output</h2>
         </div>
     </div>
     <script type="module">
-      import init, {build, format} from "./pkg/veryl_wasm.js";
+      import init, {set_hook, build, format} from "./pkg/veryl_wasm.js";
       init()
         .then(() => {
+            set_hook();
         });
 
       window.build = () => {
-          //try {
+          try {
               const src = document.getElementById('source').value;
               const result = build(src);
               const content = result.content();
@@ -106,13 +107,13 @@ <h2>Output</h2>
                 document.getElementById("output").textContent = content;
                 hljs.highlightAll();
               }
-          //} catch (error) {
-          //  document.getElementById("output").textContent = "Unexpected error";
-          //}
+          } catch (error) {
+            document.getElementById("output").textContent = "Unexpected error";
+          }
       }
 
       window.format = () => {
-          //try {
+          try {
               const src = document.getElementById('source').value;
               const result = format(src);
               const content = result.content();
@@ -122,9 +123,9 @@ <h2>Output</h2>
               } else {
                 document.getElementById("source").value = content;
               }
-          //} catch (error) {
-          //  document.getElementById("output").textContent = "Unexpected error";
-          //}
+          } catch (error) {
+            document.getElementById("output").textContent = "Unexpected error";
+          }
       }
 
       window.changeExample = async (name) => {

diff --git a/playground/src/lib.rs b/playground/src/lib.rs
@@ -72,6 +72,11 @@ fn metadata() -> Metadata {
     }
 }
 
+#[wasm_bindgen]
+pub fn set_hook() {
+    console_error_panic_hook::set_once();
+}
+
 #[wasm_bindgen]
 pub fn build(source: &str) -> Result {
     let metadata = metadata();