@pplancq/react-template 1.9.1 → 2.0.1

package/.env

@@ -27,6 +27,12 @@
 # Default is false
 #DISABLE_ESLINT_PLUGIN=false
 
+# Specify the type of configuration to use with ESLint.
+# - 'eslintrc' is the classic configuration format available in most ESLint versions.
+# - 'flat'  is the new format introduced in ESLint 8.21.0.
+# Default is 'eslintrc'
+ESLINT_CONFIG_TYPE='flat'
+
 # Allows you to deactivate the sourcemap
 # Default is false
 #DISABLE_SOURCE_MAP=false

package/.lintstagedrc.js

@@ -1,7 +1,7 @@
 module.exports = {
-  '*.{js,jsx,ts,tsx}': 'eslint --fix',
+  '*.{js,jsx,mjs,ts,tsx}': 'eslint --fix',
   '*.{ts,tsx}': 'tsc-files --noEmit',
   '*.{scss,css}': 'stylelint --fix',
-  '*.!(js|jsx|ts|tsx|scss|css)': 'prettier --write --ignore-unknown',
+  '*.!(js|jsx|mjs|ts|tsx|scss|css)': 'prettier --write --ignore-unknown',
   '(package|package-lock).json': 'npm run package:check',
 };

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## @pplancq/react-template [2.0.1](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.0.0...@pplancq/react-template@2.0.1) (2024-11-11)
+
+### Bug Fixes
+
+* **deps:** update dependency react-router-dom to ^6.28.0 ([5b0ed65](https://github.com/pplancq/dev-tools/commit/5b0ed656f6fbe1fbcbcee4a33636841ebc16e646))
+* **deps:** update react-query mono repo to ^5.59.20 ([f147aba](https://github.com/pplancq/dev-tools/commit/f147aba053a9921888639870ac5d47933a4054d6))
+
+
+### Dependencies
+
+* **@pplancq/eslint-config:** upgraded to 4.0.1
+* **@pplancq/postcss-config:** upgraded to 2.1.3
+* **@pplancq/webpack-config:** upgraded to 1.6.1
+
+## @pplancq/react-template [2.0.0](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@1.9.1...@pplancq/react-template@2.0.0) (2024-11-08)
+
+### ⚠ BREAKING CHANGES
+
+* **eslint-config:** this version support only eslint v9 with new flat configuration.\ Please refer to the Migration Guide for detailed instructions: [Migration Guide](./MIGRATION.md#migration-guide-pplancqeslint-config-v3-to-v4)
+
+### Features
+
+* **react-template:** set eslint flat config for eslint webpack plugin ([d7ef000](https://github.com/pplancq/dev-tools/commit/d7ef00091c0f03d4f3a4dfc69d626f6e230ab55e))
+* **eslint-config:** update eslint v8 to v9 ([5cf5721](https://github.com/pplancq/dev-tools/commit/5cf57215c74172fd0f611c8425522d927752026e))
+* **react-template:** use eslint flat config ([a145c2a](https://github.com/pplancq/dev-tools/commit/a145c2a7690b8c6fb9f0f8e2765d1fb02c0fd6c0))
+
+### Bug Fixes
+
+* **deps:** update dependency @hookform/resolvers to ^3.9.1 ([a881b6a](https://github.com/pplancq/dev-tools/commit/a881b6a07fe9835318939e44d89f76053027876d))
+* **deps:** update dependency react-hook-form to ^7.53.1 ([98fe84f](https://github.com/pplancq/dev-tools/commit/98fe84f9742f9fa43050fe81c53b5675e6912a83))
+* **deps:** update dependency react-router-dom to ^6.27.0 ([ecb8b37](https://github.com/pplancq/dev-tools/commit/ecb8b372d060bd17f64f2366608dc1aea4b57721))
+* **deps:** update react-query mono repo to ^5.59.15 ([47bf3b4](https://github.com/pplancq/dev-tools/commit/47bf3b42b54e5018dff960ed6171b736c1738fe8))
+
+
+### Dependencies
+
+* **@pplancq/babel-config:** upgraded to 1.1.2
+* **@pplancq/eslint-config:** upgraded to 4.0.0
+* **@pplancq/postcss-config:** upgraded to 2.1.2
+* **@pplancq/webpack-config:** upgraded to 1.6.0
+
 ## @pplancq/react-template [1.9.1](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@1.9.0...@pplancq/react-template@1.9.1) (2024-10-15)
 
 ### Bug Fixes

package/eslint.config.mjs

@@ -0,0 +1,15 @@
+import { defineConfig } from '@pplancq/eslint-config';
+
+export default defineConfig({
+  enableReact: true,
+  enablePrettier: 'on',
+  enableVitest: true,
+  extendConfig: [
+    {
+      files: ['mocks/**/*'],
+      rules: {
+        'import/no-extraneous-dependencies': 'off',
+      },
+    },
+  ],
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pplancq/react-template",
-  "version": "1.9.1",
+  "version": "2.0.1",
   "license": "MIT",
   "description": "react template",
   "author": "pplancq <paul.plancq@outlook.fr>",
@@ -16,12 +16,12 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "lint": "node scripts/lint.js",
-    "lint:eslint": "eslint \"{mocks,public,src}/**/*.{js,jsx,ts,tsx}\"",
-    "lint:eslint:fix": "eslint \"{mocks,public,src}/**/*.{js,jsx,ts,tsx}\" --fix",
+    "lint:eslint": "eslint \"{mocks,public,src}/**/*.{js,jsx,mjs,ts,tsx}\"",
+    "lint:eslint:fix": "eslint \"{mocks,public,src}/**/*.{js,jsx,mjs,ts,tsx}\" --fix",
     "lint:stylelint": "stylelint \"src/**/*.{scss,css}\"",
     "lint:stylelint:fix": "stylelint \"src/**/*.{scss,css}\" --fix",
-    "lint:prettier": "prettier \"{mocks,public,src}/**/*.!(js|jsx|ts|tsx|scss|css)\" --check --ignore-unknown",
-    "lint:prettier:fix": "prettier \"{mocks,public,src}/**/*.!(js|jsx|ts|tsx|scss|css)\" --write --ignore-unknown",
+    "lint:prettier": "prettier \"{mocks,public,src}/**/*.!(js|jsx|mjs|ts|tsx|scss|css)\" --check --ignore-unknown",
+    "lint:prettier:fix": "prettier \"{mocks,public,src}/**/*.!(js|jsx|mjs|ts|tsx|scss|css)\" --write --ignore-unknown",
     "lint:tsc": "tsc --noEmit",
     "package:check": "npm exec --yes package-lock-utd@1.1.3",
     "remove:demo": "node ./scripts/removeDemo.js",
@@ -36,13 +36,13 @@
     "template"
   ],
   "dependencies": {
-    "@hookform/resolvers": "^3.9.0",
-    "@tanstack/react-query": "^5.59.9",
-    "@tanstack/react-query-devtools": "^5.59.9",
+    "@hookform/resolvers": "^3.9.1",
+    "@tanstack/react-query": "^5.59.20",
+    "@tanstack/react-query-devtools": "^5.59.20",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-router-dom": "^6.26.2",
+    "react-hook-form": "^7.53.1",
+    "react-router-dom": "^6.28.0",
     "yup": "^1.4.0"
   },
   "devDependencies": {
@@ -54,31 +54,31 @@
     "@pplancq/prettier-config": "*",
     "@pplancq/stylelint-config": "*",
     "@pplancq/webpack-config": "*",
-    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.2",
-    "@vitest/coverage-v8": "^2.1.2",
-    "concurrently": "^9.0.1",
-    "eslint": "^8.57.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "@vitest/coverage-v8": "^2.1.4",
+    "concurrently": "^9.1.0",
+    "eslint": "^9.14.0",
     "eslint-plugin-prettier": "^5.2.1",
     "husky": "^9.1.6",
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
-    "msw": "^2.4.9",
+    "msw": "^2.6.2",
     "prettier": "^3.3.3",
-    "stylelint": "^16.9.0",
+    "stylelint": "^16.10.0",
     "stylelint-prettier": "^5.0.2",
     "tsc-files": "^1.1.4",
     "typescript": "^5.6.3",
-    "vite-plugin-svgr": "^4.2.0",
-    "vite-tsconfig-paths": "^5.0.1",
-    "vitest": "^2.1.2",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.0",
+    "vitest": "^2.1.4",
     "vitest-axe": "^1.0.0-pre.3",
     "vitest-sonar-reporter": "^2.0.0",
-    "webpack": "^5.95.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.1.0"
   },
@@ -86,7 +86,7 @@
     "node": ">=20.12.2"
   },
   "volta": {
-    "node": "20.18.0",
+    "node": "22.11.0",
     "npm": "10.9.0"
   },
   "browserslist": {

package/public/mockServiceWorker.js

@@ -8,8 +8,8 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.3.1'
-const INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'
+const PACKAGE_VERSION = '2.6.4'
+const INTEGRITY_CHECKSUM = 'ca7800994cc8bfb5eb961e037c877074'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()
 
@@ -62,7 +62,12 @@ self.addEventListener('message', async function (event) {
 
       sendToClient(client, {
         type: 'MOCKING_ENABLED',
-        payload: true,
+        payload: {
+          client: {
+            id: client.id,
+            frameType: client.frameType,
+          },
+        },
       })
       break
     }
@@ -155,6 +160,10 @@ async function handleRequest(event, requestId) {
 async function resolveMainClient(event) {
   const client = await self.clients.get(event.clientId)
 
+  if (activeClientIds.has(event.clientId)) {
+    return client
+  }
+
   if (client?.frameType === 'top-level') {
     return client
   }
@@ -183,12 +192,14 @@ async function getResponse(event, client, requestId) {
   const requestClone = request.clone()
 
   function passthrough() {
-    const headers = Object.fromEntries(requestClone.headers.entries())
-
-    // Remove internal MSW request header so the passthrough request
-    // complies with any potential CORS preflight checks on the server.
-    // Some servers forbid unknown request headers.
-    delete headers['x-msw-intention']
+    // Cast the request headers to a new Headers instance
+    // so the headers can be manipulated with.
+    const headers = new Headers(requestClone.headers)
+
+    // Remove the "accept" header value that marked this request as passthrough.
+    // This prevents request alteration and also keeps it compliant with the
+    // user-defined CORS policies.
+    headers.delete('accept', 'msw/passthrough')
 
     return fetch(requestClone, { headers })
   }

package/.eslintrc.js

@@ -1,11 +0,0 @@
-module.exports = {
-  extends: ['@pplancq/eslint-config/react', '@pplancq/eslint-config/vitest', '@pplancq/eslint-config/prettier'],
-  overrides: [
-    {
-      files: ['mocks/**/*'],
-      rules: {
-        'import/no-extraneous-dependencies': 'off',
-      },
-    },
-  ],
-};