feat: add csp report-uri Ref: KK-1474

Author: mikkojamG

.env.development.local.example

@@ -23,3 +23,4 @@ VITE_SENTRY_TRACES_SAMPLE_RATE=1.0
 VITE_SENTRY_TRACE_PROPAGATION_TARGETS=http://localhost:8081
 VITE_SENTRY_REPLAYS_SESSION_SAMPLE_RATE=0
 VITE_SENTRY_REPLAYS_ON_ERROR_SAMPLE_RATE=0
+VITE_CSP_REPORT_URI=

Dockerfile

@@ -78,6 +78,7 @@ ARG VITE_SENTRY_TRACES_SAMPLE_RATE
 ARG VITE_SENTRY_TRACE_PROPAGATION_TARGETS
 ARG VITE_SENTRY_REPLAYS_SESSION_SAMPLE_RATE
 ARG VITE_SENTRY_REPLAYS_ON_ERROR_SAMPLE_RATE
+ARG VITE_CSP_REPORT_URI
 ARG VITE_BUILDTIME
 ARG VITE_RELEASE
 ARG VITE_COMMITHASH
@@ -91,6 +92,7 @@ ARG VITE_IDLE_TIMEOUT_IN_MS
 ARG VITE_ENROLMENT_CANCELLATION_TIME_LIMIT_HOURS
 
 # Use template and inject the environment variables into .prod/nginx.conf
+ENV VITE_CSP_REPORT_URI=${VITE_CSP_REPORT_URI:-""}
 ENV VITE_BUILDTIME=${VITE_BUILDTIME:-""}
 ENV VITE_RELEASE=${VITE_RELEASE:-""}
 ENV VITE_COMMITHASH=${VITE_COMMITHASH:-""}

index.html

@@ -9,6 +9,10 @@
       content="Kaikki vuodesta 2020 eteenpäin syntyvät helsinkiläiset lapset kutsutaan kulttuurin kummilapsiksi. Kummilapset saavat kutsun vuosittain kahteen tapahtumaan, kunnes lapsi aloittaa koulun. Tapahtumat ovat maksuttomia."
       data-rh="true"
     />
+    <meta
+      http-equiv="Reporting-Endpoints"
+      content="csp-endpoint=%VITE_CSP_REPORT_URI%"
+    />
     <meta
       http-equiv="Content-Security-Policy"
       content="
@@ -26,6 +30,8 @@
         form-action 'self';
         media-src 'self' *.hel.fi *.hel.ninja *.hkih.hion.dev;
         worker-src 'self';
+        report-uri %VITE_CSP_REPORT_URI%;
+        report-to csp-endpoint
       "
     />
     <meta property="og:title" content="Kulttuurin kummilapset" />