⬆️ eslint 9.27.0

Closes #3886

Author: nikolas

.eslintrc.cjs

@@ -0,0 +1,104 @@
+import { defineConfig } from 'eslint/config';
+import react from 'eslint-plugin-react';
+import security from 'eslint-plugin-security';
+import globals from 'globals';
+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 defineConfig([
+    js.configs.recommended, {
+        extends: compat.extends(
+            'eslint:recommended',
+            'plugin:react/recommended',
+            'plugin:security/recommended-legacy',
+        ),
+
+        plugins: {
+            react,
+            security,
+        },
+
+        files: [
+            '**/*.mjs', '**/*.jsx'
+        ],
+
+        languageOptions: {
+            globals: {
+                ...globals.browser,
+                ...globals.amd,
+                ...globals.jquery,
+            },
+
+            parser: babelParser,
+            ecmaVersion: 'latest',
+            sourceType: 'module',
+
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true,
+                },
+            },
+        },
+
+        settings: {
+            react: {
+                version: 'detect',
+            },
+        },
+
+        rules: {
+            indent: ['error', 4, {
+                SwitchCase: 1,
+            }],
+
+            'linebreak-style': ['error', 'unix'],
+
+            'no-unused-vars': ['error', {
+                vars: 'all',
+                args: 'none',
+            }],
+
+            quotes: ['error', 'single'],
+            semi: ['error', 'always'],
+            'security/detect-buffer-noassert': 1,
+            'security/detect-child-process': 1,
+            'security/detect-disable-mustache-escape': 1,
+            'security/detect-eval-with-expression': 1,
+            'security/detect-new-buffer': 1,
+            'security/detect-no-csrf-before-method-override': 1,
+            'security/detect-non-literal-fs-filename': 1,
+            'security/detect-non-literal-regexp': 1,
+            'security/detect-non-literal-require': 0,
+            'security/detect-object-injection': 0,
+            'security/detect-possible-timing-attacks': 1,
+            'security/detect-pseudoRandomBytes': 1,
+            'security/detect-unsafe-regex': 1,
+        },
+    }, {
+        files: ['**/*.js'],
+        languageOptions: {
+            globals: {
+                ...globals.browser,
+                ...globals.jquery
+            }
+        }
+    }, {
+        files: ['**/*.test.js', '**/*.test.jsx', '**/*.test.mjs'],
+        languageOptions: {
+            globals: {
+                ...globals.jest,
+            }
+        }
+    }
+]);

eslint.config.mjs

@@ -1,4 +1,4 @@
-/* eslint-env node */
+/* global process */
 
 'use strict';
 

media/js/config/env.cjs

@@ -1,4 +1,4 @@
-/* eslint-env node */
+/* global process */
 
 'use strict';
 
@@ -48,11 +48,11 @@ module.exports = {
     dotenv: resolveApp('.env'),
     appBuild: resolveApp(JS_PATH + 'build'),
     appPublic: resolveApp(JS_PATH + 'public'),
-    appEditorJs: resolveApp(JS_PATH + 'src/editor-main.js'),
-    appViewerJs: resolveApp(JS_PATH + 'src/viewer-main.js'),
-    appStepGraphViewerJs: resolveApp(JS_PATH + 'src/stepGraphViewer-main.js'),
-    appRubricJs: resolveApp(JS_PATH + 'src/rubric-main.js'),
-    appGraphPreviewJs: resolveApp(JS_PATH + 'src/graphPreview-main.js'),
+    appEditorJs: resolveApp(JS_PATH + 'src/editor-main.jsx'),
+    appViewerJs: resolveApp(JS_PATH + 'src/viewer-main.jsx'),
+    appStepGraphViewerJs: resolveApp(JS_PATH + 'src/stepGraphViewer-main.jsx'),
+    appRubricJs: resolveApp(JS_PATH + 'src/rubric-main.jsx'),
+    appGraphPreviewJs: resolveApp(JS_PATH + 'src/graphPreview-main.jsx'),
     appPackageJson: resolveApp('package.json'),
     appSrc: resolveApp(JS_PATH + 'src'),
     yarnLockFile: resolveApp('yarn.lock'),

media/js/config/paths.cjs

@@ -1,4 +1,4 @@
-/* eslint-env node */
+/* global process */
 
 'use strict';
 

media/js/config/webpack.config.dev.cjs

@@ -1,4 +1,4 @@
-/* eslint-env node */
+/* global process */
 
 'use strict';
 

media/js/config/webpack.config.prod.cjs

@@ -1,4 +1,5 @@
 /* eslint-env node */
+/* global process */
 
 import React from 'react';
 import PropTypes from 'prop-types';