@pplancq/react-template 2.9.0 → 2.10.1

package/CHANGELOG.md

@@ -1,3 +1,62 @@
+## 2.10.1 (2026-08-03)
+
+### ♻️ Code Refactoring
+
+- **dev-tools:** update arrow function parentheses for consistency ([0104ebf](https://github.com/pplancq/dev-tools/commit/0104ebf))
+- **dev-tools:** update quotes to double quotes for consistency ([6b2d557](https://github.com/pplancq/dev-tools/commit/6b2d557))
+
+### 📦 Dependencies
+
+- Updated @pplancq/commitlint-config to 4.0.4
+- Updated @pplancq/stylelint-config to 6.0.0
+- Updated @pplancq/prettier-config to 4.0.0
+- Updated @pplancq/eslint-config to 6.0.19
+- **deps:** update dependency @playwright/test to ^1.62.1 ([#1841](https://github.com/pplancq/dev-tools/pull/1841))
+- **deps:** update dependency @hookform/resolvers to ^5.5.7 ([#1842](https://github.com/pplancq/dev-tools/pull/1842))
+
+### ❤️ Thank You
+
+- Paul PLANCQ
+
+## 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

package/mise.toml

@@ -1,3 +1,3 @@
 [tools]
-node = "24.16.0"
-npm = "11.17.0"
+node = "24.18.1"
+npm = "12.0.2"

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.9.0",
+  "version": "2.10.1",
   "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.17.0",
+  "packageManager": "npm@12.0.2",
   "scripts": {
     "start": "rsbuild dev",
     "start:mock": "rsbuild dev --env-mode mock",
@@ -49,54 +49,53 @@
     "template"
   ],
   "dependencies": {
-    "@hookform/resolvers": "^5.4.0",
-    "@tanstack/react-query": "^5.101.0",
-    "@tanstack/react-query-devtools": "^5.101.0",
-    "inversify": "^8.1.0",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "react-hook-form": "^7.78.0",
-    "react-router": "^7.17.0",
+    "@hookform/resolvers": "^5.5.7",
+    "@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.1",
-    "@commitlint/cli": "^21.0.2",
+    "@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.62.1",
     "@pplancq/commitlint-config": "*",
     "@pplancq/eslint-config": "*",
-    "@pplancq/postcss-config": "*",
     "@pplancq/prettier-config": "*",
     "@pplancq/stylelint-config": "*",
-    "@rsbuild/core": "^2.0.12",
+    "@rsbuild/core": "^2.1.9",
     "@rsbuild/plugin-eslint": "^2.0.2",
-    "@rsbuild/plugin-react": "^2.0.1",
-    "@rsbuild/plugin-sass": "^1.5.3",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@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.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/coverage-v8": "^4.1.8",
-    "concurrently": "^10.0.3",
-    "eslint": "^9.39.4",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "@vitejs/plugin-react": "^6.0.5",
+    "@vitest/coverage-v8": "^4.1.10",
+    "concurrently": "^10.0.4",
+    "eslint": "^9.39.5",
     "eslint-plugin-prettier": "^5.5.6",
     "husky": "^9.1.7",
-    "jsdom": "^29.1.1",
-    "lint-staged": "^17.0.7",
+    "jsdom": "^30.0.1",
+    "lint-staged": "^17.2.0",
     "monocart-coverage-reports": "^2.12.12",
-    "msw": "^2.14.6",
+    "msw": "^2.15.0",
     "nodemon": "^3.1.14",
-    "prettier": "^3.8.4",
+    "prettier": "^3.9.6",
     "rsbuild-plugin-stylelint": "^1.2.0",
-    "stylelint": "^17.13.0",
+    "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.8",
+    "vitest": "^4.1.10",
     "vitest-axe": "^1.0.0-pre.5",
     "vitest-sonar-reporter": "^3.0.0"
   },

package/playwright.config.ts

@@ -3,7 +3,7 @@ import { defineConfig, devices } from '@playwright/test';
 const appUrl = 'http://localhost:3000';
 
 export default defineConfig({
-  testDir: 'tests',
+  testDir: 'tests/e2e',
   outputDir: 'test-results',
   fullyParallel: true,
   forbidOnly: Boolean(process.env.CI),
@@ -18,8 +18,8 @@ export default defineConfig({
       { outputFile: 'playwright-report/sonar-results.xml', sonarcloud: true },
     ],
   ],
-  globalSetup: 'tests/utils/playwright.globalSetup.ts',
-  globalTeardown: 'tests/utils/playwright.globalTeardown.ts',
+  globalSetup: 'tests/e2e/utils/playwright.globalSetup.ts',
+  globalTeardown: 'tests/e2e/utils/playwright.globalTeardown.ts',
   use: {
     baseURL: appUrl,
     trace: 'retain-on-failure',

package/src/app/App.tsx

@@ -1,9 +1,9 @@
-import { queryClient } from '@App/config/queryClientConfig';
-import { serviceContainer } from '@App/config/serviceContainer';
-import { Providers } from '@App/providers/Providers/Providers';
-import { Router } from '@App/routing/Router';
+import { queryClient } from "@App/config/queryClientConfig";
+import { serviceContainer } from "@App/config/serviceContainer";
+import { Providers } from "@App/providers/Providers/Providers";
+import { Router } from "@App/routing/Router";
 
-import '@App/assets/css';
+import "@App/assets/css";
 
 type AppProps = {
   basename?: string;

package/src/app/AppHTMLElement.tsx

@@ -1,6 +1,6 @@
-import { App } from '@App/App';
-import { StrictMode } from 'react';
-import { createRoot, type Root } from 'react-dom/client';
+import { App } from "@App/App";
+import { StrictMode } from "react";
+import { createRoot, type Root } from "react-dom/client";
 
 // eslint-disable-next-line import/no-default-export
 export default class AppHTMLElement extends HTMLElement {
@@ -18,7 +18,7 @@ export default class AppHTMLElement extends HTMLElement {
     this.isMounted = true;
     this.root.render(
       <StrictMode>
-        <App basename={this.getAttribute('basename') ?? ''} />
+        <App basename={this.getAttribute("basename") ?? ""} />
       </StrictMode>,
     );
   }

package/src/app/README.md

@@ -24,8 +24,8 @@ place in the application where the Inversify container is created and all bounde
 are loaded:
 
 ```ts
-import { serviceDemo } from '@Demo/serviceDemo';
-import { Container } from 'inversify';
+import { serviceDemo } from "@Demo/serviceDemo";
+import { Container } from "inversify";
 
 export const serviceContainer = new Container();
 serviceContainer.load(serviceDemo);

package/src/app/assets/css/index.ts

@@ -1,2 +1,2 @@
-import './reset.css';
-import './mainBody.css';
+import "./reset.css";
+import "./mainBody.css";

package/src/app/assets/css/reset.css

@@ -77,15 +77,15 @@ time,
 mark,
 audio,
 video {
-  margin: 0;
   padding: 0;
-  border: 0;
-  vertical-align: baseline;
+  margin: 0;
   font: inherit;
   font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans',
-    'Helvetica Neue', sans-serif;
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
+    "Helvetica Neue", sans-serif;
   font-size: 100%;
+  vertical-align: baseline;
+  border: 0;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
@@ -128,5 +128,5 @@ table {
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
 }

package/src/app/config/queryClientConfig.ts

@@ -1,3 +1,3 @@
-import { QueryClient } from '@tanstack/react-query';
+import { QueryClient } from "@tanstack/react-query";
 
 export const queryClient = new QueryClient();

package/src/app/config/serviceContainer.ts

@@ -1,5 +1,5 @@
-import { serviceDemo } from '@Demo/serviceDemo';
-import { Container } from 'inversify';
+import { serviceDemo } from "@Demo/serviceDemo";
+import { Container } from "inversify";
 
 export const serviceContainer = new Container();
 

package/src/app/providers/Providers/Providers.tsx

@@ -1,8 +1,8 @@
-import { QueryClientProvider } from '@App/providers/QueryClientProvider/QueryClientProvider';
-import { ServiceProvider } from '@App/providers/ServiceProvider/ServiceProvider';
-import type { QueryClient } from '@tanstack/react-query';
-import type { Container } from 'inversify';
-import type { PropsWithChildren } from 'react';
+import { QueryClientProvider } from "@App/providers/QueryClientProvider/QueryClientProvider";
+import { ServiceProvider } from "@App/providers/ServiceProvider/ServiceProvider";
+import type { QueryClient } from "@tanstack/react-query";
+import type { Container } from "inversify";
+import type { PropsWithChildren } from "react";
 
 type ProvidersProps = PropsWithChildren<{
   queryClient: QueryClient;

package/src/app/providers/QueryClientProvider/QueryClientProvider.tsx

@@ -1,6 +1,6 @@
-import { type QueryClient, QueryClientProvider as ReactQueryClientProvider } from '@tanstack/react-query';
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import type { PropsWithChildren } from 'react';
+import { type QueryClient, QueryClientProvider as ReactQueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import type { PropsWithChildren } from "react";
 
 type ClientProviderProps = {
   queryClient: QueryClient;

package/src/app/providers/ServiceProvider/ServiceContext.ts

@@ -1,5 +1,5 @@
-import type { Container } from 'inversify';
-import { createContext } from 'react';
+import type { Container } from "inversify";
+import { createContext } from "react";
 
 export type ServiceContextValue = {
   container: Container;

package/src/app/providers/ServiceProvider/ServiceProvider.tsx

@@ -1,7 +1,7 @@
-import { ServiceContext } from '@App/providers/ServiceProvider/ServiceContext';
-import type { Container } from 'inversify';
-import type { PropsWithChildren } from 'react';
-import { useRef } from 'react';
+import { ServiceContext } from "@App/providers/ServiceProvider/ServiceContext";
+import type { Container } from "inversify";
+import type { PropsWithChildren } from "react";
+import { useRef } from "react";
 
 export type ServiceProviderProps = PropsWithChildren<{
   container: Container;

package/src/app/routing/Router.tsx

@@ -1,5 +1,5 @@
-import { RouterProvider, createBrowserRouter } from 'react-router';
-import { routeObject } from './routes';
+import { createBrowserRouter, RouterProvider } from "react-router";
+import { routeObject } from "./routes";
 
 type RouterProps = {
   basename?: string;

package/src/app/routing/appRoutes.ts

@@ -1,3 +1,3 @@
 export const appRoutes = Object.freeze({
-  home: '/',
+  home: "/",
 });

package/src/app/routing/routes.tsx

@@ -1,9 +1,9 @@
-import { demoRoutes } from '@Demo/ui/routing/demoRoutes';
-import type { RouteObject } from 'react-router';
+import { demoRoutes } from "@Demo/ui/routing/demoRoutes";
+import type { RouteObject } from "react-router";
 
 export const routeObject: RouteObject[] = [
   {
-    path: '/',
+    path: "/",
     children: [demoRoutes],
   },
 ];

package/src/demo/README.md

@@ -96,8 +96,8 @@ Declares unique `Symbol` identifiers for every service in the context:
 
 ```ts
 export const DEMO_SERVICES = Object.freeze({
-  DemoUserRepository: Symbol.for('Demo.DemoUserRepository'),
-  GetDemoUsersUseCase: Symbol.for('Demo.GetDemoUsersUseCase'),
+  DemoUserRepository: Symbol.for("Demo.DemoUserRepository"),
+  GetDemoUsersUseCase: Symbol.for("Demo.GetDemoUsersUseCase"),
   // ...
 });
 ```
@@ -111,7 +111,7 @@ A `ContainerModule` that binds each service identifier to its concrete implement
 free of framework metadata:
 
 ```ts
-export const serviceDemo: ContainerModule = new ContainerModule(options => {
+export const serviceDemo: ContainerModule = new ContainerModule((options) => {
   options
     .bind<DemoUserRepositoryInterface>(DEMO_SERVICES.DemoUserRepository)
     .toDynamicValue(() => new HttpDemoUserRepository())
@@ -120,7 +120,8 @@ export const serviceDemo: ContainerModule = new ContainerModule(options => {
   options
     .bind<GetDemoUsersUseCaseInterface>(DEMO_SERVICES.GetDemoUsersUseCase)
     .toDynamicValue(
-      services => new GetDemoUsersUseCase(services.get<DemoUserRepositoryInterface>(DEMO_SERVICES.DemoUserRepository)),
+      (services) =>
+        new GetDemoUsersUseCase(services.get<DemoUserRepositoryInterface>(DEMO_SERVICES.DemoUserRepository)),
     )
     .inSingletonScope();
 });

package/src/demo/application/dtos/ArchitecturePrinciple.ts

@@ -1,5 +1,5 @@
 export type ArchitecturePrinciple = {
   title: string;
   description: string;
-  layer: 'domain' | 'application' | 'infrastructure' | 'ui';
+  layer: "domain" | "application" | "infrastructure" | "ui";
 };

package/src/demo/application/use-cases/GetArchitecturePrinciplesUseCase.ts

@@ -1,6 +1,6 @@
-import type { ArchitecturePrinciple } from '@Demo/application/dtos/ArchitecturePrinciple';
-import type { GetArchitecturePrinciplesUseCaseInterface } from '@Demo/application/use-cases/GetArchitecturePrinciplesUseCaseInterface';
-import type { ArchitecturePrincipleRepositoryInterface } from '@Demo/domain/repositories/ArchitecturePrincipleRepositoryInterface';
+import type { ArchitecturePrinciple } from "@Demo/application/dtos/ArchitecturePrinciple";
+import type { GetArchitecturePrinciplesUseCaseInterface } from "@Demo/application/use-cases/GetArchitecturePrinciplesUseCaseInterface";
+import type { ArchitecturePrincipleRepositoryInterface } from "@Demo/domain/repositories/ArchitecturePrincipleRepositoryInterface";
 
 export class GetArchitecturePrinciplesUseCase implements GetArchitecturePrinciplesUseCaseInterface {
   public constructor(private readonly architecturePrincipleRepository: ArchitecturePrincipleRepositoryInterface) {}

package/src/demo/application/use-cases/GetArchitecturePrinciplesUseCaseInterface.ts

@@ -1,4 +1,4 @@
-import type { ArchitecturePrinciple } from '@Demo/application/dtos/ArchitecturePrinciple';
+import type { ArchitecturePrinciple } from "@Demo/application/dtos/ArchitecturePrinciple";
 
 export interface GetArchitecturePrinciplesUseCaseInterface {
   execute: () => ArchitecturePrinciple[];

package/src/demo/application/use-cases/GetDemoUsersUseCase.ts

@@ -1,6 +1,6 @@
-import type { GetDemoUsersUseCaseInterface } from '@Demo/application/use-cases/GetDemoUsersUseCaseInterface';
-import type { DemoUser } from '@Demo/domain/entities/DemoUser';
-import type { DemoUserRepositoryInterface } from '@Demo/domain/repositories/DemoUserRepositoryInterface';
+import type { GetDemoUsersUseCaseInterface } from "@Demo/application/use-cases/GetDemoUsersUseCaseInterface";
+import type { DemoUser } from "@Demo/domain/entities/DemoUser";
+import type { DemoUserRepositoryInterface } from "@Demo/domain/repositories/DemoUserRepositoryInterface";
 
 export class GetDemoUsersUseCase implements GetDemoUsersUseCaseInterface {
   public constructor(private readonly demoUserRepository: DemoUserRepositoryInterface) {}

package/src/demo/application/use-cases/GetDemoUsersUseCaseInterface.ts

@@ -1,4 +1,4 @@
-import type { DemoUser } from '@Demo/domain/entities/DemoUser';
+import type { DemoUser } from "@Demo/domain/entities/DemoUser";
 
 export interface GetDemoUsersUseCaseInterface {
   execute: () => Promise<DemoUser[]>;

package/src/demo/domain/repositories/ArchitecturePrincipleRepositoryInterface.d.ts

@@ -1,4 +1,4 @@
-import type { ArchitecturePrinciple } from '@Demo/application/dtos/ArchitecturePrinciple';
+import type { ArchitecturePrinciple } from "@Demo/application/dtos/ArchitecturePrinciple";
 
 export interface ArchitecturePrincipleRepositoryInterface {
   getAll: () => ArchitecturePrinciple[];

package/src/demo/domain/repositories/DemoUserRepositoryInterface.d.ts

@@ -1,4 +1,4 @@
-import type { DemoUser } from '@Demo/domain/entities/DemoUser';
+import type { DemoUser } from "@Demo/domain/entities/DemoUser";
 
 export interface DemoUserRepositoryInterface {
   getAll: () => Promise<DemoUser[]>;

package/src/demo/infrastructure/repositories/HttpDemoUserRepository.ts

@@ -1,6 +1,6 @@
-import type { DemoUser } from '@Demo/domain/entities/DemoUser';
-import type { DemoUserRepositoryInterface } from '@Demo/domain/repositories/DemoUserRepositoryInterface';
-import { fetchApi } from '@Shared/infrastructure/http/fetchApi';
+import type { DemoUser } from "@Demo/domain/entities/DemoUser";
+import type { DemoUserRepositoryInterface } from "@Demo/domain/repositories/DemoUserRepositoryInterface";
+import { fetchApi } from "@Shared/infrastructure/http/fetchApi";
 
 type DemoUserApiResponse = {
   id: number;
@@ -11,14 +11,14 @@ type DemoUserApiResponse = {
 };
 
 export class HttpDemoUserRepository implements DemoUserRepositoryInterface {
-  private readonly apiPath = 'https://jsonplaceholder.typicode.com/users';
+  private readonly apiPath = "https://jsonplaceholder.typicode.com/users";
 
   public readonly getAll = async (): Promise<DemoUser[]> => {
     const users = await fetchApi<DemoUserApiResponse[]>({
       path: this.apiPath,
     });
 
-    return users.map(user => ({
+    return users.map((user) => ({
       id: user.id,
       name: user.name,
       username: user.username.toUpperCase(),

package/src/demo/infrastructure/repositories/StaticArchitecturePrincipleRepository.ts

@@ -1,29 +1,29 @@
-import type { ArchitecturePrinciple } from '@Demo/application/dtos/ArchitecturePrinciple';
-import type { ArchitecturePrincipleRepositoryInterface } from '@Demo/domain/repositories/ArchitecturePrincipleRepositoryInterface';
+import type { ArchitecturePrinciple } from "@Demo/application/dtos/ArchitecturePrinciple";
+import type { ArchitecturePrincipleRepositoryInterface } from "@Demo/domain/repositories/ArchitecturePrincipleRepositoryInterface";
 
 export class StaticArchitecturePrincipleRepository implements ArchitecturePrincipleRepositoryInterface {
   private readonly architecturePrinciples: ArchitecturePrinciple[] = [
     {
-      title: 'Domain stays framework-free',
-      description: 'The demo domain only defines contracts and pure data structures. React and Inversify stay outside.',
-      layer: 'domain',
+      title: "Domain stays framework-free",
+      description: "The demo domain only defines contracts and pure data structures. React and Inversify stay outside.",
+      layer: "domain",
     },
     {
-      title: 'Application orchestrates use cases',
-      description: 'Use cases expose intent-driven APIs such as GetDemoUsersUseCase instead of leaking infrastructure.',
-      layer: 'application',
+      title: "Application orchestrates use cases",
+      description: "Use cases expose intent-driven APIs such as GetDemoUsersUseCase instead of leaking infrastructure.",
+      layer: "application",
     },
     {
-      title: 'Infrastructure implements contracts',
+      title: "Infrastructure implements contracts",
       description:
-        'Concrete adapters, such as the HTTP repository, live in infrastructure and are selected by the container.',
-      layer: 'infrastructure',
+        "Concrete adapters, such as the HTTP repository, live in infrastructure and are selected by the container.",
+      layer: "infrastructure",
     },
     {
-      title: 'UI depends on abstractions',
+      title: "UI depends on abstractions",
       description:
-        'React pages use hooks and useService to resolve use cases without importing infrastructure directly.',
-      layer: 'ui',
+        "React pages use hooks and useService to resolve use cases without importing infrastructure directly.",
+      layer: "ui",
     },
   ];