hey

Author: Alputer

.github/workflows/ci.yml

@@ -1,5 +1,5 @@
 # This file is part of REANA.
-# Copyright (C) 2020, 2022, 2024 CERN.
+# Copyright (C) 2020, 2022, 2024, 2025 CERN.
 #
 # REANA is free software; you can redistribute it and/or modify it
 # under the terms of the MIT License; see LICENSE file for more details.
@@ -103,7 +103,7 @@ jobs:
         run: corepack enable && yarn set version 4.6.0
 
       - name: Install eslint
-        run: yarn add eslint
+        run: cd reana-ui && yarn add --dev && cd ..
 
       - name: Run prettier code formatter
         run: ./run-tests.sh --check-lint
@@ -122,9 +122,6 @@ jobs:
       - name: Enable corepack and set yarn version
         run: corepack enable && yarn set version 4.6.0
 
-      - name: Install project dependencies
-        run: yarn
-
       - name: Run JavaScript tests
         run: ./run-tests.sh --check-js-tests
 

reana-ui/.eslintrc.json

@@ -0,0 +1,48 @@
+// Most of this file is created via running `yarn dlx @eslint/migrate-config .eslintrc.json` on top of our old `.eslintrc.json` file
+import { fixupConfigRules, fixupPluginRules } from "@eslint/compat";
+import prettier from "eslint-plugin-prettier";
+import babelParser from "@babel/eslint-parser";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  ...fixupConfigRules(
+    compat.extends("plugin:prettier/recommended", "react-app", "prettier"),
+  ),
+  {
+    plugins: {
+      prettier: fixupPluginRules(prettier),
+    },
+
+    languageOptions: {
+      parser: babelParser,
+      ecmaVersion: 5,
+      sourceType: "script",
+
+      parserOptions: {
+        requireConfigFile: false,
+        sourceType: "module",
+
+        babelOptions: {
+          presets: ["@babel/preset-react"],
+        },
+      },
+    },
+
+    rules: {
+      "prettier/prettier": "error",
+      "react/jsx-uses-react": "off",
+      "react/react-in-jsx-scope": "off",
+    },
+  },
+];

reana-ui/eslint.config.mjs

@@ -52,22 +52,30 @@
   },
   "devDependencies": {
     "@babel/core": "^7.23.2",
-    "@babel/eslint-parser": "^7.16.5",
+    "@babel/eslint-parser": "^7.26.5",
     "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
     "@craco/craco": "^7.1.0",
+    "@eslint/compat": "^1.2.6",
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.19.0",
     "@semantic-ui-react/craco-less": "^3.0.0",
     "@semantic-ui-react/css-patch": "^1.0.0",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.23.0",
+    "@typescript-eslint/parser": "^8.23.0",
     "craco-alias": "^3.0.1",
+    "eslint": "^9.19.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "^7.23.2",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.0.3",
     "semantic-ui-less": "^2.4.1",
-    "source-map-explorer": "^2.5.0"
+    "source-map-explorer": "^2.5.0",
+    "typescript": "^5.7.3"
   },
   "jest": {
     "transformIgnorePatterns": [