feat: switch to pnpm package manager

switch to pnpm package manager from yarn

BREAKING CHANGE: starting from this release only pnpm will be allowed as package manager

resolves #277

Author: malessani

.circleci/config.yml

@@ -8,26 +8,29 @@ jobs:
     parallelism: 10
 
     environment:
-      NODE_ENV: production
+      # NODE_ENV: production
       PLAYWRIGHT_BROWSERS_PATH: 0
 
     steps:
       - checkout
       - restore_cache:
-          name: Restore Yarn Package Cache
+          name: Restore pnpm Package Cache
           keys:
-            - yarn-packages-{{ checksum "yarn.lock" }}
+            - pnpm-packages-{{ checksum "pnpm-lock.yaml" }}
+      - run:
+          name: Install pnpm package manager
+          command: |
+            curl -L https://pnpm.js.org/pnpm.js | node - add --global pnpm@7
       - run:
           name: Install Dependencies
           command: |
-            yarn install --production=false
-            yarn run playwright install chromium
+            pnpm install
+            pnpm playwright install chromium
       - save_cache:
-          name: Save Yarn Package Cache
-          key: yarn-packages-{{ checksum "yarn.lock" }}
+          name: Save pnpm Package Cache
+          key: pnpm-packages-{{ checksum "pnpm-lock.yaml" }}
           paths:
-            - .yarn/cache
-            - .yarn/unplugged
+            - node_modules
       # Step disabled until Adyen is allowing host with http protocol
       # - run:
       #     name: Add E2E_BASE_URL to /etc/hosts
@@ -36,13 +39,13 @@ jobs:
       - run:
           name: Export and serve
           command: |
-            yarn export
+            pnpm run export
       - run:
           name: Run tests
           command: |
-            yarn serve &
+            pnpm run serve &
             TESTFILES=$(circleci tests glob "specs/e2e/**/*.spec.ts" | circleci tests split --split-by=timings)   
-            yarn run playwright test --config=playwright.config.ci.ts ${TESTFILES}
+            pnpm playwright test --config=playwright.config.ci.ts ${TESTFILES}
 
 workflows:
   tests:

.github/workflows/release.yml

@@ -8,18 +8,27 @@ jobs:
   release:
     name: Release
     environment: staging
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-20.04
+    strategy:
+      matrix:
+        node-version: [18]
     steps:
       - name: Checkout
-        uses: actions/checkout@v1
-      - name: Setup Node.js
+        uses: actions/checkout@v2
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2.2.2
+        with:
+          version: 7
+      - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v1
         with:
-          node-version: 16
+          node-version: ${{ matrix.node-version }}
+          cache: "pnpm"
+
       - name: Install dependencies
-        run: yarn install
+        run: pnpm install
       - name: Run package
-        run: yarn build
+        run: pnpm build
       - name: Release
         env:
           GH_TOKEN: ${{ secrets.GH_TOKEN }}

.node-version

@@ -1 +1 @@
-16.13.2
+18.8.0

package.json

@@ -2,11 +2,11 @@
   "name": "commercelayer-react-checkout",
   "version": "1.10.0",
   "engines": {
-    "node": ">=14.x",
-    "yarn": "1.x"
+    "node": ">=18.x"
   },
   "private": true,
   "scripts": {
+    "preinstall": "npx only-allow pnpm",
     "dev": "NODE_OPTIONS='--inspect' next dev",
     "build": "next build",
     "export": "next build && next export",
@@ -71,20 +71,35 @@
   ],
   "dependencies": {
     "@commercelayer/react-components": "^3.15.0",
+    "@commercelayer/sdk": "^4.15.1",
     "@headlessui/react": "^1.6.6",
     "@rollbar/react": "^0.11.1",
+    "@tailwindcss/forms": "^0.5.2",
+    "@tailwindcss/line-clamp": "^0.4.0",
+    "@types/node": "^17.0.40",
+    "@types/react": "^17.0.49",
+    "@types/styled-components": "^5.1.25",
+    "@types/async-retry": "1.4.3",
+    "@types/react-gtm-module": "^2.0.1",
+    "autoprefixer": "^10.4.8",
     "async-retry": "^1.3.3",
     "classnames": "^2.3.1",
+    "i18next": "^21.9.1",
     "jwt-decode": "^3.1.2",
     "next": "^12.2.4",
     "next-i18next": "^11.3.0",
+    "postcss": "^8.4.16",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-gtm-module": "^2.0.11",
+    "react-i18next": "^11.18.5",
     "react-router-dom": "6",
     "rollbar": "^2.25.1",
     "styled-components": "^5.3.5",
-    "twin.macro": "2.8.2"
+    "twin.macro": "2.8.2",
+    "tailwindcss": "^3.1.8",
+    "typescript": "^4.7.4"
+
   },
   "devDependencies": {
     "@commercelayer/js-auth": "^2.3.0",
@@ -98,16 +113,8 @@
     "@semantic-release/github": "^8.0.5",
     "@semantic-release/npm": "^9.0.1",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@tailwindcss/forms": "^0.5.2",
-    "@tailwindcss/line-clamp": "^0.4.0",
-    "@types/async-retry": "1.4.3",
-    "@types/node": "^17.0.40",
-    "@types/react": "^17.0.45",
-    "@types/react-gtm-module": "^2.0.1",
-    "@types/styled-components": "^5.1.25",
     "@typescript-eslint/eslint-plugin": "^5.32.0",
     "@typescript-eslint/parser": "^5.32.0",
-    "autoprefixer": "^10.4.8",
     "dotenv": "^16.0.1",
     "eslint": "^8.21.0",
     "eslint-config-next": "^12.2.4",
@@ -119,17 +126,14 @@
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-tailwind": "^0.2.1",
-    "postcss": "^8.4.16",
     "prettier": "^2.7.1",
     "serve": "^14.0.1",
     "stylelint": "^14.9.1",
-    "stylelint-config-standard": "^26.0.0",
-    "tailwindcss": "^3.1.8",
-    "typescript": "^4.7.4"
+    "stylelint-config-standard": "^26.0.0"
   },
   "resolutions": {
-    "@types/react": "17.0.45",
-    "npm": "^8.16.0",
+    "@types/react": "17.0.49",
+    "npm": "^8.18.0",
     "dset": "^3.1.2"
   },
   "babelMacros": {

playwright.config.ts

@@ -21,7 +21,7 @@ const config: PlaywrightTestConfig = {
   // Run your local dev server before starting the tests:
   // https://playwright.dev/docs/test-advanced#launching-a-development-web-server-during-the-tests
   webServer: {
-    command: "yarn dev",
+    command: "pnpm run dev",
     port: 3000,
     timeout: 120 * 1000,
     reuseExistingServer: !process.env.CI,