Changeset

.env.sample

@@ -10,6 +10,9 @@ REACT_APP_DISABLE_ERROR_BOUNDARY=1
 # API Url
 REACT_APP_API_URL=example.com
 
+# Define directory with overrides relative to app root
+EXTENSION_DIR=./src/extensions/
+
 #
 CSRF_WHITELIST_HEADER_FOR_LOCAL_DEVELOPMENT=X-WHITELIST-HEADER
 
@@ -18,4 +21,38 @@ CSRF_WHITELIST_HEADER_FOR_LOCAL_DEVELOPMENT=X-WHITELIST-HEADER
 #AUDIO_FILE_INCOMING_NOTIFICATION=/assets/audio/incomingNotification.mp3
 
 # Disable 2FA
-REACT_APP_DISABLE_2FA_DUTY=0
+REACT_APP_DISABLE_2FA_DUTY=0
+
+### Registration
+# Enable fallback loader for direct link registration where slug could not be matched (0/1)
+FRONTEND_REGISTRATION_USE_CONSULTINGTYPE_SLUG=
+
+### Weblate
+# Weblate host
+FRONTEND_WEBLATE_HOST=
+# Path to api
+FRONTEND_WEBLATE_PATH=/weblate/api
+# Name of weblate project
+FRONTEND_WEBLATE_PROJECT=
+# Weblate api key - Attention! if provided it will be used for frontend requests and is visible to everyone
+FRONTEND_WEBLATE_API_KEY=
+# Min percentage - percentage which must be translated in one language until it gets visible in the frontend
+FRONTEND_WEBLATE_MIN_PERCENT=
+# Disable localStorage caching
+FRONTEND_TRANSLATION_CACHE_DISABLE=
+# Time until frontend cache gets invalidated in minutes
+FRONTEND_TRANSLATION_CACHE_TIME=
+
+### NodeJS
+# Storage path - if set relative to project root translation files will be stored temporary until LOCALIZATION_CACHE_TIME expired
+STORAGE_PATH=./.storage
+
+# Localize cache time - in minutes - default 120 minutes
+LOCALIZATION_CACHE_TIME=
+
+# Weblate host for proxy
+LOCALIZATION_WEBLATE_HOST=https://weblate.example.com/
+# If weblate is provided under subdirectory
+LOCALIZATION_WEBLATE_PATH=/weblate
+# Weblate api key - must be provided to skip request limits
+LOCALIZATION_WEBLATE_API_KEY=

.github/dependabot.yml

@@ -0,0 +1,13 @@
+version: 2
+updates:
+    - package-ecosystem: 'npm'
+      directory: '/'
+      target-branch: 'develop'
+      schedule:
+          interval: 'daily'
+
+    - package-ecosystem: 'github-actions'
+      directory: '/'
+      target-branch: 'develop'
+      schedule:
+          interval: 'daily'

.github/workflows/automerge-dependabot.yml

@@ -0,0 +1,25 @@
+name: Dependabot auto-approve
+on: pull_request_target
+
+permissions:
+    contents: write
+    pull-requests: write
+
+jobs:
+    dependabot:
+        runs-on: ubuntu-latest
+        if: ${{ github.actor == 'dependabot[bot]' }}
+        steps:
+            - name: Dependabot metadata
+              id: metadata
+              uses: dependabot/[email protected]
+              with:
+                  github-token: '${{ secrets.GITHUB_TOKEN }}'
+            - name: Log update type
+              run: echo ${{ steps.metadata.outputs.update-type }}
+            - name: Enable auto-merge for Dependabot PRs
+              if: ${{ steps.metadata.outputs.update-type == 'version-update:semver-patch' }}
+              run: gh pr merge --auto --merge "$PR_URL"
+              env:
+                  PR_URL: ${{github.event.pull_request.html_url}}
+                  GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}

.github/workflows/build.yml

@@ -14,6 +14,8 @@ jobs:
     build:
         name: Build & Release
         if: "!contains(github.event.head_commit.author, '[email protected]')"
+        permissions:
+            checks: write
         runs-on: ubuntu-latest
         steps:
             - name: set env
@@ -24,10 +26,10 @@ jobs:
                   else
                     echo ENV_NAME="prod" >> $GITHUB_ENV
                   fi
-            - uses: actions/checkout@v2.3.4
-            - uses: actions/setup-node@v3
+            - uses: actions/checkout@v4
+            - uses: actions/setup-node@v4
               with:
-                  node-version: 14
+                  node-version: 18
                   registry-url: 'https://npm.pkg.github.com'
                   cache: 'npm'
             - name: Load .env file
@@ -36,7 +38,7 @@ jobs:
                   mode: ${{ env.ENV_NAME }}
             - run: npm ci
             - name: Run linters
-              uses: wearerequired/lint-action@v1
+              uses: wearerequired/lint-action@v2
               with:
                   github_token: ${{ secrets.github_token }}
                   eslint: true
@@ -46,29 +48,29 @@ jobs:
                   stylelint_dir: ./src
                   stylelint_extensions: scss
                   prettier: true
+            - name: Run build
+              run: |
+                  npm run build
             - name: Run tests
               run: |
                   echo "127.0.0.1 localhost" | sudo tee -a /etc/hosts
                   echo "fs.inotify.max_user_watches=524288" | sudo tee -a /etc/sysctl.conf
-                  npm run test
-            - name: Run build
-              run: |
-                  npm run build
+                  npm run test:build
             - name: Bump version
-              if: startsWith(env.BRANCH,'release') == true
+              if: env.BRANCH == 'release'
               run: |
                   git config --local user.email "[email protected]"
                   git config --local user.name "GitHub Action"
                   npm run release
             - name: Push changes
-              if: startsWith(env.BRANCH,'release') == true
+              if: env.BRANCH == 'release'
               uses: ad-m/github-push-action@master
               with:
                   github_token: ${{ secrets.GITHUB_TOKEN }}
                   branch: ${{env.BRANCH}}
                   force: true
                   tags: true
-            - uses: actions/upload-artifact@v2
+            - uses: actions/upload-artifact@v4
               if: failure()
               with:
                   name: cypress-videos

.github/workflows/dockerImage.yml

@@ -15,11 +15,13 @@ jobs:
         name: Build
         if: "!contains(github.event.head_commit.author, '[email protected]')"
         runs-on: ubuntu-latest
+        permissions:
+            checks: write
         env:
             FAIL_WEBHOOK_SECRET: ${{ secrets.MS_TEAMS_FAIL_WEBHOOK_URI }}
         steps:
             - name: Checkout
-              uses: actions/checkout@v2
+              uses: actions/checkout@v4
             - name: set env
               run: |
                   RAW=$(git branch -r --contains ${{ github.ref }})
@@ -30,33 +32,33 @@ jobs:
                   else
                     echo ENV_NAME="prod" >> $GITHUB_ENV
                   fi
-            - uses: actions/setup-node@v3
+            - uses: actions/setup-node@v4
               with:
-                  node-version: 14
+                  node-version: 18
                   cache: 'npm'
             - name: Load .env file
               uses: xom9ikk/dotenv@v2
               with:
                   mode: ${{ env.ENV_NAME }}
             - run: npm ci
             - name: Run linters
-              uses: wearerequired/lint-action@v1
+              uses: wearerequired/lint-action@v2
               with:
                   github_token: ${{ secrets.github_token }}
                   eslint: true
                   eslint_dir: ./src
                   eslint_extensions: js,ts,tsx
                   prettier: true
                   prettier_dir: ./src
+            - name: Run build
+              run: |
+                  npm run build
             - name: Run tests
               run: |
                   echo "127.0.0.1 localhost" | sudo tee -a /etc/hosts
                   echo "fs.inotify.max_user_watches=524288" | sudo tee -a /etc/sysctl.conf
-                  npm run test
-            - name: Run build
-              run: |
-                  npm run build
-            - uses: actions/upload-artifact@v2
+                  npm run test:build
+            - uses: actions/upload-artifact@v4
               with:
                   name: buildfiles
                   path: build/**/*
@@ -75,21 +77,19 @@ jobs:
                       - text: View CI
                         url: "${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}"
     push_to_registry:
-        strategy:
-            matrix:
-                registry: ['docker.pkg.github.com', 'ghcr.io']
         needs: [build]
         name: Push Docker image to GitHub Packages
         runs-on: ubuntu-latest
         env:
             IMAGE_WEBHOOK_SECRET: ${{ secrets.MS_TEAMS_IMAGE_WEBHOOK_URI }}
             FAIL_WEBHOOK_SECRET: ${{ secrets.MS_TEAMS_FAIL_WEBHOOK_URI }}
         steps:
-            - uses: actions/checkout@v2
+            - uses: actions/checkout@v4
             - name: Download buildfiles artifact
-              uses: actions/download-artifact@v2
+              uses: actions/download-artifact@v4
               with:
                   name: buildfiles
+                  path: build
             - name: Get current time
               id: time
               uses: nanzm/[email protected]
@@ -101,8 +101,7 @@ jobs:
                   raw=$(git branch -r --contains ${{ github.ref }})
                   branch=${raw##*/}
                   echo BRANCH_NAME=$(echo -n "${branch}") >> $GITHUB_ENV
-                  echo "MATRIX_REGISTRY=$(echo "${{ matrix.registry }}" | awk '{print tolower($0)}')" >> $GITHUB_ENV
-                  echo "DOCKER_REGISTRY=$(echo "${{ matrix.registry }}/${{ github.repository }}" | awk '{print tolower($0)}')" >> $GITHUB_ENV
+                  echo "DOCKER_REGISTRY=$(echo "ghcr.io/${{ github.repository }}" | awk '{print tolower($0)}')" >> $GITHUB_ENV
                   echo "DOCKER_IMAGE=$(echo "${{ github.repository }}" | awk -F / '{print tolower($2)}')" >> $GITHUB_ENV
                   echo "REPO_NAME_WITHOUT_PREFIX"=$(echo "${{ github.repository }}" | sed "s/.*\///" | awk -F / '{print tolower($0)}') >> $GITHUB_ENV
                   echo CLEAN_REF=$(echo "${GITHUB_REF_NAME#refs/heads/}") >> $GITHUB_ENV
@@ -142,7 +141,6 @@ jobs:
                   push: true
                   tags: ${{ steps.meta.outputs.tags }}
                   labels: ${{ steps.meta.outputs.labels }}
-                  build_args: DOCKER_MATRIX=${{ env.MATRIX_REGISTRY }}
             - name: Hint about the Docker Image Tag if successfull
               if: ${{ success() }}
               run: |
@@ -157,7 +155,7 @@ jobs:
                   echo "" >> $GITHUB_STEP_SUMMARY
                   echo "- It seems that something has gone wrong" >> $GITHUB_STEP_SUMMARY
             - name: Microsoft Teams Fail Card
-              if: ${{ (env.FAIL_WEBHOOK_SECRET != null) && (env.FAIL_WEBHOOK_SECRET != '') && (matrix.registry == 'ghcr.io') && (failure() || cancelled()) }}
+              if: ${{ (env.FAIL_WEBHOOK_SECRET != null) && (env.FAIL_WEBHOOK_SECRET != '') && (failure() || cancelled()) }}
               uses: toko-bifrost/[email protected]
               with:
                   github-token: ${{ github.token }}
@@ -171,7 +169,7 @@ jobs:
                       - text: View CI
                         url: "${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}"
             - name: Microsoft Teams Image Card
-              if: ${{ (env.IMAGE_WEBHOOK_SECRET != null) && (env.IMAGE_WEBHOOK_SECRET != '') && (matrix.registry == 'ghcr.io') && success() }}
+              if: ${{ (env.IMAGE_WEBHOOK_SECRET != null) && (env.IMAGE_WEBHOOK_SECRET != '') && success() }}
               uses: toko-bifrost/[email protected]
               with:
                   github-token: ${{ github.token }}

.gitignore

@@ -2,6 +2,7 @@
 
 # dependencies
 /node_modules
+/proxy/node_modules
 /.pnp
 .pnp.js
 
@@ -12,6 +13,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store
@@ -22,6 +24,7 @@
 .env.test.local
 .env.production.local
 .idea
+.storage
 
 # cypress
 browserstack.json

.stylelintrc.js

@@ -1,18 +1,10 @@
-const defaultConfig = require('@biotope/quality-gate/config/.stylelintrc');
-
 module.exports = {
-	...defaultConfig,
-	extends: [
-		// TODO: From the admin app. Probably a good idea to enable.
-		// 'stylelint-config-idiomatic-order',
-
-		// The config from quality-gate isn't compatible with stylelint@^14,
-		// therefore merge it with working alternatives.
-		'stylelint-config-standard-scss',
-		'stylelint-config-prettier'
-	],
+	plugins: ['stylelint-scss', 'stylelint-no-unsupported-browser-features'],
+	extends: ['stylelint-config-standard', 'stylelint-config-standard-scss'],
 	rules: {
-		...defaultConfig.rules,
+		'selector-max-id': 0,
+		'scss/dollar-variable-colon-space-after': 'always-single-line',
+		'scss/dollar-variable-colon-space-before': 'never',
 		'plugin/no-unsupported-browser-features': [
 			true,
 			{
@@ -35,18 +27,13 @@ module.exports = {
 					'outline',
 					'css3-cursors',
 					'css-resize',
-					'intrinsic-width'
+					'intrinsic-width',
+					'css-nesting',
+					'css-when-else',
+					'css-selection'
 				]
 			}
 		],
-
-		// From admin app
-		'max-empty-lines': [
-			2,
-			{
-				ignore: ['comments']
-			}
-		],
 		'rule-empty-line-before': [
 			'always-multi-line',
 			{
@@ -56,7 +43,6 @@ module.exports = {
 
 		// Defaults are not good
 		'alpha-value-notation': 'number',
-		'number-leading-zero': 'always',
 		'color-function-notation': 'legacy',
 		'value-keyword-case': null, // Requires e.g. "robotoslab" instead of "RobotoSlab"
 		'scss/operator-no-unspaced': null, // Has false positives
@@ -87,6 +73,12 @@ module.exports = {
 		'selector-no-vendor-prefix': null,
 		'value-no-vendor-prefix': null,
 		'shorthand-property-no-redundant-values': null,
-		'declaration-block-no-duplicate-properties': null
+		'declaration-block-no-duplicate-properties': null,
+		'selector-pseudo-class-no-unknown': [
+			true,
+			{
+				ignorePseudoClasses: ['global']
+			}
+		]
 	}
 };