chore: migrate remaining gulp build TS task to nx

packages/devextreme/build/gulp/npm.js

@@ -1,7 +1,5 @@
 'use strict';
 
-require('./ts');
-
 const eol = require('gulp-eol');
 const gulp = require('gulp');
 const gulpIf = require('gulp-if');
@@ -156,7 +154,8 @@ const packagePath = `${resultPath}/${packageDir}`;
 const distPath = `${resultPath}/${packageDistDir}`;
 
 gulp.task('npm-sources', gulp.series(
-    'ts-sources',
+    shell.task('pnpm nx run devextreme:build:npm:dts-modules'),
+    shell.task('pnpm nx run devextreme:build:npm:dts-bundle'),
     () => gulp
         .src(devextremeDistWorkspacePackageJsonPath)
         .pipe(
@@ -212,4 +211,4 @@ gulp.task('npm-sass', gulp.series(
     )
 ));
 
-gulp.task('npm', gulp.series('npm-sources', 'npm-dist', 'ts-check-public-modules', 'npm-sass'));
+gulp.task('npm', gulp.series('npm-sources', 'npm-dist', 'npm-sass'));

packages/devextreme/gulpfile.js

@@ -31,7 +31,6 @@ gulp.task('clean', function(callback) {
 require('./build/gulp/bundler-config');
 require('./build/gulp/transpile');
 require('./build/gulp/js-bundles');
-require('./build/gulp/ts');
 require('./build/gulp/localization');
 require('./build/gulp/systemjs');
 
@@ -49,6 +48,12 @@ function getTranspileConfig() {
 
 const transpileConfig = getTranspileConfig();
 
+function getDeclarationsConfiguration() {
+    return env.BUILD_INTERNAL_PACKAGE ? 'internal' : '';
+}
+
+const declarationsConfig = getDeclarationsConfiguration();
+
 gulp.task('transpile', shell.task(
     transpileConfig
         ? `pnpm nx run devextreme:build:transpile -c ${transpileConfig}`
@@ -69,6 +74,12 @@ gulp.task('aspnet', shell.task(
 
 gulp.task('vendor', shell.task('pnpm nx run devextreme:copy:vendor'));
 
+gulp.task('ts', shell.task(
+    declarationsConfig
+        ? `pnpm nx run devextreme:build:declarations -c ${declarationsConfig}`
+        : 'pnpm nx run devextreme:build:declarations'
+));
+
 gulp.task('check-license-notices', shell.task('pnpm nx run devextreme:verify:licenses'));
 
 gulp.task('state-manager-optimize', shell.task('pnpm nx run devextreme:state-manager:optimize'));

packages/devextreme/package.json

@@ -247,7 +247,7 @@
     "update-ts-reexports": "dx-tools generate-reexports --sources ./js --exclude \"((dialog|export|list_light|notify|overlay|palette|set_template_engine|splitter_control|themes|themes_callback|track_bar|utils|validation_engine|validation_message)[.d.ts])\" --compiler-options \"{ \\\"typeRoots\\\": [] }\"",
     "update-ts-bundle": "dx-tools generate-ts-bundle --sources ./js --output-path ./ts/dx.all.d.ts",
     "regenerate": "pnpm run update-ts-bundle && pnpm run update-ts-reexports",
-    "validate-ts": "gulp validate-ts",
+    "validate-ts": "pnpm nx run devextreme:validate:ts",
     "validate-declarations": "dx-tools validate-declarations --sources ./js --exclude \"js/(renovation|__internal|.eslintrc.js)\" --compiler-options \"{ \\\"typeRoots\\\": [] }\"",
     "testcafe-in-docker": "docker build -f ./testing/testcafe/docker/Dockerfile -t testcafe-testing . && docker run -it testcafe-testing",
     "test-jest": "cross-env NODE_OPTIONS='--expose-gc' jest --no-coverage --runInBand --selectProjects jsdom-tests",

packages/devextreme/project.json

@@ -786,18 +786,85 @@
       },
       "outputs": ["{projectRoot}/artifacts/js/dx.aspnet.mvc.js"]
     },
+    "verify:ts-modules": {
+      "executor": "devextreme-nx-infra-plugin:check-declarations",
+      "options": {
+        "mode": "modules",
+        "typescriptModule": "typescript-min"
+      },
+      "inputs": [
+        "{projectRoot}/js/**/*.d.ts",
+        "{projectRoot}/build/gulp/modules_metadata.json"
+      ]
+    },
+    "verify:ts-bundle": {
+      "executor": "devextreme-nx-infra-plugin:check-declarations",
+      "options": {
+        "mode": "bundle",
+        "typescriptModule": "typescript-min"
+      },
+      "dependsOn": ["build:npm:dts-bundle"],
+      "inputs": [
+        "{projectRoot}/artifacts/ts/dx.all.d.ts",
+        "{projectRoot}/ts/dx.all.d.ts",
+        "{projectRoot}/ts/aliases.d.ts",
+        "{projectRoot}/build/gulp/license-header.txt"
+      ]
+    },
+    "verify:ts-jquery": {
+      "executor": "devextreme-nx-infra-plugin:check-declarations",
+      "options": {
+        "mode": "jquery",
+        "typescriptModule": "typescript-min"
+      },
+      "dependsOn": ["build:npm:dts-bundle"],
+      "inputs": [
+        "{projectRoot}/artifacts/ts/dx.all.d.ts",
+        "{projectRoot}/ts/dx.all.d.ts",
+        "{projectRoot}/ts/aliases.d.ts",
+        "{projectRoot}/build/gulp/modules_metadata.json"
+      ]
+    },
+    "copy:ts-vendor": {
+      "executor": "devextreme-nx-infra-plugin:copy-files",
+      "options": {
+        "files": [
+          { "from": "./ts/vendor/*", "to": "./artifacts/ts" }
+        ]
+      },
+      "inputs": ["{projectRoot}/ts/vendor/**/*"],
+      "outputs": ["{projectRoot}/artifacts/ts/**/*"]
+    },
     "build:declarations": {
       "executor": "nx:run-commands",
       "options": {
-        "command": "gulp ts",
-        "cwd": "{projectRoot}"
+        "commands": [
+          "pnpm nx run devextreme:copy:ts-vendor",
+          "pnpm nx run devextreme:verify:ts-jquery",
+          "pnpm nx run devextreme:verify:ts-bundle"
+        ],
+        "parallel": false
+      },
+      "configurations": {
+        "internal": {
+          "commands": [
+            "pnpm nx run devextreme:copy:ts-vendor",
+            "pnpm nx run devextreme:verify:ts-jquery -c internal",
+            "pnpm nx run devextreme:verify:ts-bundle -c internal"
+          ],
+          "parallel": false
+        }
       },
       "inputs": [
         "{projectRoot}/ts/**/*.d.ts",
-        "{projectRoot}/build/gulp/ts.js"
+        "{projectRoot}/ts/vendor/**/*",
+        "{projectRoot}/build/gulp/modules_metadata.json",
+        "{projectRoot}/build/gulp/license-header.txt"
       ],
       "outputs": [
-        "{projectRoot}/artifacts/ts"
+        "{projectRoot}/artifacts/ts",
+        "{projectRoot}/artifacts/ts/dx.all.d.ts",
+        "{projectRoot}/artifacts/npm/devextreme/bundles/dx.all.d.ts"
       ]
     },
     "compress:ts-modules": {
@@ -1235,14 +1302,47 @@
       }
     },
     "verify:public-modules": {
-      "executor": "nx:run-commands",
+      "executor": "devextreme-nx-infra-plugin:check-declarations",
       "options": {
-        "command": "cross-env BUILD_ESM_PACKAGE=true gulp ts-check-public-modules",
-        "cwd": "{projectRoot}"
+        "mode": "public-modules",
+        "typescriptModule": "typescript-min"
       },
+      "dependsOn": [
+        { "target": "build:npm:dts-modules", "params": "forward" },
+        { "target": "build:npm:dts-bundle", "params": "forward" }
+      ],
       "inputs": [
         "{projectRoot}/artifacts/npm/devextreme/**/*.d.ts",
-        "{projectRoot}/build/gulp/modules_metadata.json"
+        "{projectRoot}/artifacts/npm/devextreme/bundles/dx.all.d.ts",
+        "{projectRoot}/build/gulp/modules_metadata.json",
+        "{projectRoot}/ts/dx.all.d.ts",
+        "{projectRoot}/ts/aliases.d.ts"
+      ],
+      "configurations": {
+        "internal": {
+          "internalPackage": true,
+          "npmPackageDir": "devextreme-internal"
+        }
+      }
+    },
+    "validate:ts": {
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": [
+          "pnpm nx run devextreme:verify:ts-modules",
+          "pnpm nx run devextreme:verify:ts-bundle",
+          "pnpm nx run devextreme:verify:ts-jquery",
+          "pnpm nx run devextreme:verify:public-modules"
+        ],
+        "parallel": false,
+        "cwd": "{workspaceRoot}"
+      },
+      "inputs": [
+        "{projectRoot}/js/**/*.d.ts",
+        "{projectRoot}/ts/dx.all.d.ts",
+        "{projectRoot}/ts/aliases.d.ts",
+        "{projectRoot}/build/gulp/modules_metadata.json",
+        "{projectRoot}/artifacts/npm/devextreme/**/*.d.ts"
       ]
     },
     "build:npm": {