test pnpm migration

Author: ajivanyandev

.github/workflows/applications.yml

@@ -42,20 +42,27 @@ jobs:
     - name: Get sources
       uses: actions/checkout@v4
 
-    - name: Run npm install
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ matrix.NODE }}
+        cache: 'pnpm'
+        cache-dependency-path: pnpm-lock.yaml
+
+    - name: Enable Corepack
+      run: corepack enable
+
+    - name: Install dependencies
       env:
         PUPPETEER_SKIP_DOWNLOAD: true
-      run: npm install --no-audit --no-fund
+      run: pnpm install --frozen-lockfile
 
     - uses: browser-actions/setup-chrome@v1
       id: setup-chrome
     - run: ${{ steps.setup-chrome.outputs.chrome-path }} --version
 
-    - name: Set Legacy-peer-deps=true
-      run: npm config set legacy-peer-deps true
-
     - name: Create ${{ matrix.APPROACH }} application
-      run: npm run create-template -- -- -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
+      run: pnpm run create-template -- -- -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
       timeout-minutes: 30
 
     - name: Install Internal Packages
@@ -65,14 +72,14 @@ jobs:
 
     - name: Lint created application
       if: ${{ matrix.OS != 'windows-latest' }}
-      run: npm run lint-template -- -- -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
+      run: pnpm run lint-template -- -- -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
 
     - name: Run template tests
       if: ${{ matrix.OS != 'windows-latest' }}
       env:
         LAUNCH_BROWSER: true
         CHROME_PATH: ${{ steps.setup-chrome.outputs.chrome-path }}
-      run: npm run test-template -- -- -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
+      run: pnpm run test-template -- -- -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
       timeout-minutes: 40
 
     - name: Archive artifacts
@@ -105,17 +112,20 @@ jobs:
       - name: Get sources
         uses: actions/checkout@v4
 
-      - name: Set up Node.js and restore cache
+      - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'npm'
-          cache-dependency-path: '**/package-lock.json'
+          cache: 'pnpm'
+          cache-dependency-path: pnpm-lock.yaml
+
+      - name: Enable Corepack
+        run: corepack enable
 
-      - name: Run npm install
+      - name: Run pnpm install
         env:
           PUPPETEER_SKIP_DOWNLOAD: true
-        run: npm install --no-package-lock --no-audit --no-fund
+        run: pnpm install --frozen-lockfile
 
       - name: Run schematics tests
-        run: cd packages/devextreme-schematics && npm run test
+        run: pnpm --filter devextreme-schematics test

.github/workflows/lint.yml

@@ -20,11 +20,16 @@ jobs:
       uses: actions/setup-node@v4
       with:
         node-version: '20'
+        cache: 'pnpm'
+        cache-dependency-path: pnpm-lock.yaml
 
-    - name: Run npm install
+    - name: Enable Corepack
+      run: corepack enable
+
+    - name: Install dependencies
       env:
         PUPPETEER_SKIP_DOWNLOAD: true
-      run: npm install --no-package-lock --no-audit --no-fund
+      run: pnpm install --frozen-lockfile
 
     - name: Run tests
-      run: npm run lint
+      run: pnpm run lint

.github/workflows/publish.yml

@@ -23,31 +23,62 @@ jobs:
       - name: Get sources
         uses: actions/checkout@v4
 
-      - name: Run npm install - root
-        run: npm install --no-audit --no-fund
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+          cache-dependency-path: pnpm-lock.yaml
 
-      - name: Run npm install - devextreme-schematics
-        working-directory: packages/devextreme-schematics
-        run: npm install --no-audit --no-fund
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Install dependencies
+        env:
+          PUPPETEER_SKIP_DOWNLOAD: true
+        run: pnpm install --frozen-lockfile
 
       - name: Test devextreme-schematics
-        working-directory: packages/devextreme-schematics
-        run: npm run test
+        run: pnpm --filter devextreme-schematics test
 
       - name: Build devextreme-schematics
-        working-directory: packages/devextreme-schematics
-        run: npm run build
+        run: pnpm --filter devextreme-schematics build
 
       - uses: fregante/setup-git-user@v2
 
-      - name: Update NPM config
-        run: npm set "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}"
+      - name: Bump package versions
+        run: node ./scripts/bump-version.mjs ${{ github.event.inputs.version }}
+
+      - name: Refresh lockfile
+        run: pnpm install --lockfile-only
+
+      - name: Capture release versions
+        id: versions
+        run: |
+          echo "cli=$(node -p \"require('./packages/devextreme-cli/package.json').version\")" >> $GITHUB_OUTPUT
+          echo "schematics=$(node -p \"require('./packages/devextreme-schematics/package.json').version\")" >> $GITHUB_OUTPUT
+
+      - name: Commit version update
+        run: |
+          git add packages/devextreme-cli/package.json packages/devextreme-schematics/package.json pnpm-lock.yaml
+          git commit -m "chore: release devextreme-cli v${{ steps.versions.outputs.cli }}" --no-verify
+
+      - name: Tag release
+        run: |
+          git tag devextreme-cli@${{ steps.versions.outputs.cli }}
+          git tag devextreme-schematics@${{ steps.versions.outputs.schematics }}
 
-      - name: Publish package
+      - name: Configure npm auth
+        run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >> ~/.npmrc
+
+      - name: Push changes
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: git push --follow-tags origin master
+
+      - name: Publish packages
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: |
-          npx lerna version ${{ github.event.inputs.version }} -y --no-push
-          git push -f --follow-tags --no-verify --atomic origin master
-          npx lerna publish from-git -y
+          pnpm --filter devextreme-cli publish --access public --no-git-checks
+          pnpm --filter devextreme-schematics publish --access public --no-git-checks

.github/workflows/themebuilder.yml

@@ -22,20 +22,16 @@ jobs:
       uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.NODE }}
+        cache: 'pnpm'
+        cache-dependency-path: pnpm-lock.yaml
 
-    - name: Restore npm cache
-      uses: actions/cache@v4
-      with:
-        path: ~/.npm
-        key: themebuilder-${{ runner.os }}-node-${{ matrix.NODE }}-${{ hashFiles('**/package-lock.json') }}
-        restore-keys: |
-          themebuilder-${{ runner.os }}-node-${{ matrix.NODE }}
-          themebuilder-${{ runner.os }}-node-
+    - name: Enable Corepack
+      run: corepack enable
 
-    - name: Run npm install
+    - name: Install dependencies
       env:
         PUPPETEER_SKIP_DOWNLOAD: true
-      run: npm install --no-package-lock --no-audit --no-fund
+      run: pnpm install --frozen-lockfile
 
     - name: Run tests
-      run: npm run test-themebuilder
+      run: pnpm run test-themebuilder

.npmrc

@@ -0,0 +1,2 @@
+node-linker=hoisted
+strict-peer-dependencies=false

README.md

@@ -17,3 +17,12 @@ Familiarize yourself with the [DevExtreme License](https://js.devexpress.com/Lic
 ## Support & Feedback ##
 
 If you want to report a bug, request a feature, or ask a question, contact us at the [DevExpress Support Center](https://www.devexpress.com/Support/Center).
+
+## Development
+
+This repository is managed with [pnpm workspaces](https://pnpm.io/workspaces). Enable Corepack and install dependencies before running the developer scripts described in `README_DEVELOPERS.md`:
+
+```sh
+corepack enable
+pnpm install
+```

README_DEVELOPERS.md

@@ -1,21 +1,30 @@
+# Setup
+
+Use [Corepack](https://nodejs.org/api/corepack.html) (bundled with Node.js 20+) to activate pnpm and install workspace dependencies:
+
+```sh
+corepack enable
+pnpm install
+```
+
 # Testing
 
 ## Build docker image 
 ```sh
-$ lerna run docker:build
+pnpm --filter devextreme-cli docker:build
 ```
 
 ## Run docker image with browser
 ```sh
-$ lerna run docker:run
+pnpm --filter devextreme-cli docker:run
 ```
 
 ## Run tests 
 
 To run tests for all target frameworks, use the following command:
 
 ```sh
-$ npm run test
+$ pnpm run test
 ```
 
 This script creates test applications in the `testing/sandbox` folder, starts a web server for each framework, and runs the snapshot tests.
@@ -29,61 +38,61 @@ You can find test results in the following folders:
 ## Generate Applications
 
 ```sh
-npm run create-template
+pnpm run create-template
 ```
 
 ## Generate Applications for an Individual Framework
 
 ```sh
-npm run create-template -- -- -e angular
-npm run create-template -- -- -e react
-npm run create-template -- -- -e react-ts
-npm run create-template -- -- -e vue-v3
+pnpm run create-template -- -- -e angular
+pnpm run create-template -- -- -e react
+pnpm run create-template -- -- -e react-ts
+pnpm run create-template -- -- -e vue-v3
 ```
 
 ## Lint Applications
 
 ```sh
-npm run lint-template
+pnpm run lint-template
 ```
 
 ## Lint Applications for an Individual Framework
 
 ```sh
-npm run lint-template -- -- -e angular
-npm run lint-template -- -- -e react
-npm run lint-template -- -- -e react-ts
-npm run lint-template -- -- -e vue-v3
+pnpm run lint-template -- -- -e angular
+pnpm run lint-template -- -- -e react
+pnpm run lint-template -- -- -e react-ts
+pnpm run lint-template -- -- -e vue-v3
 ```
 
 ## Test Applications
 
 ```sh
-npm run test-template
+pnpm run test-template
 ```
 
 ## Test Applications for an Individual Framework
 
 ```sh
-npm run test-template -- -- -e angular
-npm run test-template -- -- -e react
-npm run test-template -- -- -e react-ts
-npm run test-template -- -- -e vue-v3
+pnpm run test-template -- -- -e angular
+pnpm run test-template -- -- -e react
+pnpm run test-template -- -- -e react-ts
+pnpm run test-template -- -- -e vue-v3
 ```
 
 ## Run Tests for Existing Test Applications
 
 ```sh
-npm run test-dev
+pnpm run test-dev
 ```
 
 ## Run Tests for an Individual Framework
 
 ```sh
-npm run test -- -- -t angular
-npm run test -- -- -t react
-npm run test -- -- -t react-ts
-npm run test -- -- -t vue-v3
+pnpm run test -- -- -t angular
+pnpm run test -- -- -t react
+pnpm run test -- -- -t react-ts
+pnpm run test -- -- -t vue-v3
 ```
 
 ## Replace etalon
@@ -99,13 +108,13 @@ Modifying an application template directly is not recommended. Instead, generate
 3. Run a script that updates templates for all frameworks:
 
     ```sh
-    npm run update-template
+    pnpm run update-template
     ```
 
     ... or a script that updates the template for an individual framework:
 
     ```sh
-    npm run update-template -- -p angular
-    npm run update-template -- -p react-ts
-    npm run update-template -- -p vue-v3
+    pnpm run update-template -- -p angular
+    pnpm run update-template -- -p react-ts
+    pnpm run update-template -- -p vue-v3
     ```

lerna.json

@@ -1,6 +0,0 @@
-{
-  "packages": [
-    "packages/*"
-  ],
-  "version": "1.12.1"
-}