chore: migrate from npm to pnpm

Author: EugeniyKiyashko

.github/workflows/applications.yml

@@ -42,15 +42,19 @@ jobs:
     - name: Get sources
       uses: actions/checkout@v4
 
+    - name: Install pnpm
+      uses: pnpm/action-setup@v4
+
     - name: Use Node.js
       uses: actions/setup-node@v4
       with:
         node-version: '24'
+        cache: 'pnpm'
 
     - name: Install dependencies
       env:
         PUPPETEER_SKIP_DOWNLOAD: true
-      run: npm ci --no-audit --no-fund
+      run: pnpm install --frozen-lockfile
 
     - uses: browser-actions/setup-chrome@v1
       id: setup-chrome
@@ -60,7 +64,8 @@ jobs:
       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 }}
+      working-directory: packages/devextreme-cli
+      run: node ./testing/creating.js -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
       timeout-minutes: 30
 
     - name: Install Internal Packages
@@ -70,14 +75,16 @@ jobs:
 
     - name: Lint created application
       if: ${{ matrix.OS != 'windows-latest' }}
-      run: npm run lint-template -- -- -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
+      working-directory: packages/devextreme-cli
+      run: node ./testing/linting.js -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 }}
+      working-directory: packages/devextreme-cli
+      run: node ./testing/testing.js -e ${{ matrix.APPROACH }} ${{ env.DEPS_VERSION_TAG_PARAM }}
       timeout-minutes: 40
 
     - name: Archive artifacts
@@ -110,17 +117,19 @@ jobs:
       - name: Get sources
         uses: actions/checkout@v4
 
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
       - name: Set up Node.js and restore cache
         uses: actions/setup-node@v4
         with:
           node-version: 24
-          cache: 'npm'
-          cache-dependency-path: '**/package-lock.json'
+          cache: 'pnpm'
 
       - name: Install dependencies
         env:
           PUPPETEER_SKIP_DOWNLOAD: true
-        run: npm ci --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 run test

.github/workflows/check-nextjs.yml

@@ -29,48 +29,48 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.NODE }}
-          cache: 'npm'
-          cache-dependency-path: |
-            package-lock.json
-            apps/nextjs-testing/**/package-lock.json
 
-      - name: Determine test app directory
+      - name: Extract create-next-app version
         run: |
-          TS_PART=${{ matrix.TYPESCRIPT == true && 'ts' || 'js' }}
-          SRC_PART=${{ matrix.SRC_DIR == true && 'src' || 'nosrc' }}
-          ROUTER_PART=${{ matrix.APP_ROUTER == true && 'app' || 'pages' }}
-          echo "TEST_APP_DIR=apps/nextjs-testing/${TS_PART}-${SRC_PART}-${ROUTER_PART}" >> $GITHUB_ENV
+          NEXT_APP_VERSION=$(node -e "const versions = require('./packages/devextreme-cli/src/utility/latest-versions.js'); console.log(versions['create-next-app'])")
+          echo "Using create-next-app version: $NEXT_APP_VERSION"
+          echo "NEXT_APP_VERSION=$NEXT_APP_VERSION" >> $GITHUB_ENV
         shell: bash
 
-      - name: Verify committed apps are up-to-date
+      - name: Create Next.js application
         run: |
-          EXPECTED_VERSION=$(node -e "const v = require('./packages/devextreme-cli/src/utility/latest-versions.js'); console.log(v['create-next-app'])")
-          COMMITTED_VERSION=$(node -e "const m = require('./apps/nextjs-testing/.generator-meta.json'); console.log(m['create-next-app'])")
-          if [ "$EXPECTED_VERSION" != "$COMMITTED_VERSION" ]; then
-            echo "ERROR: Committed test apps use create-next-app@$COMMITTED_VERSION but latest-versions.js specifies $EXPECTED_VERSION"
-            echo "Run 'npm run regenerate-nextjs-apps' and commit the results"
-            exit 1
-          fi
+          npx create-next-app@${{ env.NEXT_APP_VERSION }} test-nextjs-app \
+          --typescript=${{ matrix.TYPESCRIPT }} \
+          --src-dir=${{ matrix.SRC_DIR }} \
+          --app=${{ matrix.APP_ROUTER }} \
+          --eslint \
+          --no-tailwind \
+          --import-alias="@/*" \
+          --no-git \
+          --use-npm
         shell: bash
 
-      - name: Install devextreme-cli dependencies
-        run: npm ci --prefix packages/devextreme-cli
-        timeout-minutes: 5
-
-      - name: Install test app dependencies
-        run: cd ${{ env.TEST_APP_DIR }} && npm ci
-        timeout-minutes: 5
+      - name: Add actual devExtreme-cli
+        run: |
+          cd test-nextjs-app
+          npm add devextreme-cli
+          rm -r ./node_modules/devextreme-cli/src/
+          cp -r ../packages/devextreme-cli/src/ ./node_modules/devextreme-cli/
+          ls ./node_modules/devextreme-cli
+          ls ./node_modules/devextreme-cli/src
+        shell: bash
+        timeout-minutes: 15
 
       - name: Add DevExtreme to Next.js application
         run: |
-          cd ${{ env.TEST_APP_DIR }}
-          node ../../../packages/devextreme-cli/index.js add devextreme-react
+          cd test-nextjs-app
+          npx devextreme-cli add devextreme-react
         shell: bash
         timeout-minutes: 15
 
       - name: Verify DevExtreme dependencies in package.json
         run: |
-          cd ${{ env.TEST_APP_DIR }}
+          cd test-nextjs-app
 
           if ! grep -q '"devextreme":' package.json; then
             echo "Error: devextreme dependency not found in package.json"
@@ -87,7 +87,7 @@ jobs:
 
       - name: Build Next.js application
         run: |
-          cd ${{ env.TEST_APP_DIR }}
+          cd test-nextjs-app
           npm run build
         shell: bash
         timeout-minutes: 15

.github/workflows/lint.yml

@@ -16,15 +16,19 @@ jobs:
     - name: Get sources
       uses: actions/checkout@v4
 
+    - name: Install pnpm
+      uses: pnpm/action-setup@v4
+
     - name: Use Node.js
       uses: actions/setup-node@v4
       with:
         node-version: '24'
+        cache: 'pnpm'
 
     - name: Install dependencies
       env:
         PUPPETEER_SKIP_DOWNLOAD: true
-      run: npm ci --no-audit --no-fund
+      run: pnpm install --frozen-lockfile
 
     - name: Run tests
-      run: npm run lint
+      run: pnpm run lint

.gitignore

@@ -7,6 +7,7 @@
 # Misc
 **/node_modules/
 **/npm-debug.log*
+**/pnpm-debug.log*
 **/yarn-error.log*
 packages/devextreme-cli/testing/sandbox/
 packages/devextreme-cli/testing/__tests__/__diff_snapshots__/

README_DEVELOPERS.md

@@ -2,20 +2,20 @@
 
 ## Build docker image 
 ```sh
-$ lerna run docker:build
+$ pnpm --filter devextreme-cli run docker:build
 ```
 
 ## Run docker image with browser
 ```sh
-$ lerna run docker:run
+$ pnpm --filter devextreme-cli run 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 +29,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 --filter devextreme-cli exec node ./testing/creating.js -e angular
+pnpm --filter devextreme-cli exec node ./testing/creating.js -e react
+pnpm --filter devextreme-cli exec node ./testing/creating.js -e react-ts
+pnpm --filter devextreme-cli exec node ./testing/creating.js -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 --filter devextreme-cli exec node ./testing/linting.js -e angular
+pnpm --filter devextreme-cli exec node ./testing/linting.js -e react
+pnpm --filter devextreme-cli exec node ./testing/linting.js -e react-ts
+pnpm --filter devextreme-cli exec node ./testing/linting.js -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 --filter devextreme-cli exec node ./testing/testing.js -e angular
+pnpm --filter devextreme-cli exec node ./testing/testing.js -e react
+pnpm --filter devextreme-cli exec node ./testing/testing.js -e react-ts
+pnpm --filter devextreme-cli exec node ./testing/testing.js -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 +99,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

@@ -2,5 +2,7 @@
   "packages": [
     "packages/*"
   ],
-  "version": "1.14.2"
+  "version": "1.14.2",
+  "npmClient": "pnpm",
+  "useWorkspaces": true
 }