@pplancq/react-template 1.1.2 → 1.3.0

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+## @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)
+
+
+### Features
+
+* **react-template:** add sass when migrate to vite ([790a621](https://github.com/pplancq/dev-tools/commit/790a6211df2f94a18631c5adf40edcbfc343ddd8))
+* **react-template:** remove babel-config when use script migrate to vite ([de680b0](https://github.com/pplancq/dev-tools/commit/de680b039ab27c3174ba46d49681ca178e11f6d2))
+
+
+### Bug Fixes
+
+* **react-package:** fix computability of script with npm on Windows ([c6b8d7d](https://github.com/pplancq/dev-tools/commit/c6b8d7db1f2029ae602186ec92b53b362c65dc1c))
+
+
+### Reverts
+
+* **dev-tool:** add package-lock when execute npm postversion ([1e83fe7](https://github.com/pplancq/dev-tools/commit/1e83fe7ee8d2529ce3b85e1abb56968171ee01ff))
+
 ## @pplancq/react-template [1.1.2](https://github.com/pplancq/dev-tools/compare/@pplancq/react-template@1.1.1...@pplancq/react-template@1.1.2) (2024-03-14)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pplancq/react-template",
-  "version": "1.1.2",
+  "version": "1.3.0",
   "license": "MIT",
   "description": "react template",
   "author": "pplancq <paul.plancq@outlook.fr>",
@@ -21,9 +21,8 @@
     "stylelint:fix": "stylelint \"src**/*.{scss,css}\" --fix",
     "tsc": "tsc --noEmit",
     "package:check": "npm exec --yes package-lock-utd@1.1.3",
-    "remove:demo": "./scripts/removeDemo.js",
-    "migrate:vite": "./scripts/migrateToVite.js",
-    "postversion": "git add ../../package-lock.json",
+    "remove:demo": "node ./scripts/removeDemo.js",
+    "migrate:vite": "node ./scripts/migrateToVite.js",
     "_prepare": "husky"
   },
   "bugs": {
@@ -35,16 +34,16 @@
   ],
   "dependencies": {
     "@hookform/resolvers": "^3.3.2",
-    "@tanstack/react-query": "^5.25.0",
-    "@tanstack/react-query-devtools": "^5.25.0",
+    "@tanstack/react-query": "^5.29.2",
+    "@tanstack/react-query-devtools": "^5.29.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.51.0",
+    "react-hook-form": "^7.51.3",
     "react-router-dom": "^6.22.3",
     "yup": "^1.4.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.0.3",
+    "@commitlint/cli": "^19.2.2",
     "@pplancq/babel-config": "*",
     "@pplancq/commitlint-config": "*",
     "@pplancq/eslint-config": "*",
@@ -53,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.2",
     "@testing-library/user-event": "^14.5.1",
-    "@types/react": "^18.2.64",
-    "@types/react-dom": "^18.2.21",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.3.1",
+    "@vitest/coverage-v8": "^1.5.0",
     "concurrently": "^8.2.2",
     "eslint": "^8.57.0",
     "eslint-plugin-prettier": "^5.1.3",
@@ -66,21 +65,22 @@
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.0",
     "prettier": "^3.2.5",
-    "stylelint": "^16.2.1",
+    "stylelint": "^16.3.1",
     "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.2.2",
+    "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/scripts/migrateToVite.js

@@ -30,11 +30,14 @@ const getPackageManager = () => {
 const packageManager = getPackageManager();
 
 console.info('\nremove webpack ...');
-runCommand(`${packageManager} remove @pplancq/webpack-config webpack webpack-cli webpack-dev-server`);
+runCommand(
+  `${packageManager} remove @pplancq/webpack-config @pplancq/babel-config webpack webpack-cli webpack-dev-server`,
+);
 rmSync(resolve(__dirname, '../webpack.config.js'));
+rmSync(resolve(__dirname, '../babelrc.js'));
 console.info('\ninstall vite package ...');
 runCommand(
-  `${packageManager} ${packageManager === YARN ? 'add --dev' : 'install --save-dev'} vite vite-plugin-eslint2 vite-plugin-stylelint`,
+  `${packageManager} ${packageManager === YARN ? 'add --dev' : 'install --save-dev'} vite vite-plugin-eslint2 vite-plugin-stylelint sass`,
 );
 
 writeFileSync(

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();
+});