@bundle-stats/utils 4.3.0-beta.2 → 4.3.0-rc.0

package/lib-esm/webpack/metrics.js

@@ -4,7 +4,7 @@ import { Metric } from './types';
 export const metrics = {
     [Metric.BUNDLE_SIZE]: {
         label: 'Bundle Size',
-        description: 'The total size of the assets produced by webpack',
+        description: 'The total size of the assets processed by the bundler',
         url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
         type: METRIC_TYPE_FILE_SIZE,
     },
@@ -43,14 +43,14 @@ export const metrics = {
     },
     [Metric.MODULE_COUNT]: {
         label: 'Modules',
-        description: 'The total number of modules bundled by webpack',
+        description: 'The total number of bundled modules',
         url: 'https://relative-ci.com/documentation/metrics-and-data#modules-1',
         type: METRIC_TYPE_NUMERIC,
         biggerIsBetter: false,
     },
     [Metric.DUPLICATE_MODULES_COUNT]: {
         label: 'Duplicate Modules',
-        description: 'The total number of modules that belong to more than one chunk',
+        description: 'The total number of module instances bundled into multiple chunks',
         url: 'https://relative-ci.com/documentation/metrics-and-data#modules-1',
         type: METRIC_TYPE_NUMERIC,
         biggerIsBetter: false,
@@ -64,14 +64,14 @@ export const metrics = {
     },
     [Metric.PACKAGE_COUNT]: {
         label: 'Packages',
-        description: 'The total number of packages bundled by webpack',
+        description: 'The total number of bundled packages',
         url: 'https://relative-ci.com/documentation/metrics-and-data#packages',
         type: METRIC_TYPE_NUMERIC,
         biggerIsBetter: false,
     },
     [Metric.DUPLICATE_PACKAGES_COUNT]: {
         label: 'Duplicate Packages',
-        description: 'The total number of duplicate packages',
+        description: 'The total number of bundled duplicate package instances',
         url: 'https://relative-ci.com/documentation/metrics-and-data#packages',
         type: METRIC_TYPE_NUMERIC,
         biggerIsBetter: false,

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

@@ -1 +1 @@
-{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../src/webpack/metrics.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../src/webpack/metrics.js"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/utils",
-  "version": "4.3.0-beta.2",
+  "version": "4.3.0-rc.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": "^4.3.0-beta.2",
-    "@bundle-stats/plugin-webpack-validate": "^4.3.0-beta.2",
+    "@bundle-stats/plugin-webpack-filter": "^4.3.0-rc.0",
+    "@bundle-stats/plugin-webpack-validate": "^4.3.0-rc.0",
     "query-string": "7.1.3",
     "serialize-query-params": "2.0.2",
-    "use-query-params": "2.1.2"
+    "use-query-params": "2.2.1"
   },
   "devDependencies": {
-    "@types/jest": "29.4.0",
-    "@types/lodash": "4.14.191",
-    "core-js": "3.27.2",
-    "jest": "29.4.0",
-    "jest-cli": "29.4.0",
+    "@types/jest": "29.5.0",
+    "@types/lodash": "4.14.192",
+    "core-js": "3.30.0",
+    "jest": "29.5.0",
+    "jest-cli": "29.5.0",
     "jest-date-mock": "1.0.8",
     "lodash": "4.17.21",
     "regenerator-runtime": "0.13.11",
-    "rimraf": "4.1.2",
-    "ts-jest": "29.0.5",
-    "typescript": "4.9.4"
+    "rimraf": "4.4.1",
+    "ts-jest": "29.1.0",
+    "typescript": "5.0.3"
   },
   "peerDependencies": {
     "core-js": "^3.0.0",
     "lodash": "^4.0.0"
   },
-  "gitHead": "a4732cf9ed55fb8d8c31bee857ba3ac16c04de1d"
+  "gitHead": "c46d2890ca972917edea0c6db51cab92303e8e27"
 }

package/src/config/index.js

@@ -1,6 +1,5 @@
 export * from './component-links';
 export * from './file-types';
-export * from './insights';
 export * from './metrics';
 export * from './delta';
 

package/src/config/metrics.js

@@ -1,9 +1,4 @@
-import {
-  formatNumber,
-  formatDuration,
-  formatFileSize,
-  formatPercentage,
-} from '../utils/format';
+import { formatNumber, formatDuration, formatFileSize, formatPercentage } from '../utils/format';
 
 export const METRIC_TYPE_FILE_SIZE = 'METRIC_TYPE_FILE_SIZE';
 export const METRIC_TYPE_DURATION = 'METRIC_TYPE_DURATION';
@@ -11,6 +6,7 @@ export const METRIC_TYPE_NUMERIC = 'METRIC_TYPE_NUMERIC';
 export const METRIC_TYPE_SCORE = 'METRIC_TYPE_SCORE';
 export const METRIC_TYPE_PERCENTAGE = 'METRIC_TYPE_PERCENTAGE';
 
+/** @type {Record<string, import('../constants').MetricType>} */
 export const METRIC_TYPES = {
   [METRIC_TYPE_NUMERIC]: {
     biggerIsBetter: false,

package/src/constants.ts

@@ -1,5 +1,3 @@
-import { InsightType } from './config/insights';
-
 export enum Source {
   webpack = 'webpack',
   lighthouse = 'lighthouse',
@@ -8,12 +6,18 @@ export enum Source {
 
 export type SourceData = Record<string, unknown>;
 
+export enum InsightType {
+  ERROR = 'error',
+  INFO = 'info',
+  WARNING = 'warning',
+}
+
 export enum MetricTypeType {
-  'METRIC_TYPE_NUMERIC' = 'METRIC_TYPE_NUMERIC',
-  'METRIC_TYPE_SCORE' = 'METRIC_TYPE_SCORE',
-  'METRIC_TYPE_FILE_SIZE' = 'METRIC_TYPE_FILE_SIZE',
-  'METRIC_TYPE_DURATION' = 'METRIC_TYPE_DURATION',
-  'METRIC_TYPE_PERCENTAGE' = 'METRIC_TYPE_PERCENTAGE',
+  METRIC_TYPE_NUMERIC = 'METRIC_TYPE_NUMERIC',
+  METRIC_TYPE_SCORE = 'METRIC_TYPE_SCORE',
+  METRIC_TYPE_FILE_SIZE = 'METRIC_TYPE_FILE_SIZE',
+  METRIC_TYPE_DURATION = 'METRIC_TYPE_DURATION',
+  METRIC_TYPE_PERCENTAGE = 'METRIC_TYPE_PERCENTAGE',
 }
 
 export interface MetricTypeConfig {
@@ -68,21 +72,23 @@ export interface JobSummaryItem {
 
 export interface JobInsight<T = object> {
   type: InsightType;
-  data: T;
+  data: T & { text?: string };
 }
 
 export interface JobInsightAssetsSizeTotalData {
-  text: string;
   md: string;
   info: MetricRunInfo;
 }
 export type JobInsightDuplicatePackagesData = Record<string, Array<string>>;
 
 export interface JobInsightDuplicatePackagesV3Data {
-  text: string;
   packages: Record<string, Array<string>>;
 }
 
+export interface JobInsightNewPackagesData {
+  packages: Array<string>;
+}
+
 export type JobSummarySource = Record<string, JobSummaryItem>;
 export type JobSummary = JobSection<JobSummarySource>;
 
@@ -91,9 +97,15 @@ export interface JobInsights {
     assetsSizeTotal: JobInsight<JobInsightAssetsSizeTotalData>;
     duplicatePackages?: JobInsight<JobInsightDuplicatePackagesData>;
     duplicatePackagesV3?: JobInsight<JobInsightDuplicatePackagesV3Data>;
+    newPackages?: JobInsight<JobInsightNewPackagesData>;
   };
 }
 
+export interface JobInsightsInfo {
+  duplicatePackages?: JobInsights['webpack']['duplicatePackagesV3'];
+  newPackages?: JobInsights['webpack']['newPackages'];
+}
+
 export type JobMetricsSource = Record<string, MetricRun | Record<string, MetricRun>>;
 export type JobMetrics = JobSection<JobMetricsSource>;
 

package/src/i18n.js

@@ -9,7 +9,10 @@ export default {
   COMPONENT_LINK_MODULES_DUPLICATE: 'View duplicate modules',
   COMPONENT_LINK_CHUNK_MODULES: 'View chunk modules',
   COMPONENT_LINK_PACKAGES_COUNT: 'View all packages',
+  COMPONENT_LINK_PACKAGES_CHANGED: 'View all changed packages',
   COMPONENT_LINK_PACKAGES_DUPLICATE: 'View all duplicate packages',
+  COMPONENT_LINK_PACKAGES_DUPLICATE_CHANGED: 'View all changed duplicate packages',
   COMPONENT_LINK_VIEW_PACKAGE: 'View package',
   COMPONENT_LINK_BUNDLE_ASSETS_BY_FILE_TYPE: ({ label }) => `View all ${label} assets`,
+  COMPONENT_LINK_BUNDLE_ASSETS_BY_ENTRY_TYPE: (assetType) => `View all ${assetType} assets`,
 };

package/src/utils/component-links.ts

@@ -185,6 +185,24 @@ export const BUNDLE_MODULES_DUPLICATE: ComponentLink = {
   },
 };
 
+export const getBundleAssetsByEntryType = (
+  assetType: 'entry' | 'initial' | 'chunk',
+): ComponentLink => ({
+  section: SECTIONS.ASSETS,
+  title: I18N.COMPONENT_LINK_BUNDLE_ASSETS_BY_ENTRY_TYPE(assetType),
+  params: {
+    [COMPONENT.BUNDLE_ASSETS]: {
+      filters: {
+        [ASSET_FILTERS.CHANGED]: false,
+        ...getAssetEntryTypeFilters(false),
+        [`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.ENTRY}`]: assetType === 'entry',
+        [`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.INITIAL}`]: assetType === 'initial',
+        [`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.CHUNK}`]: assetType === 'chunk',
+      },
+    },
+  },
+});
+
 export const getBundleModulesBySearch = (search: string): ComponentLink => ({
   section: SECTIONS.MODULES,
   title: I18N.COMPONENT_LINK_MODULES,
@@ -234,6 +252,19 @@ export const BUNDLE_PACKAGES_COUNT: ComponentLink = {
   },
 };
 
+export const BUNDLE_PACKAGES_CHANGED: ComponentLink = {
+  section: SECTIONS.PACKAGES,
+  title: I18N.COMPONENT_LINK_PACKAGES_CHANGED,
+  params: {
+    [COMPONENT.BUNDLE_PACKAGES]: {
+      filters: {
+        // Keep a filter to allow the merge and skip default
+        [PACKAGE_FILTERS.CHANGED]: true,
+      },
+    },
+  },
+};
+
 export const BUNDLE_PACKAGES_DUPLICATE: ComponentLink = {
   section: SECTIONS.PACKAGES,
   title: I18N.COMPONENT_LINK_PACKAGES_DUPLICATE,
@@ -246,6 +277,19 @@ export const BUNDLE_PACKAGES_DUPLICATE: ComponentLink = {
   },
 };
 
+export const BUNDLE_PACKAGES_DUPLICATE_CHANGED: ComponentLink = {
+  section: SECTIONS.PACKAGES,
+  title: I18N.COMPONENT_LINK_PACKAGES_DUPLICATE_CHANGED,
+  params: {
+    [COMPONENT.BUNDLE_PACKAGES]: {
+      filters: {
+        [PACKAGE_FILTERS.CHANGED]: true,
+        [PACKAGE_FILTERS.DUPLICATE]: true,
+      },
+    },
+  },
+};
+
 export const getBundleAssetsFileTypeComponentLink = (
   fileType: string,
   label: string,

package/src/utils/index.js

@@ -1,6 +1,7 @@
 export * from './component-links';
 export * from './delta';
 export * from './date';
+export * from './insights';
 export * from './file-types';
 export * from './format';
 export * from './metrics';

package/src/utils/insights.ts

@@ -0,0 +1,82 @@
+import isEmpty from 'lodash/isEmpty';
+
+import { InsightType, JobInsight, JobInsightsInfo } from '../constants';
+import {
+  BUNDLE_PACKAGES_DUPLICATE,
+  BUNDLE_PACKAGES_CHANGED,
+  BUNDLE_PACKAGES_DUPLICATE_CHANGED,
+} from './component-links';
+
+interface InsightListItem {
+  /**
+   * Inight name
+   */
+  name: string;
+  /**
+   * Insight data
+   */
+  insight: JobInsight;
+  /**
+   * Custom link props
+   */
+  link: any;
+}
+
+/**
+ * Get the insigh list ordered by level type
+ */
+export const getInsightList = (insights: JobInsightsInfo): Array<InsightListItem> => {
+  const { duplicatePackages, newPackages } = insights;
+
+  const insightsByLevel: Record<InsightType, Array<InsightListItem>> = {
+    [InsightType.ERROR]: [],
+    [InsightType.WARNING]: [],
+    [InsightType.INFO]: [],
+  };
+
+  if (duplicatePackages) {
+    insightsByLevel[duplicatePackages.type].push({
+      name: 'duplicatePackages',
+      insight: duplicatePackages,
+      link:
+        duplicatePackages.type === InsightType.WARNING
+          ? BUNDLE_PACKAGES_DUPLICATE
+          : BUNDLE_PACKAGES_DUPLICATE_CHANGED,
+    });
+  }
+
+  if (newPackages) {
+    insightsByLevel[newPackages.type].push({
+      name: 'newPackages',
+      insight: newPackages,
+      link: BUNDLE_PACKAGES_CHANGED,
+    });
+  }
+
+  return [
+    ...(insightsByLevel[InsightType.ERROR] || []),
+    ...(insightsByLevel[InsightType.WARNING] || []),
+    ...(insightsByLevel[InsightType.INFO] || []),
+  ];
+};
+
+/**
+ * Show only the insights that are introduced by a change
+ */
+export const getChangedInsights = (normalizedInsights: JobInsightsInfo): JobInsightsInfo | null => {
+  const res: JobInsightsInfo = {};
+
+  if (normalizedInsights.duplicatePackages?.type === InsightType.ERROR) {
+    res.duplicatePackages = normalizedInsights.duplicatePackages;
+  }
+
+  if (normalizedInsights.newPackages) {
+    res.newPackages = normalizedInsights.newPackages;
+  }
+
+  if (isEmpty(res)) {
+    return null;
+  }
+
+  return res;
+};

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

@@ -1,4 +1,4 @@
-import { InsightType } from '../../config/insights';
+import { InsightType } from '../../constants';
 import { getMetricRunInfo } from '../../utils/metrics';
 import { getMetricType } from '../utils';
 import { Metric } from '../types';

package/src/webpack/extract/index.js

@@ -11,6 +11,7 @@ import { extractModules } from './modules';
 import { extractModulesPackages } from './modules-packages';
 import { extractModulesPackagesCount } from './modules-packages-count';
 import { extractModulesPackagesDuplicate } from './modules-packages-duplicate';
+import { extractModulesPackagesNewInsight } from './modules-packages-new-insight';
 
 const extractFns = [
   extractAssets,
@@ -24,6 +25,7 @@ const extractFns = [
   extractModulesPackages,
   extractModulesPackagesCount,
   extractModulesPackagesDuplicate,
+  extractModulesPackagesNewInsight,
 ];
 
 export const extract = (webpackStats, baseline) =>

package/src/webpack/extract/modules-packages-duplicate.ts

@@ -1,9 +1,10 @@
+import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import orderBy from 'lodash/orderBy';
 import sum from 'lodash/sum';
 
-import { InsightType } from '../../config';
 import {
+  InsightType,
   Job,
   JobInsight,
   JobInsightDuplicatePackagesData,
@@ -25,9 +26,9 @@ interface DuplicatePackageGroup {
 }
 
 interface ModulesPackagesDuplicateData {
-  insights: {
+  insights?: {
     duplicatePackages?: JobInsights['webpack']['duplicatePackages'];
-    duplicatePackagesV3: JobInsights['webpack']['duplicatePackagesV3'];
+    duplicatePackagesV3?: JobInsights['webpack']['duplicatePackagesV3'];
   };
   metrics: {
     duplicatePackagesCount: MetricRun;
@@ -37,7 +38,7 @@ interface ModulesPackagesDuplicateData {
 export const getDuplicatePackagesInsight = (
   duplicatePackagesMap: Record<string, Array<string>>,
   baselineDuplicatePackagesMap?: Record<string, Array<string>>,
-): JobInsight<JobInsightDuplicatePackagesV3Data> => {
+): JobInsight<JobInsightDuplicatePackagesV3Data> | null => {
   const duplicateInstances: Array<string> = [];
   const baselineDuplicateInstances: Array<string> = [];
   const newDuplicateInstances: Array<string> = [];
@@ -81,8 +82,8 @@ export const getDuplicatePackagesInsight = (
   const newDuplicateInstancesCount = newDuplicateInstances.length;
   const removedDuplicateInstancesCount = removedDuplicateInstances.length;
 
-  let text: string;
-  let insightType: InsightType;
+  let text = '';
+  let insightType: InsightType | null = null;
 
   if (newDuplicateInstancesCount > 0 && removedDuplicateInstancesCount > 0) {
     // New duplicate packages and removed duplicates
@@ -90,7 +91,7 @@ export const getDuplicatePackagesInsight = (
       newDuplicateInstancesCount > 1 || removedDuplicateInstancesCount > 1 ? 'packages' : 'package';
     text = `Bundle introduced ${newDuplicateInstancesCount} and removed ${removedDuplicateInstancesCount} duplicate ${item}`;
     insightType = InsightType.ERROR;
-  } else if (newDuplicateInstancesCount > 0 && baselineDuplicatePackagesMap) {
+  } else if (newDuplicateInstancesCount > 0 && !isEmpty(baselineDuplicatePackagesMap)) {
     // New duplicate packages and baseline comparison
     const item = newDuplicateInstancesCount > 1 ? 'packages' : 'package';
     text = `Bundle introduced ${newDuplicateInstancesCount} duplicate ${item}`;
@@ -100,6 +101,12 @@ export const getDuplicatePackagesInsight = (
     const item = newDuplicateInstancesCount > 1 ? 'packages' : 'package';
     text = `Bundle contains ${newDuplicateInstancesCount} duplicate ${item}`;
     insightType = InsightType.WARNING;
+  } else if (removedDuplicateInstancesCount > 0 && duplicateInstancesCount > 0) {
+    // Removed duplicate packages, but there are duplicate packages remaining
+    const itemRemoved = removedDuplicateInstancesCount > 1 ? 'packages' : 'package';
+    const itemRemaining = duplicateInstancesCount > 1 ? 'packages' : 'package';
+    text = `Bundle removed ${removedDuplicateInstancesCount} duplicate ${itemRemoved}, ${duplicateInstancesCount} duplicate ${itemRemaining} remaining`;
+    insightType = InsightType.WARNING;
   } else if (removedDuplicateInstancesCount > 0) {
     // Removed duplicate packages
     const item = removedDuplicateInstancesCount > 1 ? 'packages' : 'package';
@@ -115,9 +122,11 @@ export const getDuplicatePackagesInsight = (
     text = `Bundle contains ${duplicateInstancesCount} duplicate ${item}`;
     insightType = InsightType.WARNING;
   } else {
-    // No change
-    text = 'Bundle does not contain duplicate packages';
-    insightType = InsightType.INFO;
+    // No change - noop
+  }
+
+  if (!text || !insightType) {
+    return null;
   }
 
   return {
@@ -180,11 +189,15 @@ export const extractModulesPackagesDuplicate = (
     baselineJob?.insights?.webpack?.duplicatePackages?.data ||
     {};
 
+  const noDuplicatesDuplicatePackagesV3 = getDuplicatePackagesInsight({}, baselineDuplicatePackages);
+
   if (!count) {
     return {
-      insights: {
-        duplicatePackagesV3: getDuplicatePackagesInsight({}, baselineDuplicatePackages),
-      },
+      ...(noDuplicatesDuplicatePackagesV3 && {
+        insights: {
+          duplicatePackagesV3: noDuplicatesDuplicatePackagesV3,
+        },
+      }),
       metrics: {
         duplicatePackagesCount: {
           value: count,
@@ -221,16 +234,18 @@ export const extractModulesPackagesDuplicate = (
     duplicatePackagesData[packageName] = packageData.children.map(({ id }) => id);
   });
 
+  const duplicatePackagesV3 = getDuplicatePackagesInsight(
+    duplicatePackagesData,
+    baselineDuplicatePackages,
+  );
+
   return {
     insights: {
       duplicatePackages: {
         type: InsightType.WARNING,
         data: duplicatePackagesData,
       },
-      duplicatePackagesV3: getDuplicatePackagesInsight(
-        duplicatePackagesData,
-        baselineDuplicatePackages,
-      ),
+      ...(duplicatePackagesV3 && { duplicatePackagesV3 }),
     },
     metrics: {
       duplicatePackagesCount: {

package/src/webpack/extract/modules-packages-new-insight.ts

@@ -0,0 +1,80 @@
+import { InsightType, Job, JobInsights } from '../../constants';
+import { Packages } from '../types';
+
+interface ModulesPackagesNewData {
+  insights?: {
+    newPackages: JobInsights['webpack']['newPackages'];
+  };
+}
+
+const getPackageNames = (packages: Packages): Set<string> => {
+  const result: Set<string> = new Set();
+
+  Object.values(packages).forEach((metricPackage) => {
+    result.add(metricPackage.name);
+  });
+
+  return result;
+};
+
+const getText = (newPackages: Array<string>) => {
+  if (newPackages.length === 1) {
+    return `Bundle introduced one new package: ${newPackages[0]}`;
+  }
+
+  const firstNewPackages = newPackages.slice(0, 3);
+  const otherPackages = newPackages.slice(3);
+
+  const text = `Bundle introduced ${newPackages.length} new packages: ${firstNewPackages.join(', ')}`;
+
+  if (otherPackages.length === 0) {
+    return text;
+  }
+
+  if (otherPackages.length === 1) {
+    return `${text} and one more`;
+  }
+
+  return `${text} and ${otherPackages.length} more`;
+};
+
+export const extractModulesPackagesNewInsight = (
+  _: any,
+  currentExtractedData: any,
+  baselineJob?: Job,
+): ModulesPackagesNewData | null => {
+  const currentMetricPackages = currentExtractedData?.metrics?.packages as Packages;
+  const baselineMetricPackages = baselineJob?.metrics?.webpack?.packages as Packages;
+
+  // Skip insight when the baseline data is missing
+  if (!baselineMetricPackages) {
+    return null;
+  }
+
+  const currentPackages = getPackageNames(currentMetricPackages);
+  const baselinePackages = getPackageNames(baselineMetricPackages);
+
+  const newPackages: Array<string> = [];
+
+  currentPackages.forEach((packageName) => {
+    if (!baselinePackages.has(packageName)) {
+      newPackages.push(packageName);
+    }
+  });
+
+  if (newPackages.length === 0) {
+    return null;
+  }
+
+  return {
+    insights: {
+      newPackages: {
+        type: InsightType.WARNING,
+        data: {
+          text: getText(newPackages),
+          packages: newPackages,
+        },
+      },
+    },
+  };
+};