Feat/migrate devextreme to nx part 2

.github/workflows/default_workflow.yml

@@ -56,6 +56,7 @@ jobs:
       run: >
         pnpx nx run-many
         -t lint,test
+        --configuration ci
         --exclude
         devextreme
         devextreme-themebuilder

.github/workflows/demos_visual_tests.yml

@@ -15,7 +15,6 @@ on:
 env:
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_TOKEN }}
   NX_SKIP_NX_CACHE: ${{ (github.event_name != 'pull_request' || contains( github.event.pull_request.labels.*.name, 'skip-cache')) && 'true' || 'false' }}
-  BUILD_TEST_INTERNAL_PACKAGE: true
   RUN_TESTS: true
 
 jobs:
@@ -145,13 +144,11 @@ jobs:
         shell: bash
         run: |
           pnpx nx build devextreme-scss
-          pnpx nx build devextreme
+          pnpx nx build devextreme -c testing
 
       - name: DevExtreme - Build-all
         if: needs.determine-framework-tests-scope.outputs.framework-tests-scope != 'none'
-        env:
-          BUILD_TEST_INTERNAL_PACKAGE: true
-        run: pnpm run all:build-dev
+        run: pnpm nx all:build-testing workflows
 
       - name: Zip artifacts (for jQuery tests)
         working-directory: ./packages/devextreme

.github/workflows/publish-demos.yml

@@ -38,9 +38,7 @@ jobs:
         pnpm install --frozen-lockfile
 
     - name: DevExtreme - Build-all
-      env:
-        BUILD_TEST_INTERNAL_PACKAGE: true
-      run: pnpm run all:build-dev
+      run: pnpm nx all:build-testing workflows
 
     - name: Move packages
       run: |

.github/workflows/testcafe_tests.yml

@@ -15,7 +15,6 @@ on:
 env:
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_TOKEN }}
   NX_SKIP_NX_CACHE: ${{ (github.event_name != 'pull_request' || contains( github.event.pull_request.labels.*.name, 'skip-cache')) && 'true' || 'false' }}
-  BUILD_TEST_INTERNAL_PACKAGE: true
   RUN_TESTS: true
 
 jobs:
@@ -72,7 +71,7 @@ jobs:
         NODE_OPTIONS: --max-old-space-size=8192
       run: |
         pnpx nx build devextreme-scss
-        pnpx nx build devextreme
+        pnpx nx build devextreme -c testing
 
     - name: Zip artifacts
       working-directory: ./packages/devextreme

.github/workflows/wrapper_tests.yml

@@ -10,7 +10,6 @@ on:
 env:
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_TOKEN }}
   NX_SKIP_NX_CACHE: ${{ (github.event_name != 'pull_request' || contains( github.event.pull_request.labels.*.name, 'skip-cache')) && 'true' || 'false' }}
-  BUILD_TEST_INTERNAL_PACKAGE: true
 
 jobs:
   build:
@@ -49,10 +48,7 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Build devextreme package
-        env:
-          BUILD_TEST_INTERNAL_PACKAGE: true
-        working-directory: ./packages/devextreme
-        run: pnpx nx build
+        run: pnpx nx build devextreme -c testing
 
   check-regenerate:
     runs-on: devextreme-shr2

.github/workflows/wrapper_tests_e2e.yml

@@ -15,7 +15,6 @@ on:
 env:
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_TOKEN }}
   NX_SKIP_NX_CACHE: ${{ (github.event_name != 'pull_request' || contains( github.event.pull_request.labels.*.name, 'skip-cache')) && 'true' || 'false' }}
-  BUILD_TEST_INTERNAL_PACKAGE: true
 
 jobs:
   build-packages:
@@ -55,9 +54,7 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Build all DevExtreme packages
-        env:
-          BUILD_TEST_INTERNAL_PACKAGE: true
-        run: pnpm run all:build-dev
+        run: pnpm nx all:build-testing workflows
 
       - name: Build wrappers apps
         working-directory: e2e/wrappers

nx.json

@@ -8,6 +8,15 @@
       "{projectRoot}/**/*.ts",
       "{projectRoot}/tsconfig.json",
       { "externalDependencies": [ "devextreme-internal-tools", "ts-node", "typescript"] }
+    ],
+    "devextreme-sources": [
+      "{projectRoot}/js/**/*",
+      "{projectRoot}/ts/**/*"
+    ],
+    "devextreme-build-config": [
+      "{projectRoot}/build/**/*",
+      "{projectRoot}/webpack.config.js",
+      "{projectRoot}/gulpfile.js"
     ]
   },
   "targetDefaults": {

package.json

@@ -18,7 +18,7 @@
     "prepare": "husky install",
     "all:update-version": "ts-node tools/scripts/update-version.ts",
     "all:build": "ts-node tools/scripts/build-all.ts",
-    "all:build-dev": "pnpm run all:build --dev",
+    "all:build-dev": "nx all:build-dev workflows",
     "all:pack-and-copy": "nx run-many -t pack-and-copy",
     "demos:prepare": "nx run devextreme-demos:prepare-js",
     "demos:start": "http-server ./apps/demos --port 8080 -c-1"

packages/devextreme-angular/project.json

@@ -167,7 +167,13 @@
     },
     "build": {
       "executor": "nx:run-commands",
-      "dependsOn": ["^build"],
+      "dependsOn": [
+        {
+          "dependencies": true,
+          "target": "build",
+          "params": "forward"
+        }
+      ],
       "options": {
         "commands": [
           "pnpm --workspace-root nx clean:dist devextreme-angular",
@@ -182,7 +188,14 @@
         "{projectRoot}/npm/dist"
       ],
       "cache": true,
-      "inputs": ["default"]
+      "inputs": ["default"],
+      "configurations": {
+        "testing": {
+          "env": {
+            "BUILD_TEST_INTERNAL_PACKAGE": "true"
+          }
+        }
+      }
     },
     "pack": {
       "executor": "nx:run-commands",
@@ -289,7 +302,7 @@
       "executor": "nx:run-commands",
       "options": {
         "commands": [
-          "pnpm --workspace-root nx build devextreme-angular",
+          "pnpm --workspace-root nx build devextreme-angular -c testing",
           "pnpm --workspace-root nx build:tests devextreme-angular",
           "pnpm --workspace-root nx test:all devextreme-angular"
         ],

packages/devextreme/build/gulp/localization.js

@@ -2,116 +2,14 @@
 
 const gulp = require('gulp');
 const path = require('path');
-const rename = require('gulp-rename');
-const del = require('del');
-const template = require('gulp-template');
-const lint = require('gulp-eslint-new');
+const shell = require('gulp-shell');
 const through = require('through2');
 const fs = require('fs');
 
-const headerPipes = require('./header-pipes.js');
-const compressionPipes = require('./compression-pipes.js');
-const context = require('./context.js');
-
-const Cldr = require('cldrjs');
-const locales = require('cldr-core/availableLocales.json').availableLocales.full;
-const weekData = require('cldr-core/supplemental/weekData.json');
-const likelySubtags = require('cldr-core/supplemental/likelySubtags.json');
-const parentLocales = require('cldr-core/supplemental/parentLocales.json').supplemental.parentLocales.parentLocale;
-
-const globalizeEnCldr = require('devextreme-cldr-data/en.json');
-const globalizeSupplementalCldr = require('devextreme-cldr-data/supplemental.json');
-
-const PARENT_LOCALE_SEPARATOR = '-';
 const DEFAULT_LOCALE = 'en';
-
-const getParentLocale = (parentLocales, locale) => {
-    const parentLocale = parentLocales[locale];
-
-    if(parentLocale) {
-        return parentLocale !== 'root' && parentLocale;
-    }
-
-    return locale.substr(0, locale.lastIndexOf(PARENT_LOCALE_SEPARATOR));
-};
-
-const firstDayOfWeekData = function() {
-    const DAY_INDEXES = {
-        'sun': 0,
-        'mon': 1,
-        'tue': 2,
-        'wed': 3,
-        'thu': 4,
-        'fri': 5,
-        'sat': 6
-    };
-    const DEFAULT_DAY_OF_WEEK_INDEX = 0;
-
-    const result = {};
-
-    Cldr.load(weekData, likelySubtags);
-
-    const getFirstIndex = (locale) => {
-        const firstDay = new Cldr(locale).supplemental.weekData.firstDay();
-        return DAY_INDEXES[firstDay];
-    };
-
-    locales.forEach(function(locale) {
-        const firstDayIndex = getFirstIndex(locale);
-
-        const parentLocale = getParentLocale(parentLocales, locale);
-        if(firstDayIndex !== DEFAULT_DAY_OF_WEEK_INDEX && (!parentLocale || firstDayIndex !== getFirstIndex(parentLocale))) {
-            result[locale] = firstDayIndex;
-        }
-    });
-
-    return result;
-};
-
-const accountingFormats = function() {
-    const result = {};
-
-    locales.forEach(function(locale) {
-        const dataFilePath = `../../node_modules/cldr-numbers-full/main/${locale}/numbers.json`;
-
-        if(fs.existsSync(path.join(__dirname, dataFilePath))) {
-            const numbersData = require(dataFilePath);
-            result[locale] = numbersData.main[locale].numbers['currencyFormats-numberSystem-latn'].accounting;
-        }
-    });
-
-    return result;
-};
-
-const RESULT_PATH = path.join(context.RESULT_JS_PATH, 'localization');
 const DICTIONARY_SOURCE_FOLDER = 'js/localization/messages';
 
-const getLocales = function(directory) {
-    return fs.readdirSync(directory).map(file => {
-        return file.split('.')[0];
-    });
-};
-
-const serializeObject = function(obj, shift) {
-    const tab = '    ';
-    let result = JSON.stringify(obj, null, tab);
-
-    if(shift) {
-        result = result.replace(/(\n)/g, '$1' + tab);
-    }
-
-    return result;
-};
-
-const getMessages = function(directory, locale) {
-    const json = require(path.join('../../', directory, locale + '.json'));
-
-    return serializeObject(json, true);
-};
-
-gulp.task('clean-cldr-data', function() {
-    return del('js/__internal/core/localization/cldr-data/**', { force: true });
-});
+gulp.task('localization', shell.task('pnpm nx build:localization devextreme'));
 
 gulp.task('generate-community-locales', () => {
     const defaultFile = fs.readFileSync(path.join(DICTIONARY_SOURCE_FOLDER, DEFAULT_LOCALE + '.json')).toString();
@@ -150,78 +48,3 @@ gulp.task('generate-community-locales', () => {
         }))
         .pipe(gulp.dest(DICTIONARY_SOURCE_FOLDER));
 });
-
-gulp.task('localization-messages', gulp.parallel(getLocales(DICTIONARY_SOURCE_FOLDER).map(locale => Object.assign(
-    function() {
-        return gulp
-            .src('build/gulp/localization-template.jst')
-            .pipe(template({
-                json: getMessages(DICTIONARY_SOURCE_FOLDER, locale)
-            }))
-            .pipe(rename(['dx', 'messages', locale, 'js'].join('.')))
-            .pipe(compressionPipes.beautify())
-            .pipe(headerPipes.useStrict())
-            .pipe(headerPipes.bangLicense())
-            .pipe(gulp.dest(RESULT_PATH));
-    },
-    { displayName: 'dx.messages.' + locale }
-))));
-
-gulp.task('localization-generated-sources', gulp.parallel([
-    {
-        data: require('../../js/localization/messages/en.json'),
-        filename: 'default_messages.ts',
-        exportName: 'defaultMessages',
-        destination: 'js/__internal/core/localization'
-    },
-    {
-        data: parentLocales,
-        filename: 'parent_locales.ts',
-        destination: 'js/__internal/core/localization/cldr-data'
-    },
-    {
-        data: firstDayOfWeekData(),
-        filename: 'first_day_of_week_data.ts',
-        destination: 'js/__internal/core/localization/cldr-data'
-    },
-    {
-        data: accountingFormats(),
-        filename: 'accounting_formats.ts',
-        destination: 'js/__internal/core/localization/cldr-data'
-
-    },
-    {
-        data: globalizeEnCldr,
-        exportName: 'enCldr',
-        filename: 'en.ts',
-        destination: 'js/__internal/core/localization/cldr-data'
-    },
-    {
-        data: globalizeSupplementalCldr,
-        exportName: 'supplementalCldr',
-        filename: 'supplemental.ts',
-        destination: 'js/__internal/core/localization/cldr-data'
-    }
-].map((source) => Object.assign(
-    function() {
-        return gulp
-            .src('build/gulp/generated_js.jst')
-            .pipe(template({
-                exportName: source.exportName,
-                json: serializeObject(source.data)
-            }))
-            .pipe(lint({ fix: true }))
-            .pipe(lint.format())
-            .pipe(rename(source.filename))
-            .pipe(gulp.dest(source.destination));
-    },
-    { displayName: source.filename }
-))));
-
-gulp.task('localization',
-    gulp.series(
-        'clean-cldr-data',
-        'localization-messages',
-        'localization-generated-sources'
-    )
-);

packages/devextreme/package.json

@@ -221,7 +221,6 @@
     "lint-dts": "eslint './js/**/*.d.ts'",
     "lint-staged": "lint-staged",
     "lint-texts": "node build/linters/validate-non-latin-symbols.js",
-    "build": "cross-env BUILD_ESM_PACKAGE=true gulp default",
     "build:dev": "cross-env DEVEXTREME_TEST_CI=TRUE BUILD_ESM_PACKAGE=true gulp default",
     "build:testcafe": "cross-env DEVEXTREME_TEST_CI=TRUE BUILD_ESM_PACKAGE=true BUILD_TESTCAFE=TRUE gulp default",
     "build-npm-devextreme": "cross-env BUILD_ESM_PACKAGE=true gulp default",