[LG-5610] pnpm 10 (#3236)

* Update package.json

* Create .tool-versions

* Create nvm-to-asdf.sh

* update workflows to pnpm10.18.3

* Update .tool-versions

Co-authored-by: Copilot <[email protected]>

* shebang

* replace xml2json

* Update pnpm-lock.yaml

* Update README.md

* Update README.md

---------

Co-authored-by: Copilot <[email protected]>

Author: TheSonOfThomp

.github/workflows/pr.yml

@@ -22,7 +22,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - uses: actions/cache/restore@v4
         name: Check for build cache
@@ -95,7 +95,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Use Node 18
         uses: actions/setup-node@v4
@@ -134,7 +134,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Use Node 18
         uses: actions/setup-node@v4
@@ -182,7 +182,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Use Node 18
         uses: actions/setup-node@v4
@@ -227,7 +227,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Use Node 18
         uses: actions/setup-node@v4

.github/workflows/react17.yml

@@ -21,7 +21,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
           cache: false
 
       - uses: actions/cache/restore@v4
@@ -75,7 +75,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
           cache: false
 
       - uses: actions/cache/restore@v4

.github/workflows/release.yml

@@ -18,7 +18,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       # Needed following Github's transition from Node 16 to 20
       - name: Install node-gyp
@@ -95,7 +95,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Use Node 18
         uses: actions/setup-node@v4
@@ -148,7 +148,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Use Node 18
         uses: actions/setup-node@v4
@@ -209,7 +209,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Use Node 18
         uses: actions/setup-node@v4
@@ -264,7 +264,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       # Needed following Github's transition from Node 16 to 20
       - name: Install node-gyp
@@ -309,7 +309,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Dispatch to Website repo
         uses: peter-evans/repository-dispatch@v2

.github/workflows/sizeDiff.yml

@@ -14,7 +14,7 @@ jobs:
       - name: pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.15.0
+          version: 10.18.3
 
       - name: Use Node.js 18
         uses: actions/setup-node@v4

.tool-versions

@@ -0,0 +1,2 @@
+nodejs 18.20.8
+pnpm 10.18.3

README.md

@@ -183,15 +183,18 @@ import Button from '@leafygreen-ui/button';
 
 ### Setup
 
-1. Node >= 18.0.0 required.
+1. Install [`asdf`](https://asdf-vm.com/guide/getting-started.html)
 
-   via [homebrew](https://brew.sh/) with `brew install node`
-
-   via [nodejs installer](https://nodejs.org/en/)
+```zsh
+brew install asdf;
+echo 'export PATH="${ASDF_DATA_DIR:-$HOME/.asdf}/shims:$PATH"' >> ~/.zshrc
+```
 
-2. Install PNPM >= 9.15.0.
+2. Install Node & pnpm
 
-   [PNPM Installation documentation](https://pnpm.io/installation)
+```zsh
+asdf install
+```
 
 3. Clone the repository.
 
@@ -360,19 +363,6 @@ To publish a new pre-release version, pull the changes from `new-feature` into b
 
 When `new-feature` is merged into `main`, you can safely delete the `pre-release` branch
 
-## Deploy gh-pages
-
-You can deploy a static build of our Storybook site to gh-pages from the `main` branch.
-
-1. First be sure you've built a static version of Storybook with the script: `build-storybook`
-2. Then deploy to gh-pages: `pnpm release:site`
-
-### To deploy to your own mirror of leafygreen-ui
-
-1. Run `pnpm demo:site [your_github_username]`.
-2. If you haven't built a static version of Storybook yet, you will be prompted to do so.
-3. You will be asked for confirmation before Storybook is published.
-
 ## License
 
 The source files in this repository are made available under the terms of the Apache License, version 2.0.

package.json

@@ -6,8 +6,9 @@
   "private": true,
   "engines": {
     "node": ">= 18.20.8",
-    "pnpm": ">= 9.15.0"
+    "pnpm": ">= 10.18.3"
   },
+  "packageManager": "[email protected]",
   "scripts": {
     "init": "pnpm install && pnpm build",
     "init:react17": "pnpm clean; npx node ./scripts/react17/init.mjs; pnpm run init",
@@ -83,7 +84,11 @@
       "caniuse-lite": "^1.0.30001585",
       "jackspeak": "2.1.1",
       "typescript": "$typescript"
-    }
+    },
+    "onlyBuiltDependencies": [
+      "core-js",
+      "esbuild"
+    ]
   },
   "lg": {
     "scopes": {
@@ -108,7 +113,5 @@
   },
   "bugs": {
     "url": "https://github.com/mongodb/leafygreen-ui/issues"
-  },
-  "packageManager": "[email protected]",
-  "typesVersions": {}
+  }
 }

packages/icon/package.json

@@ -47,13 +47,13 @@
     "@lg-tools/storybook-utils": "workspace:^",
     "@rollup/plugin-node-resolve": "15.1.0",
     "@svgr/core": "^5.3.1",
-    "@types/xml2json": "^0.11.0",
     "commander": "^11.0.0",
+    "fast-xml-parser": "^5.3.0",
     "fs-extra": "11.1.1",
     "p-queue": "^8.1.0",
     "rollup": "4.16.1",
-    "rollup-plugin-node-externals": "7.1.1",
     "ts-node": "^10.9.2",
+    "rollup-plugin-node-externals": "7.1.1",
     "xml2json": "^0.12.0"
   },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",

packages/icon/src/Icon.spec.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
+import { XMLParser } from 'fast-xml-parser';
 import fs from 'fs';
 import { axe } from 'jest-axe';
 import path from 'path';
-import { toJson } from 'xml2json';
 
 import { typeIs } from '@leafygreen-ui/lib';
 
@@ -108,8 +108,8 @@ describe('packages/Icon/glyphs/', () => {
         readonly [K in string]: string | SVGNodeObject;
       };
 
-      //@ts-expect-error
-      const rootGlyphObject: SVGNodeObject = toJson(svg, { object: true });
+      const parser = new XMLParser({ ignoreAttributes: false });
+      const rootGlyphObject: SVGNodeObject = parser.parse(svg);
 
       function validateGlyphObject(obj: SVGNodeObject) {
         Object.keys(obj).forEach(key => {