@bundle-stats/ui 4.14.0-beta.0 → 4.14.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/asset-info/asset-info.js +1 -1
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +16 -11
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.utils.js +18 -4
- package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib/components/bundle-modules/index.js +5 -5
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/entry-info/entry-info.js +16 -9
- package/lib/components/entry-info/entry-info.js.map +1 -1
- package/lib/components/entry-info/entry-info.module.css +34 -8
- package/lib/components/module-info/module-info.js +80 -16
- package/lib/components/module-info/module-info.js.map +1 -1
- package/lib/components/module-info/module-info.module.css +38 -0
- package/lib/components/package-info/package-info.js +1 -1
- package/lib/components/package-info/package-info.js.map +1 -1
- package/lib/components/run-info/run-info.module.css +1 -1
- package/lib/constants.js +21 -1
- package/lib/constants.js.map +1 -1
- package/lib/hooks/rows-sort.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.js +1 -1
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +17 -12
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +19 -4
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib-esm/components/bundle-modules/index.js +5 -5
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/entry-info/entry-info.js +16 -9
- package/lib-esm/components/entry-info/entry-info.js.map +1 -1
- package/lib-esm/components/entry-info/entry-info.module.css +34 -8
- package/lib-esm/components/module-info/module-info.js +84 -19
- package/lib-esm/components/module-info/module-info.js.map +1 -1
- package/lib-esm/components/module-info/module-info.module.css +38 -0
- package/lib-esm/components/package-info/package-info.js +1 -1
- package/lib-esm/components/package-info/package-info.js.map +1 -1
- package/lib-esm/components/run-info/run-info.module.css +1 -1
- package/lib-esm/constants.js +20 -0
- package/lib-esm/constants.js.map +1 -1
- package/lib-esm/hooks/rows-sort.js.map +1 -1
- package/package.json +9 -9
- package/src/components/asset-info/asset-info.tsx +5 -2
- package/src/components/bundle-modules/bundle-modules.tsx +34 -22
- package/src/components/bundle-modules/bundle-modules.utils.ts +37 -14
- package/src/components/bundle-modules/index.tsx +15 -14
- package/src/components/entry-info/entry-info.module.css +34 -8
- package/src/components/entry-info/entry-info.tsx +47 -32
- package/src/components/module-info/module-info.module.css +38 -0
- package/src/components/module-info/module-info.stories.tsx +57 -3
- package/src/components/module-info/module-info.tsx +221 -40
- package/src/components/package-info/package-info.tsx +2 -3
- package/src/components/run-info/run-info.module.css +1 -1
- package/src/constants.ts +22 -1
- package/src/hooks/rows-sort.ts +17 -10
- package/src/types.d.ts +13 -0
- package/types/components/bundle-modules/bundle-modules.d.ts +4 -5
- package/types/components/bundle-modules/bundle-modules.utils.d.ts +3 -5
- package/types/components/entry-info/entry-info.d.ts +8 -10
- package/types/components/module-info/module-info.d.ts +4 -10
- package/types/constants.d.ts +21 -2
- package/types/hooks/rows-sort.d.ts +9 -14
- package/lib/components/bundle-modules/bundle-modules.constants.js +0 -10
- package/lib/components/bundle-modules/bundle-modules.constants.js.map +0 -1
- package/lib-esm/components/bundle-modules/bundle-modules.constants.js +0 -7
- package/lib-esm/components/bundle-modules/bundle-modules.constants.js.map +0 -1
- package/src/components/bundle-modules/bundle-modules.constants.ts +0 -5
- package/src/components/bundle-modules/bundle-modules.types.d.ts +0 -9
- package/types/components/bundle-modules/bundle-modules.constants.d.ts +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"package-info.js","sourceRoot":"","sources":["../../../src/components/package-info/package-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;
|
|
1
|
+
{"version":3,"file":"package-info.js","sourceRoot":"","sources":["../../../src/components/package-info/package-info.tsx"],"names":[],"mappings":"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"}
|
package/lib/constants.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MetricsDisplayType = exports.SORT = exports.METRICS_WEBPACK_PACKAGES = exports.METRICS_WEBPACK_MODULES = exports.METRICS_WEBPACK_ASSETS = exports.METRICS_WEBPACK_GENERAL = exports.ASSETS_SIZES_FILE_TYPE_MAP = exports.SECTION_URLS = exports.URLS = void 0;
|
|
3
|
+
exports.ModuleSizeMetrics = exports.ModuleSizeMetric = exports.MetricsDisplayType = exports.SORT = exports.METRICS_WEBPACK_PACKAGES = exports.METRICS_WEBPACK_MODULES = exports.METRICS_WEBPACK_ASSETS = exports.METRICS_WEBPACK_GENERAL = exports.ASSETS_SIZES_FILE_TYPE_MAP = exports.SECTION_URLS = exports.URLS = void 0;
|
|
4
4
|
const utils_1 = require("@bundle-stats/utils");
|
|
5
5
|
exports.URLS = {
|
|
6
6
|
OVERVIEW: '/',
|
|
@@ -40,4 +40,24 @@ var MetricsDisplayType;
|
|
|
40
40
|
MetricsDisplayType["TABLE"] = "table";
|
|
41
41
|
MetricsDisplayType["TREEMAP"] = "treemap";
|
|
42
42
|
})(MetricsDisplayType || (exports.MetricsDisplayType = MetricsDisplayType = {}));
|
|
43
|
+
var ModuleSizeMetric;
|
|
44
|
+
(function (ModuleSizeMetric) {
|
|
45
|
+
ModuleSizeMetric["SIZE"] = "value";
|
|
46
|
+
ModuleSizeMetric["DUPLICATE_SIZE"] = "duplicateSize";
|
|
47
|
+
ModuleSizeMetric["TOTAL_SIZE"] = "totalSize";
|
|
48
|
+
})(ModuleSizeMetric || (exports.ModuleSizeMetric = ModuleSizeMetric = {}));
|
|
49
|
+
exports.ModuleSizeMetrics = {
|
|
50
|
+
[ModuleSizeMetric.SIZE]: {
|
|
51
|
+
label: 'Size',
|
|
52
|
+
tooltip: 'Module size (excluding duplicate modules)',
|
|
53
|
+
},
|
|
54
|
+
[ModuleSizeMetric.TOTAL_SIZE]: {
|
|
55
|
+
label: 'Total size',
|
|
56
|
+
tooltip: 'Module total size (including duplicate modules)',
|
|
57
|
+
},
|
|
58
|
+
[ModuleSizeMetric.DUPLICATE_SIZE]: {
|
|
59
|
+
label: 'Duplicate size',
|
|
60
|
+
tooltip: 'Module duplicate size',
|
|
61
|
+
},
|
|
62
|
+
};
|
|
43
63
|
//# sourceMappingURL=constants.js.map
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC;AAEtF,QAAA,IAAI,GAAG;IAClB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC;AAEtF,QAAA,IAAI,GAAG;IAClB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC;AAEX,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,qCAAe,CAAA;IACf,yCAAmB,CAAA;AACrB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,kCAAc,CAAA;IACd,oDAAgC,CAAA;IAChC,4CAAwB,CAAA;AAC1B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAEY,QAAA,iBAAiB,GAAG;IAC/B,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE;QACvB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,2CAA2C;KACrD;IACD,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE;QAC7B,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,iDAAiD;KAC3D;IACD,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE;QACjC,KAAK,EAAE,gBAAgB;QACvB,OAAO,EAAE,uBAAuB;KACjC;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA0C;AAC1C,qDAA6B;AAC7B,6DAAqC;AAGrC,4CAAoC;
|
|
1
|
+
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA0C;AAC1C,qDAA6B;AAC7B,6DAAqC;AAGrC,4CAAoC;AAE7B,MAAM,SAAS,GACpB,CAAO,SAAiB,EAAE,aAAuD,EAAE,EAAE,CACrF,CAAC,IAAU,EAAE,EAAE;IACb,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,IAAA,aAAG,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AARS,QAAA,SAAS,aAQlB;AAeG,MAAM,WAAW,GAAG,CAAO,EAChC,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,GAAG,MAAM,EACzB,aAAa,GACW,EAAqB,EAAE;IAC/C,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAE1F,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CACH,IAAA,iBAAO,EACP,IAAI,EACJ,IAAA,iBAAS,EAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,EAEpC,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,gBAAI,CAAC,GAAW,CAC3D,EACD,CAAC,IAAI,EAAE,IAAI,CAAC,CACb,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,UAAU;QACV,KAAK,EAAE,WAAW;KACnB,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,WAAW,eAwBtB"}
|
|
@@ -31,7 +31,7 @@ export const AssetInfo = (props) => {
|
|
|
31
31
|
}, [item]);
|
|
32
32
|
const fileTypeLabel = FILE_TYPE_LABELS[item.fileType];
|
|
33
33
|
return (React.createElement(EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, className: cx(css.root, className) },
|
|
34
|
-
item.fileType && (React.createElement(EntryInfo.Meta, { label: "File type" },
|
|
34
|
+
item.fileType && (React.createElement(EntryInfo.Meta, { label: "File type", tooltip: "Asset file type: JS, CSS, image, media, fonts, HTML, or other" },
|
|
35
35
|
React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleAssetsFileTypeComponentLink(item.fileType, fileTypeLabel), onClick: onClick }, fileTypeLabel))),
|
|
36
36
|
(currentRun === null || currentRun === void 0 ? void 0 : currentRun.chunkId) && chunks && (React.createElement("div", null,
|
|
37
37
|
React.createElement(ChunkModulesLink, { as: CustomComponentLink, chunks: chunks, chunkId: currentRun === null || currentRun === void 0 ? void 0 : currentRun.chunkId, name: currentRun === null || currentRun === void 0 ? void 0 : currentRun.name, onClick: onClick })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { SECTIONS, COMPONENT } from '@bundle-stats/utils';
|
|
|
4
4
|
import escapeRegExp from 'lodash/escapeRegExp';
|
|
5
5
|
import config from '../../config.json';
|
|
6
6
|
import I18N from '../../i18n';
|
|
7
|
-
import { MetricsDisplayType } from '../../constants';
|
|
7
|
+
import { MetricsDisplayType, ModuleSizeMetric, ModuleSizeMetrics } from '../../constants';
|
|
8
8
|
import { Box } from '../../layout/box';
|
|
9
9
|
import { FlexStack } from '../../layout/flex-stack';
|
|
10
10
|
import { Stack } from '../../layout/stack';
|
|
@@ -27,7 +27,6 @@ import { MetricsDisplaySelector } from '../metrics-display-selector';
|
|
|
27
27
|
import { MetricsTableTitle } from '../metrics-table-title';
|
|
28
28
|
import { ModuleInfo } from '../module-info';
|
|
29
29
|
import { generateFilterFieldsData } from './bundle-modules.utils';
|
|
30
|
-
import { ModuleMetric } from './bundle-modules.constants';
|
|
31
30
|
import * as I18N_MODULES from './bundle-modules.i18n';
|
|
32
31
|
import css from './bundle-modules.module.css';
|
|
33
32
|
import { useMetricsDisplayType } from '../../hooks/metrics-display-type';
|
|
@@ -36,11 +35,17 @@ const DISPLAY_TYPE_GROUPS = {
|
|
|
36
35
|
};
|
|
37
36
|
const RowHeader = (props) => {
|
|
38
37
|
const { row, filters, search, moduleMetric, customComponentLink: CustomComponentLink } = props;
|
|
38
|
+
const moduleRow = row;
|
|
39
39
|
return (React.createElement(CustomComponentLink, { section: SECTIONS.MODULES, params: {
|
|
40
|
-
[COMPONENT.BUNDLE_MODULES]: {
|
|
40
|
+
[COMPONENT.BUNDLE_MODULES]: {
|
|
41
|
+
filters,
|
|
42
|
+
search,
|
|
43
|
+
entryId: moduleRow.key,
|
|
44
|
+
metric: moduleMetric,
|
|
45
|
+
},
|
|
41
46
|
}, className: css.name },
|
|
42
|
-
|
|
43
|
-
React.createElement(FileName, { className: css.nameText, name:
|
|
47
|
+
moduleRow.duplicated && (React.createElement(Tag, { className: css.nameTagDuplicated, size: "small", kind: Tag.KINDS.DANGER })),
|
|
48
|
+
React.createElement(FileName, { className: css.nameText, name: moduleRow.label })));
|
|
44
49
|
};
|
|
45
50
|
const ViewMetricsTreemap = (props) => {
|
|
46
51
|
const { metricsTableTitle, jobs, items, displayType, emptyMessage, showEntryInfo, updateSearch, search, } = props;
|
|
@@ -93,14 +98,14 @@ export const BundleModules = (props) => {
|
|
|
93
98
|
React.createElement(Box, { outline: true, as: "main" },
|
|
94
99
|
React.createElement(Box, { padding: ['xsmall', 'small'], className: css.metricSelector },
|
|
95
100
|
React.createElement(ControlGroup, { as: "nav" },
|
|
96
|
-
React.createElement(Button, { outline: true, active: moduleMetric ===
|
|
97
|
-
React.createElement(Tooltip, { title:
|
|
98
|
-
React.createElement(Button, { outline: true, active: moduleMetric ===
|
|
99
|
-
React.createElement(Tooltip, { title:
|
|
100
|
-
React.createElement(Button, { outline: true, active: moduleMetric ===
|
|
101
|
-
React.createElement(Tooltip, { title:
|
|
101
|
+
React.createElement(Button, { outline: true, active: moduleMetric === ModuleSizeMetric.TOTAL_SIZE, size: "small", type: "button", onClick: () => setModuleMetric(ModuleSizeMetric.TOTAL_SIZE) },
|
|
102
|
+
React.createElement(Tooltip, { title: ModuleSizeMetrics[ModuleSizeMetric.TOTAL_SIZE].tooltip }, ModuleSizeMetrics[ModuleSizeMetric.TOTAL_SIZE].label)),
|
|
103
|
+
React.createElement(Button, { outline: true, active: moduleMetric === ModuleSizeMetric.DUPLICATE_SIZE, size: "small", type: "button", onClick: () => setModuleMetric(ModuleSizeMetric.DUPLICATE_SIZE) },
|
|
104
|
+
React.createElement(Tooltip, { title: ModuleSizeMetrics[ModuleSizeMetric.DUPLICATE_SIZE].tooltip }, ModuleSizeMetrics[ModuleSizeMetric.DUPLICATE_SIZE].label)),
|
|
105
|
+
React.createElement(Button, { outline: true, active: moduleMetric === ModuleSizeMetric.SIZE, size: "small", type: "button", onClick: () => setModuleMetric(ModuleSizeMetric.SIZE) },
|
|
106
|
+
React.createElement(Tooltip, { title: ModuleSizeMetrics[ModuleSizeMetric.SIZE].tooltip }, ModuleSizeMetrics[ModuleSizeMetric.SIZE].label)))),
|
|
102
107
|
displayType.value === MetricsDisplayType.TABLE && (React.createElement(MetricsTable, { className: css.table, items: items, runs: jobs, renderRowHeader: renderRowHeader, emptyMessage: emptyMessage, showHeaderSum: true, title: metricsTableTitle, sort: sort, updateSort: updateSort })),
|
|
103
108
|
displayType.value === MetricsDisplayType.TREEMAP && (React.createElement(ViewMetricsTreemap, { metricsTableTitle: metricsTableTitle, jobs: jobs, items: items, displayType: displayType, emptyMessage: emptyMessage, showEntryInfo: showEntryInfo, updateSearch: updateSearch, search: search })))),
|
|
104
|
-
entryItem && (React.createElement(ModuleInfo, { className: css.moduleInfo, item: entryItem, chunks: chunks, chunkIds: chunks === null || chunks === void 0 ? void 0 : chunks.map(({ id }) => id), labels: jobLabels, customComponentLink: CustomComponentLink, onClose: hideEntryInfo }))));
|
|
109
|
+
entryItem && (React.createElement(ModuleInfo, { className: css.moduleInfo, item: entryItem, chunks: chunks, chunkIds: chunks === null || chunks === void 0 ? void 0 : chunks.map(({ id }) => id), labels: jobLabels, metricLabel: ModuleSizeMetrics[moduleMetric].label, customComponentLink: CustomComponentLink, onClose: hideEntryInfo }))));
|
|
105
110
|
};
|
|
106
111
|
//# sourceMappingURL=bundle-modules.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-modules.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"bundle-modules.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,10 +8,25 @@ import { MODULE_PATH_PACKAGES } from '@bundle-stats/utils/lib-esm/webpack';
|
|
|
8
8
|
import * as I18N from './bundle-modules.i18n';
|
|
9
9
|
export const addRowFlags = (row) => {
|
|
10
10
|
const { key, runs } = row;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
const moduleRow = row;
|
|
12
|
+
moduleRow.thirdParty = Boolean(key.match(MODULE_PATH_PACKAGES));
|
|
13
|
+
moduleRow.duplicated = Boolean(runs.find((run) => (run === null || run === void 0 ? void 0 : run.duplicated) === true));
|
|
14
|
+
moduleRow.fileType = getModuleSourceFileType(row.key);
|
|
15
|
+
moduleRow.runs = row.runs.map((run) => {
|
|
16
|
+
var _a;
|
|
17
|
+
if (!run) {
|
|
18
|
+
return run;
|
|
19
|
+
}
|
|
20
|
+
const moduleRun = run;
|
|
21
|
+
const chunkCount = ((_a = moduleRun.chunkIds) === null || _a === void 0 ? void 0 : _a.length) || 0;
|
|
22
|
+
return {
|
|
23
|
+
...moduleRun,
|
|
24
|
+
size: moduleRun.value,
|
|
25
|
+
sizeDuplicate: chunkCount > 1 ? (chunkCount - 1) * moduleRun.value : 0,
|
|
26
|
+
sizeTotal: chunkCount * moduleRun.value,
|
|
27
|
+
};
|
|
28
|
+
});
|
|
29
|
+
return moduleRow;
|
|
15
30
|
};
|
|
16
31
|
export const getCustomSort = (item) => [!item.changed, item.key];
|
|
17
32
|
export const generateGetRowFilter = ({ chunkIds }) => (filters) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-modules.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.utils.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,OAAO,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"bundle-modules.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
|
|
3
|
+
import { ModuleSizeMetric } from '../../constants';
|
|
3
4
|
import { getJobsChunksData } from '../../utils/jobs';
|
|
4
5
|
import { useRowsFilter } from '../../hooks/rows-filter';
|
|
5
6
|
import { useRowsSort } from '../../hooks/rows-sort';
|
|
@@ -7,14 +8,13 @@ import { useSearchParams } from '../../hooks/search-params';
|
|
|
7
8
|
import { useEntryInfo } from '../../hooks/entry-info';
|
|
8
9
|
import { BundleModules as BaseComponent } from './bundle-modules';
|
|
9
10
|
import { addRowFlags, generateGetRowFilter, generateFilters, getCustomSort, } from './bundle-modules.utils';
|
|
10
|
-
import { ModuleMetric } from './bundle-modules.constants';
|
|
11
11
|
function useModuleMetric(params) {
|
|
12
12
|
const { metric, setState } = params;
|
|
13
13
|
const moduleMetric = useMemo(() => {
|
|
14
|
-
if (Object.values(
|
|
14
|
+
if (Object.values(ModuleSizeMetric).includes(metric)) {
|
|
15
15
|
return metric;
|
|
16
16
|
}
|
|
17
|
-
return
|
|
17
|
+
return ModuleSizeMetric.TOTAL_SIZE;
|
|
18
18
|
}, [metric]);
|
|
19
19
|
const setModuleMetric = useCallback((newModuleMetric) => {
|
|
20
20
|
if (newModuleMetric !== metric) {
|
|
@@ -37,10 +37,10 @@ export const BundleModules = (props) => {
|
|
|
37
37
|
});
|
|
38
38
|
const { rows, totalRowCount } = useMemo(() => {
|
|
39
39
|
let result = [];
|
|
40
|
-
if (moduleMetric ===
|
|
40
|
+
if (moduleMetric === ModuleSizeMetric.SIZE) {
|
|
41
41
|
result = webpack.compareBySection.modules(jobs, [addRowFlags]);
|
|
42
42
|
}
|
|
43
|
-
else if (moduleMetric ===
|
|
43
|
+
else if (moduleMetric === ModuleSizeMetric.DUPLICATE_SIZE) {
|
|
44
44
|
result = webpack.compareModuleDuplicateSize(jobs, [addRowFlags]);
|
|
45
45
|
}
|
|
46
46
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,36 +11,43 @@ import { Table } from '../../ui/table';
|
|
|
11
11
|
import { RunInfo } from '../run-info';
|
|
12
12
|
import * as I18N from './entry-info.i18n';
|
|
13
13
|
import css from './entry-info.module.css';
|
|
14
|
+
import { Tooltip } from '../../ui';
|
|
14
15
|
export const EntryInfoMetaLink = (props) => {
|
|
15
16
|
const { as: BaseComponent = 'a', className = '', ...restProps } = props;
|
|
16
17
|
return React.createElement(BaseComponent, { className: cx(css.metaLink, className), ...restProps });
|
|
17
18
|
};
|
|
18
|
-
const EntryInfoMeta = ({ className = '', label, children, }) => (React.createElement("
|
|
19
|
-
React.createElement("span", { className: css.metaLabel },
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
const EntryInfoMeta = ({ className = '', label, tooltip, children, }) => (React.createElement("div", { className: cx(css.meta, className) },
|
|
20
|
+
React.createElement("span", { className: css.metaLabel },
|
|
21
|
+
label,
|
|
22
|
+
tooltip && (React.createElement(Tooltip, { title: tooltip, className: css.metaLabelTooltip },
|
|
23
|
+
React.createElement(Icon, { glyph: "help" })))),
|
|
24
|
+
React.createElement("div", { className: css.metaContent }, children)));
|
|
25
|
+
function defaultRenderRunInfo(item) {
|
|
22
26
|
var _a, _b, _c;
|
|
23
|
-
const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = I18N.PATH, children, tags = null, onClose, } = props;
|
|
24
27
|
const baselineRun = item.runs.length > 1 ? (_a = item.runs) === null || _a === void 0 ? void 0 : _a[item.runs.length - 1] : null;
|
|
25
|
-
const metricRunInfo = getMetricRunInfo(METRIC_TYPE_CONFIGS.METRIC_TYPE_FILE_SIZE, (_c = (_b = item.runs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value, (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.value) || 0);
|
|
28
|
+
const metricRunInfo = getMetricRunInfo(METRIC_TYPE_CONFIGS.METRIC_TYPE_FILE_SIZE, ((_c = (_b = item.runs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value) || 0, (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.value) || 0);
|
|
29
|
+
return (React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaPercentage: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType, baseline: (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.displayValue) || '0B', size: "large" }));
|
|
30
|
+
}
|
|
31
|
+
export const EntryInfo = (props) => {
|
|
32
|
+
const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = I18N.PATH, runSizeLabel = I18N.SIZE, children, tags = null, onClose, renderRunInfo = defaultRenderRunInfo, } = props;
|
|
26
33
|
return (React.createElement(Portal, { className: cx(css.root, className) },
|
|
27
34
|
React.createElement(Box, { padding: "medium", as: "header", className: css.header },
|
|
28
35
|
React.createElement(Stack, { space: "small" },
|
|
29
|
-
tags && React.createElement("div", null, tags),
|
|
30
36
|
React.createElement("h3", { className: css.label },
|
|
31
37
|
React.createElement(FileName, { as: "code", name: itemTitle || item.label, className: css.fileName })),
|
|
32
|
-
React.createElement(
|
|
38
|
+
React.createElement("div", null, renderRunInfo(item))),
|
|
33
39
|
React.createElement(Button, { radius: "circle", type: "button", onClick: onClose, "aria-label": I18N.CLOSE_TITLE, className: css.headerClose },
|
|
34
40
|
React.createElement(Icon, { glyph: Icon.ICONS.CLOSE, size: "large" }))),
|
|
35
41
|
React.createElement(Box, { padding: "medium", as: "main", className: css.contentWrapper },
|
|
36
42
|
React.createElement(Stack, { space: "small", className: css.content },
|
|
43
|
+
tags && React.createElement("div", null, tags),
|
|
37
44
|
children,
|
|
38
45
|
React.createElement(Table, { outline: true, compact: true, className: css.runs },
|
|
39
46
|
React.createElement(Table.THead, null,
|
|
40
47
|
React.createElement(Table.Tr, null,
|
|
41
48
|
React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColJob) }, "\u00A0"),
|
|
42
49
|
React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColName) }, runNameLabel),
|
|
43
|
-
React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColSize) },
|
|
50
|
+
React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColSize) }, runSizeLabel))),
|
|
44
51
|
React.createElement(Table.TBody, null, item.runs.map((run, index) => {
|
|
45
52
|
const key = `info-${(run === null || run === void 0 ? void 0 : run.name) || index}-${index}`;
|
|
46
53
|
return (React.createElement(Table.Tr, { key: key },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,40 +71,66 @@
|
|
|
71
71
|
|
|
72
72
|
.runs .runsColSize {
|
|
73
73
|
text-align: right;
|
|
74
|
+
white-space: nowrap;
|
|
74
75
|
}
|
|
75
76
|
|
|
76
77
|
.size {
|
|
77
78
|
font-family: var(--font-family-fixed);
|
|
78
79
|
}
|
|
79
80
|
|
|
81
|
+
/**
|
|
82
|
+
* Meta element
|
|
83
|
+
*/
|
|
84
|
+
.meta {}
|
|
85
|
+
|
|
80
86
|
.metaLabel {
|
|
81
|
-
padding: 2px 0;
|
|
82
|
-
display: inline-block;
|
|
83
87
|
margin-right: var(--space-xxxsmall);
|
|
84
|
-
min-width:
|
|
88
|
+
min-width: 8em;
|
|
89
|
+
flex: 0 1 6em;
|
|
85
90
|
color: var(--color-text-light);
|
|
86
91
|
}
|
|
87
92
|
|
|
93
|
+
.metaLabelTooltip {
|
|
94
|
+
margin-left: var(--space-xxxsmall);
|
|
95
|
+
color: var(--color-text-ultra-light);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.metaContent {
|
|
99
|
+
padding: 1px 0;
|
|
100
|
+
flex: 0 1 auto;
|
|
101
|
+
}
|
|
102
|
+
|
|
88
103
|
.metaLink {
|
|
89
|
-
padding:
|
|
104
|
+
padding: 1px var(--space-xxxsmall);
|
|
105
|
+
display: inline-block;
|
|
106
|
+
line-height: var(--line-height-heading);
|
|
90
107
|
border-radius: var(--radius-small);
|
|
91
108
|
background: var(--color-highlight);
|
|
92
109
|
transition: var(--transition-out);
|
|
93
110
|
|
|
94
|
-
overflow-wrap: break-word;
|
|
95
111
|
text-decoration: none;
|
|
96
112
|
text-transform: none;
|
|
97
113
|
font-weight: normal;
|
|
114
|
+
max-width: 16em;
|
|
115
|
+
overflow: hidden;
|
|
116
|
+
white-space: nowrap;
|
|
117
|
+
text-overflow: ellipsis;
|
|
98
118
|
}
|
|
99
119
|
|
|
100
|
-
.metaLink
|
|
101
|
-
margin-
|
|
120
|
+
.metaLink {
|
|
121
|
+
margin-right: var(--space-xxxsmall);
|
|
102
122
|
}
|
|
103
123
|
|
|
104
124
|
.metaLink:hover,
|
|
105
125
|
.metaLink:active,
|
|
106
126
|
.metaLink:focus {
|
|
107
|
-
transition: var(--transition-in);
|
|
108
127
|
background: var(--color-outline);
|
|
109
128
|
color: var(--color-primary-dark);
|
|
110
129
|
}
|
|
130
|
+
|
|
131
|
+
@media (min-width: 640px) {
|
|
132
|
+
.meta {
|
|
133
|
+
display: flex;
|
|
134
|
+
align-items: flex-start;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
@@ -1,16 +1,82 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import cx from 'classnames';
|
|
3
|
-
import
|
|
3
|
+
import orderBy from 'lodash/orderBy';
|
|
4
4
|
import noop from 'lodash/noop';
|
|
5
|
-
import { BUNDLE_MODULES_DUPLICATE, FILE_TYPE_LABELS, MODULE_SOURCE_TYPE_LABELS, getBundleModulesByChunk, getBundleModulesByFileTpe, getBundleModulesBySource, } from '@bundle-stats/utils';
|
|
5
|
+
import { METRIC_TYPE_CONFIGS, BUNDLE_MODULES_DUPLICATE, FILE_TYPE_LABELS, MODULE_SOURCE_TYPE_LABELS, formatNumber, getBundleModulesByChunk, getBundleModulesByFileTpe, getBundleModulesBySource, getMetricRunInfo, } from '@bundle-stats/utils';
|
|
6
6
|
import { Stack } from '../../layout/stack';
|
|
7
7
|
import { Tag } from '../../ui/tag';
|
|
8
8
|
import { ComponentLink } from '../component-link';
|
|
9
|
+
import { RunInfo } from '../run-info';
|
|
9
10
|
import { EntryInfo, EntryInfoMetaLink } from '../entry-info';
|
|
10
11
|
import css from './module-info.module.css';
|
|
12
|
+
import { FlexStack } from '../../layout';
|
|
13
|
+
import { ModuleSizeMetric, ModuleSizeMetrics } from '../../constants';
|
|
14
|
+
const DuplicateInstances = ({ current, baseline }) => {
|
|
15
|
+
const runInfo = getMetricRunInfo({ biggerIsBetter: false, formatter: formatNumber }, current, baseline);
|
|
16
|
+
return (React.createElement(RunInfo, { current: runInfo.displayValue, delta: runInfo.displayDeltaPercentage, deltaPercentage: runInfo.displayDelta, deltaType: runInfo.deltaType, size: "small", className: css.duplicateInstances }));
|
|
17
|
+
};
|
|
18
|
+
var ChunkDataState;
|
|
19
|
+
(function (ChunkDataState) {
|
|
20
|
+
ChunkDataState[ChunkDataState["ADDED"] = 2] = "ADDED";
|
|
21
|
+
ChunkDataState[ChunkDataState["REMOVED"] = 1] = "REMOVED";
|
|
22
|
+
ChunkDataState[ChunkDataState["NOT_CHANGED"] = 0] = "NOT_CHANGED";
|
|
23
|
+
})(ChunkDataState || (ChunkDataState = {}));
|
|
24
|
+
const ChunkDataStateKind = {
|
|
25
|
+
[ChunkDataState.ADDED]: 'info',
|
|
26
|
+
[ChunkDataState.REMOVED]: 'danger',
|
|
27
|
+
[ChunkDataState.NOT_CHANGED]: 'default',
|
|
28
|
+
};
|
|
29
|
+
function compareChunksData(currentChunkIds, baselineChunkIds) {
|
|
30
|
+
const result = [];
|
|
31
|
+
currentChunkIds.forEach((chunkId) => {
|
|
32
|
+
if (!baselineChunkIds.includes(chunkId)) {
|
|
33
|
+
result.push({ id: chunkId, state: ChunkDataState.ADDED });
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
result.push({ id: chunkId, state: ChunkDataState.NOT_CHANGED });
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
baselineChunkIds.forEach((chunk) => {
|
|
40
|
+
if (!currentChunkIds.includes(chunk)) {
|
|
41
|
+
result.push({ id: chunk, state: ChunkDataState.REMOVED });
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
return orderBy(result, 'state', 'desc');
|
|
45
|
+
}
|
|
46
|
+
const ChunksDelta = (props) => {
|
|
47
|
+
var _a, _b;
|
|
48
|
+
const { customComponentLink: CustomComponentLink, runs, chunks, chunkIds } = props;
|
|
49
|
+
const currentChunkIds = ((_a = runs[0]) === null || _a === void 0 ? void 0 : _a.chunkIds) || [];
|
|
50
|
+
const baselineChunkIds = ((_b = runs[runs.length - 1]) === null || _b === void 0 ? void 0 : _b.chunkIds) || [];
|
|
51
|
+
const chunksData = compareChunksData(currentChunkIds, baselineChunkIds);
|
|
52
|
+
return (React.createElement(Stack, { space: "xxxsmall" },
|
|
53
|
+
React.createElement("div", null, chunksData.map((chunkData) => {
|
|
54
|
+
const chunk = chunks === null || chunks === void 0 ? void 0 : chunks.find(({ id }) => id === chunkData.id);
|
|
55
|
+
if (!chunk) {
|
|
56
|
+
return null;
|
|
57
|
+
}
|
|
58
|
+
return (React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleModulesByChunk(chunkIds, chunkData.id), className: cx(css.chunksItem, css[`chunksItem-${ChunkDataStateKind[chunkData.state]}`]) }, chunk.name));
|
|
59
|
+
}))));
|
|
60
|
+
};
|
|
61
|
+
const ModuleSizeRunInfo = (props) => {
|
|
62
|
+
const { metric, title, titleTooltip, current, baseline } = props;
|
|
63
|
+
const runInfo = getMetricRunInfo(metric, current || 0, baseline || 0);
|
|
64
|
+
return (React.createElement(RunInfo, { title: title, titleTooltip: titleTooltip, current: runInfo.displayValue, delta: runInfo.displayDeltaPercentage, deltaPercentage: runInfo.displayDelta, deltaType: runInfo.deltaType, baseline: metric.formatter(baseline || 0) }));
|
|
65
|
+
};
|
|
66
|
+
const renderRunInfo = (item) => {
|
|
67
|
+
const itemModule = item;
|
|
68
|
+
const currentRun = itemModule.runs[0];
|
|
69
|
+
const baselineRun = itemModule.runs.length > 1 ? itemModule.runs[itemModule.runs.length - 1] : null;
|
|
70
|
+
const metric = METRIC_TYPE_CONFIGS.METRIC_TYPE_FILE_SIZE;
|
|
71
|
+
return (React.createElement(FlexStack, { space: "small", className: css.moduleSizes },
|
|
72
|
+
itemModule.duplicated && (React.createElement(React.Fragment, null,
|
|
73
|
+
React.createElement(ModuleSizeRunInfo, { metric: metric, title: ModuleSizeMetrics[ModuleSizeMetric.TOTAL_SIZE].label, titleTooltip: ModuleSizeMetrics[ModuleSizeMetric.TOTAL_SIZE].tooltip, current: currentRun.sizeTotal, baseline: baselineRun.sizeTotal }),
|
|
74
|
+
React.createElement(ModuleSizeRunInfo, { metric: metric, title: ModuleSizeMetrics[ModuleSizeMetric.DUPLICATE_SIZE].label, titleTooltip: ModuleSizeMetrics[ModuleSizeMetric.DUPLICATE_SIZE].tooltip, current: currentRun.sizeDuplicate, baseline: baselineRun.sizeDuplicate }))),
|
|
75
|
+
React.createElement(ModuleSizeRunInfo, { metric: metric, title: ModuleSizeMetrics[ModuleSizeMetric.SIZE].label, titleTooltip: ModuleSizeMetrics[ModuleSizeMetric.SIZE].tooltip, current: currentRun.size, baseline: baselineRun.size })));
|
|
76
|
+
};
|
|
11
77
|
export const ModuleInfo = (props) => {
|
|
12
|
-
var _a;
|
|
13
|
-
const { className = '', item, labels, chunks = [], chunkIds = [], customComponentLink: CustomComponentLink = ComponentLink, onClick = noop, onClose, } = props;
|
|
78
|
+
var _a, _b;
|
|
79
|
+
const { className = '', item, labels, chunks = [], chunkIds = [], metricLabel = '', customComponentLink: CustomComponentLink = ComponentLink, onClick = noop, onClose, } = props;
|
|
14
80
|
const rootClassName = cx(css.root, className);
|
|
15
81
|
const tags = useMemo(() => {
|
|
16
82
|
if (!item.duplicated) {
|
|
@@ -23,21 +89,20 @@ export const ModuleInfo = (props) => {
|
|
|
23
89
|
const sourceTypeLabel = item.thirdParty
|
|
24
90
|
? MODULE_SOURCE_TYPE_LABELS.THIRD_PARTY
|
|
25
91
|
: MODULE_SOURCE_TYPE_LABELS.FIRST_PARTY;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
return null;
|
|
35
|
-
}
|
|
36
|
-
return (React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleModulesByChunk(chunkIds, chunkId), className: css.chunksItem }, chunk.name));
|
|
37
|
-
})))),
|
|
38
|
-
(item === null || item === void 0 ? void 0 : item.fileType) && (React.createElement(EntryInfo.Meta, { label: "File type" },
|
|
92
|
+
const currentChunkCount = (((_a = item.runs[0]) === null || _a === void 0 ? void 0 : _a.chunkIds) || []).length;
|
|
93
|
+
const baselineChunkCount = (((_b = item.runs[item.runs.length - 1]) === null || _b === void 0 ? void 0 : _b.chunkIds) || []).length;
|
|
94
|
+
const currentDuplicateInstances = currentChunkCount > 0 ? currentChunkCount - 1 : 0;
|
|
95
|
+
const baselineDuplicateInstances = baselineChunkCount > 0 ? baselineChunkCount - 1 : 0;
|
|
96
|
+
const hasDuplicates = currentDuplicateInstances !== 0 || baselineDuplicateInstances !== 0;
|
|
97
|
+
return (React.createElement(EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, renderRunInfo: renderRunInfo, runSizeLabel: metricLabel, className: rootClassName },
|
|
98
|
+
React.createElement(Stack, { space: "xxxsmall" },
|
|
99
|
+
(item === null || item === void 0 ? void 0 : item.fileType) && (React.createElement(EntryInfo.Meta, { label: "File type", tooltip: "Module file type: JS, CSS" },
|
|
39
100
|
React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleModulesByFileTpe(item.fileType, fileTypeLabel) }, fileTypeLabel))),
|
|
40
|
-
React.createElement(EntryInfo.Meta, { label: "Source" },
|
|
41
|
-
React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleModulesBySource(item.thirdParty || false, sourceTypeLabel), onClick: onClick }, sourceTypeLabel))
|
|
101
|
+
React.createElement(EntryInfo.Meta, { label: "Source", tooltip: "Module source type: first party, third party" },
|
|
102
|
+
React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleModulesBySource(item.thirdParty || false, sourceTypeLabel), onClick: onClick }, sourceTypeLabel)),
|
|
103
|
+
hasDuplicates && (React.createElement(EntryInfo.Meta, { label: "Duplicates", tooltip: "Module duplicate instances" },
|
|
104
|
+
React.createElement(DuplicateInstances, { current: currentDuplicateInstances, baseline: baselineDuplicateInstances }))),
|
|
105
|
+
React.createElement(EntryInfo.Meta, { label: "Chunks", tooltip: "Chunks that contain the module" },
|
|
106
|
+
React.createElement(ChunksDelta, { runs: item.runs, chunks: chunks, chunkIds: chunkIds, customComponentLink: CustomComponentLink })))));
|
|
42
107
|
};
|
|
43
108
|
//# sourceMappingURL=module-info.js.map
|