Switch to pnpm

This pull request transitions the project from using `yarn` to `pnpm`
for dependency management and updates related workflows, documentation,
and scripts accordingly. Additionally, it introduces new TypeScript type
definitions and simplifies the `package.json` configuration.

### Migration from `yarn` to `pnpm`:

*
[`.github/workflows/build-artifacts.yml`](diffhunk://#diff-fb778ff52f81fc559de90b69279d2bc580d03847f2008ad7c6b6ba3e67265e7dL14-R26):
Updated the dependency installation step to use `pnpm` instead of `yarn`
and added a `pnpm build` command for artifact building.
*
[`.github/workflows/js-qa.yml`](diffhunk://#diff-a88b0a4f767bead41b7923be71fc24ca488e65a46d253e0641842df191d36a52L23-R36):
Replaced `yarn` commands with equivalent `pnpm` commands for dependency
installation, linting, and testing.
*
[`docs/development.md`](diffhunk://#diff-97db29a7915320e63d41d38a0440360a87055ee8ed03757aa263116dbbb4aabeL15-R27):
Updated all references to `yarn` commands with `pnpm` equivalents,
including installation, asset building, and environment setup commands.
[[1]](diffhunk://#diff-97db29a7915320e63d41d38a0440360a87055ee8ed03757aa263116dbbb4aabeL15-R27)
[[2]](diffhunk://#diff-97db29a7915320e63d41d38a0440360a87055ee8ed03757aa263116dbbb4aabeL37-R37)
* `scripts/create-posts.sh` and `scripts/create-terms.sh`: Replaced
`yarn wp-env` commands with `pnpm run wp-env` commands.
[[1]](diffhunk://#diff-f965dea7fbe12b4ea991c303cd3243b662803477a2a53f3a2883724d787b5d75L38-R38)
[[2]](diffhunk://#diff-6631933ba30a36de6c8c728b1b9ae42786f8f3cbf4e82f317ee590f4fe3dc89aL30-R30)

### Updates to `package.json`:

* Added new TypeScript type definitions for `lodash`, `node`, `react`,
and `react-dom` under `devDependencies`.
* Removed `yarn` from `devDependencies` and added a `pnpm` configuration
block with overrides for `react` and `react-dom`.
[[1]](diffhunk://#diff-7ae45ad102eab3b6d7e7896acd08c427a9b25b346470d7bc6507b6481575d519L34-L38)
[[2]](diffhunk://#diff-7ae45ad102eab3b6d7e7896acd08c427a9b25b346470d7bc6507b6481575d519R50-R55)
* Modified scripts to replace `yarn` commands with `pnpm` equivalents
and added a new `qa` script for combined type checking, linting, and
testing.

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **Chores**
- Switched the project’s package manager from Yarn to pnpm across
workflows, scripts, and documentation.
- Updated continuous integration workflows to use pnpm for installing
dependencies, caching, linting, and testing.
- Updated documentation to reflect pnpm usage in all development
commands and instructions.
	- Removed Yarn from dependencies and configuration.
- Added TypeScript type definitions for React and React DOM to
development dependencies.
	- Introduced a new script for running quality assurance checks.
	- Relaxed the minimum required version for webpack.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: widoz

.github/workflows/builld-artifacts.yml

@@ -11,19 +11,27 @@ jobs:
     if: ${{ !contains(github.event.head_commit.message, '--skip-assets-artifacts') }}
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
+
+      - name: Pnpm Install
+        uses: pnpm/action-setup@v4
+        with:
+          version: '^9'
+          run_install: false
 
       - name: Setup Node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
-          cache: 'yarn'
-          node-version: '20'
+          cache: 'pnpm'
+          node-version: '22'
 
       - name: Install Dependencies
-        run: yarn install
+        run: pnpm i --frozen-lockfile
 
       - name: Build Artifacts
         uses: widoz/github-artifacts-action@v1
+        with:
+          command: 'pnpm build'
         env:
           GIT_USER: ${{ secrets.GIT_USER }}
           GIT_EMAIL: ${{ secrets.GIT_EMAIL }}

.github/workflows/js-qa.yml

@@ -22,17 +22,23 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
+      - name: Pnpm Install
+        uses: pnpm/action-setup@v4
+        with:
+          version: '^9'
+          run_install: false
+
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          cache: 'yarn'
+          cache: 'pnpm'
           node-version: '22'
 
-      - name: Install
-        run: yarn install
+      - name: Install Dependencies
+        run: pnpm i --frozen-lockfile
 
       - name: Linting JavaScript
-        run: yarn lint:js
+        run: pnpm run lint:js
 
       - name: Unit Tests
-        run: yarn test
+        run: pnpm run test

docs/development.md

@@ -12,19 +12,19 @@ The first thing to do is to clone the repository and install the dependencies:
 $ git clone git@github.com:spaghetti-dojo/kensaku.git
 $ cd kensaku
 $ composer install
-$ yarn install
+$ pnpm install
 ```
 
 After we have installed the dependencies we need to build the assets:
 
 ```bash
-$ yarn build
+$ pnpm run build
 ```
 
 or alternatively we can run the dev script to compile the assets with source maps:
 
 ```bash
-$ yarn build:dev
+$ pnpm run build:dev
 ```
 
 ## The Environment
@@ -34,7 +34,7 @@ The project is making use of `@wordress/env` as a local environment to develop t
 To start the environment we need to run the following command:
 
 ```bash
-$ yarn wp-env start
+$ pnpm run wp-env start
 ```
 
 This will install WordPress and will set the current project as a plugin. The package contain a E2E module used by the plugin to help with the development. The module register two blocks; one for the Custom Post Type and one for the Custom Taxonomy.

package.json

@@ -1,59 +1,67 @@
 {
-  "name": "kensaku",
-  "description": "A WordPress package to search Entities including Rest API Endpoints and React Components",
-  "author": "guido scialfa <dev@guidoscialfa.com>",
-  "main": "./build/index.js",
-  "license": "GPL-2.0-or-later",
-  "engines": {
-    "node": "22"
-  },
-  "devDependencies": {
-    "@faker-js/faker": "^8",
-    "@jest/globals": "^29.4.3",
-    "@testing-library/dom": "^10.0.0",
-    "@testing-library/jest-dom": "^6.2.0",
-    "@testing-library/react": "^16.0.0",
-    "@testing-library/user-event": "^14.5.1",
-    "@total-typescript/shoehorn": "^0.1.0",
-    "@types/node": "^22.0.0",
-    "@wordpress/dependency-extraction-webpack-plugin": "^4.8.0",
-    "@wordpress/env": "^5.9.0",
-    "@wordpress/eslint-plugin": "^19.0.0",
-    "@wordpress/scripts": "^26.0.0",
-    "eslint": "^8.0.0",
-    "eslint-import-resolver-typescript": "^3.5.5",
-    "eslint-plugin-import": "^2.0.0",
-    "jest": "^29.4.3",
-    "jest-environment-jsdom": "^29.5.0",
-    "react-dom": "~18.2.0",
-    "ts-jest": "^29.0.5",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
-    "typescript": "~5.1.0",
-    "webpack": "^5.94.0",
-    "webpack-cli": "^5.1.4",
-    "yarn": "^1.22.19"
-  },
-  "dependencies": {
-    "@types/lodash": "^4",
-    "@wordpress/api-fetch": "~6.21.0",
-    "@wordpress/components": "~23.1.0",
-    "@wordpress/compose": "^6.23.0",
-    "@wordpress/core-data": "~6.12.0",
-    "@wordpress/hooks": "^3.49.0",
-    "@wordpress/i18n": "~4.24.0",
-    "classnames": "^2.3.2",
-    "lodash": "^4.17.21",
-    "react": "~18.2.0"
-  },
-  "scripts": {
-    "wp-env": "wp-env",
-    "build": "wp-scripts build --webpack-src-dir=./sources/client/src",
-    "build:dev": "wp-scripts start --webpack--devtool=inline-source-map --webpack-src-dir=./sources/client/src",
-    "cs:fix": "wp-scripts format ./sources/client",
-    "lint:js": "wp-scripts lint-js ./sources/client",
-    "lint:js:fix": "wp-scripts lint-js --fix ./sources/client",
-    "test": "jest",
-    "test:update-snapshots": "yarn test -u"
-  }
+	"name": "kensaku",
+	"description": "A WordPress package to search Entities including Rest API Endpoints and React Components",
+	"author": "guido scialfa <dev@guidoscialfa.com>",
+	"main": "./build/index.js",
+	"license": "GPL-2.0-or-later",
+	"engines": {
+		"node": "22"
+	},
+	"devDependencies": {
+		"@types/lodash": "^4",
+		"@types/node": "^22.0.0",
+		"@types/react": "~18.2.0",
+		"@types/react-dom": "~18.2.0",
+		"@faker-js/faker": "^8",
+		"@jest/globals": "^29.4.3",
+		"@testing-library/dom": "^10.0.0",
+		"@testing-library/jest-dom": "^6.2.0",
+		"@testing-library/react": "^16.0.0",
+		"@testing-library/user-event": "^14.5.1",
+		"@total-typescript/shoehorn": "^0.1.0",
+		"@wordpress/dependency-extraction-webpack-plugin": "^4.8.0",
+		"@wordpress/env": "^5.9.0",
+		"@wordpress/eslint-plugin": "^19.0.0",
+		"@wordpress/scripts": "^26.0.0",
+		"eslint": "^8.0.0",
+		"eslint-import-resolver-typescript": "^3.5.5",
+		"eslint-plugin-import": "^2.0.0",
+		"jest": "^29.4.3",
+		"jest-environment-jsdom": "^29.5.0",
+		"react-dom": "~18.2.0",
+		"ts-jest": "^29.0.5",
+		"ts-loader": "^9.4.2",
+		"ts-node": "^10.9.1",
+		"typescript": "~5.1.0",
+		"webpack": "^5.0.0",
+		"webpack-cli": "^5.1.4"
+	},
+	"dependencies": {
+		"@wordpress/api-fetch": "~6.21.0",
+		"@wordpress/components": "~23.1.0",
+		"@wordpress/compose": "^6.23.0",
+		"@wordpress/core-data": "~6.12.0",
+		"@wordpress/hooks": "^3.49.0",
+		"@wordpress/i18n": "~4.24.0",
+		"classnames": "^2.3.2",
+		"lodash": "^4.17.21",
+		"react": "~18.2.0"
+	},
+	"pnpm": {
+		"overrides": {
+			"react": "18.2.0",
+			"react-dom": "18.2.0"
+		}
+	},
+	"scripts": {
+		"wp-env": "wp-env",
+		"build": "wp-scripts build --webpack-src-dir=./sources/client/src",
+		"build:dev": "wp-scripts start --webpack-devtool=inline-source-map --webpack-src-dir=./sources/client/src",
+		"cs:fix": "wp-scripts format ./sources/client",
+		"lint:js": "wp-scripts lint-js ./sources/client",
+		"lint:js:fix": "wp-scripts lint-js --fix ./sources/client",
+		"test": "jest",
+		"test:update-snapshots": "pnpm test -u",
+		"qa": "tsc --noEmit && pnpm lint:js && pnpm test"
+	}
 }