feat: add interface for logger (#150)

Author: MieszkoTSH

package-lock.json

@@ -52,7 +52,8 @@
     ]
   },
   "dependencies": {
-    "@sentry/browser": "7.68.0",
+    "@sentry/browser": "7.109.0",
+    "@sentry/integrations": "7.109.0",
     "@tanstack/react-query": "4.36.1",
     "@tanstack/react-query-devtools": "4.35.0",
     "axios": "1.6.8",

package.json

@@ -1,18 +1,18 @@
 import './wdyr';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import * as Sentry from '@sentry/browser';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import 'assets/styles/main.css';
 
+import 'assets/styles/main.css';
 import { AppProviders } from 'providers/AppProviders';
 import { AppRoutes } from 'routing/AppRoutes';
 import { enableMocking } from 'setupMSW';
+import { logger } from 'integrations/logger';
 
 const openReactQueryDevtools = import.meta.env.DEV;
 
 if (import.meta.env.VITE_SENTRY_DSN) {
-  Sentry.init({ dsn: import.meta.env.VITE_SENTRY_DSN });
+  logger.init();
 }
 
 const container = document.getElementById('root');

src/index.tsx

@@ -0,0 +1,33 @@
+import { init, captureException, captureMessage, browserTracingIntegration } from '@sentry/browser';
+import { httpClientIntegration, captureConsoleIntegration } from '@sentry/integrations';
+
+type LogLevel = 'error' | 'info' | 'warning';
+type Logger = Record<LogLevel, (message: string | Error) => void> & Record<string, unknown>;
+
+const initLogger = () =>
+  init({
+    dsn: import.meta.env.VITE_SENTRY_DSN,
+    integrations: [
+      httpClientIntegration({
+        failedRequestStatusCodes: [[400, 599]],
+        failedRequestTargets: [/.*/],
+      }),
+      captureConsoleIntegration(),
+      browserTracingIntegration(),
+    ],
+    tracesSampleRate: 1.0,
+  });
+
+const sendLog = (level: LogLevel, message: string | Error) => {
+  if (typeof message === 'string') {
+    captureMessage(message, { level });
+  }
+  captureException(message, { level });
+};
+
+export const logger = {
+  init: initLogger,
+  error: (message: string | Error) => sendLog('error', message),
+  warning: (message: string | Error) => sendLog('warning', message),
+  info: (message: string | Error) => sendLog('info', message),
+} satisfies Logger;