chore: add sentry + fixes

.github/workflows/deploy.yml

@@ -52,7 +52,7 @@ jobs:
   deploy:
     runs-on: ubuntu-latest
     needs: build
-    if: github.ref == 'refs/head/main'
+    if: github.ref == 'refs/heads/main'
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}

package.json

@@ -16,14 +16,15 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "predeploy": "vite build",
-    "deploy": "gh-pages -d build",
+    "deploy": "gh-pages -d dist",
     "prepare": "husky"
   },
   "dependencies": {
+    "@sentry/react": "^10.20.0",
     "less": "^4.2.0",
-    "react": "^18.3.1",
+    "react": "^19.2.0",
     "react-colorful": "^5.6.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.2.0",
     "react-feather": "^2.0.10"
   },
   "devDependencies": {
@@ -32,8 +33,8 @@
     "@testing-library/react": "^16.3.0",
     "@types/feather-icons": "^4.29.4",
     "@types/node": "^24.3.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19",
     "@vitejs/plugin-react": "^4.3.3",
     "eslint": "^9.13.0",
     "eslint-plugin-react-hooks": "^5.0.0",

src/main.tsx

@@ -2,9 +2,21 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App";
+import { Sentry } from "./quality/sentry/init";
 
-createRoot(document.getElementById("root")!).render(
+const container = document.getElementById("root");
+const root = createRoot(container, {
+  onUncaughtError: Sentry.reactErrorHandler((error, errorInfo) => {
+    console.warn("Uncaught error", error, errorInfo.componentStack);
+  }),
+  onCaughtError: Sentry.reactErrorHandler(),
+  onRecoverableError: Sentry.reactErrorHandler(),
+});
+
+root.render(
   <StrictMode>
-    <App />
+    <Sentry.ErrorBoundary fallback={<p>Something went wrong.</p>}>
+      <App />
+    </Sentry.ErrorBoundary>
   </StrictMode>
 );

src/quality/sentry/init.ts

@@ -0,0 +1,21 @@
+/* sentry is not mandatory to run the app */
+
+import * as Sentry from "@sentry/react";
+
+const SENTRY_DSN = import.meta.env.VITE_SENTRY_DSN || "";
+const isSentryEnabled = Boolean(SENTRY_DSN);
+
+if (isSentryEnabled) {
+  Sentry.init({
+    dsn: import.meta.env.VITE_SENTRY_DSN,
+    integrations: [Sentry.browserTracingIntegration()],
+    tracesSampleRate: 1.0,
+    tracePropagationTargets: ["localhost", /^\//],
+    sendDefaultPii: true,
+  });
+  console.info("✅ Sentry initialized");
+} else {
+  console.warn("⚠️ Sentry DSN not set — running without error tracking");
+}
+
+export { Sentry };