@bundle-stats/utils 3.3.0-alpha.0 → 3.3.0

package/lib-esm/webpack/extract/modules.js

@@ -1,9 +1,16 @@
 import isEmpty from 'lodash/isEmpty';
+import round from 'lodash/round';
 import { getModuleName, normalizeChunkId } from '../utils';
 export const extractModules = (webpackStats) => {
     const modulesSource = (webpackStats === null || webpackStats === void 0 ? void 0 : webpackStats.modules) || [];
     if (!modulesSource) {
-        return { metrics: { modules: {} } };
+        return {
+            metrics: {
+                duplicateCode: { value: 0 },
+                duplicateModulesCount: { value: 0 },
+                modules: {},
+            },
+        };
     }
     const allModules = modulesSource.reduce((agg, moduleEntry) => {
         if (!moduleEntry.modules) {
@@ -16,19 +23,39 @@ export const extractModules = (webpackStats) => {
         })));
         return agg;
     }, []);
+    let totalCodeSize = 0;
+    let duplicateCodeSize = 0;
+    let duplicateModulesCount = 0;
     const modules = allModules.reduce((agg, moduleEntry) => {
         const { name, size, chunks } = moduleEntry;
         const normalizedName = getModuleName(name);
         if (isEmpty(chunks)) {
             return agg;
         }
+        const instances = chunks.length;
+        const duplicateInstances = instances - 1;
+        duplicateModulesCount += duplicateInstances;
+        duplicateCodeSize += duplicateInstances * size;
+        totalCodeSize += instances * size;
         agg[normalizedName] = {
             name,
             value: size,
             chunkIds: chunks.map(normalizeChunkId),
+            duplicated: Boolean(duplicateInstances),
         };
         return agg;
     }, {});
-    return { metrics: { modules } };
+    const duplicateCode = totalCodeSize ? round((duplicateCodeSize / totalCodeSize) * 100, 2) : 0;
+    return {
+        metrics: {
+            modules,
+            duplicateCode: {
+                value: duplicateCode,
+            },
+            duplicateModulesCount: {
+                value: duplicateModulesCount,
+            },
+        },
+    };
 };
 //# sourceMappingURL=modules.js.map

package/lib-esm/webpack/extract/modules.js.map

@@ -1 +1 @@
-{"version":3,"file":"modules.js","sourceRoot":"","sources":["../../../src/webpack/extract/modules.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAe3D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,YAAkB,EAAyB,EAAE;IAC1E,MAAM,aAAa,GAAgD,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,EAAE,CAAC;IAE/F,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC;KACrC;IAGD,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE;QAC3D,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACxB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAEtB,OAAO,GAAG,CAAC;SACZ;QAGD,GAAG,GAAG,GAAG,CAAC,MAAM,CACd,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;YAC/C,GAAG,kBAAkB;YAErB,MAAM,EAAE,WAAW,CAAC,MAAM;SAC3B,CAAC,CAAC,CACJ,CAAC;QAEF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAA0B,CAAC,CAAC;IAG/B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE;QACrD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;QAC3C,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QAG3C,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACnB,OAAO,GAAG,CAAC;SACZ;QAGD,GAAG,CAAC,cAAc,CAAC,GAAG;YACpB,IAAI;YACJ,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC;SACvC,CAAC;QAEF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAkC,CAAC,CAAC;IAEvC,OAAO,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AAClC,CAAC,CAAC"}
+{"version":3,"file":"modules.js","sourceRoot":"","sources":["../../../src/webpack/extract/modules.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAe3D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,YAAkB,EAAyB,EAAE;IAC1E,MAAM,aAAa,GAAgD,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,EAAE,CAAC;IAE/F,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;YACL,OAAO,EAAE;gBACP,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC3B,qBAAqB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACnC,OAAO,EAAE,EAAE;aACZ;SACF,CAAC;KACH;IAGD,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE;QAC3D,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACxB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAEtB,OAAO,GAAG,CAAC;SACZ;QAGD,GAAG,GAAG,GAAG,CAAC,MAAM,CACd,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;YAC/C,GAAG,kBAAkB;YAErB,MAAM,EAAE,WAAW,CAAC,MAAM;SAC3B,CAAC,CAAC,CACJ,CAAC;QAEF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAA0B,CAAC,CAAC;IAE/B,IAAI,aAAa,GAAG,CAAC,CAAC;IACtB,IAAI,iBAAiB,GAAG,CAAC,CAAC;IAC1B,IAAI,qBAAqB,GAAG,CAAC,CAAC;IAG9B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE;QACrD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;QAC3C,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QAG3C,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACnB,OAAO,GAAG,CAAC;SACZ;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;QAChC,MAAM,kBAAkB,GAAG,SAAS,GAAG,CAAC,CAAC;QAEzC,qBAAqB,IAAI,kBAAkB,CAAC;QAC5C,iBAAiB,IAAI,kBAAkB,GAAG,IAAI,CAAC;QAC/C,aAAa,IAAI,SAAS,GAAG,IAAI,CAAC;QAGlC,GAAG,CAAC,cAAc,CAAC,GAAG;YACpB,IAAI;YACJ,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC;YACtC,UAAU,EAAE,OAAO,CAAC,kBAAkB,CAAC;SACxC,CAAC;QAEF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAkC,CAAC,CAAC;IAEvC,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,GAAG,aAAa,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9F,OAAO;QACL,OAAO,EAAE;YACP,OAAO;YACP,aAAa,EAAE;gBACb,KAAK,EAAE,aAAa;aACrB;YACD,qBAAqB,EAAE;gBACrB,KAAK,EAAE,qBAAqB;aAC7B;SACF;KACF,CAAC;AACJ,CAAC,CAAC"}

package/lib-esm/webpack/metrics.js

@@ -1,63 +1,73 @@
 import { METRIC_TYPE_FILE_SIZE, METRIC_TYPE_NUMERIC, METRIC_TYPE_PERCENTAGE, } from '../config/metrics';
-import { MetricId, SizeByTypeMetricId } from './constants';
 export const metrics = {
-    [MetricId.BundleSize]: {
+    totalSizeByTypeALL: {
         label: 'Bundle Size',
         description: 'Sum of all assets emitted by webpack.',
         url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
         type: METRIC_TYPE_FILE_SIZE,
-        biggerIsBetter: false,
     },
-    [MetricId.TotalInitialSizeJS]: {
+    totalInitialSizeJS: {
         label: 'Initial JS',
         description: 'Sum of all JavaScript assets that are labeled as initial(eg: vendor.js, app.js).',
         url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
         type: METRIC_TYPE_FILE_SIZE,
-        biggerIsBetter: false,
     },
-    [MetricId.TotalInitialSizeCSS]: {
+    totalInitialSizeCSS: {
         label: 'Initial CSS',
         description: 'Sum of all CSS assets that are labeled as initial(eg: vendor.css, app.css).',
         url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
         type: METRIC_TYPE_FILE_SIZE,
-        biggerIsBetter: false,
     },
-    [MetricId.CacheInvalidation]: {
+    cacheInvalidation: {
         label: 'Cache Invalidation',
         description: 'Ratio between the total changed assets and Bundle Size.',
         url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
         type: METRIC_TYPE_PERCENTAGE,
         biggerIsBetter: false,
     },
-    [MetricId.ChunkCount]: {
+    chunkCount: {
         label: 'Chunks',
         description: 'Total number of chunks generated by webpack.',
         url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
         type: METRIC_TYPE_NUMERIC,
         biggerIsBetter: false,
     },
-    [MetricId.AssetCount]: {
+    assetCount: {
         label: 'Assets',
         description: 'Total number of assets emitted by webpack.',
         url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
         type: METRIC_TYPE_NUMERIC,
         biggerIsBetter: false,
     },
-    [MetricId.ModuleName]: {
+    moduleCount: {
         label: 'Modules',
         description: 'Total number of modules bundled by webpack.',
         url: 'https://relative-ci.com/documentation/metrics-and-data#modules-1',
         type: METRIC_TYPE_NUMERIC,
         biggerIsBetter: false,
     },
-    [MetricId.PackageCount]: {
+    duplicateModulesCount: {
+        label: 'Duplicate Modules',
+        description: 'Total number of modules that belong to more than one chunk.',
+        url: 'https://relative-ci.com/documentation/metrics-and-data#modules-1',
+        type: METRIC_TYPE_NUMERIC,
+        biggerIsBetter: false,
+    },
+    duplicateCode: {
+        label: 'Duplicate Code',
+        description: 'The percentage of total duplicate module size from the total module size.',
+        url: 'https://relative-ci.com/documentation/metrics-and-data#modules-1',
+        type: METRIC_TYPE_PERCENTAGE,
+        biggerIsBetter: false,
+    },
+    packageCount: {
         label: 'Packages',
         description: 'Total number of packages bundled by webpack.',
         url: 'https://relative-ci.com/documentation/metrics-and-data#packages',
         type: METRIC_TYPE_NUMERIC,
         biggerIsBetter: false,
     },
-    [MetricId.DuplicatePackagesCount]: {
+    duplicatePackagesCount: {
         label: 'Duplicate Packages',
         description: 'Total number of packages that are duplicated.',
         url: 'https://relative-ci.com/documentation/metrics-and-data#packages',
@@ -65,40 +75,33 @@ export const metrics = {
         biggerIsBetter: false,
     },
     sizes: {
-        [SizeByTypeMetricId.JS]: {
+        totalSizeByTypeJS: {
             label: 'JS',
             type: METRIC_TYPE_FILE_SIZE,
-            biggerIsBetter: false,
         },
-        [SizeByTypeMetricId.CSS]: {
+        totalSizeByTypeCSS: {
             label: 'CSS',
             type: METRIC_TYPE_FILE_SIZE,
-            biggerIsBetter: false,
         },
-        [SizeByTypeMetricId.IMG]: {
+        totalSizeByTypeIMG: {
             label: 'IMG',
             type: METRIC_TYPE_FILE_SIZE,
-            biggerIsBetter: false,
         },
-        [SizeByTypeMetricId.Media]: {
+        totalSizeByTypeMEDIA: {
             label: 'Media',
             type: METRIC_TYPE_FILE_SIZE,
-            biggerIsBetter: false,
         },
-        [SizeByTypeMetricId.Font]: {
+        totalSizeByTypeFONT: {
             label: 'Fonts',
             type: METRIC_TYPE_FILE_SIZE,
-            biggerIsBetter: false,
         },
-        [SizeByTypeMetricId.HTML]: {
+        totalSizeByTypeHTML: {
             label: 'HTML',
             type: METRIC_TYPE_FILE_SIZE,
-            biggerIsBetter: false,
         },
-        [SizeByTypeMetricId.Other]: {
+        totalSizeByTypeOTHER: {
             label: 'Other',
             type: METRIC_TYPE_FILE_SIZE,
-            biggerIsBetter: false,
         },
     },
 };

package/lib-esm/webpack/metrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../src/webpack/metrics.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../src/webpack/metrics.js"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,kBAAkB,EAAE;QAClB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,uCAAuC;QACpD,GAAG,EAAE,+DAA+D;QACpE,IAAI,EAAE,qBAAqB;KAC5B;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,kFAAkF;QAC/F,GAAG,EAAE,+DAA+D;QACpE,IAAI,EAAE,qBAAqB;KAC5B;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,6EAA6E;QAC1F,GAAG,EAAE,+DAA+D;QACpE,IAAI,EAAE,qBAAqB;KAC5B;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EAAE,yDAAyD;QACtE,GAAG,EAAE,+DAA+D;QACpE,IAAI,EAAE,sBAAsB;QAC5B,cAAc,EAAE,KAAK;KACtB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,8CAA8C;QAC3D,GAAG,EAAE,+DAA+D;QACpE,IAAI,EAAE,mBAAmB;QACzB,cAAc,EAAE,KAAK;KACtB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,4CAA4C;QACzD,GAAG,EAAE,+DAA+D;QACpE,IAAI,EAAE,mBAAmB;QACzB,cAAc,EAAE,KAAK;KACtB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,6CAA6C;QAC1D,GAAG,EAAE,kEAAkE;QACvE,IAAI,EAAE,mBAAmB;QACzB,cAAc,EAAE,KAAK;KACtB;IACD,qBAAqB,EAAE;QACrB,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,6DAA6D;QAC1E,GAAG,EAAE,kEAAkE;QACvE,IAAI,EAAE,mBAAmB;QACzB,cAAc,EAAE,KAAK;KACtB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,2EAA2E;QACxF,GAAG,EAAE,kEAAkE;QACvE,IAAI,EAAE,sBAAsB;QAC5B,cAAc,EAAE,KAAK;KACtB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,8CAA8C;QAC3D,GAAG,EAAE,iEAAiE;QACtE,IAAI,EAAE,mBAAmB;QACzB,cAAc,EAAE,KAAK;KACtB;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EAAE,+CAA+C;QAC5D,GAAG,EAAE,iEAAiE;QACtE,IAAI,EAAE,mBAAmB;QACzB,cAAc,EAAE,KAAK;KACtB;IACD,KAAK,EAAE;QACL,iBAAiB,EAAE;YACjB,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,qBAAqB;SAC5B;QACD,kBAAkB,EAAE;YAClB,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,qBAAqB;SAC5B;QACD,kBAAkB,EAAE;YAClB,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,qBAAqB;SAC5B;QACD,oBAAoB,EAAE;YACpB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,qBAAqB;SAC5B;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,qBAAqB;SAC5B;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,qBAAqB;SAC5B;QACD,oBAAoB,EAAE;YACpB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,qBAAqB;SAC5B;KACF;CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/utils",
-  "version": "3.3.0-alpha.0",
+  "version": "3.3.0",
   "description": "BundleStats utils",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -35,28 +35,28 @@
   },
   "homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/utils#readme",
   "dependencies": {
-    "@bundle-stats/plugin-webpack-filter": "^3.2.2",
-    "@bundle-stats/plugin-webpack-validate": "^3.2.2",
-    "convert-units": "^3.0.0-beta.2",
-    "query-string": "^7.0.0",
-    "serialize-query-params": "^1.3.3"
+    "@bundle-stats/plugin-webpack-filter": "^3.3.0",
+    "@bundle-stats/plugin-webpack-validate": "^3.3.0",
+    "convert-units": "3.0.0-beta.2",
+    "query-string": "7.1.1",
+    "serialize-query-params": "1.3.6"
   },
   "devDependencies": {
-    "@types/jest": "27.0.3",
-    "@types/lodash": "4.14.177",
-    "core-js": "3.19.3",
-    "jest": "27.4.3",
-    "jest-cli": "27.4.3",
+    "@types/jest": "27.4.1",
+    "@types/lodash": "4.14.179",
+    "core-js": "3.20.2",
+    "jest": "27.5.1",
+    "jest-cli": "27.5.1",
     "jest-date-mock": "1.0.8",
     "lodash": "4.17.21",
     "regenerator-runtime": "0.13.9",
     "rimraf": "3.0.2",
-    "ts-jest": "27.1.1",
-    "typescript": "4.5.2"
+    "ts-jest": "27.1.3",
+    "typescript": "4.6.2"
   },
   "peerDependencies": {
-    "core-js": "^3.16.2",
-    "lodash": "^4.17.21"
+    "core-js": "3.20.2",
+    "lodash": "4.17.21"
   },
-  "gitHead": "7c7e664296ad7aed38a6972f4421d754098119eb"
+  "gitHead": "deb44e2ce6e24626147917c578ade82cf8ad36b6"
 }

package/src/config/component-links.js

@@ -14,6 +14,7 @@ export const ASSET_FILTERS = {
 
 export const MODULE_FILTERS = {
   CHANGED: 'changed',
+  DUPLICATED: 'md',
   FIRST_PARTY: 'fp',
   THIRD_PARTY: 'tp',
 };

package/src/config/file-types.js

@@ -10,9 +10,9 @@ export const FILE_TYPE_OTHER = 'OTHER';
 export const FILE_TYPE_PATTERNS = {
   [FILE_TYPE_CSS]: /\.css$/,
   [FILE_TYPE_JS]: /\.js$/,
-  [FILE_TYPE_IMG]: /\.(png|jpe?g|webp|gif|svg|ico)$/,
-  [FILE_TYPE_MEDIA]: /\.(mp4|mp3|mov)$/,
-  [FILE_TYPE_FONT]: /\.(woff|woff2|ttf|otf)$/,
+  [FILE_TYPE_IMG]: /\.(a?png|jpe?g|webp|gif|svg|ico|avif)$/,
+  [FILE_TYPE_MEDIA]: /\.(mp4|mp3|m4a|aac|mov|webm|wav|ogg)$/,
+  [FILE_TYPE_FONT]: /\.(woff|woff2|ttf|otf|eot)$/,
   [FILE_TYPE_HTML]: /\.(html?)$/,
 };
 

package/src/constants.ts

@@ -47,6 +47,7 @@ export interface Metric {
 export interface ModuleMetric extends Metric {
   name: string;
   chunkIds: Array<String>;
+  duplicated: boolean;
 }
 
 export interface PackageMetric extends Metric {
@@ -55,6 +56,8 @@ export interface PackageMetric extends Metric {
 
 export interface WebpackMetricsModules {
   metrics: {
+    duplicateCode: MetricRun;
+    duplicateModulesCount: MetricRun;
     modules: Record<string, ModuleMetric>;
   };
 }

package/src/i18n.js

@@ -6,9 +6,10 @@ export default {
   COMPONENT_LINK_BUNDLE_ASSETS_COUNT: 'View all assets',
   COMPONENT_LINK_BUNDLE_ASSETS_CHUNK_COUNT: 'View all chunks',
   COMPONENT_LINK_MODULES: 'View modules',
+  COMPONENT_LINK_MODULES_DUPLICATE: 'View duplicate modules',
   COMPONENT_LINK_CHUNK_MODULES: 'View chunk modules',
   COMPONENT_LINK_PACKAGES_COUNT: 'View all packages',
   COMPONENT_LINK_PACKAGES_DUPLICATE: 'View all duplicate packages',
   COMPONENT_LINK_VIEW_PACKAGE: 'View package',
-  COMPONENT_LINK_BUNDLE_ASSETS_BY_FILE_TYPE: 'View all <%= label %> assets'
+  COMPONENT_LINK_BUNDLE_ASSETS_BY_FILE_TYPE: 'View all <%= label %> assets',
 };

package/src/jobs/create-job.js

@@ -14,7 +14,7 @@ const GENERIC_PROPS = ['meta', 'insights', 'metrics'];
 /*
  * Create job from stats
  */
-export const createJob = (source, baseline, options = {}) => SOURCE_PATHS.reduce((agg, sourcePath) => {
+export const createJob = (source, baseline) => SOURCE_PATHS.reduce((agg, sourcePath) => {
   const rawData = get(source, sourcePath);
 
   if (!rawData) {
@@ -27,7 +27,7 @@ export const createJob = (source, baseline, options = {}) => SOURCE_PATHS.reduce
     return agg;
   }
 
-  const extractedData = sourceModule.extract(rawData, baseline, options[sourcePath]);
+  const extractedData = sourceModule.extract(rawData, baseline);
   const summary = createSummary(
     SOURCE_FNS[sourcePath].SUMMARY_METRIC_PATHS,
     get(baseline, `metrics.${sourcePath}`, {}),

package/src/jobs/create-jobs.js

@@ -6,9 +6,9 @@ import { createJob } from './create-job';
 /*
  * Create jobs from sources
  */
-export const createJobs = (sources, options) => {
+export const createJobs = (sources) => {
   const jobs = reverse([...sources]).reduce((agg, source, idx) => {
-    const job = createJob(source, last(agg), options);
+    const job = createJob(source, last(agg));
     const internalBuildNumber = job.internalBuildNumber || idx + 1;
     const label = `Job #${internalBuildNumber}`;
 

package/src/utils/component-links.js

@@ -45,13 +45,14 @@ export const getModuleSourceTypeFilters = (value = true) => ({
   [`${MODULE_SOURCE_TYPE}.${MODULE_FILTERS.THIRD_PARTY}`]: value,
 });
 
-export const getModuleChunkFilters = (chunkIds, value) => chunkIds.reduce(
-  (agg, chunkId) => ({
-    ...agg,
-    [`${MODULE_CHUNK}.${chunkId}`]: value,
-  }),
-  {},
-);
+export const getModuleChunkFilters = (chunkIds, value) =>
+  chunkIds.reduce(
+    (agg, chunkId) => ({
+      ...agg,
+      [`${MODULE_CHUNK}.${chunkId}`]: value,
+    }),
+    {},
+  );
 
 export const getModuleFileTypeFilters = (value = true) =>
   MODULE_SOURCE_FILE_TYPES.reduce(
@@ -148,6 +149,19 @@ export const BUNDLE_MODULES = {
   },
 };
 
+export const BUNDLE_MODULES_DUPLICATE = {
+  section: SECTIONS.MODULES,
+  title: I18N.COMPONENT_LINK_MODULES_DUPLICATE,
+  params: {
+    [COMPONENT.BUNDLE_MODULES]: {
+      filters: {
+        [MODULE_FILTERS.CHANGED]: false,
+        [MODULE_FILTERS.DUPLICATED]: true,
+      },
+    },
+  },
+};
+
 export const getBundleModulesBySearch = (search) => ({
   section: SECTIONS.MODULES,
   title: I18N.COMPONENT_LINK_MODULES,
@@ -257,6 +271,8 @@ export const METRIC_COMPONENT_LINKS = new Map([
   ['webpack.assetCount', { link: BUNDLE_ASSETS_COUNT }],
   ['webpack.chunkCount', { link: BUNDLE_ASSETS_CHUNK_COUNT }],
   ['webpack.moduleCount', { link: BUNDLE_MODULES }],
+  ['webpack.duplicateModulesCount', { link: BUNDLE_MODULES_DUPLICATE }],
+  ['webpack.duplicateCode', { link: BUNDLE_MODULES_DUPLICATE }],
   ['webpack.packageCount', { link: BUNLDE_PACKAGES_COUNT }],
   ['webpack.duplicatePackagesCount', { link: BUNDLE_PACKAGES_DUPLICATE }],
 ]);

package/src/webpack/constants.js

@@ -0,0 +1,91 @@
+export const SECTION_WEBPACK_STATS = 'stats';
+export const SECTION_WEBPACK_SIZES = 'sizes';
+export const SECTION_WEBPACK_ASSETS = 'assets';
+export const SECTION_WEBPACK_MODULES = 'modules';
+export const SECTION_WEBPACK_PACKAGES = 'packages';
+
+export const SECTIONS = [
+  SECTION_WEBPACK_STATS,
+  SECTION_WEBPACK_SIZES,
+  SECTION_WEBPACK_ASSETS,
+  SECTION_WEBPACK_MODULES,
+  SECTION_WEBPACK_PACKAGES,
+];
+
+export const SUMMARY_METRIC_PATHS = [
+  'totalSizeByTypeALL',
+  'totalInitialSizeJS',
+  'totalInitialSizeCSS',
+  'cacheInvalidation',
+  'moduleCount',
+  'duplicateModulesCount',
+  'duplicateCode',
+  'chunkCount',
+  'assetCount',
+  'packageCount',
+  'duplicatePackagesCount',
+];
+
+const PACKAGE_PREFIX = /(?:node_modules|~)(?:\/\.pnpm)?/;
+const PACKAGE_SLUG = /[a-zA-Z0-9]+(?:[-|_|.]+[a-zA-Z0-9]+)*/;
+const VERSION = /@[\w|\-|_|.]+/;
+
+// Extract package paths from module path
+// https://regex101.com/r/22Leep/6
+/* eslint-disable prettier/prettier */
+export const MODULE_PATH_PACKAGES = new RegExp(
+  [
+    // match dependency directory (eg: `node_modules/`, `node_modules/.pnpm/`)
+    `(?:${PACKAGE_PREFIX.source}/)`,
+    // match package name
+    '(?:',
+    // match `@organization/` or `@organization+`(pnpm)
+    `(?:@${PACKAGE_SLUG.source}[/|+])?`,
+    // match github.com+organization+
+    `(?:${PACKAGE_SLUG.source}\\+)*`,
+    // match package name
+    `(?:${PACKAGE_SLUG.source})`,
+    // match version
+    `(?:${VERSION.source})?`,
+    ')',
+
+    // Match pnpm peer dependencies (eg: package-a@version_package-b@version)
+    '(?:_',
+    `(?:@${PACKAGE_SLUG.source}[/|+])?`,
+    `(?:${PACKAGE_SLUG.source})`,
+    `(?:@${PACKAGE_SLUG.source})?`,
+    ')*',
+    '/',
+  ].join(''),
+  'g',
+);
+/* eslint-enable prettier/prettier */
+
+// Extract package name from package path
+// https://regex101.com/r/tTlU0W/6
+/* eslint-disable prettier/prettier */
+export const PACKAGE_PATH_NAME = new RegExp(
+  [
+    `(?:${PACKAGE_PREFIX.source}/)`,
+    // match dependency
+    '(?:',
+    '(',
+    `(?:@${PACKAGE_SLUG.source}[/|+])?`,
+    `(?:(?:${PACKAGE_SLUG.source}\\+)*)`,
+    `(?:${PACKAGE_SLUG.source})`,
+    ')',
+    `(?:${VERSION.source})?`,
+    ')',
+    // match peer dependency
+    '(?:_',
+    '(',
+    `(?:@${PACKAGE_SLUG.source}[/|+])?`,
+    `(?:${PACKAGE_SLUG.source})`,
+    ')',
+    `(?:@${PACKAGE_SLUG.source})`,
+    ')*',
+    '/',
+  ].join(''),
+  'g',
+);
+/* eslint-enable prettier/prettier */

package/src/webpack/extract/assets-size-total-insight.js

@@ -4,21 +4,21 @@ import template from 'lodash/template';
 import { INSIGHT_INFO } from '../../config/insights';
 import { getMetricRunInfo } from '../../utils/metrics';
 import { getMetricType } from '../utils';
-import { MetricId } from '../constants';
 
 const INFO_TEMPLATE = template(
   '<%= metric %> — <%= displayValue %> (<%= displayDeltaPercentage %>).',
 );
+const METRIC_NAME = 'totalSizeByTypeALL';
 
 export const extractAssetsSizeTotalInsight = (
   webpackStats,
   currentExtractedData,
   baselineBundleStats,
 ) => {
-  const currentValue = get(currentExtractedData, ['metrics', MetricId.BundleSize, 'value'], 0);
-  const baselineValue = get(baselineBundleStats, ['metrics', 'webpack', MetricId.BundleSize, 'value'], 0);
+  const currentValue = get(currentExtractedData, ['metrics', METRIC_NAME, 'value'], 0);
+  const baselineValue = get(baselineBundleStats, ['metrics', 'webpack', METRIC_NAME, 'value'], 0);
 
-  const metric = getMetricType(MetricId.BundleSize);
+  const metric = getMetricType(METRIC_NAME);
   const info = getMetricRunInfo(metric, currentValue, baselineValue);
   const { displayDeltaPercentage, displayValue } = info;
 

package/src/webpack/extract/assets-size.js

@@ -4,9 +4,11 @@ import sum from 'lodash/sum';
 
 import { FILE_TYPE_CSS, FILE_TYPE_JS, FILE_TYPES } from '../../config/file-types';
 import { getFileType } from '../../utils/file-types';
-import { SIZE_BY_TYPE_METRIC_ID_PREFIX, SIZE_BY_TYPE_METRIC_ID_ALL } from '../constants';
 
-const getMetricName = (fileType) => `${SIZE_BY_TYPE_METRIC_ID_PREFIX}${fileType}`;
+const METRIC_NAME_ALL = 'ALL';
+const METRIC_NAME_PREFIX = 'totalSizeByType';
+
+const getMetricName = (fileType) => `${METRIC_NAME_PREFIX}${fileType}`;
 
 const generateInitialSizeByType = () => FILE_TYPES.reduce((accumulator, fileType) => ({
   ...accumulator,
@@ -50,7 +52,7 @@ export const extractAssetsSize = (webpackStats, currentExtractedData) => {
 
   const sizes = calculateTotalByType(bundleAssets);
   const generic = {
-    [getMetricName(SIZE_BY_TYPE_METRIC_ID_ALL)]: {
+    [getMetricName(METRIC_NAME_ALL)]: {
       value: sum(map(bundleAssets, 'value')),
     },
     ...calculateInitialTotals(bundleAssets),

package/src/webpack/extract/index.js

@@ -12,7 +12,6 @@ import { extractModulesCount } from './modules-count';
 import { extractModulesPackages } from './modules-packages';
 import { extractModulesPackagesCount } from './modules-packages-count';
 import { extractModulesPackagesDuplicate } from './modules-packages-duplicate';
-import extractBudgetsInsights from './budgets-insights';
 
 const extractFns = [
   extractAssets,
@@ -27,14 +26,10 @@ const extractFns = [
   extractModulesPackages,
   extractModulesPackagesCount,
   extractModulesPackagesDuplicate,
-  extractBudgetsInsights,
 ];
 
-export const extract = (webpackStats, baseline, options) => extractFns.reduce(
-  (agg, extractFn) => merge(
-    {},
-    agg,
-    extractFn(webpackStats, agg, baseline, options),
-  ),
-  {}
-);
+export const extract = (webpackStats, baseline) => extractFns.reduce((agg, extractFn) => merge(
+  {},
+  agg,
+  extractFn(webpackStats, agg, baseline),
+), {});

package/src/webpack/extract/modules.ts

@@ -1,4 +1,5 @@
 import isEmpty from 'lodash/isEmpty';
+import round from 'lodash/round';
 
 import { ModuleMetric, WebpackMetricsModules } from '../../constants';
 import { getModuleName, normalizeChunkId } from '../utils';
@@ -10,7 +11,7 @@ interface WebpackModule {
 }
 
 interface WebpackModuleWithConcatenatedModules extends WebpackModule {
-  modules?: Array<Pick<WebpackModule, 'name' | 'size'>>;
+  modules: Array<Pick<WebpackModule, 'name' | 'size'>>;
 }
 
 /*
@@ -20,7 +21,13 @@ export const extractModules = (webpackStats?: any): WebpackMetricsModules => {
   const modulesSource: Array<WebpackModuleWithConcatenatedModules> = webpackStats?.modules || [];
 
   if (!modulesSource) {
-    return { metrics: { modules: {} } };
+    return {
+      metrics: {
+        duplicateCode: { value: 0 },
+        duplicateModulesCount: { value: 0 },
+        modules: {},
+      },
+    };
   }
 
   // Flatten concatenated modules
@@ -43,25 +50,49 @@ export const extractModules = (webpackStats?: any): WebpackMetricsModules => {
     return agg;
   }, [] as Array<WebpackModule>);
 
+  let totalCodeSize = 0;
+  let duplicateCodeSize = 0;
+  let duplicateModulesCount = 0;
+
   // Normalize module entries
   const modules = allModules.reduce((agg, moduleEntry) => {
     const { name, size, chunks } = moduleEntry;
     const normalizedName = getModuleName(name);
 
-    // skip modules with no chunks
+    // skip modules that do not belong to any chunk
     if (isEmpty(chunks)) {
       return agg;
     }
 
+    const instances = chunks.length;
+    const duplicateInstances = instances - 1;
+
+    duplicateModulesCount += duplicateInstances;
+    duplicateCodeSize += duplicateInstances * size;
+    totalCodeSize += instances * size;
+
     // eslint-disable-next-line no-param-reassign
     agg[normalizedName] = {
       name,
       value: size,
       chunkIds: chunks.map(normalizeChunkId),
+      duplicated: Boolean(duplicateInstances),
     };
 
     return agg;
   }, {} as Record<string, ModuleMetric>);
 
-  return { metrics: { modules } };
+  const duplicateCode = totalCodeSize ? round((duplicateCodeSize / totalCodeSize) * 100, 2) : 0;
+
+  return {
+    metrics: {
+      modules,
+      duplicateCode: {
+        value: duplicateCode,
+      },
+      duplicateModulesCount: {
+        value: duplicateModulesCount,
+      },
+    },
+  };
 };