chore: modernize JS stack (#37)

* chore(pkg): migrate to PNPM, upgrade all dev dependencies

* chore(pkg): remove husky & lint-staged

* chore(eslint): modernize configuration

* chore: remove yarn.lock

* chore: configure Prettier and run it

* fix(jest): re-install JSDom integration

* chore(cypress): migrate Cypress configuration

* chore: configure Prettier and run it

Author: Kocal

.eslintrc.js

@@ -1,9 +1,10 @@
-const { generateConfig } = require('@kocal/eslint-config-generator');
-
-const config = generateConfig();
-
-// We don't need @babel/eslint-parser as we don't use Babel
-delete config.parser;
-delete config.parserOptions;
-
-module.exports = config;
+/** @type {import('eslint').BaseConfig} */
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es2021: true,
+  },
+  extends: ['eslint:recommended', 'eslint-config-prettier'],
+};

.github/workflows/ci.yml

@@ -12,7 +12,7 @@ env:
     COMPOSER_MEMORY_LIMIT: -1
 
     PHP_VERSION_DEFAULT: 8.1
-    NODE_VERSION: 14.x
+    NODE_VERSION: 20.x
 
 jobs:
     static_analysis:
@@ -30,6 +30,8 @@ jobs:
               with:
                   node-version: ${{ env.NODE_VERSION }}
 
+            - uses: pnpm/action-setup@v2
+
             - run: composer validate --strict
 
             - run: composer install --prefer-dist --no-interaction --no-progress
@@ -40,11 +42,13 @@ jobs:
 
             - run: composer rector@ci
 
-            - run: yarn install --frozen-lockfile
+            - run: pnpm install --frozen-lockfile
+
+            - run: pnpm lint:check
 
-            - run: yarn lint
+            - run: pnpm format:check
 
-            - run: yarn test
+            - run: pnpm test
 
     test:
         runs-on: ubuntu-latest
@@ -149,6 +153,8 @@ jobs:
               with:
                   node-version: ${{ env.NODE_VERSION }}
 
+            - uses: pnpm/action-setup@v2
+
             - run: composer install --no-progress --prefer-dist --optimize-autoloader
 
             - name: Run Cypress

.husky/.gitignore

@@ -0,0 +1,4 @@
+fixtures/applications/Symfony/var
+fixtures/applications/Symfony/vendor
+tools/
+vendor/

.husky/pre-commit

@@ -3,7 +3,7 @@
   "printWidth": 120,
   "overrides": [
     {
-      "files": ["*.{yml,yaml}", ".*.{yml,yaml}"],
+      "files": ["*.{yml,yaml,json}"],
       "options": {
         "tabWidth": 4
       }

.prettierignore

@@ -0,0 +1,15 @@
+const { defineConfig } = require('cypress');
+
+module.exports = defineConfig({
+  fixturesFolder: 'tests/Bridge/Cypress/fixtures',
+  screenshotsFolder: 'tests/Bridge/Cypress/screenshots',
+  videosFolder: 'tests/Bridge/Cypress/videos',
+  e2e: {
+    setupNodeEvents(on, config) {
+      return require('./tests/Bridge/Cypress/plugins/index.js')(on, config);
+    },
+    baseUrl: 'http://127.0.0.1:8000/',
+    specPattern: 'tests/Bridge/Cypress/specs/**/*.cy.{js,jsx,ts,tsx}',
+    supportFile: 'tests/Bridge/Cypress/support/index.js',
+  },
+});

.prettierrc

@@ -1,31 +1,35 @@
 {
-  "private": true,
-  "version": "0.0.0-development",
-  "description": "Test your emails with Behat and Cypress, when using the Symfony Mailer component.",
-  "repository": "https://github.com/Kocal/SymfonyMailerTesting",
-  "author": "Hugo Alliaume <hugo@alliau.me>",
-  "license": "MIT",
-  "scripts": {
-    "lint": "eslint *.js src tests --ext .js,.vue",
-    "prettier": "prettier",
-    "test": "jest",
-    "prepare": "husky install"
-  },
-  "peerDependencies": {
-    "cypress": ">=4.0.0"
-  },
-  "devDependencies": {
-    "@kocal/eslint-config-generator": "^2.0.3",
-    "@types/jest": "^27.4.0",
-    "cypress": "^7.4.0",
-    "eslint": "^7.27.0",
-    "eslint-plugin-chai-friendly": "^0.7.1",
-    "eslint-plugin-cypress": "^2.11.3",
-    "eslint-plugin-jest": "^26.1.0",
-    "eslint-plugin-mocha": "^9.0.0",
-    "husky": "^6.0.0",
-    "jest": "^27.5.1",
-    "lint-staged": "^11.0.0",
-    "prettier": "^2.0.5"
-  }
+    "private": true,
+    "version": "0.0.0-development",
+    "engines": {
+        "node": "20.x"
+    },
+    "packageManager": "pnpm@8.14.0",
+    "description": "Test your emails with Behat and Cypress, when using the Symfony Mailer component.",
+    "repository": "https://github.com/Kocal/SymfonyMailerTesting",
+    "author": "Hugo Alliaume <hugo@alliau.me>",
+    "license": "MIT",
+    "scripts": {
+        "lint:check": "eslint *.js src tests --ext .js,.vue",
+        "lint": "eslint --fix *.js src tests --ext .js,.vue",
+        "format:check": "prettier . --check",
+        "format": "prettier . --write",
+        "test": "jest"
+    },
+    "peerDependencies": {
+        "cypress": ">=4.0.0"
+    },
+    "devDependencies": {
+        "@types/jest": "^29.5.11",
+        "cypress": "^13.6.3",
+        "eslint": "^8.56.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-chai-friendly": "^0.7.4",
+        "eslint-plugin-cypress": "^2.15.1",
+        "eslint-plugin-jest": "^27.6.3",
+        "eslint-plugin-mocha": "^10.2.0",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "prettier": "^3.2.4"
+    }
 }