Sentry source maps

.github/workflows/test-and-ci.yml

@@ -15,7 +15,7 @@ jobs:
         working-directory: ./client
     steps:
       - uses: actions/checkout@v3
-      - name: Set up node ${{ matrix.node-version }}
+      - name: Set up node LTS
         uses: actions/setup-node@v3
         with:
           node-version: "18.17.1"
@@ -43,7 +43,7 @@ jobs:
         working-directory: ./server
     steps:
       - uses: actions/checkout@v3
-      - name: Set up node ${{ matrix.node-version }}
+      - name: Set up node LTS
         uses: actions/setup-node@v3
         with:
           node-version: "18.17.1"
@@ -86,7 +86,7 @@ jobs:
         working-directory: ./tests
     steps:
       - uses: actions/checkout@v3
-      - name: Set up node ${{ matrix.node-version }}
+      - name: Set up node LTS
         uses: actions/setup-node@v3
         with:
           node-version: "18.17.1"
@@ -152,3 +152,31 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.RENKUBOT_GITHUB_TOKEN }}
           COMPONENT_NAME: renku-ui
+
+  # upload-source-maps:
+  #   needs: [publish-images]
+  #   runs-on: ubuntu-22.04
+  #   if: "startsWith(github.ref, 'refs/tags/')"
+  #   defaults:
+  #     run:
+  #       working-directory: ./client
+  #   steps:
+  #     - uses: actions/checkout@v3
+  #     - name: Set up node LTS
+  #       uses: actions/setup-node@v3
+  #       with:
+  #         node-version: "18.17.1"
+  #     - name: Install client dependencies
+  #       run: npm clean-install
+  #       env:
+  #         NODE_OPTIONS: "--max-old-space-size=4096"
+  #     - name: Set up environment variables
+  #       run: echo "CHART_TAG=$(echo "${GITHUB_REF}" | cut -d/ -f3)" >> $GITHUB_ENV
+  #     - name: Pull Docker image
+  #       run: docker pull renku/renku-ui:$CHART_TAG
+  #     - name: Create container
+  #       run: docker create --name renku-ui-container renku/renku-ui:$CHART_TAG
+  #     - name: Pull out build files
+  #       run: docker cp renku-ui-container:/usr/share/nginx/html ./build
+  #     - name: Send build files to Sentry
+  #       run: npx sentry-cli sourcemaps upload --release=$CHART_TAG ./build

client/Dockerfile

@@ -14,17 +14,14 @@ ENV NODE_OPTIONS="--max-old-space-size=4096"
 ARG SHORT_SHA
 ENV RENKU_UI_SHORT_SHA=$SHORT_SHA
 
-# Delete this after reactstrap is released
-RUN apk update && apk upgrade && \
-    apk add --no-cache git
-
 # There is some incompatibility between craco and react-scripts >4
 # that causes problems with linting. Lint errors should have been
 # caught before we get here, so we can turn this off.
 # But look into https://github.com/gsoft-inc/craco/pull/219 for a better fix
 ENV DISABLE_ESLINT_PLUGIN=true
 RUN npm ci && \
-    npm run-script build
+    npm run-script build && \
+    npm run-script build:sentry    
 
 COPY .storybook /app/.storybook
 

client/package.json

@@ -79,6 +79,7 @@
     "start": "react-scripts start",
     "build": "REACT_APP_UI_DEV_MODE=false craco --max_old_space_size=4096 build",
     "build:analyze": "REACT_APP_UI_DEV_MODE=false craco --max_old_space_size=4096 build --analyze",
+    "build:sentry": "sentry-cli sourcemaps inject build",
     "test": "craco test",
     "eject": "craco eject",
     "lint": "eslint --max-warnings=0 src/",
@@ -102,6 +103,7 @@
     "@babel/preset-typescript": "^7.16.7",
     "@craco/craco": "^7.0.0",
     "@rtk-query/codegen-openapi": "^1.0.0",
+    "@sentry/cli": "^2.21.2",
     "@storybook/addon-actions": "~7.2.0",
     "@storybook/addon-essentials": "~7.2.0",
     "@storybook/addon-interactions": "~7.2.0",