Added sentry

package.json

@@ -1,7 +1,7 @@
 {
   "name": "udeler-pro",
   "productName": "udeler-pro",
-  "version": "2.0.0",
+  "version": "1.0.0",
   "description": "Udemy desktop client to download courses",
   "main": ".webpack/main",
   "scripts": {
@@ -50,6 +50,8 @@
     "@electron/asar": "^3.2.4",
     "@headlessui/react": "^1.7.14",
     "@heroicons/react": "^2.0.17",
+    "@sentry/electron": "^4.6.0",
+    "@sentry/react": "^7.56.0",
     "electron-squirrel-startup": "^1.0.0",
     "mkdirp": "^3.0.1",
     "mt-files-downloader": "github:FaisalUmair/mt-files-downloader-wrapper",

src/app.jsx

@@ -16,6 +16,12 @@ const { getRxStorageIpcRenderer } = require("rxdb/plugins/electron");
 
 const { ipcRenderer } = require("electron");
 
+import * as Sentry from "@sentry/react";
+
+function FallbackComponent() {
+  return <div>An error has ocurred :</div>;
+}
+
 const App = () => {
   const [token, setToken] = React.useState("");
   const [url, setURL] = React.useState("");
@@ -39,22 +45,24 @@ const App = () => {
 
   return (
     <>
-      {db && (
-        <UdemyContext.Provider value={{ token, setToken, url, setURL }}>
-          <DbContext.Provider value={{ db, setDb }}>
-            <DefaultSettingsContext.Provider
-              value={{ defaultSettings, setDefaultSettings }}
-            >
-              <HashRouter>
-                <Routes>
-                  <Route path="/" element={<Login />} />
-                  <Route path="/dashboard" element={<Dashboard />} />
-                </Routes>
-              </HashRouter>
-            </DefaultSettingsContext.Provider>
-          </DbContext.Provider>
-        </UdemyContext.Provider>
-      )}
+      <Sentry.ErrorBoundary fallback={FallbackComponent} showDialog>
+        {db && (
+          <UdemyContext.Provider value={{ token, setToken, url, setURL }}>
+            <DbContext.Provider value={{ db, setDb }}>
+              <DefaultSettingsContext.Provider
+                value={{ defaultSettings, setDefaultSettings }}
+              >
+                <HashRouter>
+                  <Routes>
+                    <Route path="/" element={<Login />} />
+                    <Route path="/dashboard" element={<Dashboard />} />
+                  </Routes>
+                </HashRouter>
+              </DefaultSettingsContext.Provider>
+            </DbContext.Provider>
+          </UdemyContext.Provider>
+        )}
+      </Sentry.ErrorBoundary>
     </>
   );
 };

src/main.js

@@ -10,6 +10,12 @@ const { dialog } = require("electron");
 import { join } from "path";
 const { homedir } = require("os");
 
+import * as Sentry from "@sentry/electron";
+
+Sentry.init({
+  dsn: "https://6665e2d7b9174976b95b33e4ab69c2a2@o4505397808660480.ingest.sentry.io/4505397811740672",
+});
+
 // Handle creating/removing shortcuts on Windows when installing/uninstalling.
 if (require("electron-squirrel-startup")) {
   app.quit();