fix: deployment with clarity id (#4758)

Dockerfile

@@ -16,7 +16,7 @@ COPY .env .
 
 RUN yarn build
 
-FROM nginxinc/nginx-unprivileged:1.21-alpine
+FROM nginxinc/nginx-unprivileged:1.27-alpine
 
 # Toggle visibility of cookie policy, privacy policy, and terms & conditions
 ENV SCRUMLR_SHOW_LEGAL_DOCUMENTS=''
@@ -33,6 +33,7 @@ ENV SCRUMLR_LISTEN_PORT='8080'
 # Analytics variables
 ENV SCRUMLR_ANALYTICS_DATA_DOMAIN=''
 ENV SCRUMLR_ANALYTICS_SRC=''
+ENV SCRUMLR_CLARITY_ID=''
 
 COPY ./nginx.conf /etc/nginx/templates/scrumlr.io.conf.template
 COPY --from=build-stage /usr/src/app/build /usr/share/nginx/html

deployment/docker/.env.example

@@ -48,3 +48,4 @@ SCRUMLR_SHOW_LEGAL_DOCUMENTS=true
 # SCRUMLR_WEBSOCKET_URL="ws://localhost:8080/api"
 # Webhook URL for feedback
 WEBHOOK_URL=
+SCRUMLR_CLARITY_ID=

deployment/docker/docker-compose.yml

@@ -3,7 +3,7 @@ version: "3.8"
 services:
   scrumlr-backend:
     restart: always
-    image: ghcr.io/inovex/scrumlr.io/scrumlr-server:3.9.0
+    image: ghcr.io/inovex/scrumlr.io/scrumlr-server:3.10.1
     command:
       - "/app/main"
       - "-disable-check-origin"
@@ -44,7 +44,7 @@ services:
 
   scrumlr-frontend:
     restart: always
-    image: ghcr.io/inovex/scrumlr.io/scrumlr-frontend:3.9.0
+    image: ghcr.io/inovex/scrumlr.io/scrumlr-frontend:3.10.1
     environment:
       SCRUMLR_SERVER_URL: "${SCRUMLR_SERVER_URL}"
       SCRUMLR_WEBSOCKET_URL: "${SCRUMLR_WEBSOCKET_URL}"
@@ -53,6 +53,7 @@ services:
       SCRUMLR_LISTEN_PORT: "${SCRUMLR_LISTEN_PORT:-8080}"
       SCRUMLR_ANALYTICS_DATA_DOMAIN: "${ANALYTICS_DATA_DOMAIN}"
       SCRUMLR_ANALYTICS_SRC: "${ANALYTICS_SRC}"
+      SCRUMLR_CLARITY_ID: "${SCRUMLR_CLARITY_ID}"
     ports:
       - "9090:8080"
 

docs/src/content/docs/self-hosting/env-vars.md

@@ -39,6 +39,12 @@ SCRUMLR_ANALYTICS_DATA_DOMAIN=''
 SCRUMLR_ANALYTICS_SRC=''
 ```
 
+### Clarity id
+The clarity id to use [Clarity](https://clarity.microsoft.com/).
+```bash
+SCRUMLR_CLARITY_ID=''
+```
+
 ## Backend
 
 ### Server Port

src/index.tsx

@@ -49,8 +49,8 @@ if (ANALYTICS_DATA_DOMAIN && ANALYTICS_SRC) {
 
 const root = createRoot(document.getElementById("root") as HTMLDivElement);
 
-// If clarity ID is set in env variables, initialize Clarity
-if (CLARITY_ID) {
+// If clarity ID is set and not empty in env variables, initialize Clarity
+if (CLARITY_ID && CLARITY_ID !== "") {
   Clarity.init(CLARITY_ID);
 }