Switch from yarn classic to pnpm (#31971)

* Switch shared-components from yarn classic to pnpm Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch element-web from yarn classic to pnpm Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch CI to pnpm Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update docs & comments Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Hold back postcss to match yarn.lock & use workspace protocol Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Tweak CI Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Rid the world of `$(res)` Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to type=module Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix module import Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Make knip happy Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update playwright imports Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Make docker build happy Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove stale params Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix badly formatted logging Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to lodash-es Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Make jest happier Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch element-web to ESM Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update testcontainers imports Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix modernizr cjs Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix modernizr cjs ignore files Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Move modernizr sonar exclusion to exclude everything Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update playwright tests for esm compat Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Add pnpm-link utility Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Test matrix-web-i18n Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Discard changes to src/vector/index.ts * Update playwright-common Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Use catalogs Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Improve pnpm-link script Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Use pnpm import to regenerate lockfile from yarn.lock Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-02-11 10:35:29 +00:00
parent 9360f0e5e2
commit ffd4270051
51 changed files with 21521 additions and 21944 deletions
@@ -16,8 +16,8 @@ When adding this library to a new project, as well as installing
 dependency:

 ```bash
-yarn add @element-hq/web-shared-components
-yarn add @vector-im/compound-web
+pnpm add @element-hq/web-shared-components
+pnpm add @vector-im/compound-web
 ```

 (This avoids problems where we end up with different versions of compound-web in the
@@ -99,22 +99,22 @@ function MyApp() {
 ### Prerequisites

 - Node.js >= 20.0.0
- Yarn 1.22.22+
+- pnpm => 10

 ### Setup

 ```bash
 # Install dependencies
-yarn install
+pnpm install

 # Build the library
-yarn prepare
+pnpm prepare
 ```

 ### Running Storybook

 ```bash
-yarn storybook
+pnpm storybook
 ```

 ### Write components
@@ -300,7 +300,7 @@ export const Docs = {

 1. Write TsDoc in your utility function
 2. Export the function from `src/index.ts`
-3. Run `yarn build:doc` to generate TypeDoc markdown
+3. Run `pnpm build:doc` to generate TypeDoc markdown
 4. Create a `.stories.tsx` file importing the generated markdown
 5. The documentation appears automatically in Storybook

@@ -314,7 +314,7 @@ These tests cover the logic of the components and utilities. Built with Vitest
 and React Testing Library.

 ```bash
-yarn test:unit
+pnpm test:unit
 ```

 ### Visual Regression Tests
@@ -323,7 +323,7 @@ These tests ensure the UI components render correctly.
 Built with Storybook and run under vitest using playwright.

 ```bash
-yarn test:storybook:update
+pnpm test:storybook:update
 ```

 Each story will be rendered and a screenshot will be taken and compared to the
@@ -341,7 +341,7 @@ First see our [translation guide](../../docs/translating.md) and [translation de
 To generate translation strings for this package, run:

 ```bash
-yarn i18n
+pnpm i18n
 ```

 ## Publish a new version