CI: extract scss, icons, fonts to a separate project (#27585)

Co-authored-by: Alexander Bulychev <[email protected]>
Co-authored-by: Alexander Bulychev <[email protected]>

.github/CODEOWNERS

@@ -1,7 +1,7 @@
 # General d.ts files
 
-*.d.ts                   @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
-/packages/devextreme/ts/**                   @DevExpress/devextreme-apireviewers
+*.d.ts                          @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
+/packages/devextreme/ts/**      @DevExpress/devextreme-apireviewers
 
 # Localization strings
 
@@ -11,49 +11,49 @@
 
 ## grid_core
 
-/packages/devextreme/js/__internal/grids/**                 @DevExpress/devextreme-grids
-/packages/devextreme/js/ui/grid_core/**                     @DevExpress/devextreme-grids
-/packages/devextreme/js/ui/shared/**                        @DevExpress/devextreme-grids
-/packages/devextreme/js/common/grids.d.ts                   @DevExpress/devextreme-grids @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
-/packages/devextreme/scss/widgets/base/_gridBase.scss       @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/generic/gridBase/**       @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/material/gridBase/**      @DevExpress/devextreme-grids
+/packages/devextreme/js/__internal/grids/**                     @DevExpress/devextreme-grids
+/packages/devextreme/js/ui/grid_core/**                         @DevExpress/devextreme-grids
+/packages/devextreme/js/ui/shared/**                            @DevExpress/devextreme-grids
+/packages/devextreme/js/common/grids.d.ts                       @DevExpress/devextreme-grids @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
+/packages/devextreme-scss/scss/widgets/base/_gridBase.scss      @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/generic/gridBase/**      @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/material/gridBase/**     @DevExpress/devextreme-grids
 
 ## data_grid
 
-/packages/devextreme/js/ui/data_grid.d.ts                   @DevExpress/devextreme-grids @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
-/packages/devextreme/js/ui/data_grid.js                     @DevExpress/devextreme-grids
-/packages/devextreme/js/ui/data_grid/**                     @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/base/dataGrid/**          @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/generic/dataGrid/**       @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/material/dataGrid/**      @DevExpress/devextreme-grids
+/packages/devextreme/js/ui/data_grid.d.ts                       @DevExpress/devextreme-grids @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
+/packages/devextreme/js/ui/data_grid.js                         @DevExpress/devextreme-grids
+/packages/devextreme/js/ui/data_grid/**                         @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/base/dataGrid/**         @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/generic/dataGrid/**      @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/material/dataGrid/**     @DevExpress/devextreme-grids
 /packages/devextreme/testing/tests/DevExpress.ui.widgets.dataGrid/**    @DevExpress/devextreme-grids
-/packages/devextreme/testing/testcafe/model/dataGrid/**     @DevExpress/devextreme-grids
-/packages/devextreme/testing/testcafe/tests/dataGrid/**     @DevExpress/devextreme-grids
+/packages/devextreme/testing/testcafe/model/dataGrid/**         @DevExpress/devextreme-grids
+/packages/devextreme/testing/testcafe/tests/dataGrid/**         @DevExpress/devextreme-grids
 
 ## tree_list
 
 /packages/devextreme/js/ui/tree_list.d.ts                   @DevExpress/devextreme-grids @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
 /packages/devextreme/js/ui/tree_list.js                     @DevExpress/devextreme-grids
 /packages/devextreme/js/ui/tree_list/**                     @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/base/treeList/**          @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/generic/treeList/**       @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/material/treeList/**      @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/base/treeList/**     @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/generic/treeList/**  @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/material/treeList/** @DevExpress/devextreme-grids
 /packages/devextreme/testing/tests/DevExpress.ui.widgets.treeList/**    @DevExpress/devextreme-grids
 /packages/devextreme/testing/testcafe/model/treeList.ts     @DevExpress/devextreme-grids
 /packages/devextreme/testing/testcafe/tests/treeList/**     @DevExpress/devextreme-grids
 
 ## pivot_grid
 
-/packages/devextreme/js/ui/pivot_grid.d.ts                  @DevExpress/devextreme-grids @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
-/packages/devextreme/js/ui/pivot_grid.js                    @DevExpress/devextreme-grids
-/packages/devextreme/js/ui/pivot_grid/**                    @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/base/pivotGrid/**         @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/generic/pivotGrid/**      @DevExpress/devextreme-grids
-/packages/devextreme/scss/widgets/material/pivotGrid/**     @DevExpress/devextreme-grids
+/packages/devextreme/js/ui/pivot_grid.d.ts                      @DevExpress/devextreme-grids @DevExpress/devextreme-apireviewers @DevExpress/devextreme-techwriters
+/packages/devextreme/js/ui/pivot_grid.js                        @DevExpress/devextreme-grids
+/packages/devextreme/js/ui/pivot_grid/**                        @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/base/pivotGrid/**        @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/generic/pivotGrid/**     @DevExpress/devextreme-grids
+/packages/devextreme-scss/scss/widgets/material/pivotGrid/**    @DevExpress/devextreme-grids
 /packages/devextreme/testing/tests/DevExpress.ui.widgets.pivotGrid/**   @DevExpress/devextreme-grids
-/packages/devextreme/testing/testcafe/model/pivotGrid/**    @DevExpress/devextreme-grids
-/packages/devextreme/testing/testcafe/tests/pivotGrid/**    @DevExpress/devextreme-grids
+/packages/devextreme/testing/testcafe/model/pivotGrid/**        @DevExpress/devextreme-grids
+/packages/devextreme/testing/testcafe/tests/pivotGrid/**        @DevExpress/devextreme-grids
 
 # DevOps
 

.github/workflows/lint.yml

@@ -171,8 +171,8 @@ jobs:
       run: npm install --no-audit --no-fund
 
     - name: Lint CSS
-      working-directory: ./packages/devextreme
-      run: npx nx lint-css
+      working-directory: ./packages/devextreme-scss
+      run: npx nx lint
 
   package_lock:
     runs-on: devextreme-shr2

.github/workflows/playgrounds_tests.yml

@@ -48,7 +48,7 @@ jobs:
     - name: Zip artifacts
       working-directory: ./packages/devextreme
       run: |
-        7z a -tzip -mx3 -mmt2 artifacts.zip artifacts scss/bundles
+        7z a -tzip -mx3 -mmt2 artifacts.zip artifacts ../devextreme-scss/scss/bundles
 
     - name: Upload build artifacts
       uses: actions/upload-artifact@v3

.github/workflows/qunit_tests-additional-renovation.yml

@@ -51,7 +51,7 @@ jobs:
       - name: Zip artifacts
         working-directory: ./packages/devextreme
         run: |
-          7z a -tzip -mx3 -mmt2 artifacts.zip artifacts scss/bundles testing/tests/Renovation/widgets.json
+          7z a -tzip -mx3 -mmt2 artifacts.zip artifacts ../devextreme-scss/scss/bundles testing/tests/Renovation/widgets.json
 
       - name: Upload build artifacts
         uses: actions/upload-artifact@v3

.github/workflows/qunit_tests-renovation.yml

@@ -50,7 +50,7 @@ jobs:
     - name: Zip artifacts
       working-directory: ./packages/devextreme
       run: |
-        7z a -tzip -mx3 -mmt2 artifacts.zip artifacts scss/bundles testing/tests/Renovation/widgets.json
+        7z a -tzip -mx3 -mmt2 artifacts.zip artifacts ../devextreme-scss/scss/bundles testing/tests/Renovation/widgets.json
 
     - name: Upload build artifacts
       uses: actions/upload-artifact@v3

.github/workflows/styles.yml

@@ -37,7 +37,7 @@ jobs:
       run: npm install --no-audit --no-fund
 
     - name: Run tests
-      run: npx nx test-styles devextreme-main
+      run: npx nx test devextreme-scss
 
   notify:
     runs-on: devextreme-shr2

.github/workflows/testcafe_tests.yml

@@ -48,7 +48,7 @@ jobs:
     - name: Zip artifacts
       working-directory: ./packages/devextreme
       run: |
-        7z a -tzip -mx3 -mmt2 artifacts.zip artifacts scss/bundles
+        7z a -tzip -mx3 -mmt2 artifacts.zip artifacts ../devextreme-scss/scss/bundles
 
     - name: Upload build artifacts
       uses: actions/upload-artifact@v3

.github/workflows/themebuilder_tests.yml

@@ -33,7 +33,7 @@ jobs:
       run: npm install --no-audit --no-fund
 
     - name: Build etalon bundles
-      working-directory: ./packages/devextreme
+      working-directory: ./packages/devextreme-scss
       run: npx gulp style-compiler-themes-ci
 
     - name: Build
@@ -45,12 +45,12 @@ jobs:
       run: npx nx test
 
     - name: Check styles for duplicate rules (generic)
-      working-directory: ./packages/devextreme
-      run: npx stylelint --config testing/styles/bundles-stylelint-config.json "artifacts/**/dx.light.css"
+      working-directory: ./packages/devextreme-scss
+      run: npx stylelint --config tests/bundles-stylelint-config.json "../devextreme/artifacts/**/dx.light.css"
 
     - name: Check styles for duplicate rules (material)
-      working-directory: ./packages/devextreme
-      run: npx stylelint --config testing/styles/bundles-stylelint-config.json "artifacts/**/dx.material.blue.light.css"
+      working-directory: ./packages/devextreme-scss
+      run: npx stylelint --config tests/bundles-stylelint-config.json "../devextreme/artifacts/**/dx.material.blue.light.css"
 
   notify:
     runs-on: devextreme-shr2

e2e/testcafe-devextreme/tests/common/icons.ts

@@ -333,7 +333,7 @@ test('SVG icon set', async (t) => {
 
     await ClientFunction(() => {
       $(`#${id}`)
-        .append($(`<img src="../../../packages/devextreme/images/icons/${themeName}/${iconName}.svg">`))
+        .append($(`<img src="../../../packages/devextreme-scss/images/icons/${themeName}/${iconName}.svg">`))
         .append($('<div>').text(`${iconName}`));
     }, {
       dependencies: {