@eui/tools 6.12.23 → 6.12.25

package/.version.properties

@@ -1 +1 @@
-6.12.23
+6.12.25

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## 6.12.25 (2023-06-27)
+
+##### Chores
+
+* **other:**
+  * add exclusions to styles audit 3rd party deps scan - EUI-7121 [EUI-7121](https://webgate.ec.europa.eu/CITnet/jira/browse/EUI-7121)  ([d82c9aa5](https://webgate.ec.europa.eu/CITnet/stash/scm/csdr/eui-tools.git/commits/d82c9aa54e976f3ca7a5a01b3551d552e248b590))
+
+* * *
+* * *
+## 6.12.24 (2023-06-27)
+
+##### Chores
+
+* **other:**
+  * added 3rd party dependencies check on styles audit report - EUI-7121 [EUI-7121](https://webgate.ec.europa.eu/CITnet/jira/browse/EUI-7121)  ([6e45e6eb](https://webgate.ec.europa.eu/CITnet/stash/scm/csdr/eui-tools.git/commits/6e45e6eb890646c9ba085fa188a83683028e752d))
+
+* * *
+* * *
 ## 6.12.23 (2023-06-26)
 
 ##### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/tools",
-    "version": "6.12.23",
+    "version": "6.12.25",
     "tag": "latest",
     "license": "EUPL-1.1",
     "description": "eUI common tools and scripts",

package/sandbox.js

@@ -1248,11 +1248,18 @@ const versionUtils = require('./scripts/csdr/version/version-utils');
 //     console.log(e);
 //     process.exit(1);
 //   })
-
+// Promise.resolve()
+//   .then(() => {
+//     const scopes = configUtils.packages.getPackageScopes();
+//     console.log(scopes);
+//   })
+//   .catch((e) => {
+//     console.log(e);
+//   })
 Promise.resolve()
   .then(() => {
     // old package without gates forced
-    const pkg = configUtils.packages.getPackage('cc-task-manager-ui', true);
+    const pkg = configUtils.packages.getPackage('cc-flex-ui', true);
     console.log(pkg);
 
     return auditUtils.styles.audit(pkg);
@@ -1264,3 +1271,4 @@ Promise.resolve()
   .catch((e) => {
     console.log(e);
   })
+

package/scripts/csdr/audit/styles.js

@@ -9,22 +9,21 @@ const tools = require('../../utils/tools');
 const notificationUtils = require('../../utils/notification/notification-utils');
 const configUtils = require('../config/config-utils');
 const metadataUtils = require('../metadata/metadata-utils');
+const installUtils = require('../install/install-utils');
 
-
-const runStylesAudit = module.exports.runStylesAudit = (pkg, customPath) => {
-
+const runStylesAudit = (module.exports.runStylesAudit = (pkg, customPath) => {
   const generateIndicesContent = (indices, file, fileContent, exclusions = []) => {
     let content = [];
 
     indices.forEach((i) => {
-      for (var pos = i-1; pos >=0; pos--) {
+      for (var pos = i - 1; pos >= 0; pos--) {
         if (fileContent.charAt(pos) === '\n') {
           break;
         }
       }
-      const remaining = fileContent.substring(pos+1).trim();
+      const remaining = fileContent.substring(pos + 1).trim();
       const breakPos = remaining.indexOf('\n');
-      const indiceContent = remaining.substring(0, breakPos-1);
+      const indiceContent = remaining.substring(0, breakPos - 1);
 
       const lineNumber = fileContent.substring(0, i).split('\n').length;
 
@@ -36,19 +35,19 @@ const runStylesAudit = module.exports.runStylesAudit = (pkg, customPath) => {
         if (indiceContent === '') {
           excluded = true;
         }
-      })
+      });
 
       if (!excluded) {
         content.push({
           file: file,
           lineNumber: lineNumber,
           content: indiceContent,
-        })
+        });
       }
-    })
+    });
 
     return content;
-  }
+  };
 
   const recalculateIndicesCount = (indicesContent) => {
     let count = 0;
@@ -60,16 +59,11 @@ const runStylesAudit = module.exports.runStylesAudit = (pkg, customPath) => {
     }
 
     return count;
-  }
+  };
 
   const getStatus = (count) => {
-    return (count > 5) ? 'CRITICAL' : (count > 0 && count <= 5) ? 'IMPROVE' : 'OK';
-  }
-
-
-
-
-
+    return count > 5 ? 'CRITICAL' : count > 0 && count <= 5 ? 'IMPROVE' : 'OK';
+  };
 
   // checking params
 
@@ -87,7 +81,6 @@ const runStylesAudit = module.exports.runStylesAudit = (pkg, customPath) => {
     tools.logTitle(`Auditing : ${pkg.name}`);
   }
 
-
   // setting default report object
 
   const report = {
@@ -102,64 +95,67 @@ const runStylesAudit = module.exports.runStylesAudit = (pkg, customPath) => {
     scssLinescount: 0,
     tsOver500: {
       count: 0,
-      files: []
-   },
-   euiOverrides: {
-     count: 0,
-     indices: []
+      files: [],
+    },
+    thirdPartyDependencies: {
+      count: 0,
+      dependencies: [],
+    },
+    euiOverrides: {
+      count: 0,
+      indices: [],
     },
     sizesPxEm: {
       count: 0,
-      indices: []
+      indices: [],
     },
     boxShadow: {
       count: 0,
-      indices: []
+      indices: [],
     },
     fontFamily: {
       count: 0,
-      indices: []
+      indices: [],
     },
     important: {
-     count: 0,
-     indices: []
+      count: 0,
+      indices: [],
     },
     plainColors: {
       count: 0,
-      indices: []
+      indices: [],
     },
     ngDeep: {
       count: 0,
-      indices: []
+      indices: [],
     },
     zIndex: {
       count: 0,
-      indices: []
+      indices: [],
     },
     inlineStyles: {
       count: 0,
-      indices: []
+      indices: [],
     },
     material: {
       count: 0,
-      indices: []
+      indices: [],
     },
     primeng: {
       count: 0,
-      indices: []
+      indices: [],
     },
     allModules: {
       count: 0,
-      indices: []
+      indices: [],
     },
     uxCmp: {
       count: 0,
       // indices: []
     },
-    finalReport: {}
+    finalReport: {},
   };
 
-
   if (customPath) {
     report.package = customPath;
   } else {
@@ -174,7 +170,7 @@ const runStylesAudit = module.exports.runStylesAudit = (pkg, customPath) => {
 
   report.scssFilesCount += files.length;
 
-  files.forEach(file => {
+  files.forEach((file) => {
     const filePath = path.join(srcPath, file);
     const fileContent = tools.getFileContent(filePath).trim();
     const linesCount = fileContent.split('\n').length;
@@ -184,338 +180,374 @@ const runStylesAudit = module.exports.runStylesAudit = (pkg, customPath) => {
     }
     report.scssLinescount += linesCount;
 
+    let result,
+      euiIndices = [];
+    let regex = /\.eui|\.ux/gi;
+    while ((result = regex.exec(fileContent))) {
+      euiIndices.push(result.index);
+    }
+    report.euiOverrides.count += euiIndices.length;
+    report.euiOverrides.indices = [...report.euiOverrides.indices, ...generateIndicesContent(euiIndices, file, fileContent)];
+
+    let sizesIndices = [];
+    regex = /px/gi;
+    while ((result = regex.exec(fileContent))) {
+      sizesIndices.push(result.index);
+    }
+    report.sizesPxEm.count += sizesIndices.length;
+    report.sizesPxEm.indices = [...report.sizesPxEm.indices, ...generateIndicesContent(sizesIndices, file, fileContent)];
+
+    let boxShadowIndices = [];
+    regex = /box-shadow/gi;
+    while ((result = regex.exec(fileContent))) {
+      boxShadowIndices.push(result.index);
+    }
+    report.boxShadow.count += boxShadowIndices.length;
+    report.boxShadow.indices = [...report.boxShadow.indices, ...generateIndicesContent(boxShadowIndices, file, fileContent)];
+
+    let fontFamilyIndices = [];
+    regex = /font-family/gi;
+    while ((result = regex.exec(fileContent))) {
+      fontFamilyIndices.push(result.index);
+    }
+    report.fontFamily.count += fontFamilyIndices.length;
+    report.fontFamily.indices = [...report.fontFamily.indices, ...generateIndicesContent(fontFamilyIndices, file, fileContent)];
+
+    let importantIndices = [];
+    regex = /!important/gi;
+    while ((result = regex.exec(fileContent))) {
+      importantIndices.push(result.index);
+    }
+    report.important.count += importantIndices.length;
+    report.important.indices = [...report.important.indices, ...generateIndicesContent(importantIndices, file, fileContent)];
+
+    let colorsIndices = [];
+    regex = /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})|rgba|hsl/gi;
+    while ((result = regex.exec(fileContent))) {
+      colorsIndices.push(result.index);
+    }
+    report.plainColors.count += colorsIndices.length;
+    report.plainColors.indices = [...report.plainColors.indices, ...generateIndicesContent(colorsIndices, file, fileContent)];
+
+    let ngDeepIndices = [];
+    regex = /::ng-deep/gi;
+    while ((result = regex.exec(fileContent))) {
+      ngDeepIndices.push(result.index);
+    }
+    report.ngDeep.count += ngDeepIndices.length;
+    report.ngDeep.indices = [...report.ngDeep.indices, ...generateIndicesContent(ngDeepIndices, file, fileContent)];
+
+    let zIndexIndices = [];
+    regex = /z-index/gi;
+    while ((result = regex.exec(fileContent))) {
+      zIndexIndices.push(result.index);
+    }
+    report.zIndex.count += zIndexIndices.length;
+    report.zIndex.indices = [...report.zIndex.indices, ...generateIndicesContent(zIndexIndices, file, fileContent)];
+  });
+
+  files = glob.sync('**/*.html', { cwd: srcPath, nodir: true, follow: true, dot: true });
+
+  report.htmlFilesCount += files.length;
+
+  files.forEach((file) => {
+    const filePath = path.join(srcPath, file);
+    const fileContent = tools.getFileContent(filePath);
+    const linesCount = fileContent.split('\n').length;
+
+    report.htmlLinesCount += linesCount;
+
+    let result,
+      inlineStylesIndices = [];
+    let regex = /style=/gi;
+    while ((result = regex.exec(fileContent))) {
+      inlineStylesIndices.push(result.index);
+    }
+    report.inlineStyles.count += inlineStylesIndices.length;
+    report.inlineStyles.indices = [...report.inlineStyles.indices, ...generateIndicesContent(inlineStylesIndices, file, fileContent)];
+
+    let uxCmpIndices = [];
+    regex = /ux-/gi;
+    while ((result = regex.exec(fileContent))) {
+      uxCmpIndices.push(result.index);
+    }
+    report.uxCmp.count += uxCmpIndices.length;
+    // report.uxCmp.indices = [...report.uxCmp.indices, ...generateIndicesContent(uxCmpIndices, file, fileContent)];
+  });
+
+  files = glob.sync('**/*.ts', { cwd: srcPath, nodir: true, follow: true, dot: true });
+
+  files.forEach((file) => {
+    const filePath = path.join(srcPath, file);
+    const fileContent = tools.getFileContent(filePath);
+    const linesCount = fileContent.split('\n').length;
 
-   let result, euiIndices = [];
-   let regex = /\.eui|\.ux/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     euiIndices.push(result.index);
-   }
-   report.euiOverrides.count += euiIndices.length;
-   report.euiOverrides.indices = [...report.euiOverrides.indices, ...generateIndicesContent(euiIndices, file, fileContent)];
-
-   let sizesIndices = [];
-   regex = /px/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     sizesIndices.push(result.index);
-   }
-   report.sizesPxEm.count += sizesIndices.length;
-   report.sizesPxEm.indices = [...report.sizesPxEm.indices, ...generateIndicesContent(sizesIndices, file, fileContent)];
-
-   let boxShadowIndices = [];
-   regex = /box-shadow/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     boxShadowIndices.push(result.index);
-   }
-   report.boxShadow.count += boxShadowIndices.length;
-   report.boxShadow.indices = [...report.boxShadow.indices, ...generateIndicesContent(boxShadowIndices, file, fileContent)];
-
-   let fontFamilyIndices = [];
-   regex = /font-family/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     fontFamilyIndices.push(result.index);
-   }
-   report.fontFamily.count += fontFamilyIndices.length;
-   report.fontFamily.indices = [...report.fontFamily.indices, ...generateIndicesContent(fontFamilyIndices, file, fileContent)];
-
-
-   let importantIndices = [];
-   regex = /!important/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     importantIndices.push(result.index);
-   }
-   report.important.count += importantIndices.length;
-   report.important.indices = [...report.important.indices, ...generateIndicesContent(importantIndices, file, fileContent)];
-
-   let colorsIndices = [];
-   regex = /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})|rgba|hsl/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     colorsIndices.push(result.index);
-   }
-   report.plainColors.count += colorsIndices.length;
-   report.plainColors.indices = [...report.plainColors.indices, ...generateIndicesContent(colorsIndices, file, fileContent)];
-
-   let ngDeepIndices = [];
-   regex = /::ng-deep/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     ngDeepIndices.push(result.index);
-   }
-   report.ngDeep.count += ngDeepIndices.length;
-   report.ngDeep.indices = [...report.ngDeep.indices, ...generateIndicesContent(ngDeepIndices, file, fileContent)];
-
-   let zIndexIndices = [];
-   regex = /z-index/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-    zIndexIndices.push(result.index);
-   }
-   report.zIndex.count += zIndexIndices.length;
-   report.zIndex.indices = [...report.zIndex.indices, ...generateIndicesContent(zIndexIndices, file, fileContent)];
- });
-
-
-
- files = glob.sync('**/*.html', { cwd: srcPath, nodir: true, follow: true, dot: true });
-
- report.htmlFilesCount += files.length;
-
- files.forEach(file => {
-   const filePath = path.join(srcPath, file);
-   const fileContent = tools.getFileContent(filePath);
-   const linesCount = fileContent.split('\n').length;
-
-   report.htmlLinesCount += linesCount;
-
-   let result, inlineStylesIndices = [];
-   let regex = /style=/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     inlineStylesIndices.push(result.index);
-   }
-   report.inlineStyles.count += inlineStylesIndices.length;
-   report.inlineStyles.indices = [...report.inlineStyles.indices, ...generateIndicesContent(inlineStylesIndices, file, fileContent)];
-
-   let uxCmpIndices = [];
-   regex = /ux-/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     uxCmpIndices.push(result.index);
-   }
-   report.uxCmp.count += uxCmpIndices.length;
-   // report.uxCmp.indices = [...report.uxCmp.indices, ...generateIndicesContent(uxCmpIndices, file, fileContent)];
- });
-
-
-
-
- files = glob.sync('**/*.ts', { cwd: srcPath, nodir: true, follow: true, dot: true });
-
- files.forEach(file => {
-   const filePath = path.join(srcPath, file);
-   const fileContent = tools.getFileContent(filePath);
-   const linesCount = fileContent.split('\n').length;
-
-   if (linesCount > 500) {
-     report.tsOver500.count++;
-     report.tsOver500.files.push(file);
-   }
-
-   let result, primengIndices = [];
-   let regex = /primeng/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     primengIndices.push(result.index);
-   }
-   report.primeng.count += primengIndices.length;
-   report.primeng.indices = [...report.primeng.indices, ...generateIndicesContent(primengIndices, file, fileContent)];
-
-   let materialIndices = [];
-   regex = /@angular\/material/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-     materialIndices.push(result.index);
-   }
-   const indicesContent = generateIndicesContent(
-    materialIndices, file, fileContent,
-    [
+    if (linesCount > 500) {
+      report.tsOver500.count++;
+      report.tsOver500.files.push(file);
+    }
+
+    let result,
+      primengIndices = [];
+    let regex = /primeng/gi;
+    while ((result = regex.exec(fileContent))) {
+      primengIndices.push(result.index);
+    }
+    report.primeng.count += primengIndices.length;
+    report.primeng.indices = [...report.primeng.indices, ...generateIndicesContent(primengIndices, file, fileContent)];
+
+    let materialIndices = [];
+    regex = /@angular\/material/gi;
+    while ((result = regex.exec(fileContent))) {
+      materialIndices.push(result.index);
+    }
+    const indicesContent = generateIndicesContent(materialIndices, file, fileContent, [
       '@angular/material/core',
-      '@angular/material-moment-adapter'
-    ]
-   );
-
-   report.material.count += recalculateIndicesCount(indicesContent);
-   report.material.indices = [...report.material.indices, ...indicesContent];
-
-   let allModulesIndices = [];
-   regex = /EuiAllModule/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-    allModulesIndices.push(result.index);
-   }
-   regex = /UxAllModule/gi;
-   while ( (result = regex.exec(fileContent)) ) {
-    allModulesIndices.push(result.index);
-   }
-   report.allModules.count += allModulesIndices.length;
-   report.allModules.indices = [...report.allModules.indices, ...generateIndicesContent(allModulesIndices, file, fileContent)];
-
-})
-
-
-
-
-
- // GLOBAL STATS - ANALYZING DATA / SET STATUS
-
- if (report.htmlFilesCount !== 0) {
-   const scssHtmlRatio = Math.floor(100 * report.scssFilesCount / report.htmlFilesCount);
-   report.finalReport['scssHtmlRatio'] = {
-     description: 'scss/css files VS html files',
-     value: `${report.scssFilesCount} out of ${report.htmlFilesCount} (${scssHtmlRatio}%)`,
-     status: (scssHtmlRatio >= 25) ? 'CRITICAL' : (scssHtmlRatio >= 10 && scssHtmlRatio <= 25) ? 'IMPROVE' : 'OK',
-     comment: null,
-   }
-   if (report.finalReport['scssHtmlRatio'].status === 'CRITICAL') {
-    report.finalReport['scssHtmlRatio'].comment = 'The percentage of html files having styles declaration is too high';
-   }
- }
-
- if (report.htmlLinesCount !== 0) {
-   const scssHtmlLinesRatio = Math.floor(100 * report.scssLinescount / report.htmlLinesCount);
-   report.finalReport['scssHtmlLinesRatio'] = {
-     description: 'css lines count VS html lines count',
-     value: `${report.scssLinescount} / ${report.htmlLinesCount} (${scssHtmlLinesRatio}%)`,
-     status: (scssHtmlLinesRatio >= 25) ? 'CRITICAL' : (scssHtmlLinesRatio >= 10 && scssHtmlLinesRatio <= 25) ? 'IMPROVE' : 'OK',
-     comment: null,
-   }
-   if (report.finalReport['scssHtmlLinesRatio'].status === 'CRITICAL') {
-    report.finalReport['scssHtmlLinesRatio'].comment = 'The percentage of scss lines is too high';
-   }
- }
-
- if (report.scssFilesCount !== 0) {
-   report.finalReport['scssEmptyFiles'] = {
-     description: 'scss/css empty files',
-     value: `${report.scssEmptyFiles} out of ${report.scssFilesCount} (${Math.floor(100 * report.scssEmptyFiles / report.scssFilesCount)}%)`,
-     status: (report.scssEmptyFiles !== 0) ? 'IMPROVE' : 'OK',
-     comment: (report.scssEmptyFiles !== 0) ? 'Scss files without content should be cleaned up' : null
-   }
- }
-
-
-
- // BALANCED - styles content
-
- if (report.scssFilesCount !== 0) {
-
-  report.finalReport['euiOverrides'] = {
-    description: 'eUI overrides found',
-    value: report.euiOverrides.count,
-    status: getStatus(report.euiOverrides.count),
-    comment: (report.euiOverrides.count !== 0) ? 'No eUI overrides should be applied, contact eUI support for assistance' : null
-  }
-  report.finalReport['sizesPxEm'] = {
-    description: 'Sizes in px usage found',
-    value: report.sizesPxEm.count,
-    status: getStatus(report.sizesPxEm.count),
-    comment: (report.sizesPxEm.count !== 0) ? 'if sizes should be tweaked, usage of eUI CSS vars should be applied' : null
-  }
-  report.finalReport['boxShadow'] = {
-    description: 'box-shadow usage found',
-    value: report.boxShadow.count,
-    status: getStatus(report.boxShadow.count),
-    comment: (report.boxShadow.count !== 0) ? 'if box-shadow should be tweaked (on specific context), usage of eUI CSS vars should be applied' : null
-  }
-  report.finalReport['fontFamily'] = {
-    description: 'font-family usage found',
-    value: report.fontFamily.count,
-    status: getStatus(report.fontFamily.count),
-    comment: (report.fontFamily.count !== 0) ? 'if font-family should be tweaked (on specific context), usage of eUI CSS vars should be applied' : null
-  }
-  report.finalReport['plainColors'] = {
-    description: 'Plain colors usage found',
-    value: report.plainColors.count,
-    status: getStatus(report.plainColors.count),
-    comment: (report.plainColors.count !== 0) ? 'if colors should be used in scss, usage of eUI CSS vars should be applied' : null
-  }
-  report.finalReport['important'] = {
-    description: '!important usage found',
-    value: report.important.count,
-    status: getStatus(report.important.count),
-    comment: (report.important.count !== 0) ? 'No !important allowed' : null
-  }
-  report.finalReport['ngDeep'] = {
-    description: '::ng-deep usage found',
-    value: report.ngDeep.count,
-    status: getStatus(report.ngDeep.count),
-    comment: (report.ngDeep.count !== 0) ? 'Avoid ::ng-deep usage' : null
-  }
-  report.finalReport['zIndex'] = {
-    description: 'z-index usage found',
-    value: report.zIndex.count,
-    status: getStatus(report.zIndex.count),
-    comment: (report.zIndex.count !== 0) ? 'Avoid z-index setting, usage of eUI CSS vars should be applied' : null
+      '@angular/material-moment-adapter',
+    ]);
+
+    report.material.count += recalculateIndicesCount(indicesContent);
+    report.material.indices = [...report.material.indices, ...indicesContent];
+
+    let allModulesIndices = [];
+    regex = /EuiAllModule/gi;
+    while ((result = regex.exec(fileContent))) {
+      allModulesIndices.push(result.index);
+    }
+    regex = /UxAllModule/gi;
+    while ((result = regex.exec(fileContent))) {
+      allModulesIndices.push(result.index);
+    }
+    report.allModules.count += allModulesIndices.length;
+    report.allModules.indices = [...report.allModules.indices, ...generateIndicesContent(allModulesIndices, file, fileContent)];
+  });
+
+  // Analyzing 3rd party dependencies usage
+
+  tools.logInfo('Analyzing package deps for 3rd parties usage');
+  let deps = installUtils.packages.getLocalPackageDepsAll(pkg);
+  tools.logInfo('Deps found for package :');
+  deps = Object.keys(deps);
+  console.log(deps);
+
+  const allowedScopes = configUtils.packages.getPackageScopes();
+  const exclusions = ['ag-grid', 'file-saver'];
+
+  let thirdPartyDeps = [];
+  deps.forEach((d) => {
+    const scope = d.split('/')[0];
+
+    // checking against allowed CSDR known package scopes
+    if (!allowedScopes.includes(scope)) {
+
+      // exclusions known
+      let exclusionFound = false;
+      exclusions.forEach((exc) => {
+        if (scope.indexOf(exc) > -1) {
+          exclusionFound = true;
+        }
+      })
+
+      if (!exclusionFound) {
+        thirdPartyDeps.push(d);
+      }
+    }
+  });
+
+  tools.logInfo('3rd party deps found for package :');
+  console.log(thirdPartyDeps);
+
+  report.thirdPartyDependencies.count = thirdPartyDeps.length;
+  report.thirdPartyDependencies.dependencies = thirdPartyDeps;
+
+  // GLOBAL STATS - ANALYZING DATA / SET STATUS
+
+  if (report.htmlFilesCount !== 0) {
+    const scssHtmlRatio = Math.floor((100 * report.scssFilesCount) / report.htmlFilesCount);
+    report.finalReport['scssHtmlRatio'] = {
+      description: 'scss/css files VS html files',
+      value: `${report.scssFilesCount} out of ${report.htmlFilesCount} (${scssHtmlRatio}%)`,
+      status: scssHtmlRatio >= 25 ? 'CRITICAL' : scssHtmlRatio >= 10 && scssHtmlRatio <= 25 ? 'IMPROVE' : 'OK',
+      comment: null,
+    };
+    if (report.finalReport['scssHtmlRatio'].status === 'CRITICAL') {
+      report.finalReport['scssHtmlRatio'].comment = 'The percentage of html files having styles declaration is too high';
+    }
   }
- }
-
- // CRITICAL ONLY
-
- if (report.htmlLinesCount !== 0) {
-   report.finalReport['inlineStyles'] = {
-     description: 'inline styles found in HTML',
-     value: report.inlineStyles.count,
-     status: (report.inlineStyles.count !== 0) ? 'CRITICAL' : 'OK',
-     comment: (report.inlineStyles.count !== 0) ? 'No inline styles should be present in html, usage classes with scss / eUI utilities instead' : null
-   }
-   report.finalReport['material'] = {
-     description: 'material component usage found in HTML',
-     value: report.material.count,
-     status: (report.material.count !== 0) ? 'CRITICAL' : 'OK',
-     comment: (report.material.count !== 0) ? 'Usage of material should be avoided - this will be blocking as of eUI 16' : null
-   }
-   report.finalReport['primeng'] = {
-     description: 'PrimeNG components usage found in HTML',
-     value: report.primeng.count,
-     status: (report.primeng.count !== 0) ? 'CRITICAL' : 'OK',
-     comment: (report.primeng.count !== 0) ? 'Remove any PrimeNG usage, deprecated in eUI - this will be blocking as of eUI 16' : null
-   }
-   report.finalReport['allModules'] = {
-     description: 'Usage of EuiAllModule or UxAllModule',
-     value: report.allModules.count,
-     status: (report.allModules.count !== 0) ? 'CRITICAL' : 'OK',
-     comment: (report.allModules.count !== 0) ? 'Use only tree-shakable eUI module imports (as of 15+)' : null
-   }
-
-  // IMPROVE ONLY
-
-  report.finalReport['uxCmp'] = {
-    description: 'eUI ux- components usage found in HTML',
-    value: report.uxCmp.count,
-    status: (report.uxCmp.count !== 0) ? 'IMPROVE' : 'OK',
-    comment: (report.uxCmp.count !== 0) ? 'Replace by "eui-" components whenever possible, to ensure future proof migration' : null
+
+  if (report.htmlLinesCount !== 0) {
+    const scssHtmlLinesRatio = Math.floor((100 * report.scssLinescount) / report.htmlLinesCount);
+    report.finalReport['scssHtmlLinesRatio'] = {
+      description: 'css lines count VS html lines count',
+      value: `${report.scssLinescount} / ${report.htmlLinesCount} (${scssHtmlLinesRatio}%)`,
+      status: scssHtmlLinesRatio >= 25 ? 'CRITICAL' : scssHtmlLinesRatio >= 10 && scssHtmlLinesRatio <= 25 ? 'IMPROVE' : 'OK',
+      comment: null,
+    };
+    if (report.finalReport['scssHtmlLinesRatio'].status === 'CRITICAL') {
+      report.finalReport['scssHtmlLinesRatio'].comment = 'The percentage of scss lines is too high';
+    }
   }
 
-  report.finalReport['tsOver500'] = {
-    description: 'TS file containing more than 500 lines',
-    value: report.tsOver500.count,
-    status: (report.tsOver500.count !== 0) ? 'IMPROVE' : 'OK',
-    comment: (report.tsOver500.count !== 0) ? 'Split TS files into multiple ones for readability' : null
+  if (report.scssFilesCount !== 0) {
+    report.finalReport['scssEmptyFiles'] = {
+      description: 'scss/css empty files',
+      value: `${report.scssEmptyFiles} out of ${report.scssFilesCount} (${Math.floor(
+        (100 * report.scssEmptyFiles) / report.scssFilesCount
+      )}%)`,
+      status: report.scssEmptyFiles !== 0 ? 'IMPROVE' : 'OK',
+      comment: report.scssEmptyFiles !== 0 ? 'Scss files without content should be cleaned up' : null,
+    };
   }
- }
 
+  // BALANCED - styles content
 
+  if (report.scssFilesCount !== 0) {
+    report.finalReport['euiOverrides'] = {
+      description: 'eUI overrides found',
+      value: report.euiOverrides.count,
+      status: getStatus(report.euiOverrides.count),
+      comment: report.euiOverrides.count !== 0 ? 'No eUI overrides should be applied, contact eUI support for assistance' : null,
+    };
+    report.finalReport['sizesPxEm'] = {
+      description: 'Sizes in px usage found',
+      value: report.sizesPxEm.count,
+      status: getStatus(report.sizesPxEm.count),
+      comment: report.sizesPxEm.count !== 0 ? 'if sizes should be tweaked, usage of eUI CSS vars should be applied' : null,
+    };
+    report.finalReport['boxShadow'] = {
+      description: 'box-shadow usage found',
+      value: report.boxShadow.count,
+      status: getStatus(report.boxShadow.count),
+      comment:
+        report.boxShadow.count !== 0
+          ? 'if box-shadow should be tweaked (on specific context), usage of eUI CSS vars should be applied'
+          : null,
+    };
+    report.finalReport['fontFamily'] = {
+      description: 'font-family usage found',
+      value: report.fontFamily.count,
+      status: getStatus(report.fontFamily.count),
+      comment:
+        report.fontFamily.count !== 0
+          ? 'if font-family should be tweaked (on specific context), usage of eUI CSS vars should be applied'
+          : null,
+    };
+    report.finalReport['plainColors'] = {
+      description: 'Plain colors usage found',
+      value: report.plainColors.count,
+      status: getStatus(report.plainColors.count),
+      comment: report.plainColors.count !== 0 ? 'if colors should be used in scss, usage of eUI CSS vars should be applied' : null,
+    };
+    report.finalReport['important'] = {
+      description: '!important usage found',
+      value: report.important.count,
+      status: getStatus(report.important.count),
+      comment: report.important.count !== 0 ? 'No !important allowed' : null,
+    };
+    report.finalReport['ngDeep'] = {
+      description: '::ng-deep usage found',
+      value: report.ngDeep.count,
+      status: getStatus(report.ngDeep.count),
+      comment: report.ngDeep.count !== 0 ? 'Avoid ::ng-deep usage' : null,
+    };
+    report.finalReport['zIndex'] = {
+      description: 'z-index usage found',
+      value: report.zIndex.count,
+      status: getStatus(report.zIndex.count),
+      comment: report.zIndex.count !== 0 ? 'Avoid z-index setting, usage of eUI CSS vars should be applied' : null,
+    };
+  }
 
- if (Object.keys(report.finalReport).length === 0) {
-  tools.logInfo('No sources to audit...skipping');
-  return null;
+  // CRITICAL ONLY
+
+  if (report.htmlLinesCount !== 0) {
+    report.finalReport['inlineStyles'] = {
+      description: 'inline styles found in HTML',
+      value: report.inlineStyles.count,
+      status: report.inlineStyles.count !== 0 ? 'CRITICAL' : 'OK',
+      comment:
+        report.inlineStyles.count !== 0
+          ? 'No inline styles should be present in html, usage classes with scss / eUI utilities instead'
+          : null,
+    };
+    report.finalReport['material'] = {
+      description: 'material component usage found in HTML',
+      value: report.material.count,
+      status: report.material.count !== 0 ? 'CRITICAL' : 'OK',
+      comment: report.material.count !== 0 ? 'Usage of material should be avoided - this will be blocking as of eUI 16' : null,
+    };
+    report.finalReport['primeng'] = {
+      description: 'PrimeNG components usage found in HTML',
+      value: report.primeng.count,
+      status: report.primeng.count !== 0 ? 'CRITICAL' : 'OK',
+      comment: report.primeng.count !== 0 ? 'Remove any PrimeNG usage, deprecated in eUI - this will be blocking as of eUI 16' : null,
+    };
+    report.finalReport['allModules'] = {
+      description: 'Usage of EuiAllModule or UxAllModule',
+      value: report.allModules.count,
+      status: report.allModules.count !== 0 ? 'CRITICAL' : 'OK',
+      comment: report.allModules.count !== 0 ? 'Use only tree-shakable eUI module imports (as of 15+)' : null,
+    };
 
- } else {
-   // Calculating score
+    // IMPROVE ONLY
 
-   let score = 0, total = 0;
+    report.finalReport['uxCmp'] = {
+      description: 'eUI ux- components usage found in HTML',
+      value: report.uxCmp.count,
+      status: report.uxCmp.count !== 0 ? 'IMPROVE' : 'OK',
+      comment: report.uxCmp.count !== 0 ? 'Replace by "eui-" components whenever possible, to ensure future proof migration' : null,
+    };
 
-   Object.entries(report.finalReport).forEach((v) => {
-    total++;
+    report.finalReport['tsOver500'] = {
+      description: 'TS file containing more than 500 lines',
+      value: report.tsOver500.count,
+      status: report.tsOver500.count !== 0 ? 'IMPROVE' : 'OK',
+      comment: report.tsOver500.count !== 0 ? 'Split TS files into multiple ones for readability' : null,
+    };
+  }
 
-    switch(v[1].status) {
-      case 'OK':
-        score++;
-        break;
-      case 'IMPROVE':
-        score+=0.5;
-        break;
-    }
-   });
+  report.finalReport['thirdPartyDependencies'] = {
+    description: 'Third party dependencies usage',
+    value: report.thirdPartyDependencies.count,
+    status: report.thirdPartyDependencies.count !== 0 ? 'IMPROVE' : 'OK',
+    comment: report.thirdPartyDependencies.count !== 0 ? 'Use 3rd party dependencies only if really necessary (bundle size increase) - contact eUI team for more info' : null,
+  };
 
-   report.score = score;
-   report.total = total;
-   report.pcScore = Math.floor(100 * score / total);
 
+  if (Object.keys(report.finalReport).length === 0) {
+    tools.logInfo('No sources to audit...skipping');
+    return null;
+  } else {
+    // Calculating score
 
-   // return JSON report
+    let score = 0,
+      total = 0;
 
-   tools.logInfo('STATS report');
-   console.log(JSON.stringify(report, null, 2));
+    Object.entries(report.finalReport).forEach((v) => {
+      total++;
 
-   return report;
- }
-}
+      switch (v[1].status) {
+        case 'OK':
+          score++;
+          break;
+        case 'IMPROVE':
+          score += 0.5;
+          break;
+      }
+    });
 
+    report.score = score;
+    report.total = total;
+    report.pcScore = Math.floor((100 * score) / total);
 
+    // return JSON report
 
+    tools.logInfo('STATS report');
+    console.log(JSON.stringify(report, null, 2));
+
+    return report;
+  }
+});
 
 module.exports.audit = (pkg) => {
   if (pkg.remote && pkg.name.indexOf('-ui') === -1) {
@@ -535,37 +567,39 @@ module.exports.audit = (pkg) => {
   outputReport = report;
 
   return Promise.resolve()
-   .then(() => {
-    // FINAL REPORT
+    .then(() => {
+      // FINAL REPORT
 
-    let finalReportMessage = `*STYLES AUDIT REPORT for ${pkg.name}:*\n\n`;
+      let finalReportMessage = `*STYLES AUDIT REPORT for ${pkg.name}:*\n\n`;
 
-    Object.entries(report.finalReport).forEach((v) => {
-      let statusEmoji;
+      Object.entries(report.finalReport).forEach((v) => {
+        let statusEmoji;
 
-      if (v[1].status === 'CRITICAL') {
-        statusEmoji = ':no_entry:';
-      } else if (v[1].status === 'IMPROVE') {
-        statusEmoji = ':warning:';
-      } else {
-        statusEmoji = ':large_green_circle:';
-      }
+        if (v[1].status === 'CRITICAL') {
+          statusEmoji = ':no_entry:';
+        } else if (v[1].status === 'IMPROVE') {
+          statusEmoji = ':warning:';
+        } else {
+          statusEmoji = ':large_green_circle:';
+        }
 
-      finalReportMessage += `${statusEmoji} *${v[1].description}*: found *${v[1].value}* - status: *${v[1].status}* ${(v[1].comment) ? '==> ' + v[1].comment : ''}\n`;
-    });
+        finalReportMessage += `${statusEmoji} *${v[1].description}*: found *${v[1].value}* - status: *${v[1].status}* ${
+          v[1].comment ? '==> ' + v[1].comment : ''
+        }\n`;
+      });
 
-    finalReportMessage +=`\neUI compliance score : *${report.score}* out of *${report.total}* *(${report.pcScore}%)*`;
+      finalReportMessage += `\neUI compliance score : *${report.score}* out of *${report.total}* *(${report.pcScore}%)*`;
 
-    tools.logInfo('Sending final report message');
-    console.log(finalReportMessage);
+      tools.logInfo('Sending final report message');
+      console.log(finalReportMessage);
 
-    return notificationUtils.package.sendPackageMessage({
-      package: pkg,
-      text: finalReportMessage
-    });
-  })
+      return notificationUtils.package.sendPackageMessage({
+        package: pkg,
+        text: finalReportMessage,
+      });
+    })
 
-  .then(() => {
+    .then(() => {
       // getting config options for gates defined
       const configOptions = configUtils.global.getConfigOptions();
 
@@ -588,19 +622,16 @@ module.exports.audit = (pkg) => {
       if (pkg.build && pkg.build.stylesAuditCheck) {
         tools.logInfo('All gates checks applied');
         gates = allNewGates;
-
       } else {
         tools.logInfo('===> no forced gates flag detected ...');
         tools.logInfo('Checking if package is newly created -- all versions gates are checked in that case');
 
         if (metadataUtils.package.isNewPackageBuild(pkg)) {
           gates = allNewGates;
-
         } else {
           if (euiVersionGates) {
             tools.logInfo('eUI version gates found, applied to older packages where limited gates are set');
             gates = euiVersionGates;
-
           } else {
             tools.logInfo('No gates found for local eUI version...');
             return;
@@ -610,7 +641,6 @@ module.exports.audit = (pkg) => {
 
       tools.logInfo(`Gates found : ${JSON.stringify(gates)}`);
 
-
       // checking gates level if any
       let gatesPassed = true;
 
@@ -629,37 +659,36 @@ module.exports.audit = (pkg) => {
             tools.logInfo(`===> PASSED`);
           }
         }
-      })
+      });
 
       if (!gatesPassed) {
         throw new Error('AUDIT_STYLES_GATES_FAILED');
       }
-  })
-
-  .then(() => {
-    // formatting report for metadata storage
+    })
 
-    const metadataReport = {
-      score: outputReport.score,
-      total: outputReport.total,
-      pcScore: outputReport.pcScore,
-    };
+    .then(() => {
+      // formatting report for metadata storage
 
-    const summarizedFinalReport = {};
-    Object.keys(outputReport.finalReport).forEach((item) => {
-      summarizedFinalReport[item] = {
-        value: outputReport.finalReport[item].value,
-        status: outputReport.finalReport[item].status,
+      const metadataReport = {
+        score: outputReport.score,
+        total: outputReport.total,
+        pcScore: outputReport.pcScore,
       };
-    });
 
-    metadataReport.finalReport = summarizedFinalReport;
+      const summarizedFinalReport = {};
+      Object.keys(outputReport.finalReport).forEach((item) => {
+        summarizedFinalReport[item] = {
+          value: outputReport.finalReport[item].value,
+          status: outputReport.finalReport[item].status,
+        };
+      });
 
-    return metadataReport;
-  })
+      metadataReport.finalReport = summarizedFinalReport;
 
-  .catch((e) => {
-     throw e;
-   })
+      return metadataReport;
+    })
 
- }
+    .catch((e) => {
+      throw e;
+    });
+};

package/scripts/csdr/config/packages.js

@@ -341,3 +341,11 @@ module.exports.getTSConfigFileName = (tsConfigPath) => {
   return tsConfigPath.split('/')[tsConfigPath.split('/').length - 1];
 }
 
+module.exports.getPackageScopes = () => {
+  const packagesObj = this.getCsdrPackages();
+  let packages = Object.keys(packagesObj);
+  packages = packages.map(p => packagesObj[p]).filter(p => !p.backend && !p.remote && p.npmPkg !== undefined);
+  const scopes = packages.map(p => p.npmPkg.split('/')[0]);
+
+  return tools.removeArrayDuplicates(scopes);
+}

package/scripts/csdr/install/packages.js

@@ -189,6 +189,13 @@ module.exports.getLocalPackagesCompositeDepsRemapped = () => {
     })
 }
 
+module.exports.getLocalPackageDepsAll = (pkg) => {
+  return {
+    ...getLocalPackageDeps(pkg),
+    ...getLocalPackageBaseDeps(pkg),
+    ...getLocalPackageCompositeDeps(pkg)
+  };
+}
 
 module.exports.installDeps = (prj, pkg, isMaster) => {
   let compositeDeps, localPkgDeps, localPkgCompositeDeps, remappedDeps, localPkgBaseDeps;