feat : add sentry

src/lib/lichess.ts

@@ -6,6 +6,7 @@ import {
   LichessGame,
   LichessResponse,
 } from "@/types/lichess";
+import { logErrorToSentry } from "./sentry";
 
 export const getLichessEval = async (
   fen: string,
@@ -52,7 +53,8 @@ export const getLichessEval = async (
       lines: linesToKeep,
     };
   } catch (error) {
-    console.error(error);
+    const err = error instanceof Error ? error : new Error("Unknown error");
+    logErrorToSentry(err, { fen, multiPv });
     return {
       bestMove: "",
       lines: [],

src/lib/sentry.ts

@@ -0,0 +1,17 @@
+import * as Sentry from "@sentry/nextjs";
+
+export const isSentryEnabled = () =>
+  !!process.env.NEXT_PUBLIC_SENTRY_DSN && Sentry.isInitialized();
+
+export const logErrorToSentry = (
+  error: Error,
+  context?: Record<string, unknown>
+) => {
+  if (isSentryEnabled()) {
+    Sentry.captureException(error, {
+      extra: context,
+    });
+  } else {
+    console.error(error);
+  }
+};

src/sections/loadGame/loadGameDialog.tsx

@@ -15,6 +15,7 @@ import {
   Typography,
   Grid2 as Grid,
 } from "@mui/material";
+import { setContext as setSentryContext } from "@sentry/react";
 import { Chess } from "chess.js";
 import { useState } from "react";
 import GamePgnInput from "./gamePgnInput";
@@ -43,6 +44,7 @@ export default function NewGameDialog({ open, onClose, setGame }: Props) {
 
     try {
       const gameToAdd = getGameFromPgn(pgn);
+      setSentryContext("loadedGame", { pgn });
 
       if (setGame) {
         setGame(gameToAdd);