chore: migrate to ESLint extends config structure (#1545)

* chore: migrate to ESLint extends config structure

* bump eslint-related deps

Author: MikeMcC399

eslint.config.mjs

@@ -1,41 +1,37 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
 import globals from 'globals'
-import pluginJs from '@eslint/js'
+import js from '@eslint/js'
 import pluginCypress from 'eslint-plugin-cypress'
 import stylistic from '@stylistic/eslint-plugin'
 
-export default [
-  pluginJs.configs.recommended,
-  pluginCypress.configs.recommended,
+export default defineConfig([
+  globalIgnores([
+    'dist/',
+    'examples/component-tests/dist/',
+    'examples/nextjs/.next/',
+    'examples/nextjs/build/',
+    'examples/nextjs/src/app/',
+    'examples/wait-on-vite/dist/',
+    'examples/**/.pnp.*',
+  ]),
   {
-    name: 'global-ignores',
-    ignores: [
-      'dist/',
-      'examples/component-tests/dist/',
-      'examples/nextjs/.next/',
-      'examples/nextjs/build/',
-      'examples/nextjs/src/app/',
-      'examples/wait-on-vite/dist/',
-      'examples/**/.pnp.*',
-    ],
-  },
-  {
-    name: 'all-js',
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        ...globals.node,
-      },
-    },
-  },
-  {
-    name: 'style',
     files: ['eslint.config.mjs', 'examples/**/*.js'],
-    ...stylistic.configs.recommended,
+    extends:
+      [
+        js.configs.recommended,
+        pluginCypress.configs.recommended,
+        stylistic.configs.recommended,
+      ],
     rules: {
-      '@stylistic/indent': ['error', 2],
+      '@stylistic/arrow-parens': ['error', 'always'],
       '@stylistic/comma-dangle': ['error', 'always-multiline'],
+      '@stylistic/indent': ['error', 2],
       '@stylistic/quotes': ['error', 'single'],
       '@stylistic/semi': ['error', 'never'],
+      '@stylistic/space-before-function-paren': ['error', 'always'],
+    },
+    languageOptions: {
+      globals: globals.node,
     },
   },
-]
+])

examples/browser/cypress.config.js

@@ -4,7 +4,7 @@ const os = require('os')
 module.exports = defineConfig({
   fixturesFolder: false,
   e2e: {
-    setupNodeEvents(on) {
+    setupNodeEvents (on) {
       on('before:browser:launch', (browser, launchOptions) => {
         console.log('before launching browser')
         console.log(browser)
@@ -20,7 +20,7 @@ module.exports = defineConfig({
       })
 
       on('task', {
-        log(message) {
+        log (message) {
           console.log(message)
           return null
         },

examples/component-tests/cypress/support/commands.js

@@ -22,4 +22,4 @@
 //
 //
 // -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

examples/config/cypress.config-alternate.js

@@ -4,7 +4,7 @@ module.exports = defineConfig({
   fixturesFolder: false,
   e2e: {
     baseUrl: 'http://localhost:3333',
-    setupNodeEvents() {
+    setupNodeEvents () {
       console.log('\nUsing cypress.config-alternate.js config-file')
     },
     supportFile: false,

examples/custom-command/index.js

@@ -4,7 +4,7 @@ const cypress = require('cypress')
 const _ = require('lodash')
 const fs = require('fs')
 
-cypress.run().then(results => {
+cypress.run().then((results) => {
   const summary = _.pickBy(results, (value, key) =>
     key.startsWith('total'),
   )

examples/env/cypress.config.js

@@ -3,7 +3,7 @@ const { defineConfig } = require('cypress')
 module.exports = defineConfig({
   fixturesFolder: false,
   e2e: {
-    setupNodeEvents(on, config) {
+    setupNodeEvents (on, config) {
       console.log('logging from cypress.config.js')
       console.log(
         'process.env.CYPRESS_environmentName',

examples/quiet/cypress.config.js

@@ -3,9 +3,9 @@ const { defineConfig } = require('cypress')
 module.exports = defineConfig({
   fixturesFolder: false,
   e2e: {
-    setupNodeEvents(on) {
+    setupNodeEvents (on) {
       on('task', {
-        log(message) {
+        log (message) {
           console.log(message)
           return null
         },

examples/wait-on-vite/counter.js

@@ -1,4 +1,4 @@
-export function setupCounter(element) {
+export function setupCounter (element) {
   let counter = 0
   const setCounter = (count) => {
     counter = count

examples/wait-on/index4.js

@@ -17,7 +17,7 @@ log('creating the server on port %d', port)
 const server = http.createServer((req, res) => {
   const reqTimestamp = +new Date()
   log('request at %d: %s %s', reqTimestamp, req.method, req.url)
-  setTimeout(function() {
+  setTimeout(function () {
     log('responding to request from %d', reqTimestamp)
     res.writeHead(200)
     res.end('all good')

examples/webpack/webpack.config.js

@@ -7,7 +7,7 @@ module.exports = {
   },
   devServer: {
     static: {
-      directory:  __dirname,
+      directory: __dirname,
     },
   },
   mode: 'development',