Merge pull request #619 from ckeditor/i/618

Pnpm migration

Author: przemyslaw-zan

.circleci/config.yml

@@ -19,9 +19,15 @@ commands:
     description: "Bootstrap the repository"
     steps:
       - install_ssh_keys_command
+      - run:
+          name: Disable Corepack
+          command: sudo corepack disable
+      - run:
+          name: Install pnpm
+          command: sudo npm i -g pnpm@^10
       - run:
           name: Install dependencies
-          command: yarn install
+          command: pnpm install
       - prepare_environment_variables_commands
 
   install_ssh_keys_command:
@@ -109,7 +115,7 @@ jobs:
             CKE5_SLACK_NOTIFY_HIDE_AUTHOR: << parameters.hideAuthor >>
             CKE5_PIPELINE_NUMBER: << pipeline.number >>
           name: Waiting for other jobs to finish and sending notification on failure
-          command: yarn ckeditor5-dev-ci-circle-workflow-notifier
+          command: pnpm ckeditor5-dev-ci-circle-workflow-notifier
           no_output_timeout: 1h
 
   validate_and_tests:
@@ -121,16 +127,16 @@ jobs:
       - browser-tools/install_chrome
       - run:
           name: Execute ESLint
-          command: yarn run lint
+          command: pnpm run lint
       - run:
           name: Run build
-          command: yarn run build
+          command: pnpm run build
       - run:
           name: Check types of tests
-          command: yarn run test:check:types
+          command: pnpm run test:check:types
       - run:
           name: Run unit tests
-          command: yarn run test
+          command: pnpm run test
       - run:
           name: Verify the code coverage
           command: |
@@ -160,8 +166,12 @@ jobs:
                     circleci-agent step halt
                   fi
             - run:
-                name: Upload code coverage
-                command: cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js
+                name: Upload code coverage (non-fatal)
+                command: |
+                  #!/bin/bash
+                  set -eo pipefail
+                  cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js \
+                    || echo "Coveralls upload failed (e.g., 504). Continuing without failing CI."
 
   release_prepare:
     docker:
@@ -196,7 +206,7 @@ jobs:
             fi
       - run:
           name: Trigger the release pipeline
-          command: yarn ckeditor5-dev-ci-trigger-circle-build
+          command: pnpm ckeditor5-dev-ci-trigger-circle-build
 
   release_project:
     docker:
@@ -226,7 +236,7 @@ jobs:
             # Do not fail if the Node script ends with non-zero exit code.
             set +e
 
-            yarn ckeditor5-dev-ci-is-job-triggered-by-member
+            pnpm ckeditor5-dev-ci-is-job-triggered-by-member
             EXIT_CODE=$( echo $? )
 
             if [ ${EXIT_CODE} -ne 0 ];
@@ -236,7 +246,7 @@ jobs:
             fi
       - run:
           name: Disable the redundant workflows option
-          command: yarn ckeditor5-dev-ci-circle-disable-auto-cancel-builds
+          command: pnpm ckeditor5-dev-ci-circle-disable-auto-cancel-builds
       - run:
           name: Prepare the new version to release
           command: npm run release:prepare-packages -- --verbose
@@ -245,7 +255,7 @@ jobs:
           command: npm run release:publish-packages -- --verbose
       - run:
           name: Enable the redundant workflows option
-          command: yarn ckeditor5-dev-ci-circle-enable-auto-cancel-builds
+          command: pnpm ckeditor5-dev-ci-circle-enable-auto-cancel-builds
           when: always
       - run:
           name: Pack the "release/" directory (in case of failure)

.github/PULL_REQUEST_TEMPLATE.md

@@ -2,7 +2,7 @@
 
 This repository uses Markdown files to define changelog entries. If the changes in this pull request are **user-facing**, please create a changelog entry by running the following command:
 
-    yarn run nice
+    pnpm run nice
 
 This will generate a `*.md` file in the `.changelog/` directory for your description. You can create as many as you need.
 

.gitignore

@@ -4,3 +4,4 @@ dist/
 .idea
 .tmp
 /release/
+yarn.lock

.husky/pre-commit

@@ -1,4 +1,4 @@
 # @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 # For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 
-yarn lint-staged
+pnpm lint-staged

README.md

@@ -13,49 +13,50 @@ See the ["Rich text editor component for React"](https://ckeditor.com/docs/ckedi
 
 * [Quick start](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/react/react.html#quick-start)
 * [Using CKEditr 5 Builder](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/react/react.html#using-ckeditor-5-builder)
-* [Installling from npm](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/react/react.html#installing-from-npm)
+* [Installing from npm](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/react/react.html#installing-from-npm)
 * [Component properties](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/react/react.html#component-properties)
 
 ## Contributing
 
+> [!NOTE]
+> This project requires **pnpm v10** or higher. You can check your version with `pnpm --version` and update if needed with `npm install -g pnpm@latest`.
+
 After cloning this repository, install necessary dependencies:
 
 ```bash
-npm install
+pnpm install
 ```
 
-You can also use [Yarn](https://yarnpkg.com/).
-
 ### Running the development server
 
 To manually test the editor integration with different versions of React, you can start the development server using one of the commands below:
 
 ```bash
-npm run dev:16 # Open the demo projects using React 16.
-npm run dev:18 # Open the demo projects using React 18.
-npm run dev:19 # Open the demo projects using React 19.
+pnpm run dev:16 # Open the demo projects using React 16.
+pnpm run dev:18 # Open the demo projects using React 18.
+pnpm run dev:19 # Open the demo projects using React 19.
 ```
 
 ### Executing tests
 
 To test the editor integration against a set of automated tests, run the following command:
 
 ```bash
-npm run test
+pnpm run test
 ```
 
 If you want to run the tests in watch mode, use the following command:
 
 ```bash
-npm run test:watch
+pnpm run test:watch
 ```
 
 ### Building the package
 
 To build the package that is ready to publish, use the following command:
 
 ```bash
-npm run build
+pnpm run build
 ```
 
 ## Releasing package
@@ -66,7 +67,7 @@ Before you start, you need to prepare the changelog entries.
 
 1. Make sure the `#master` branch is up-to-date: `git fetch && git checkout master && git pull`.
 1. Prepare a release branch: `git checkout -b release-[YYYYMMDD]` where `YYYYMMDD` is the current day.
-1. Generate the changelog entries: `yarn run release:prepare-changelog`.
+1. Generate the changelog entries: `pnpm run release:prepare-changelog`.
 	* You can specify the release date by passing the `--date` option, e.g., `--date=2025-06-11`.
 	* By passing the `--dry-run` option, you can check what the script will do without actually modifying the files.
 	* Read all the entries, correct poor wording and other issues, wrap code names in backticks to format them, etc.

eslint.config.js

@@ -51,6 +51,9 @@ export default defineConfig( [
 		},
 
 		rules: {
+			'@stylistic/func-call-spacing': 'off',
+			'@stylistic/function-call-spacing': [ 'error', 'never' ],
+			'@stylistic/operator-linebreak': 'off',
 			'react/prop-types': 'off',
 			'react/no-deprecated': 'off',
 			'no-console': 'off',

package.json

@@ -35,11 +35,11 @@
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-dev-bump-year": "^50.0.0",
-    "@ckeditor/ckeditor5-dev-changelog": "^50.0.0",
-    "@ckeditor/ckeditor5-dev-ci": "^50.0.0",
-    "@ckeditor/ckeditor5-dev-release-tools": "^50.0.0",
-    "@ckeditor/ckeditor5-dev-utils": "^50.0.0",
+    "@ckeditor/ckeditor5-dev-bump-year": "^53.0.0",
+    "@ckeditor/ckeditor5-dev-changelog": "^53.0.0",
+    "@ckeditor/ckeditor5-dev-ci": "^53.0.0",
+    "@ckeditor/ckeditor5-dev-release-tools": "^53.0.0",
+    "@ckeditor/ckeditor5-dev-utils": "^53.0.0",
     "@testing-library/dom": "^10.3.1",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
@@ -80,15 +80,17 @@
     "vitest": "^2.1.9",
     "webdriverio": "^9.12.7"
   },
-  "resolutions": {
-    "form-data": "^4.0.4",
-    "semver": "^7.0.0",
-    "string-width": "4.1.0",
-    "wrap-ansi": "7.0.0",
-    "ws": "^8"
+  "pnpm": {
+    "overrides": {
+      "form-data": "^4.0.4",
+      "semver": "^7.0.0",
+      "@stylistic/eslint-plugin": "^5.3.1"
+    }
   },
   "engines": {
-    "node": ">=22.0.0"
+    "node": ">=22.0.0",
+    "pnpm": ">=10.14.0",
+    "yarn": "\n\n┌─────────────────────────┐\n│  Hey, we use pnpm now!  │\n└─────────────────────────┘\n\n"
   },
   "scripts": {
     "nice": "ckeditor5-dev-changelog-create-entry",