add only biome config

.gitignore

@@ -64,3 +64,6 @@ node_modules
 dist
 .DS_Store
 /.local*
+
+.eslintcache
+.stylelintcache

Makefile

@@ -402,7 +402,7 @@ fmt-ui-quick:
 	cd ui/v2.5 && \
 	files=$$(git diff --name-only --relative --diff-filter d . ../../graphql); \
 	if [ -n "$$files" ]; then \
-	  npm run prettier -- --write $$files; \
+	  npm run biome -- format --write $$files; \
 	fi
 
 # does not run tsc checks, as they are slow
@@ -411,9 +411,9 @@ validate-ui-quick:
 	tsfiles=$$(git diff --name-only --relative --diff-filter d src | grep -e "\.tsx\?\$$"); \
 	scssfiles=$$(git diff --name-only --relative --diff-filter d src | grep "\.scss"); \
 	prettyfiles=$$(git diff --name-only --relative --diff-filter d . ../../graphql); \
-	if [ -n "$$tsfiles" ]; then npm run eslint -- $$tsfiles; fi && \
+	if [ -n "$$tsfiles" ]; then npm run biome -- check $$tsfiles; fi && \
 	if [ -n "$$scssfiles" ]; then npm run stylelint -- $$scssfiles; fi && \
-	if [ -n "$$prettyfiles" ]; then npm run prettier -- --check $$prettyfiles; fi
+	if [ -n "$$prettyfiles" ]; then npm run biome -- format --check $$prettyfiles; fi
 
 # runs all of the backend PR-acceptance steps
 .PHONY: validate-backend

ui/v2.5/.gitignore

@@ -3,8 +3,6 @@ src/core/generated-graphql.ts
 
 # dependencies
 /node_modules
-/.pnp
-.pnp.js
 
 # testing
 /coverage
@@ -18,11 +16,4 @@ src/core/generated-graphql.ts
 .env.local
 .env.development.local
 .env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-.eslintcache
-.stylelintcache
+.env.production.local

ui/v2.5/.prettierignore

@@ -1,18 +0,0 @@
-*.md
-
-# dependencies
-/node_modules
-pnpm-lock.yaml
-pnpm-workspace.yaml
-
-# locales
-src/locales/**/*.json
-
-# testing
-/coverage
-
-# production
-/build
-
-# generated
-src/core/generated-graphql.ts

ui/v2.5/biome.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.4.10/schema.json",
+  "vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": [
+      "**",
+      "../../graphql/**",
+      "!src/core/generated-graphql.ts",
+      "!src/pluginApi.d.ts"
+    ]
+  },
+  "formatter": { "enabled": false, "indentStyle": "space" },
+  "linter": {
+    "enabled": true,
+    "domains": {
+      "react": "recommended",
+      "types": "recommended"
+    },
+    "rules": {
+      "recommended": false,
+      "style": { "noNestedTernary": "off", "useBlockStatements": "off" },
+      "correctness": {
+        "useExhaustiveDependencies": "off",
+        "useJsxKeyInIterable": "off"
+      },
+      "suspicious": {
+        "noExplicitAny": "off",
+        "noArrayIndexKey": "off"
+      }
+    }
+  },
+  "javascript": { "formatter": { "quoteStyle": "double" } },
+  "assist": {
+    "enabled": true,
+    "actions": { "source": { "organizeImports": "off" } }
+  }
+}

ui/v2.5/package.json

@@ -13,13 +13,13 @@
     "validate": "npm run lint && npm run check && npm run format-check",
     "lint": "npm run lint:js && npm run lint:css",
     "lint:css": "stylelint --cache \"src/**/*.scss\"",
-    "lint:js": "eslint --cache src/",
+    "lint:js": "biome check src/",
     "check": "tsc --noEmit",
     "eslint": "eslint",
     "prettier": "prettier",
     "stylelint": "stylelint",
-    "format": "prettier --write . ../../graphql",
-    "format-check": "prettier --check . ../../graphql",
+    "format": "biome format --write . ../../graphql",
+    "format-check": "biome format --check . ../../graphql",
     "gqlgen": "gql-gen --config codegen.ts",
     "extract": "NODE_ENV=development extract-messages -l=en,de -o src/locale -d en --flat false 'src/**/!(*.test).tsx'"
   },
@@ -102,34 +102,22 @@
     "@types/react-helmet": "^6.1.6",
     "@types/react-router-bootstrap": "^0.24.5",
     "@types/react-router-hash-link": "^2.4.5",
-    "@types/three": "^0.183.1",
-    "@types/ua-parser-js": "^0.7.39",
-    "@types/video.js": "^7.3.58",
-    "@types/videojs-mobile-ui": "^0.8.3",
-    "@types/videojs-seek-buttons": "^2.1.3",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vitejs/plugin-react": "^5.2.0",
-    "eslint": "^8.57.1",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-prettier": "^8.10.2",
-    "eslint-plugin-deprecation": "^3.0.0",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "extract-react-intl-messages": "^4.1.1",
-    "postcss": "^8.5.8",
-    "postcss-scss": "^4.0.9",
-    "prettier": "^2.8.8",
-    "sass": "^1.98.0",
-    "stylelint": "^17.6.0",
-    "stylelint-order": "^8.1.1",
-    "terser": "^5.46.1",
-    "ts-node": "~10.9.2",
-    "typescript": "~5.9.3",
-    "vite": "^7.3.2",
+    "@types/three": "^0.154.0",
+    "@types/ua-parser-js": "^0.7.36",
+    "@types/video.js": "^7.3.51",
+    "@types/videojs-mobile-ui": "^0.8.0",
+    "@types/videojs-seek-buttons": "^2.1.0",
+    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "@vitejs/plugin-legacy": "^5.4.3",
+    "@vitejs/plugin-react": "^5.1.0",
+    "postcss-scss": "^4.0.6",
+    "sass": "^1.58.1",
+    "stylelint": "^15.10.1",
+    "stylelint-order": "^6.0.2",
+    "terser": "^5.9.0",
+    "ts-node": "^10.9.1",
+    "typescript": "~4.8.4",
+    "vite": "^5.4.21",
     "vite-plugin-compression": "^0.5.1",
     "vite-tsconfig-paths": "^6.1.1"
   }