use sentry-loglevel plugin to format errors

Author: tanguyenvn

demo/vue-app-new/package-lock.json

@@ -59,6 +59,7 @@
     "@toruslabs/eccrypto": "^6.0.2",
     "@toruslabs/ethereum-controllers": "^8.1.0",
     "@toruslabs/http-helpers": "^8.1.1",
+    "@toruslabs/loglevel-sentry": "^8.0.2",
     "@toruslabs/secure-pub-sub": "3.0.2",
     "@toruslabs/tweetnacl-js": "^1.0.4",
     "@wallet-standard/app": "^1.1.0",

package-lock.json

@@ -1,3 +1,14 @@
+import { LoglevelSentry } from "@toruslabs/loglevel-sentry";
 import loglevel from "loglevel";
 
-export const log = loglevel.getLogger("web3auth-logger");
+const log = loglevel.getLogger("web3auth-logger");
+// TODO: remove this once we make Sentry optional in loglevel-sentry package
+const loglevelPlugin = new LoglevelSentry({
+  getActiveSpan: () => undefined,
+  addBreadcrumb: () => {},
+  captureException: () => "",
+  getClient: (): undefined => undefined,
+});
+loglevelPlugin.install(log);
+
+export { log };