style: make eslint happy

Author: coderbyheart

.github/workflows/test-and-release.yaml

@@ -9,6 +9,8 @@ jobs:
   main:
     runs-on: ubuntu-latest
 
+    environment: production
+
     steps:
       - uses: actions/checkout@v4
 
@@ -37,6 +39,7 @@ jobs:
       - name: Build
         env:
           PUBLIC_VERSION: ${{ github.sha }}
+          PUBLIC_SENTRY_DSN: ${{ vars.SENTRY_DSN }}
         run: npm run build
 
       - name: Install playwright

package-lock.json

@@ -30,6 +30,8 @@
   ],
   "dependencies": {
     "@nordicsemiconductor/from-env": "3.0.0",
+    "@sentry/react": "7.91.0",
+    "@sentry/browser": "7.91.0",
     "ajv": "8.12.0",
     "date-fns-tz": "2.0.0",
     "feather-icons": "4.29.1",

package.json

@@ -2,6 +2,7 @@ import { App } from 'app/App'
 import { log } from 'app/log'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import 'app/sentry.js'
 
 const l = (...args: any) => log('App', ...args)
 l('Version:', import.meta.env.PUBLIC_VERSION)

src/index.tsx

@@ -0,0 +1,24 @@
+import * as Sentry from '@sentry/react'
+import { BrowserTracing } from '@sentry/browser'
+
+const enableSentry = import.meta.env.PUBLIC_SENTRY_DSN !== undefined
+
+if (enableSentry) {
+	console.debug(`Sentry enabled.`)
+	Sentry.init({
+		dsn: import.meta.env.PUBLIC_SENTRY_DSN,
+		integrations: [new BrowserTracing()],
+		tracesSampleRate: 0.05,
+	})
+	Sentry.setContext('app', {
+		version: import.meta.env.PUBLIC_VERSION,
+	})
+} else {
+	console.debug(`Sentry disabled.`)
+}
+
+export const captureMessage = (message: string): void => {
+	console.debug(message)
+	if (!enableSentry) return
+	Sentry.captureMessage(message)
+}

src/sentry.ts

@@ -26,6 +26,7 @@ interface ImportMeta {
 		PUBLIC_MANIFEST_SHORT_NAME: string
 		PUBLIC_MANIFEST_THEME_COLOR: string
 		PUBLIC_MANIFEST_BACKGROUND_COLOR: string
+		PUBLIC_SENTRY_DSN: string
 	}
 }