Register handler to show toasts for all errors

2 files changed, 32 insertions, 0 deletions

diff --git a/assets/src/entries/request.ts b/assets/src/entries/request.ts
index d8b9b93..ee19f81 100644
--- a/assets/src/entries/request.ts
+++ b/assets/src/entries/request.ts
@@ -2,6 +2,22 @@ import RequestPage from "../components/RequestPage.svelte";
 import { RookType } from "../models/rook_type";
 import { setClientType } from "../state/constant_state";
 import { initializeRequest } from "../state/request";
+import { toast, ToastType } from "../state/toast";
+
+window.addEventListener("load", () => {
+    function onError(message: string) {
+        toast({
+            type: ToastType.ERROR,
+            title: "An error occurred!",
+            message: message,
+        });
+    }
+
+    window.addEventListener("error", e => onError(e.message));
+    window.addEventListener("unhandledrejection", e => {
+        onError(e.reason.message ?? e.reason ?? "Unknown error");
+    });
+});
 
 setClientType(RookType.REQUEST);
 initializeRequest();
diff --git a/assets/src/entries/share.ts b/assets/src/entries/share.ts
index f7890b0..008b6cd 100644
--- a/assets/src/entries/share.ts
+++ b/assets/src/entries/share.ts
@@ -2,6 +2,22 @@ import SharePage from "../components/SharePage.svelte";
 import { RookType } from "../models/rook_type";
 import { setClientType } from "../state/constant_state";
 import { initializeShare } from "../state/share";
+import { toast, ToastType } from "../state/toast";
+
+window.addEventListener("load", () => {
+    function onError(message: string) {
+        toast({
+            type: ToastType.ERROR,
+            title: "An error occurred!",
+            message: message,
+        });
+    }
+
+    window.addEventListener("error", e => onError(e.message));
+    window.addEventListener("unhandledrejection", e => {
+        onError(e.reason.message ?? e.reason ?? "Unknown error");
+    });
+});
 
 setClientType(RookType.SHARE);
 initializeShare();