@pplancq/react-template 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -1,3 +1,37 @@
+## @pplancq/react-template [2.1.0](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.0.1...@pplancq/react-template@2.1.0) (2024-11-18)
+
+### Features
+
+* **react-template:** remove babel config ([c2990a0](https://github.com/pplancq/dev-tools/commit/c2990a08061bed421d85d48d8381f5fd9096d4e5))
+* **react-template:** replace @vitejs/plugin-react by @vitejs/plugin-react-swc ([e613869](https://github.com/pplancq/dev-tools/commit/e613869e5233833d6fe0cd4a9ab67a24ab575db2))
+
+### Bug Fixes
+
+* **react-template:** fix warning fron react-router-dom ([6e71da3](https://github.com/pplancq/dev-tools/commit/6e71da3ac8393d2e6975bb84a388499f63947265))
+* **deps:** update dependency react-hook-form to ^7.53.2 ([ea74c8c](https://github.com/pplancq/dev-tools/commit/ea74c8cd15493d60213c4ca6b9979e88c793f11f))
+* **deps:** update react-query mono repo to ^5.60.2 ([d95ce29](https://github.com/pplancq/dev-tools/commit/d95ce290ca9a9730bdeb0ff330897449bf2a0f79))
+
+
+### Dependencies
+
+* **@pplancq/eslint-config:** upgraded to 4.0.2
+* **@pplancq/postcss-config:** upgraded to 2.1.4
+* **@pplancq/webpack-config:** upgraded to 1.7.0
+
+## @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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pplancq/react-template",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "license": "MIT",
   "description": "react template",
   "author": "pplancq <paul.plancq@outlook.fr>",
@@ -37,17 +37,16 @@
   ],
   "dependencies": {
     "@hookform/resolvers": "^3.9.1",
-    "@tanstack/react-query": "^5.59.15",
-    "@tanstack/react-query-devtools": "^5.59.15",
+    "@tanstack/react-query": "^5.60.2",
+    "@tanstack/react-query-devtools": "^5.60.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.1",
-    "react-router-dom": "^6.27.0",
+    "react-hook-form": "^7.53.2",
+    "react-router-dom": "^6.28.0",
     "yup": "^1.4.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.5.0",
-    "@pplancq/babel-config": "*",
     "@pplancq/commitlint-config": "*",
     "@pplancq/eslint-config": "*",
     "@pplancq/postcss-config": "*",
@@ -59,26 +58,26 @@
     "@testing-library/user-event": "^14.5.2",
     "@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.0.1",
+    "@vitejs/plugin-react-swc": "^3.7.1",
+    "@vitest/coverage-v8": "^2.1.5",
+    "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.5.1",
+    "msw": "^2.6.4",
     "prettier": "^3.3.3",
     "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.4",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.2",
+    "vitest": "^2.1.5",
     "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 +85,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.5.2'
-const INTEGRITY_CHECKSUM = '07a8241b182f8a246a7cd39894799a9e'
+const PACKAGE_VERSION = '2.6.5'
+const INTEGRITY_CHECKSUM = 'ca7800994cc8bfb5eb961e037c877074'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()
 
@@ -192,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/scripts/migrateToVite.js

@@ -30,11 +30,8 @@ const getPackageManager = () => {
 const packageManager = getPackageManager();
 
 console.info('\nremove webpack ...');
-runCommand(
-  `${packageManager} remove @pplancq/webpack-config @pplancq/babel-config webpack webpack-cli webpack-dev-server`,
-);
+runCommand(`${packageManager} remove @pplancq/webpack-config webpack webpack-cli webpack-dev-server`);
 rmSync(resolve(__dirname, '../webpack.config.js'));
-rmSync(resolve(__dirname, '../babelrc.js'));
 console.info('\ninstall vite package ...');
 runCommand(
   `${packageManager} ${packageManager === YARN ? 'add --dev' : 'install --save-dev'} vite vite-plugin-eslint2 vite-plugin-stylelint sass`,
@@ -42,7 +39,7 @@ runCommand(
 
 writeFileSync(
   resolve(__dirname, '../vite.config.mts'),
-  `import react from '@vitejs/plugin-react'
+  `import react from '@vitejs/plugin-react-swc'
 import { resolve } from 'path'
 import { defineConfig, loadEnv } from 'vite'
 import eslintPlugin from 'vite-plugin-eslint2'

package/src/components/Footer/__tests__/Footer.test.tsx

@@ -5,7 +5,7 @@ import { Footer } from '../Footer';
 describe('Footer Component', () => {
   it('should render the Footer component correctly', () => {
     const { container } = render(
-      <Router>
+      <Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
         <Footer />
       </Router>,
     );

package/src/components/Header/__tests__/Header.test.tsx

@@ -5,7 +5,7 @@ import { Header } from '../Header';
 describe('Header Component', () => {
   it('should render the Header component correctly', () => {
     const { container } = render(
-      <Router>
+      <Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
         <Header />
       </Router>,
     );

package/src/pages/Demo/__tests__/Demo.test.tsx

@@ -5,7 +5,7 @@ import { Demo } from '../Demo';
 describe('Demo Component', () => {
   it('should render the Demo component correctly', () => {
     const { container } = render(
-      <Router>
+      <Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
         <Demo />
       </Router>,
     );

package/src/routing/routerFactory.ts

@@ -6,5 +6,13 @@ interface CreateRouterProps {
 }
 
 export const createRouter = ({ basename }: CreateRouterProps = {}) => {
-  return createBrowserRouter(routeObject, { basename });
+  return createBrowserRouter(routeObject, {
+    basename,
+    future: {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-expect-error
+      v7_startTransition: true,
+      v7_relativeSplatPath: true,
+    },
+  });
 };

package/vitest.config.mts

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import react from '@vitejs/plugin-react';
+import react from '@vitejs/plugin-react-swc';
 import { resolve } from 'path';
 import { loadEnv } from 'vite';
 import svgr from 'vite-plugin-svgr';

package/.babelrc.js

@@ -1 +0,0 @@
-module.exports = { extends: '@pplancq/babel-config' };