@pplancq/react-template 2.8.17 → 2.10.0

package/CHANGELOG.md

@@ -1,3 +1,69 @@
+## 2.10.0 (2026-07-28)
+
+### 🎉 Features
+
+- **react-template:** remove postcss-config dependency ([3b57e0e](https://github.com/pplancq/dev-tools/commit/3b57e0e))
+- **react-template:** restructure test directories ([4762120](https://github.com/pplancq/dev-tools/commit/4762120))
+
+### 📦 Dependencies
+
+- Updated @pplancq/commitlint-config to 4.0.3
+- Updated @pplancq/stylelint-config to 5.0.4
+- Updated @pplancq/prettier-config to 3.0.1
+- Updated @pplancq/eslint-config to 6.0.18
+- **deps:** update dependency @bdellegrazie/playwright-sonar-reporter to ^0.5.2 ([#1821](https://github.com/pplancq/dev-tools/pull/1821))
+- **deps:** update dependency react-hook-form to ^7.83.0 ([#1828](https://github.com/pplancq/dev-tools/pull/1828))
+- **deps:** update dependency inversify to ^8.2.3 ([#1817](https://github.com/pplancq/dev-tools/pull/1817))
+- **deps:** update dependency @rsbuild/core to ^2.1.8 ([#1816](https://github.com/pplancq/dev-tools/pull/1816))
+- **deps:** update dependency @testing-library/jest-dom to v7 ([#1831](https://github.com/pplancq/dev-tools/pull/1831))
+- **deps:** update dependency react-router to ^8.3.0 ([#1829](https://github.com/pplancq/dev-tools/pull/1829))
+- **deps:** update react-query mono repo to ^5.101.4 ([#1826](https://github.com/pplancq/dev-tools/pull/1826))
+- **deps:** update react monorepo to ^19.2.8 ([#1825](https://github.com/pplancq/dev-tools/pull/1825))
+- **deps:** update dependency @vitejs/plugin-react to ^6.0.4 ([#1822](https://github.com/pplancq/dev-tools/pull/1822))
+- **deps:** update dependency inversify to ^8.1.3 ([#1782](https://github.com/pplancq/dev-tools/pull/1782))
+- **deps:** update dependency react-hook-form to ^7.81.0 ([#1789](https://github.com/pplancq/dev-tools/pull/1789))
+- **deps:** update commitlint monorepo ([#1799](https://github.com/pplancq/dev-tools/pull/1799))
+- **deps:** update dependency @rsbuild/plugin-react to ^2.1.0 ([#1785](https://github.com/pplancq/dev-tools/pull/1785))
+- **deps:** update dependency @vitejs/plugin-react to ^6.0.3 ([#1794](https://github.com/pplancq/dev-tools/pull/1794))
+- **deps:** update react-query mono repo to ^5.101.2 ([#1796](https://github.com/pplancq/dev-tools/pull/1796))
+- **deps:** update dependency @playwright/test to ^1.61.1 ([#1788](https://github.com/pplancq/dev-tools/pull/1788))
+- **deps:** update dependency msw to ^2.15.0 ([#1809](https://github.com/pplancq/dev-tools/pull/1809))
+- **deps:** update dependency @rsbuild/core to ^2.1.5 ([#1780](https://github.com/pplancq/dev-tools/pull/1780))
+- **deps:** update dependency stylelint to ^17.14.0 ([#1798](https://github.com/pplancq/dev-tools/pull/1798))
+- **deps:** update dependency react-router to v8 ([#1792](https://github.com/pplancq/dev-tools/pull/1792))
+- **deps:** update dependency @rsbuild/plugin-sass to v2 ([#1801](https://github.com/pplancq/dev-tools/pull/1801))
+
+### ❤️ Thank You
+
+- Paul PLANCQ
+
+## @pplancq/react-template [2.9.0](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.8.17...@pplancq/react-template@2.9.0) (2026-06-15)
+
+### Features
+
+* **react-template:** restructure react-template to Clean Architecture and DDD bounded contexts ([#1742](https://github.com/pplancq/dev-tools/issues/1742)) ([bbd8a9d](https://github.com/pplancq/dev-tools/commit/bbd8a9da2028a3f070993e38bd7140a5edbe6d2c))
+
+### Bug Fixes
+
+* **deps:** update commitlint monorepo to ^21.0.2 ([#1769](https://github.com/pplancq/dev-tools/issues/1769)) ([f3c7f42](https://github.com/pplancq/dev-tools/commit/f3c7f42c1229060f6471d68a3bdfc0517543ef3a))
+* **deps:** update dependency @hookform/resolvers to ^5.4.0 ([#1755](https://github.com/pplancq/dev-tools/issues/1755)) ([e7f1d68](https://github.com/pplancq/dev-tools/commit/e7f1d68a868fba6247fe360b8e8b5e9fc6275be4))
+* **deps:** update dependency @rsbuild/core to ^2.0.12 ([#1744](https://github.com/pplancq/dev-tools/issues/1744)) ([22a93b3](https://github.com/pplancq/dev-tools/commit/22a93b3d027b2a88c4bc9f80ecbeb4af91e3f0e6))
+* **deps:** update dependency @rsbuild/plugin-eslint to ^2.0.2 ([#1759](https://github.com/pplancq/dev-tools/issues/1759)) ([eeaa6cb](https://github.com/pplancq/dev-tools/commit/eeaa6cbe616a365066611c39a3ccc36db6598b7c))
+* **deps:** update dependency @rsbuild/plugin-react to ^2.0.1 ([#1766](https://github.com/pplancq/dev-tools/issues/1766)) ([b1527e6](https://github.com/pplancq/dev-tools/commit/b1527e6097daf03e8dbe82959e14899cf11d1086))
+* **deps:** update dependency @rsbuild/plugin-sass to ^1.5.3 ([#1767](https://github.com/pplancq/dev-tools/issues/1767)) ([b25e848](https://github.com/pplancq/dev-tools/commit/b25e848e00e384b3a378ec243ce69c7151ff4c8c))
+* **deps:** update dependency monocart-coverage-reports to ^2.12.12 ([#1768](https://github.com/pplancq/dev-tools/issues/1768)) ([8a5ba24](https://github.com/pplancq/dev-tools/commit/8a5ba24051ff8f7eb6409b5ab6738ebdb01055d9))
+* **deps:** update dependency react-hook-form to ^7.78.0 ([#1756](https://github.com/pplancq/dev-tools/issues/1756)) ([2cccd51](https://github.com/pplancq/dev-tools/commit/2cccd5144d875d0accf485b256ef3d91ca8fe893))
+* **deps:** update dependency stylelint to ^17.13.0 ([#1752](https://github.com/pplancq/dev-tools/issues/1752)) ([acfc13f](https://github.com/pplancq/dev-tools/commit/acfc13f61041ffc9323a3e469c1b2e51fbf3bf9f))
+* **deps:** update react monorepo ([#1745](https://github.com/pplancq/dev-tools/issues/1745)) ([8424cfe](https://github.com/pplancq/dev-tools/commit/8424cfed2645554410e1e7df2632376b26b1fb04))
+* **deps:** update react-query mono repo to ^5.101.0 ([#1749](https://github.com/pplancq/dev-tools/issues/1749)) ([31d0cfd](https://github.com/pplancq/dev-tools/commit/31d0cfdedf9a5c1ed2779cff2a0b8a0fd8a8ac5d))
+* **deps:** update react-router monorepo to ^7.17.0 ([#1763](https://github.com/pplancq/dev-tools/issues/1763)) ([6cfffba](https://github.com/pplancq/dev-tools/commit/6cfffba0a99f0c0dcb4f271ace035e60b2d951d3))
+
+
+### Dependencies
+
+* **@pplancq/commitlint-config:** upgraded to 4.0.2
+* **@pplancq/eslint-config:** upgraded to 6.0.17
+
 ## @pplancq/react-template [2.8.17](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@2.8.16...@pplancq/react-template@2.8.17) (2026-05-19)
 
 ### Bug Fixes

package/_README.md

@@ -81,64 +81,69 @@ Allows you to fix prettier lint errors.
 
 To remove the demo application.
 
-### `npm run migrate:vite`
-
-To migrate from webpack to vite.
-
 ## 🏗 <span id="project-structure">Project Structure</span>
 
-```
-📁 my-projet
+```text
+📁 my-project
 ├── 📁 src
-│   ├── 📁 ui
-│   │   ├── 📁 Atoms
-│   │   ├── 📁 Molecules
-│   │   ├── 📁 Organisms
-│   │   ├── 📁 Templates
-│   ├── 📁 components
-│   │   ├── 📁 formFields
-│   ├── 📁 providers
-│   ├── 📁 pages
-│   │   ├── 📁 homePage
-│   │   ├── 📁 page1
-│   │   │   ├── 📁 sousPage1
-│   ├── 📁 forms
-│   │   ├── 📁 hooks
-│   │   ├── 📁 risk
-│   │   ├── 📁 contact
-│   ├── 📁 hooks
-│   │   ├── 📁 api
-│   │   ├── 📁 useCustom1
-│   │   ├── 📁 useCustom2
-│   ├── 📁 utils
-│   │   ├── 📁 services
-│   │   ├── 📁 tests
-│   │   ├── 📁 helpers
-│   ├── 📁 routing
-│   ├── 📁 api
-│   ├── 📁 types
-│   ├── 📁 assets
-│   ├── 📁 config
+│   ├── 📄 README.md
+│   ├── 📁 app
+│   │   ├── 📄 README.md
+│   │   ├── 📄 App.tsx
+│   │   ├── 📄 AppHTMLElement.tsx
+│   │   ├── 📁 assets
+│   │   ├── 📁 config
+│   │   ├── 📁 providers
+│   │   └── 📁 routing
+│   ├── 📁 shared
+│   │   ├── 📄 README.md
+│   │   ├── 📁 application
+│   │   │   └── 📄 README.md
+│   │   ├── 📁 domain
+│   │   │   └── 📄 README.md
+│   │   ├── 📁 infrastructure
+│   │   │   └── 📄 README.md
+│   │   └── 📁 ui
+│   │       └── 📄 README.md
+│   ├── 📁 demo
+│   │   ├── 📄 README.md
+│   │   ├── 📁 application
+│   │   ├── 📁 domain
+│   │   ├── 📁 infrastructure
+│   │   ├── 📁 ui
+│   │   │   ├── 📁 assets
+│   │   │   ├── 📁 components
+│   │   │   ├── 📁 forms
+│   │   │   ├── 📁 hooks
+│   │   │   ├── 📁 layouts
+│   │   │   ├── 📁 pages
+│   │   │   └── 📁 routing
+│   │   ├── 📄 serviceDemo.ts
+│   │   └── 📄 serviceIdentifiers.ts
+│   ├── 📄 main.ts
+│   └── 📄 react-app-env.d.ts
 ```
 
 ### 📚 Folder Definitions
 
 Here is the project folder structure, with a brief description of each folder:
 
-| Folder                                               | Description                                                                                                                                                                                      |
-| ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| **📁 src**                                           | **_The root directory of the application source code._**                                                                                                                                         |
-| [**📁 ui**](./src/ui/README.md)                      | Contains reusable components designed to be used across projects. Components can be basic (Atoms), more complex (Molecules), higher-level components (Organisms), or page templates (Templates). |
-| [**📁&#160;components**](./src/components/README.md) | Contains project-specific reusable components, for example, form components using React Hook Form.                                                                                               |
-| [**📁 providers**](./src/providers/README.md)        | This folder contains context providers or custom hooks that provide data to the entire application.                                                                                              |
-| [**📁 pages**](./src/pages/README.md)                | Contains the pages of the application. Each subfolder represents a distinct page or view of the application.                                                                                     |
-| [**📁 forms**](./src/forms/README.md)                | Contains the forms of the application, grouping hooks related to forms.                                                                                                                          |
-| [**📁 hooks**](./src/hooks/README.md)                | Includes custom hooks for various application features, such as API calls with React Query.                                                                                                      |
-| [**📁 utils**](./src/utils/README.md)                | Contains utilities and services such as test files, utility functions, etc.                                                                                                                      |
-| [**📁 routing**](./src/routing/README.md)            | This folder is intended for native API calls using the `fetch`. function. These calls are essential for fetching real-time data from external sources, such as remote servers or web services.   |
-| [**📁 types**](./src/types/README.md)                | Provides TypeScript type definitions to enhance the robustness of your code.                                                                                                                     |
-| [**📁 assets**](./src/assets/README.md)              | Contains static files such as images, fonts, etc., used in the application.                                                                                                                      |
-| [**📁 config**](./src/config/README.md)              | Contains all the important configurations and utilities needed for our project.                                                                                                                  |
+| Folder                                                                | Description                                                                                                                                                |
+| --------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **📁 src**                                                            | **_The root directory of the application source code._** It also contains [`src/README.md`](./src/README.md), which serves as the documentation index.     |
+| [**📁 app**](./src/app/README.md)                                     | Owns the application bootstrap layer: root app composition, custom element entry point, routing, providers, global configuration, and app-wide assets.     |
+| [**📁 shared**](./src/shared/README.md)                               | Contains only genuinely reusable cross-context code. In this starter it is intentionally conservative and avoids hosting demo-specific UI.                 |
+| [**📁 shared/application**](./src/shared/application/README.md)       | Shared application-layer abstractions, DTO helpers, or orchestration utilities that can be reused by several bounded contexts.                             |
+| [**📁 shared/domain**](./src/shared/domain/README.md)                 | Shared pure types and contracts. This folder must stay framework-free and focused on stable, reusable domain-facing definitions.                           |
+| [**📁 shared/infrastructure**](./src/shared/infrastructure/README.md) | Shared technical helpers backed by external tools or browser APIs, such as generic HTTP utilities.                                                         |
+| [**📁 shared/ui**](./src/shared/ui/README.md)                         | Shared UI-facing helpers with no feature identity. In the current template it mainly exists for common hooks such as DI-to-React integration.              |
+| [**📁 demo**](./src/demo/README.md)                                   | The example bounded context included in the starter. It demonstrates how to structure a feature using `application`, `domain`, `infrastructure`, and `ui`. |
+| **📁 demo/ui/components**                                             | Demo visual components and building blocks. The structure stays practical and readable instead of exposing `atoms`, `molecules`, or `organisms` folders.   |
+| **📁 demo/ui/layouts**                                                | Demo layouts used to compose pages.                                                                                                                        |
+| **📁 demo/ui/pages**                                                  | Demo pages such as the overview page and the example feature pages.                                                                                        |
+| **📁 demo/ui/forms**                                                  | Demo form composition and form-related UI pieces.                                                                                                          |
+| **📁 demo/ui/hooks**                                                  | Demo-specific React hooks, such as query hooks that connect the UI to the application layer.                                                               |
+| **📁 demo/ui/routing**                                                | Demo route definitions and route path constants consumed by the app router.                                                                                |
 
 ## 🏗 <span id="component-structure">React Component Structure</span>
 
@@ -171,7 +176,7 @@ export { ComponentName } from './ComponentName';
 This will allow importing a component like this:
 
 ```typescript
-import { ComponentName } from '@Front/ComponentName';
+import { ComponentName } from '@Demo/ui/components/ComponentName';
 ```
 
 #### 📄 ComponentName.tsx
@@ -236,13 +241,13 @@ export const ComponentName = () => {
 
 ## ⚠️ Caution with Environment Variables
 
-The webpack configuration of this project allows for environment variables to be included in the application bundle. This could potentially expose sensitive information if the bundle is publicly accessible.
+The build configuration of this project allows for environment variables to be included in the application bundle. This could potentially expose sensitive information if the bundle is publicly accessible.
 
 It is recommended to only include non-sensitive environment variables in the application bundle. Sensitive information should not be exposed even if the bundle is publicly accessible.
 
 Ensure you understand the security implications before including environment variables in your bundle.
 
-Please note that the web configuration pre-filters environment variables via the default prefix ‘FRONT*’. This means that only environment variables starting with ‘FRONT*’ will be included in the bundle. This is an additional layer of security to prevent the accidental exposure of sensitive environment variables.
+Please note that the build configuration pre-filters environment variables via the default prefix `FRONT*`. This means that only environment variables starting with `FRONT*` will be included in the bundle. This is an additional layer of security to prevent the accidental exposure of sensitive environment variables.
 
 ## 🙇 <span id="learnmore">Learn More</span>
 

package/mise.toml

@@ -1,3 +1,3 @@
 [tools]
-node = "24.15.0"
-npm = "11.14.1"
+node = "24.18.0"
+npm = "12.0.1"

package/mocks/browser.ts

@@ -1,3 +1,3 @@
-import { setupWorker } from 'msw/browser';
+import { setupWorker } from "msw/browser";
 
 export const worker = setupWorker();

package/mocks/fixtures/user.ts

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

package/mocks/handlers/userHandlers.ts

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

package/mocks/server.ts

@@ -1,3 +1,3 @@
-import { setupServer } from 'msw/node';
+import { setupServer } from "msw/node";
 
 export const server = setupServer();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pplancq/react-template",
-  "version": "2.8.17",
+  "version": "2.10.0",
   "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.14.1",
+  "packageManager": "npm@12.0.1",
   "scripts": {
     "start": "rsbuild dev",
     "start:mock": "rsbuild dev --env-mode mock",
@@ -49,53 +49,53 @@
     "template"
   ],
   "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
-    "@tanstack/react-query": "^5.100.10",
-    "@tanstack/react-query-devtools": "^5.100.10",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-hook-form": "^7.75.0",
-    "react-router": "^7.15.1",
+    "@hookform/resolvers": "^5.4.0",
+    "@tanstack/react-query": "^5.101.4",
+    "@tanstack/react-query-devtools": "^5.101.4",
+    "inversify": "^8.2.3",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-hook-form": "^7.83.0",
+    "react-router": "^8.3.0",
     "yup": "^1.7.1"
   },
   "devDependencies": {
-    "@bdellegrazie/playwright-sonar-reporter": "^0.5.0",
-    "@commitlint/cli": "^21.0.1",
+    "@bdellegrazie/playwright-sonar-reporter": "^0.5.2",
+    "@commitlint/cli": "^21.2.1",
     "@msw/playwright": "^0.6.7",
-    "@playwright/test": "^1.60.0",
+    "@playwright/test": "^1.61.1",
     "@pplancq/commitlint-config": "*",
     "@pplancq/eslint-config": "*",
-    "@pplancq/postcss-config": "*",
     "@pplancq/prettier-config": "*",
     "@pplancq/stylelint-config": "*",
-    "@rsbuild/core": "^2.0.6",
-    "@rsbuild/plugin-eslint": "^2.0.0",
-    "@rsbuild/plugin-react": "^2.0.0",
-    "@rsbuild/plugin-sass": "^1.5.2",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@rsbuild/core": "^2.1.8",
+    "@rsbuild/plugin-eslint": "^2.0.2",
+    "@rsbuild/plugin-react": "^2.1.0",
+    "@rsbuild/plugin-sass": "^2.0.1",
+    "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/coverage-v8": "^4.1.6",
-    "concurrently": "^9.2.1",
-    "eslint": "^9.39.4",
-    "eslint-plugin-prettier": "^5.5.5",
+    "@vitejs/plugin-react": "^6.0.4",
+    "@vitest/coverage-v8": "^4.1.10",
+    "concurrently": "^10.0.3",
+    "eslint": "^9.39.5",
+    "eslint-plugin-prettier": "^5.5.6",
     "husky": "^9.1.7",
     "jsdom": "^29.1.1",
-    "lint-staged": "^17.0.4",
-    "monocart-coverage-reports": "^2.12.11",
-    "msw": "^2.14.6",
+    "lint-staged": "^17.2.0",
+    "monocart-coverage-reports": "^2.12.12",
+    "msw": "^2.15.0",
     "nodemon": "^3.1.14",
-    "prettier": "^3.8.3",
+    "prettier": "^3.9.6",
     "rsbuild-plugin-stylelint": "^1.2.0",
-    "stylelint": "^17.11.1",
+    "stylelint": "^17.14.1",
     "stylelint-prettier": "^5.0.3",
     "tsc-files": "^1.1.4",
     "typescript": "^6.0.3",
     "vite-plugin-svgr": "^5.2.0",
-    "vitest": "^4.1.6",
+    "vitest": "^4.1.10",
     "vitest-axe": "^1.0.0-pre.5",
     "vitest-sonar-reporter": "^3.0.0"
   },