Merge pull request #829 from kubeshop/release/v1.14.0

Release v1.14.0

.eslintignore

@@ -11,3 +11,4 @@ server.js
 build.js
 init.js
 site
+test/dashboard-e2e/fixtures/files

.eslintrc.js

@@ -34,7 +34,7 @@ module.exports = {
     'unused-imports/no-unused-imports-ts': 'warn',
     'react/jsx-curly-brace-presence': 'warn', // should be warned and allowed for compilation
     'spaced-comment': 'warn', // should be warned and allowed for compilation
-    'react/no-unused-prop-types': 'warn', // should be warned and allowed for compilation
+    'react/no-unused-prop-types': 'off', // false positives, when components are wrapped with memo/forwardRef
     'react/self-closing-comp': 'warn', // should be warned and allowed for compilation
     'react/jsx-props-no-spreading': 0,
     'react/jsx-max-props-per-line': [1, {maximum: 1, when: 'multiline'}],

.github/workflows/docker-build-beta-tag.yml

@@ -49,6 +49,8 @@ jobs:
             TARGET=${{ matrix.path }}
             REACT_APP_VERSION=${{ steps.tag.outputs.tag }}
             REACT_APP_GTM_ID=${{ secrets.REACT_APP_GOOGLE_ANALYTICS_ID }}
+            REACT_APP_SENTRY_DSN=${{ secrets.REACT_APP_SENTRY_DSN }}
+            SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}
           tags: ${{ github.repository }}:${{steps.tag.outputs.tag}}-${{ matrix.name }}
           cache-from: type=gha,scope=${{ matrix.name }}
           cache-to: type=gha,mode=max,scope=${{ matrix.name }}

.github/workflows/docker-build-develop.yml

@@ -36,6 +36,8 @@ jobs:
           build-args: |
             REACT_APP_VERSION=${{ steps.github_sha.outputs.sha_short }}
             REACT_APP_GTM_ID=${{ secrets.REACT_APP_GOOGLE_ANALYTICS_ID }}
+            REACT_APP_SENTRY_DSN=${{ secrets.REACT_APP_SENTRY_DSN }}
+            SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}
           tags: ${{ github.repository }}:${{ steps.github_sha.outputs.sha_short }}
           cache-from: type=gha
           cache-to: type=gha,mode=max

.github/workflows/docker-build-release.yml

@@ -37,6 +37,8 @@ jobs:
           build-args: |
             REACT_APP_VERSION=${{ steps.github_sha.outputs.sha_short }}
             REACT_APP_GTM_ID=${{ secrets.REACT_APP_GOOGLE_ANALYTICS_ID }}
+            REACT_APP_SENTRY_DSN=${{ secrets.REACT_APP_SENTRY_DSN }}
+            SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}
           tags: ${{ github.repository }}:${{ steps.github_sha.outputs.sha_short }}
           cache-from: type=gha
           cache-to: type=gha,mode=max

.github/workflows/docker-build-tag.yml

@@ -60,6 +60,8 @@ jobs:
             TARGET=${{ matrix.path }}
             REACT_APP_VERSION=${{ steps.tag.outputs.tag }}
             REACT_APP_GTM_ID=${{ secrets.REACT_APP_GOOGLE_ANALYTICS_ID }}
+            REACT_APP_SENTRY_DSN=${{ secrets.REACT_APP_SENTRY_DSN }}
+            SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}
           tags: ${{ github.repository }}:${{steps.tag.outputs.tag}}-${{ matrix.name }}
           cache-from: type=gha,scope=${{ matrix.name }}
           cache-to: type=gha,mode=max,scope=${{ matrix.name }}

.github/workflows/lint.yml

@@ -51,6 +51,9 @@ jobs:
         if: steps.cache-nodemodules.outputs.cache-hit != 'true'
         run: npm install --legacy-peer-deps
 
+      - name: TypeScript Types
+        run: npm run ts-check
+
       - name: ESLint Checking
         if: always()
         run: npm run lint
@@ -62,7 +65,3 @@ jobs:
       - name: StyleLint Checking
         if: always()
         run: npm run stylelint
-
-      - name: TypeScript Types
-        if: always()
-        run: npm run ts-check

.prettierignore

@@ -5,3 +5,4 @@ build
 node_modules
 playwright-report
 test-results
+dashboard-e2e/fixtures/files

.prettierrc.js

@@ -2,7 +2,8 @@ const {loadConfig: loadTsConfig} = require('tsconfig-paths');
 
 const {join} = require('node:path');
 
-const paths = Object.keys(loadTsConfig(join(__dirname, 'tsconfig.json')).paths)
+const original = Object.keys(loadTsConfig(join(__dirname, 'tsconfig.json')).paths);
+const paths = original
   .map(path => path.replace(/\/\*$/, ''))
   .sort()
   .filter((x, i, a) => a.indexOf(x) === i);
@@ -14,7 +15,7 @@ module.exports = {
     '^(antd|@ant-design)',
     '^@reduxjs',
     '<THIRD_PARTY_MODULES>',
-    ...paths.flatMap(path => [`^${path}`, `^${path}/`]),
+    ...paths.flatMap(path => original.includes(path) ? [`^${path}`, `^${path}/`] : [`^${path}/`]),
     '^\\.\\.(\\/)?',
     '^\\.\\/',
     '^.$',

Dockerfile

@@ -3,13 +3,13 @@ ARG TARGET=nginx:alpine
 FROM node:20 as build
 WORKDIR /app
 
+ARG SENTRY_AUTH_TOKEN
+ARG REACT_APP_SENTRY_DSN
 ARG REACT_APP_GTM_ID
-ENV REACT_APP_GTM_ID=$REACT_APP_GTM_ID
 ARG REACT_APP_VERSION
-ENV REACT_APP_VERSION=$REACT_APP_VERSION
 
 ENV PATH /app/node_modules/.bin:$PATH
-COPY ./package.json /app/
+COPY ./package*.json /app/
 # install  dependencies
 RUN npm install --legacy-peer-deps
 # copy everything to /app directory

craco.config.js

@@ -3,6 +3,7 @@ const {pathsToModuleNameMapper} = require('ts-jest');
 const {loadConfig: loadTsConfig} = require('tsconfig-paths');
 const MonacoEditorWebpackPlugin = require('monaco-editor-webpack-plugin');
 const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const {sentryWebpackPlugin} = require('@sentry/webpack-plugin');
 
 const {paths} = loadTsConfig('.');
 
@@ -24,9 +25,22 @@ module.exports = {
           ],
           features: ['caretOperations', 'clipboard', 'contextmenu', 'hover', 'indentation', 'lineSelection', 'suggest']
         }),
+        sentryWebpackPlugin({
+          org: 'kubeshop',
+          project: 'testkube-oss',
+          include: './build',
+          release: {name: process.env.REACT_APP_VERSION},
+          authToken: process.env.SENTRY_AUTH_TOKEN,
+          disabled: !process.env.SENTRY_AUTH_TOKEN || !process.env.REACT_APP_VERSION,
+          telemetry: false,
+        }),
       ],
     },
     configure: webpackConfig => {
+      webpackConfig.entry = [
+        path.join(__dirname, 'src', 'sentry.ts'),
+        path.join(__dirname, 'src', 'index.tsx'),
+      ];
       webpackConfig.resolve.plugins.push(new TsconfigPathsPlugin({
         extensions: webpackConfig.resolve.extensions,
       }));