Update workflows and documentation for pnpm exec usage (#33195)

alexslavr · web-flow · commit 046ec960db17 · 2026-04-09T16:18:18.000+04:00
diff --git a/.github/workflows/default_workflow.yml b/.github/workflows/default_workflow.yml
@@ -55,7 +55,7 @@ jobs:
 
     - name: Run targets
       run: >
-        pnpx nx run-many
+        pnpm exec nx run-many
         -t lint,test
         --exclude
         devextreme
diff --git a/.github/workflows/demos_unit_tests.yml b/.github/workflows/demos_unit_tests.yml
@@ -68,4 +68,4 @@ jobs:
 
       - name: Run unit tests
         working-directory: apps/demos
-        run: pnpx nx test
+        run: pnpm exec nx test
diff --git a/.github/workflows/demos_visual_tests.yml b/.github/workflows/demos_visual_tests.yml
@@ -145,8 +145,8 @@ jobs:
         if: needs.determine-framework-tests-scope.outputs.framework-tests-scope == 'none'
         shell: bash
         run: |
-          pnpx nx build devextreme-scss
-          pnpx nx build devextreme
+          pnpm exec nx build devextreme-scss
+          pnpm exec nx build devextreme
 
       - name: DevExtreme - Build-all
         if: needs.determine-framework-tests-scope.outputs.framework-tests-scope != 'none'
@@ -248,7 +248,7 @@ jobs:
 
       - name: Prepare bundles
         working-directory: apps/demos
-        run: pnpx nx prepare-bundles
+        run: pnpm exec nx prepare-bundles
 
       - name: Demos - Run tsc
         working-directory: apps/demos
@@ -386,7 +386,7 @@ jobs:
       env:
         CHANGEDFILEINFOSPATH: changed-files.json
         DEBUG: 'eslint:cli-engine,stylelint:standalone'
-      run: pnpx nx lint-non-demos
+      run: pnpm exec nx lint-non-demos
 
   check-generated-demos:
     name: Check generated demos
@@ -601,7 +601,7 @@ jobs:
         # DISABLE_DEMO_TEST_SETTINGS: ignore # Uncomment to ignore the `ignore` field
         # DISABLE_DEMO_TEST_SETTINGS: comparison-options # Uncomment to ignore the `comparison-options` field
         CI_ENV: true # The `ignore` field in the visualtestrc.json should be disabled when running test locally
-      run: pnpx nx test-testcafe
+      run: pnpm exec nx test-testcafe
 
     - name: Show accessibility warnings
       if: matrix.STRATEGY == 'accessibility'
@@ -764,7 +764,7 @@ jobs:
         # DISABLE_DEMO_TEST_SETTINGS: ignore # Uncomment to ignore the `ignore` field
         # DISABLE_DEMO_TEST_SETTINGS: comparison-options # Uncomment to ignore the `comparison-options` field
         CI_ENV: true # The `ignore` field in the visualtestrc.json should be disabled when running test locally
-      run: pnpx nx test-testcafe
+      run: pnpm exec nx test-testcafe
 
     - name: Sanitize job name
       if: ${{ failure() }}
@@ -892,7 +892,7 @@ jobs:
           # DISABLE_DEMO_TEST_SETTINGS: ignore # Uncomment to ignore the `ignore` field
           # DISABLE_DEMO_TEST_SETTINGS: comparison-options # Uncomment to ignore the `comparison-options` field
           CI_ENV: true # The `ignore` field in the visualtestrc.json should be disabled when running test locally
-        run: pnpx nx test-testcafe
+        run: pnpm exec nx test-testcafe
 
       - name: Sanitize job name
         if: ${{ failure() }}
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
@@ -53,25 +53,25 @@ jobs:
 
     - name: Build
       working-directory: ./packages/devextreme
-      run: pnpx nx build
+      run: pnpm exec nx build
 
     - name: Lint TS
       working-directory: ./packages/devextreme
       env:
         DEBUG: eslint:cli-engine
-      run: pnpx nx lint-ts
+      run: pnpm exec nx lint-ts
 
     - name: Lint .d.ts
       working-directory: ./packages/devextreme
       env:
         DEBUG: eslint:cli-engine
-      run: pnpx nx lint-dts
+      run: pnpm exec nx lint-dts
 
     - name: Lint Testcafe tests
       working-directory: ./e2e/testcafe-devextreme
       env:
         DEBUG: eslint:cli-engine
-      run: pnpx nx lint
+      run: pnpm exec nx lint
 
   JS:
     runs-on: devextreme-shr2
@@ -110,13 +110,13 @@ jobs:
 
     - name: Build
       working-directory: ./packages/devextreme
-      run: pnpx nx build
+      run: pnpm exec nx build
 
     - name: Lint JS
       working-directory: ./packages/devextreme
       env:
         DEBUG: eslint:cli-engine
-      run: pnpx nx lint-js
+      run: pnpm exec nx lint-js
 
   texts:
     runs-on: devextreme-shr2
@@ -155,7 +155,7 @@ jobs:
 
     - name: Check texts
       working-directory: ./packages/devextreme
-      run: pnpx nx lint-texts
+      run: pnpm exec nx lint-texts
 
   pnpm_lock:
     runs-on: devextreme-shr2
@@ -291,7 +291,7 @@ jobs:
       run: pnpm install
 
     - name: Lint wrappers
-      run: pnpx nx run-many -t lint -p devextreme-angular devextreme-react devextreme-vue
+      run: pnpm exec nx run-many -t lint -p devextreme-angular devextreme-react devextreme-vue
 
   notify:
     runs-on: devextreme-shr2
diff --git a/.github/workflows/playgrounds_tests.yml b/.github/workflows/playgrounds_tests.yml
@@ -58,7 +58,7 @@ jobs:
 
     - name: Build
       working-directory: ./packages/devextreme
-      run: pnpx nx build
+      run: pnpm exec nx build
 
     - name: Zip artifacts
       working-directory: ./packages/devextreme
@@ -134,11 +134,11 @@ jobs:
 
     - name: Build
       working-directory: ./packages/devextreme-${{ matrix.ARGS.platform }}
-      run: pnpx nx pack
+      run: pnpm exec nx pack
 
     - name: Check sources compilation
       working-directory: ./apps/${{ matrix.ARGS.platform }}
-      run: pnpx nx build
+      run: pnpm exec nx build
 
 #    - name: Run test
 #      if: ${{ matrix.ARGS.platform != 'angular' }}
diff --git a/.github/workflows/qunit_tests.yml b/.github/workflows/qunit_tests.yml
@@ -70,7 +70,7 @@ jobs:
       env:
         DEVEXTREME_TEST_CI: "true"
         BUILD_INPROGRESS_RENOVATION: "true"
-      run: pnpx nx build:systemjs
+      run: pnpm exec nx build:systemjs
 
     - name: Zip artifacts
       working-directory: ./packages/devextreme
diff --git a/.github/workflows/renovation.yml b/.github/workflows/renovation.yml
@@ -56,7 +56,7 @@ jobs:
       run: pnpx gulp localization
 
     - name: Jest tests
-      run: pnpx nx test-jest devextreme
+      run: pnpm exec nx test-jest devextreme
 
   notify:
     runs-on: devextreme-shr2
diff --git a/.github/workflows/run-testcafe-on-gh-pages.yml b/.github/workflows/run-testcafe-on-gh-pages.yml
@@ -92,7 +92,7 @@ jobs:
                 # DISABLE_DEMO_TEST_SETTINGS: ignore # Uncomment to ignore the `ignore` field
                 # DISABLE_DEMO_TEST_SETTINGS: comparison-options # Uncomment to ignore the `comparison-options` field
                 CI_ENV: true # The `ignore` field in the visualtestrc.json should be disabled when running test locally
-              run: pnpx nx test-testcafe
+              run: pnpm exec nx test-testcafe
 
             - name: Copy screenshots artifacts
               if: ${{ failure() }}
diff --git a/.github/workflows/styles.yml b/.github/workflows/styles.yml
@@ -52,7 +52,7 @@ jobs:
       run: pnpm install
 
     - name: Run tests
-      run: pnpx nx test devextreme-scss
+      run: pnpm exec nx test devextreme-scss
 
   notify:
     runs-on: devextreme-shr2
diff --git a/.github/workflows/testcafe_tests.yml b/.github/workflows/testcafe_tests.yml
@@ -72,8 +72,8 @@ jobs:
       env:
         NODE_OPTIONS: --max-old-space-size=8192
       run: |
-        pnpx nx build devextreme-scss
-        pnpx nx build devextreme
+        pnpm exec nx build devextreme-scss
+        pnpm exec nx build devextreme
 
     - name: Zip artifacts
       working-directory: ./packages/devextreme
diff --git a/.github/workflows/themebuilder_tests.yml b/.github/workflows/themebuilder_tests.yml
@@ -58,11 +58,11 @@ jobs:
 
     - name: Build
       working-directory: ./packages/devextreme-themebuilder
-      run: pnpx nx build
+      run: pnpm exec nx build
 
     - name: Run themebuilder tests (full set, node)
       working-directory: ./packages/devextreme-themebuilder
-      run: pnpx nx test
+      run: pnpm exec nx test
 
     - name: Check styles for duplicate rules (generic)
       working-directory: ./packages/devextreme-scss
diff --git a/.github/workflows/wrapper_tests.yml b/.github/workflows/wrapper_tests.yml
@@ -53,7 +53,7 @@ jobs:
         env:
           BUILD_TEST_INTERNAL_PACKAGE: true
         working-directory: ./packages/devextreme
-        run: pnpx nx build
+        run: pnpm exec nx build
 
   check-regenerate:
     runs-on: devextreme-shr2
@@ -151,7 +151,7 @@ jobs:
         run: pnpx puppeteer browsers install chrome@130.0.6723.69
 
       - name: Test ${{ matrix.framework }}
-        run: pnpx nx test devextreme-${{ matrix.framework }}
+        run: pnpm exec nx test devextreme-${{ matrix.framework }}
 
       - name: Pack ${{ matrix.framework }}
-        run: pnpx nx pack devextreme-${{ matrix.framework }}
+        run: pnpm exec nx pack devextreme-${{ matrix.framework }}
diff --git a/apps/demos/package.json b/apps/demos/package.json
@@ -166,7 +166,7 @@
         "lint-js": "eslint . --ignore-pattern 'Demos'",
         "lint-demos": "ts-node utils/eslint-runner",
         "lint-css": "stylelint **/*.{css,vue}",
-        "lint-non-demos": "pnpx nx run-many -t lint-js lint-css lint-html -p devextreme-demos",
+        "lint-non-demos": "pnpm exec nx run-many -t lint-js lint-css lint-html -p devextreme-demos",
         "lint": "pnpm run lint-non-demos && pnpm run lint-demos",
         "test-testcafe": "ts-node utils/visual-tests/testcafe-runner.ts",
         "test-testcafe:accessibility": "cross-env STRATEGY=accessibility CONSTEL=jquery node utils/visual-tests/testcafe-runner.ts",
diff --git a/tools/scripts/build-all.ts b/tools/scripts/build-all.ts
@@ -47,24 +47,24 @@ sh.cd(ROOT_DIR);
 
 if (!devMode) {
     // aspnet metadata will be used in Build custom-tasks to inject aspnet descriptions
-    sh.exec(`pnpx nx run devextreme-metadata:make-aspnet-metadata`);
+    sh.exec(`pnpm exec nx run devextreme-metadata:make-aspnet-metadata`);
 
     injectDescriptions();
 }
 
 if (devMode) {
-    sh.exec('pnpx nx build devextreme');
+    sh.exec('pnpm exec nx build devextreme');
 } else {
-    sh.exec('pnpx nx build devextreme-scss');
-    sh.exec('pnpx nx build-dist devextreme --skipNxCache', {
+    sh.exec('pnpm exec nx build devextreme-scss');
+    sh.exec('pnpm exec nx build-dist devextreme --skipNxCache', {
         env: {
             ...sh.env,
             BUILD_INTERNAL_PACKAGE: 'false'
         }
     });
 }
 
-sh.exec(`pnpx nx build devextreme-themebuilder${devMode ? '' : ' --skipNxCache'}`);
+sh.exec(`pnpm exec nx build devextreme-themebuilder${devMode ? '' : ' --skipNxCache'}`);
 
 // Copy artifacts for DXBuild (Installation)
 sh.pushd(path.join(ROOT_DIR, 'packages/devextreme/artifacts'));
@@ -78,9 +78,9 @@ sh.cp([path.join(BOOTSTRAP_DIR, 'css', 'bootstrap.css'), path.join(BOOTSTRAP_DIR
 
 sh.exec('pnpm run all:pack-and-copy');
 
-sh.exec('pnpx nx pack devextreme-react', { silent: true });
-sh.exec('pnpx nx pack devextreme-vue', { silent: true });
-sh.exec(`pnpx nx pack devextreme-angular${devMode ? '' : ' --with-descriptions'}`, { silent: true });
+sh.exec('pnpm exec nx pack devextreme-react', { silent: true });
+sh.exec('pnpm exec nx pack devextreme-vue', { silent: true });
+sh.exec(`pnpm exec nx pack devextreme-angular${devMode ? '' : ' --with-descriptions'}`, { silent: true });
 
 sh.pushd(path.join(DEVEXTREME_NPM_DIR, 'devextreme'));
     packAndCopy(NPM_DIR);
@@ -100,7 +100,7 @@ sh.cp(path.join(ROOT_DIR, 'packages', 'devextreme-react', 'npm', '*.tgz'), NPM_D
 sh.cp(path.join(ROOT_DIR, 'packages', 'devextreme-vue', 'npm', '*.tgz'), NPM_DIR);
 
 if (sh.env.BUILD_INTERNAL_PACKAGE === 'true') {
-    sh.exec('pnpx nx build-dist devextreme');
+    sh.exec('pnpm exec nx build-dist devextreme');
 
     sh.pushd(path.join(DEVEXTREME_NPM_DIR, 'devextreme-internal'));
         sh.exec(`pnpm pkg set version="${devextremeNpmVersion}"`);
