Add Sentry: Error Tracking

package.json

@@ -8,6 +8,7 @@
     "@maplibre/maplibre-gl-geocoder": "^1.5.0",
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
+    "@sentry/react": "^7.100.1",
     "bulma": "^0.9.4",
     "bulma-checkradio": "^2.1.3",
     "events": "^3.3.0",

src/index.tsx

@@ -2,8 +2,10 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import "~/i18n";
 import "~/mystyles.css";
+import initSentry from "~/sentry";
 import Main from "./Main";
 
+initSentry();
 const root = ReactDOM.createRoot(
 	document.getElementById("root") as HTMLElement,
 );

src/sentry.ts

@@ -0,0 +1,29 @@
+import * as Sentry from "@sentry/react";
+
+export default function initSentry() {
+	if (shouldEnableSentry()) {
+		Sentry.init({
+			dsn: "https://7f263ca9541cbb26b1fe3228e80a8b6f@o4506736017539072.ingest.sentry.io/4506736027959296",
+			integrations: [Sentry.browserTracingIntegration()],
+			// Performance Monitoring
+			tracesSampleRate: 1.0, //  Capture 100% of the transactions
+			// Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
+			tracePropagationTargets: [
+				"localhost:5173",
+				/^https:\/\/(dev.)?openaedmap\.org/,
+			],
+		});
+	}
+}
+
+function shouldEnableSentry(): boolean {
+	const doNotTrack =
+		navigator.doNotTrack === "1" ||
+		navigator.doNotTrack === "yes" ||
+		navigator.doNotTrack === "true";
+	const globalPrivacyControl =
+		navigator.globalPrivacyControl === true ||
+		navigator.globalPrivacyControl === "true";
+	// return !doNotTrack && !globalPrivacyControl;
+	return true;
+}