@pplancq/react-template 2.7.16 → 2.8.1

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+## @pplancq/react-template [2.8.1](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.8.0...@pplancq/react-template@2.8.1) (2026-01-29)
+
+### Bug Fixes
+
+* **react-template:** simplify poolOptions to maxWorkers ([49a80ee](https://github.com/pplancq/dev-tools/commit/49a80ee245a5ba81d5263b39c488e76bd97de951))
+* **deps:** update dependency @tanstack/react-query to ^5.90.19 ([9dcea18](https://github.com/pplancq/dev-tools/commit/9dcea18c38567c6f5a7bf9d5ab361fe623b12ea5))
+
+
+### Dependencies
+
+* **@pplancq/commitlint-config:** upgraded to 3.0.0
+* **@pplancq/eslint-config:** upgraded to 6.0.0
+* **@pplancq/postcss-config:** upgraded to 3.0.1
+* **@pplancq/prettier-config:** upgraded to 2.0.0
+* **@pplancq/stylelint-config:** upgraded to 5.0.0
+
+## @pplancq/react-template [2.8.0](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.7.16...@pplancq/react-template@2.8.0) (2026-01-20)
+
+### Features
+
+* **react-template:** add rsbuild-plugin-stylelint dependency and update config ([7794c90](https://github.com/pplancq/dev-tools/commit/7794c909a9787de571fd3297e87d79f2c7efb8be))
+
+### Bug Fixes
+
+* **react-template:** correct eslint plugin enable logic and add options ([ffbd2d3](https://github.com/pplancq/dev-tools/commit/ffbd2d3581a3cc68bdca44d35478d18986ac0c13))
+* **deps:** update dependency @tanstack/react-query to ^5.90.18 ([96ec60d](https://github.com/pplancq/dev-tools/commit/96ec60d0519b0a97330781821f3990c0e824ea80))
+* **deps:** update dependency react-hook-form to ^7.71.1 ([4da0585](https://github.com/pplancq/dev-tools/commit/4da05851ff912aeebbeb23eafd0b6b29d8b4dce1))
+
+
+### Dependencies
+
+* **@pplancq/eslint-config:** upgraded to 5.0.22
+* **@pplancq/postcss-config:** upgraded to 3.0.0
+* **@pplancq/stylelint-config:** upgraded to 4.1.0
+
 ## @pplancq/react-template [2.7.16](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.7.15...@pplancq/react-template@2.7.16) (2026-01-12)
 
 ### Bug Fixes

package/mise.toml

@@ -1,3 +1,3 @@
 [tools]
-npm = "11.7.0"
-node = "24.12.0"
+npm = "11.8.0"
+node = "24.13.0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pplancq/react-template",
-  "version": "2.7.16",
+  "version": "2.8.1",
   "license": "MIT",
   "description": "react template",
   "author": "pplancq <paul.plancq@outlook.fr>",
@@ -13,6 +13,7 @@
   "bin": {
     "template-install": "bin/template-install.js"
   },
+  "packageManager": "npm@11.8.0",
   "scripts": {
     "start": "rsbuild dev",
     "start:mock": "rsbuild dev --env-mode mock",
@@ -49,18 +50,18 @@
   ],
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
-    "@tanstack/react-query": "^5.90.16",
+    "@tanstack/react-query": "^5.90.19",
     "@tanstack/react-query-devtools": "^5.91.2",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "react-hook-form": "^7.70.0",
+    "react-hook-form": "^7.71.1",
     "react-router": "^7.12.0",
     "yup": "^1.7.1"
   },
   "devDependencies": {
     "@bdellegrazie/playwright-sonar-reporter": "^0.4.0",
     "@commitlint/cli": "^20.3.1",
-    "@msw/playwright": "^0.4.2",
+    "@msw/playwright": "^0.4.5",
     "@playwright/test": "^1.57.0",
     "@pplancq/commitlint-config": "*",
     "@pplancq/eslint-config": "*",
@@ -68,37 +69,42 @@
     "@pplancq/prettier-config": "*",
     "@pplancq/stylelint-config": "*",
     "@rsbuild/core": "^1.7.2",
-    "@rsbuild/plugin-eslint": "^1.2.0",
-    "@rsbuild/plugin-react": "^1.4.2",
-    "@rsbuild/plugin-sass": "^1.4.0",
+    "@rsbuild/plugin-eslint": "^1.2.1",
+    "@rsbuild/plugin-react": "^1.4.3",
+    "@rsbuild/plugin-sass": "^1.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^4.2.2",
-    "@vitest/coverage-v8": "^4.0.16",
+    "@vitest/coverage-v8": "^4.0.18",
     "concurrently": "^9.2.1",
     "eslint": "^9.39.2",
-    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-prettier": "^5.5.5",
     "husky": "^9.1.7",
     "jsdom": "^27.4.0",
     "lint-staged": "^16.2.7",
     "monocart-coverage-reports": "^2.12.9",
     "msw": "^2.12.7",
     "nodemon": "^3.1.11",
-    "prettier": "^3.7.4",
-    "stylelint": "^16.26.1",
+    "prettier": "^3.8.1",
+    "rsbuild-plugin-stylelint": "^1.0.1",
+    "stylelint": "^17.0.0",
     "stylelint-prettier": "^5.0.3",
-    "stylelint-webpack-plugin": "^5.0.1",
     "tsc-files": "^1.1.4",
     "typescript": "^5.9.3",
     "vite-plugin-svgr": "^4.5.0",
-    "vite-tsconfig-paths": "^6.0.3",
-    "vitest": "^4.0.16",
+    "vite-tsconfig-paths": "^6.0.4",
+    "vitest": "^4.0.18",
     "vitest-axe": "^1.0.0-pre.5",
     "vitest-sonar-reporter": "^3.0.0"
   },
+  "overrides": {
+    "rsbuild-plugin-stylelint": {
+      "stylelint": "$stylelint"
+    }
+  },
   "engines": {
     "node": ">=20.12.2"
   },

package/rsbuild.config.ts

@@ -2,7 +2,7 @@ import { defineConfig, loadEnv } from '@rsbuild/core';
 import { pluginEslint } from '@rsbuild/plugin-eslint';
 import { pluginReact } from '@rsbuild/plugin-react';
 import { pluginSass } from '@rsbuild/plugin-sass';
-import StylelintPlugin from 'stylelint-webpack-plugin';
+import { pluginStylelint } from 'rsbuild-plugin-stylelint';
 import packageJson from './package.json';
 
 const resolveModule = (module: string) => {
@@ -19,8 +19,6 @@ const { publicVars } = loadEnv({ prefixes: [process.env.ENV_PREFIX ?? 'FRONT_']
 const publicUrl = process.env.PUBLIC_URL ?? (packageJson as { homepage?: string }).homepage ?? '/';
 const publicPath = new URL(publicUrl.endsWith('/') ? publicUrl : `${publicUrl}/`, 'http://localhost').pathname;
 const disableSourceMap = (process.env.DISABLE_SOURCE_MAP ?? 'false') === 'true' ? false : 'source-map';
-const disableStyleLintPlugin =
-  (process.env.DISABLE_STYLELINT_PLUGIN ?? 'false') === 'true' || !resolveModule('stylelint');
 
 export default defineConfig(({ env }) => {
   const isProduction = env === 'production';
@@ -31,7 +29,14 @@ export default defineConfig(({ env }) => {
       pluginSass(),
       !isProduction &&
         pluginEslint({
-          enable: (process.env.DISABLE_ESLINT_PLUGIN ?? 'false') === 'true' || !resolveModule('eslint'),
+          enable: (process.env.DISABLE_ESLINT_PLUGIN ?? 'false') === 'false' && resolveModule('eslint'),
+          eslintPluginOptions: {
+            configType: 'flat',
+          },
+        }),
+      !isProduction &&
+        pluginStylelint({
+          enable: (process.env.DISABLE_STYLELINT_PLUGIN ?? 'false') === 'false' && resolveModule('stylelint'),
         }),
     ].filter(Boolean),
     source: {
@@ -57,22 +62,9 @@ export default defineConfig(({ env }) => {
       ],
     },
     server: {
-      port: parseInt(process.env.PORT ?? '3000', 10),
+      port: Number.parseInt(process.env.PORT ?? '3000', 10),
       open: (process.env.BROWSER ?? 'false') === 'true',
     },
-    tools: {
-      rspack: {
-        plugins: [
-          !disableStyleLintPlugin &&
-            new StylelintPlugin({
-              extensions: ['css', 'scss', 'sass'],
-              stylelintPath: require.resolve('stylelint'),
-              failOnError: isProduction,
-              context: 'src',
-            }),
-        ].filter(Boolean),
-      },
-    },
     html: {
       template: './index.html',
     },

package/scripts/lint.js

@@ -6,7 +6,8 @@ const { result } = concurrently(['npm:lint:*(!fix)'], {
   maxProcesses: process.env.CI ? 1 : undefined,
 });
 
-result.then(
-  () => process.exit(0),
-  () => process.exit(1),
-);
+try {
+  await result;
+} catch {
+  process.exit(1);
+}

package/scripts/playwright.js

@@ -14,7 +14,7 @@ const main = async () => {
 
   let playwrightArgs = [...args];
 
-  if (args.indexOf('--watch') !== -1) {
+  if (args.includes('--watch')) {
     const filteredArgs = args.filter(a => a !== '--watch');
     runCommand('npx', [
       'nodemon',
@@ -28,7 +28,7 @@ const main = async () => {
     return;
   }
 
-  if (playwrightArgs.indexOf('--coverage') !== -1) {
+  if (playwrightArgs.includes('--coverage')) {
     process.env.ENABLED_COVERAGE = 'true';
     playwrightArgs = playwrightArgs.filter(p => p !== '--coverage');
   }
@@ -36,4 +36,12 @@ const main = async () => {
   runCommand('npx', ['playwright', ...playwrightArgs]);
 };
 
-main().catch(e => process.exit(e.status));
+try {
+  await main();
+} catch (e) {
+  const status =
+    e && typeof e === 'object' && 'status' in e && typeof e.status === 'number' && Number.isFinite(e.status)
+      ? e.status
+      : 1;
+  process.exit(status);
+}

package/scripts/removeDemo.cjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-const { rmSync, readFileSync, writeFileSync, mkdirSync } = require('fs');
-const { resolve } = require('path');
+const { rmSync, readFileSync, writeFileSync, mkdirSync } = require('node:fs');
+const { resolve } = require('node:path');
 
 const resolveSrc = path => resolve(__dirname, `../src${path}`);
 

package/scripts/test.js

@@ -14,7 +14,8 @@ const { result } = concurrently(commands, {
   maxProcesses: 1,
 });
 
-result.then(
-  () => process.exit(0),
-  () => process.exit(1),
-);
+try {
+  await result;
+} catch {
+  process.exit(1);
+}

package/src/main.ts

@@ -1,17 +1,11 @@
-const enableMock = async () => {
+(async () => {
   if (import.meta.env.FRONT_MOCK_ENABLE === 'true') {
     const { worker } = await import('@Mocks/browser');
-
-    return worker.start({
+    await worker.start({
       onUnhandledRequest: 'warn',
     });
   }
 
-  return Promise.resolve();
-};
-
-enableMock().then(() => {
-  import('./bootstrap').then(({ default: AppReact }) => {
-    customElements.define('app-react', AppReact);
-  });
-});
+  const { default: AppReact } = await import('./bootstrap');
+  customElements.define('app-react', AppReact);
+})();

package/tests/utils/playwright.globalSetup.ts

@@ -2,11 +2,13 @@ import type { FullConfig } from '@playwright/test';
 import { CoverageReport } from 'monocart-coverage-reports';
 import { coverageOptions } from '../../mrc.playwright.config';
 
-// eslint-disable-next-line import/no-default-export
-export default (config: FullConfig) => {
+const globalSetup = (config: FullConfig) => {
   if (config.webServer && coverageOptions.enabled) {
     console.info('[playwright]  Coverage enabled with monocart');
     const mcr = new CoverageReport(coverageOptions);
     mcr.cleanCache();
   }
 };
+
+// eslint-disable-next-line import/no-default-export
+export default globalSetup;

package/tests/utils/playwright.globalTeardown.ts

@@ -2,10 +2,12 @@ import type { FullConfig } from '@playwright/test';
 import { CoverageReport } from 'monocart-coverage-reports';
 import { coverageOptions } from '../../mrc.playwright.config';
 
-// eslint-disable-next-line import/no-default-export
-export default async (config: FullConfig) => {
+const globalTeardown = async (config: FullConfig) => {
   if (config.webServer && coverageOptions.enabled) {
     const mcr = new CoverageReport(coverageOptions);
     await mcr.generate();
   }
 };
+
+// eslint-disable-next-line import/no-default-export
+export default globalTeardown;

package/vitest.config.mts

@@ -1,5 +1,5 @@
 import react from '@vitejs/plugin-react-swc';
-import { resolve } from 'path';
+import { resolve } from 'node:path';
 import { loadEnv } from 'vite';
 import svgr from 'vite-plugin-svgr';
 import viteTsconfigPaths from 'vite-tsconfig-paths';
@@ -30,12 +30,7 @@ export default defineConfig(({ mode }) => {
         junit: 'junit-report.xml',
       },
       include: ['src/**/*.(spec|test|steps).[jt]s?(x)'],
-      poolOptions: {
-        forks: {
-          minForks: env.CI ? 1 : undefined,
-          maxForks: env.CI ? 2 : undefined,
-        },
-      },
+      maxWorkers: env.CI ? 2 : undefined,
       coverage: {
         enabled: env.CI === 'true',
         reporter: ['lcovonly', 'html', 'text', 'text-summary'],