@pplancq/react-template 2.8.3 → 2.8.5

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## @pplancq/react-template [2.8.5](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.8.4...@pplancq/react-template@2.8.5) (2026-02-24)
+
+### Bug Fixes
+
+* **deps:** update commitlint monorepo to ^20.4.2 ([#1571](https://github.com/pplancq/dev-tools/issues/1571)) ([ab3f6a4](https://github.com/pplancq/dev-tools/commit/ab3f6a4e36f6007fd79071268aefa3a01210f512))
+* **deps:** update dependency @msw/playwright to ^0.6.4 ([#1567](https://github.com/pplancq/dev-tools/issues/1567)) ([eb4525e](https://github.com/pplancq/dev-tools/commit/eb4525e726ea4dc886151959fc6765f220e64db1))
+* **deps:** update dependency jsdom to ^28.1.0 ([#1573](https://github.com/pplancq/dev-tools/issues/1573)) ([313c332](https://github.com/pplancq/dev-tools/commit/313c332b7f8a94629a0d4f1db617690fc5590919))
+* **deps:** update dependency nodemon to ^3.1.13 ([#1569](https://github.com/pplancq/dev-tools/issues/1569)) ([d56a6ee](https://github.com/pplancq/dev-tools/commit/d56a6eef413d11110f5b74c31833c94ae7ec2dea))
+
+
+### Dependencies
+
+* **@pplancq/commitlint-config:** upgraded to 3.0.3
+* **@pplancq/eslint-config:** upgraded to 6.0.4
+
+## @pplancq/react-template [2.8.4](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.8.3...@pplancq/react-template@2.8.4) (2026-02-16)
+
+### Bug Fixes
+
+* **deps:** update dependency @msw/playwright to ^0.6.2 ([#1560](https://github.com/pplancq/dev-tools/issues/1560)) ([5628a4a](https://github.com/pplancq/dev-tools/commit/5628a4a9bd48426e215c0359759592ecc6bb96e4))
+* **deps:** update dependency @tanstack/react-query to ^5.90.21 ([#1558](https://github.com/pplancq/dev-tools/issues/1558)) ([267e328](https://github.com/pplancq/dev-tools/commit/267e328dbdda183b34fa240ecff7cbc6edf5827d))
+
+
+### Dependencies
+
+* **@pplancq/eslint-config:** upgraded to 6.0.3
+
 ## @pplancq/react-template [2.8.3](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.8.2...@pplancq/react-template@2.8.3) (2026-02-09)
 
 ### Bug Fixes

package/mise.toml

@@ -1,3 +1,3 @@
 [tools]
-node = "24.13.0"
-npm = "11.9.0"
+node = "24.13.1"
+npm = "11.10.1"

package/mocks/fixtures/user.ts

@@ -0,0 +1,25 @@
+export const users = [
+  {
+    id: 1,
+    name: 'Demo user',
+    username: '@demoUser',
+    email: 'demo@user.test',
+    address: {
+      street: 'Kulas Light',
+      suite: 'Apt. 556',
+      city: 'Gwenborough',
+      zipcode: '92998-3874',
+      geo: {
+        lat: '-37.3159',
+        lng: '81.1496',
+      },
+    },
+    phone: '1-770-736-8031 x56442',
+    website: 'hildegard.org',
+    company: {
+      name: 'Romaguera-Crona',
+      catchPhrase: 'Multi-layered client-server neural-net',
+      bs: 'harness real-time e-markets',
+    },
+  },
+];

package/mocks/handlers/userHandlers.ts

@@ -0,0 +1,6 @@
+import { users } from '@Mocks/fixtures/user';
+import { http, HttpResponse } from 'msw';
+
+export const getUsers200 = http.get('*/users', () => {
+  return HttpResponse.json(users);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pplancq/react-template",
-  "version": "2.8.3",
+  "version": "2.8.5",
   "license": "MIT",
   "description": "react template",
   "author": "pplancq <paul.plancq@outlook.fr>",
@@ -13,7 +13,7 @@
   "bin": {
     "template-install": "bin/template-install.js"
   },
-  "packageManager": "npm@11.9.0",
+  "packageManager": "npm@11.10.1",
   "scripts": {
     "start": "rsbuild dev",
     "start:mock": "rsbuild dev --env-mode mock",
@@ -50,7 +50,7 @@
   ],
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
-    "@tanstack/react-query": "^5.90.20",
+    "@tanstack/react-query": "^5.90.21",
     "@tanstack/react-query-devtools": "^5.91.3",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
@@ -60,9 +60,9 @@
   },
   "devDependencies": {
     "@bdellegrazie/playwright-sonar-reporter": "^0.4.0",
-    "@commitlint/cli": "^20.4.1",
-    "@msw/playwright": "^0.4.5",
-    "@playwright/test": "^1.58.1",
+    "@commitlint/cli": "^20.4.2",
+    "@msw/playwright": "^0.6.4",
+    "@playwright/test": "^1.58.2",
     "@pplancq/commitlint-config": "*",
     "@pplancq/eslint-config": "*",
     "@pplancq/postcss-config": "*",
@@ -75,27 +75,27 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.2.13",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^4.2.3",
     "@vitest/coverage-v8": "^4.0.18",
     "concurrently": "^9.2.1",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.3",
     "eslint-plugin-prettier": "^5.5.5",
     "husky": "^9.1.7",
-    "jsdom": "^28.0.0",
+    "jsdom": "^28.1.0",
     "lint-staged": "^16.2.7",
     "monocart-coverage-reports": "^2.12.9",
-    "msw": "^2.12.8",
-    "nodemon": "^3.1.11",
+    "msw": "^2.12.10",
+    "nodemon": "^3.1.13",
     "prettier": "^3.8.1",
     "rsbuild-plugin-stylelint": "^1.1.0",
-    "stylelint": "^17.1.1",
+    "stylelint": "^17.3.0",
     "stylelint-prettier": "^5.0.3",
     "tsc-files": "^1.1.4",
     "typescript": "^5.9.3",
     "vite-plugin-svgr": "^4.5.0",
-    "vite-tsconfig-paths": "^6.0.5",
+    "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.0.18",
     "vitest-axe": "^1.0.0-pre.5",
     "vitest-sonar-reporter": "^3.0.0"

package/playwright.config.ts

@@ -40,7 +40,7 @@ export default defineConfig({
     },
   ],
   webServer: {
-    command: 'npm run start',
+    command: 'npm run build -- --env-mode test && npm run preview',
     url: appUrl,
     stdout: 'pipe',
     reuseExistingServer: !process.env.CI,

package/tests/demo.test.ts

@@ -1,4 +1,5 @@
 import { expect } from '@playwright/test';
+import { getUsers200 } from '../mocks/handlers/userHandlers';
 import { describe, it } from './fixture/playwright.fixture';
 
 describe('Demo Test', () => {
@@ -7,4 +8,10 @@ describe('Demo Test', () => {
     const title = page.getByText('WELCOME TO YOUR REACT STARTER KIT');
     await expect(title).toBeVisible();
   });
+
+  it('should data fetching', async ({ page, network }) => {
+    network.use(getUsers200);
+    await page.goto('/reactQueryDemo');
+    await expect(page.getByText('Demo user')).toBeVisible();
+  });
 });

package/tests/fixture/playwright.fixture.ts

@@ -1,12 +1,13 @@
-import { createNetworkFixture, type NetworkFixture } from '@msw/playwright';
+import type { NetworkFixture } from '@msw/playwright';
 import { test as base } from '@playwright/test';
+import { createNetworkFixture } from '../utils/createNetworkFixture';
 import { createTestWithCoverageFixture } from '../utils/createTestWithCoverageFixture';
 
 export const test = base.extend<{
   testWithCoverage: string;
   network: NetworkFixture;
 }>({
-  testWithCoverage: createTestWithCoverageFixture,
+  testWithCoverage: createTestWithCoverageFixture(),
   network: createNetworkFixture(),
 });
 

package/tests/utils/createNetworkFixture.ts

@@ -0,0 +1,18 @@
+import { defineNetworkFixture, type NetworkFixture } from '@msw/playwright';
+import type { PlaywrightTestArgs, PlaywrightWorkerArgs, TestFixture } from '@playwright/test';
+
+export const createNetworkFixture = (): [
+  TestFixture<NetworkFixture, PlaywrightTestArgs & PlaywrightWorkerArgs>,
+  { auto: true },
+] => [
+  async ({ context }, use) => {
+    const network = defineNetworkFixture({
+      context,
+    });
+
+    await network.enable();
+    await use(network);
+    await network.disable();
+  },
+  { auto: true },
+];