@pplancq/react-template 1.2.0 → 1.4.0

package/.env

@@ -12,25 +12,26 @@
 # /!\ DO NOT DEFINE PRODUCTION SECRETS IN THIS FILE OR ANY VERSIONED FILE. /!\
 
 # Enables/disables launching the browser when npm start is run.
-# Default is false.
+# Default is false
 #BROWSER=false
 
 # Sets the port for the development web server.
-# Default is 3000.
+# Default is 3000
 #PORT=3000
 
 # Allows you to deactivate the stylelint plugin
 # Default is false
 #DISABLE_STYLELINT_PLUGIN=false
 
-# Permet de désactiver le plugin eslint
+# Allows you to deactivate the eslint plugin
 # Default is false
 #DISABLE_ESLINT_PLUGIN=false
 
+# Allows you to deactivate the sourcemap
+# Default is false
+#DISABLE_SOURCE_MAP=false
+
 # Sets the prefix for environment variables that will be passed to the frontend.
 # Access environment variables using import.meta.env.FRONT_FOO in the code.
-# Default is FRONT_.
+# Default is FRONT_
 #ENV_PREFIX=FRONT_
-
-
-

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## @pplancq/react-template [1.4.0](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@1.3.0...@pplancq/react-template@1.4.0) (2024-05-02)
+
+
+### Features
+
+* **webpack-config:** add an environment variable to disable source map generation ([61bf247](https://github.com/pplancq/dev-tools/commit/61bf2476cb59a81d23ac8ade2d370adff58a1730))
+
+
+
+### Dependencies
+
+* **@pplancq/webpack-config:** upgraded to 1.3.0
+
+## @pplancq/react-template [1.3.0](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@1.2.0...@pplancq/react-template@1.3.0) (2024-04-16)
+
+
+### Features
+
+* **react-template:** add cleanup from @testing-library/react on vitest setup ([a981e0a](https://github.com/pplancq/dev-tools/commit/a981e0a253bda642e2a5a776400d7269a4cdd9cd))
+* **react-template:** add vitest-axe for test a11y violation ([4786b4a](https://github.com/pplancq/dev-tools/commit/4786b4a7701e8601e3fee87cf26ffda6ffb4431f))
+
+
+
+### Dependencies
+
+* **@pplancq/babel-config:** upgraded to 1.0.2
+* **@pplancq/commitlint-config:** upgraded to 2.1.2
+* **@pplancq/eslint-config:** upgraded to 2.1.1
+* **@pplancq/postcss-config:** upgraded to 1.0.2
+* **@pplancq/prettier-config:** upgraded to 1.0.2
+* **@pplancq/stylelint-config:** upgraded to 2.0.2
+* **@pplancq/webpack-config:** upgraded to 1.1.2
+
 ## @pplancq/react-template [1.2.0](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@1.1.2...@pplancq/react-template@1.2.0) (2024-03-18)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pplancq/react-template",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "license": "MIT",
   "description": "react template",
   "author": "pplancq <paul.plancq@outlook.fr>",
@@ -34,16 +34,16 @@
   ],
   "dependencies": {
     "@hookform/resolvers": "^3.3.2",
-    "@tanstack/react-query": "^5.25.0",
-    "@tanstack/react-query-devtools": "^5.28.4",
+    "@tanstack/react-query": "^5.32.1",
+    "@tanstack/react-query-devtools": "^5.32.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.51.1",
-    "react-router-dom": "^6.22.3",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.51.3",
+    "react-router-dom": "^6.23.0",
     "yup": "^1.4.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.0",
+    "@commitlint/cli": "^19.3.0",
     "@pplancq/babel-config": "*",
     "@pplancq/commitlint-config": "*",
     "@pplancq/eslint-config": "*",
@@ -52,12 +52,12 @@
     "@pplancq/stylelint-config": "*",
     "@pplancq/webpack-config": "*",
     "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
+    "@testing-library/react": "^15.0.5",
     "@testing-library/user-event": "^14.5.1",
-    "@types/react": "^18.2.67",
-    "@types/react-dom": "^18.2.22",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.4.0",
+    "@vitest/coverage-v8": "^1.5.2",
     "concurrently": "^8.2.2",
     "eslint": "^8.57.0",
     "eslint-plugin-prettier": "^5.1.3",
@@ -65,21 +65,22 @@
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.0",
     "prettier": "^3.2.5",
-    "stylelint": "^16.2.1",
+    "stylelint": "^16.4.0",
     "stylelint-prettier": "^5.0.0",
     "tsc-files": "^1.1.4",
-    "typescript": "^5.4.2",
+    "typescript": "^5.4.5",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",
     "vitest": "^1.0.4",
+    "vitest-axe": "^1.0.0-pre.3",
     "vitest-sonar-reporter": "^2.0.0",
-    "webpack": "^5.90.3",
+    "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+    "webpack-dev-server": "^4.15.2"
   },
   "volta": {
-    "node": "20.10.0",
-    "npm": "10.2.5"
+    "node": "20.12.2",
+    "npm": "10.5.2"
   },
   "browserslist": {
     "production": [

package/src/ui/atoms/Logo/__tests__/Logo.test.tsx

@@ -0,0 +1,12 @@
+import { render } from '@testing-library/react';
+import { expect } from 'vitest';
+import { axe } from 'vitest-axe';
+import { Logo } from '../Logo';
+
+describe('<Logo />', () => {
+  it('should', async () => {
+    const { container } = render(<Logo src="foo" alt="bar" />);
+
+    expect(await axe(container)).toHaveNoViolations();
+  });
+});

package/tsconfig.json

@@ -6,7 +6,13 @@
       "dom.iterable",
       "esnext"
     ],
-    "types": ["./src/react-app-env.d.ts", "@pplancq/webpack-config", "vitest/globals", "@testing-library/jest-dom/vitest"],
+    "types": [
+      "./src/react-app-env.d.ts",
+      "@pplancq/webpack-config",
+      "vitest/globals",
+      "@testing-library/jest-dom/vitest",
+      "vitest-axe/extend-expect"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,

package/vitest.setup.ts

@@ -1 +1,10 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import '@testing-library/jest-dom/vitest';
+import { cleanup } from '@testing-library/react';
+import * as matchers from 'vitest-axe/matchers';
+
+expect.extend(matchers);
+
+afterEach(() => {
+  cleanup();
+});