Upgrade ESLint and streamline JS dependency structure (#3295)

The primary purpose of this PR is to upgrade ESLint and address new
linter errors. In doing so, I also added explicit imports for all JS
libraries, resolving a longstanding nuisance.

Author: williamjallen

.eslintignore

@@ -12,7 +12,7 @@ module.exports = defineConfig({
   defaultCommandTimeout: 120000,
   retries: 2,
   e2e: {
-    setupNodeEvents(on, config) {
+    setupNodeEvents() {
       // implement node event listeners here
     },
     baseUrl: 'http://localhost:8080',

.eslintrc.js

@@ -0,0 +1,96 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import pluginVue from 'eslint-plugin-vue';
+import pluginCypress from 'eslint-plugin-cypress';
+import pluginJest from 'eslint-plugin-jest';
+import { defineConfig, globalIgnores } from 'eslint/config';
+
+export default defineConfig([
+  js.configs.recommended,
+  pluginVue.configs['flat/essential'],
+
+  globalIgnores([
+    'vendor/*',
+    '_build/*',
+    'cypress_cache/*',
+    'public/assets/*',
+    'public/vendor/*',
+    'resources/js/angular/*',
+    '**/__mocks__/**',
+  ]),
+
+  {
+    files: ['**/*.{js,mjs,cjs,vue}'],
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+    },
+    rules: {
+      'indent': ['error', 2],
+      'vue/no-v-html': 'off',
+      'vue/require-v-for-key': 'off',
+      'eqeqeq': ['error', 'always'],
+      'arrow-spacing': ['error'],
+      'block-spacing': ['error'],
+      'brace-style': ['error', 'stroustrup'],
+      'comma-dangle': ['error', 'always-multiline'],
+      'curly' : ['error'],
+      'default-param-last': ['error'],
+      'eol-last': ['error'],
+      'keyword-spacing': ['error', {'before': true, 'after': true}],
+      'space-before-blocks': ['error', 'always'],
+      'linebreak-style': ['error', 'unix'],
+      'no-trailing-spaces': ['error'],
+      'no-var': ['error'],
+      'prefer-arrow-callback': ['error'],
+      'prefer-const': ['error'],
+      'prefer-template': ['error'],
+      'quotes': ['error', 'single', {'avoidEscape': true}],
+      'semi': ['error', 'always'],
+      'semi-style': ['error', 'last'],
+      'template-curly-spacing': ['error', 'never'],
+    },
+  },
+  {
+    files: ['**/cypress/**/*.js'],
+    ...pluginCypress.configs.globals,
+  },
+  {
+    files: ['**/*.spec.js'],
+    plugins: {
+      jest: pluginJest,
+    },
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...pluginJest.environments.globals.globals,
+      },
+    },
+  },
+  {
+    files: [
+      '**/postcss.config.js',
+      '**/babel.config.js',
+      '**/jest.config.js',
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+  },
+  {
+    files: [
+      '**/webpack.mix.js',
+      '**/tailwind.config.js',
+      '**/cypress.config.js',
+    ],
+    languageOptions: {
+      sourceType: 'commonjs',
+      globals: {
+        ...globals.node,
+      },
+    },
+  }
+]);

cypress.config.js

@@ -10,6 +10,9 @@ module.exports = {
     '^.+\\.vue$': '@vue/vue3-jest',
   },
   transformIgnorePatterns: [
-    '/node_modules/(?!echarts|zrender)/',
+    '/node_modules/(?!echarts|zrender|jquery)/',
   ],
+  moduleNameMapper: {
+    'flot': '<rootDir>/tests/__mocks__/fileMock.js',
+  },
 };