Add Sentry portal integration

.gitignore

@@ -43,3 +43,4 @@ nohup.out
 /src/main/python/portalusage/build/
 /src/main/python/portalusage/*.spec
 __pycache__/
+/src/main/js/portal/.env.production.local

build.sbt

@@ -73,7 +73,13 @@ lazy val data = (project in file("."))
 		},
 		cpFrontendPublishCommand := {
 			val targetDir = (Compile / classDirectory).value.getAbsolutePath
-			s"""export SCALA_CLASS_DIR="${targetDir}" && npm run publish"""
+			val sentryUpload = sys.props.getOrElse("cp.deploy.sentryUpload", "false")
+			Seq(
+				s"""export SCALA_CLASS_DIR="${targetDir}""",
+				s"""export SENTRY_UPLOAD="${sentryUpload}""",
+				"""export RELEASE="$${RELEASE:-$$(git rev-parse --short=12 HEAD)}""",
+				"npm run publish"
+			).mkString(" && ")
 		},
 		cpFrontendJarImports := Seq(
 			JarResourceImport(metaCoreModule, "metacore.d.ts", cpFrontendCommonApp.value, "main/metacore.ts"),

example.application.conf

@@ -1 +1,4 @@
-cpdata.sentry.dsn = "https://<key>@<sentry-host>/<project-id>"
+cpdata.sentry {
+  backendDsn = "https://<key>@<sentry-host>/<project-id>"
+  portalDsn = "https://<portal-key>@<sentry-host>/<portal-project-id>"
+}

project/plugins.sbt

@@ -2,6 +2,6 @@ addSbtPlugin("io.spray" % "sbt-revolver" % "0.9.1")
 
 addSbtPlugin("com.typesafe.play" % "sbt-twirl" % "1.6.0-RC2")
 
-addSbtPlugin("se.lu.nateko.cp" % "icoscp-sbt-deploy" % "0.3.3")
+addSbtPlugin("se.lu.nateko.cp" % "icoscp-sbt-deploy" % "0.4.2")
 
 addSbtPlugin("se.lu.nateko.cp" % "icoscp-sbt-frontend" % "0.1.3")

src/main/js/portal/.env.production.local.example

@@ -0,0 +1,2 @@
+# SENTRY_UPLOAD and RELEASE are set by sbt cpFrontendPublishCommand
+SENTRY_AUTH_TOKEN="<sentry-auth-token>"

src/main/js/portal/main/config.ts

@@ -35,6 +35,7 @@ const additionalStationsGraphs: { [E in Envri]?: UrlStr[] } = {
 }
 
 const envriFilteringFromGraphs = [metaResourceGraph[envri]].concat(additionalStationsGraphs[envri] ?? [])
+const sentryDsn = (window as any).sentryDsn ?? '';
 
 const searchResultsCSVName = {
 	ICOS: 'Carbon Portal Search Result.csv',
@@ -186,6 +187,9 @@ export default {
 	exportCSVLimit: 20_000,
 	searchResultsCSVName,
 	features: featureFlags[envri],
+	sentry: {
+		dsn: sentryDsn,
+	},
 	doiBaseUrl: "https://doi.org/"
 };
 

src/main/js/portal/main/main.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
+import * as Sentry from '@sentry/react';
 import { createRoot } from 'react-dom/client';
+import config from './config';
 import Root from './containers/Root';
 
 import './portal.scss';
@@ -9,6 +11,17 @@ import '../node_modules/react-widgets/scss/multiselect.scss';
 import '../node_modules/ol/ol.css';
 import 'react-datepicker/dist/react-datepicker.css';
 
+if (config.sentry.dsn) {
+	const release = import.meta.env.VITE_SENTRY_RELEASE || undefined;
+	Sentry.init({
+		dsn: config.sentry.dsn,
+		release,
+		allowUrls: [
+			/^https:\/\/([a-z0-9-]+\.)+icos-cp\.eu\//i,
+			/^https:\/\/([a-z0-9-]+\.)+fieldsites\.se\//i,
+		],
+	});
+}
 
 const container = document.getElementById('main');
 const root = createRoot(container!);

src/main/js/portal/main/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />