@bundle-stats/ui 4.7.0-rc.5 → 4.7.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/app/header/header.js +4 -3
- package/lib/app/header/header.js.map +1 -1
- package/lib/components/asset-info/asset-info.js +1 -1
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/entry-info/entry-info.js +8 -3
- package/lib/components/entry-info/entry-info.js.map +1 -1
- package/lib/components/entry-info/entry-info.module.css +27 -2
- package/lib/components/metric-run-info/metric-run-info.js +13 -6
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib/components/metric-run-info/metric-run-info.module.css +5 -1
- package/lib/components/module-info/module-info.js +3 -3
- package/lib/components/module-info/module-info.js.map +1 -1
- package/lib/components/module-info/module-info.module.css +0 -12
- package/lib/components/run-info/run-info.module.css +4 -2
- package/lib/components/summary/summary.js +2 -2
- package/lib/components/summary/summary.js.map +1 -1
- package/lib/css/variables.css +2 -2
- package/lib/i18n.js +4 -0
- package/lib/i18n.js.map +1 -1
- package/lib/layout/footer/footer.js +4 -3
- package/lib/layout/footer/footer.js.map +1 -1
- package/lib-esm/app/header/header.js +3 -2
- package/lib-esm/app/header/header.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.js +2 -2
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/entry-info/entry-info.js +6 -2
- package/lib-esm/components/entry-info/entry-info.js.map +1 -1
- package/lib-esm/components/entry-info/entry-info.module.css +27 -2
- package/lib-esm/components/metric-run-info/metric-run-info.js +13 -6
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib-esm/components/metric-run-info/metric-run-info.module.css +5 -1
- package/lib-esm/components/module-info/module-info.js +4 -4
- package/lib-esm/components/module-info/module-info.js.map +1 -1
- package/lib-esm/components/module-info/module-info.module.css +0 -12
- package/lib-esm/components/run-info/run-info.module.css +4 -2
- package/lib-esm/components/summary/summary.js +2 -2
- package/lib-esm/components/summary/summary.js.map +1 -1
- package/lib-esm/css/variables.css +2 -2
- package/lib-esm/i18n.js +4 -0
- package/lib-esm/i18n.js.map +1 -1
- package/lib-esm/layout/footer/footer.js +4 -3
- package/lib-esm/layout/footer/footer.js.map +1 -1
- package/package.json +7 -7
- package/src/app/header/header.tsx +9 -2
- package/src/components/asset-info/asset-info.tsx +4 -3
- package/src/components/entry-info/entry-info.module.css +27 -2
- package/src/components/entry-info/entry-info.tsx +14 -3
- package/src/components/metric-run-info/metric-run-info.module.css +5 -1
- package/src/components/metric-run-info/metric-run-info.tsx +22 -11
- package/src/components/module-info/module-info.module.css +0 -12
- package/src/components/module-info/module-info.tsx +12 -7
- package/src/components/run-info/run-info.module.css +4 -2
- package/src/components/summary/summary.tsx +1 -1
- package/src/css/variables.css +2 -2
- package/src/i18n.js +5 -0
- package/src/layout/footer/footer.jsx +6 -5
- package/types/components/entry-info/entry-info.d.ts +4 -0
- package/types/i18n.d.ts +4 -0
package/lib/app/header/header.js
CHANGED
|
@@ -7,16 +7,17 @@ exports.Header = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
9
|
const config_json_1 = __importDefault(require("../../config.json"));
|
|
10
|
+
const i18n_1 = __importDefault(require("../../i18n"));
|
|
10
11
|
const container_1 = require("../../ui/container");
|
|
12
|
+
const icon_1 = require("../../ui/icon");
|
|
11
13
|
const flex_stack_1 = require("../../layout/flex-stack");
|
|
12
14
|
const jobs_header_1 = require("../../components/jobs-header");
|
|
13
15
|
const header_module_css_1 = __importDefault(require("./header.module.css"));
|
|
14
|
-
const ui_1 = require("../../ui");
|
|
15
16
|
const Header = ({ className = '', jobs }) => (react_1.default.createElement(container_1.Container, { as: "header", className: (0, classnames_1.default)(header_module_css_1.default.root, className) },
|
|
16
17
|
react_1.default.createElement(flex_stack_1.FlexStack, { space: "small", alignItems: "center" },
|
|
17
18
|
react_1.default.createElement(jobs_header_1.JobsHeader, { className: header_module_css_1.default.jobs, jobs: jobs }),
|
|
18
19
|
react_1.default.createElement("div", { className: header_module_css_1.default.tools },
|
|
19
|
-
react_1.default.createElement("a", { href: config_json_1.default.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: header_module_css_1.default.toolsGitHub },
|
|
20
|
-
react_1.default.createElement(
|
|
20
|
+
react_1.default.createElement("a", { href: config_json_1.default.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: header_module_css_1.default.toolsGitHub, title: i18n_1.default.GITHUB_LINK_TITLE },
|
|
21
|
+
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.GITHUB, size: "large", className: header_module_css_1.default.toolsGitHubIcon }))))));
|
|
21
22
|
exports.Header = Header;
|
|
22
23
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,wDAAoD;AACpD,8DAA0D;AAC1D,4EAAsC;
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,oEAAuC;AACvC,sDAA8B;AAC9B,kDAA+C;AAC/C,wCAAqC;AACrC,wDAAoD;AACpD,8DAA0D;AAC1D,4EAAsC;AAM/B,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAgD,EAAE,EAAE,CAAC,CAChG,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,sBAAS,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ;QAC1C,8BAAC,wBAAU,IAAC,SAAS,EAAE,2BAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/C,uCAAK,SAAS,EAAE,2BAAG,CAAC,KAAK;YACvB,qCACE,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,2BAAG,CAAC,WAAW,EAC1B,KAAK,EAAE,cAAI,CAAC,iBAAiB;gBAE7B,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,2BAAG,CAAC,eAAe,GAAI,CAC7E,CACA,CACI,CACF,CACb,CAAC;AAjBW,QAAA,MAAM,UAiBjB"}
|
|
@@ -60,7 +60,7 @@ const AssetInfo = (props) => {
|
|
|
60
60
|
const fileTypeLabel = utils_1.FILE_TYPE_LABELS[item.fileType];
|
|
61
61
|
return (react_1.default.createElement(entry_info_1.EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, className: (0, classnames_1.default)(asset_info_module_css_1.default.root, className) },
|
|
62
62
|
item.fileType && (react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "File type" },
|
|
63
|
-
react_1.default.createElement(
|
|
63
|
+
react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsFileTypeComponentLink)(item.fileType, fileTypeLabel), onClick: onClick }, fileTypeLabel))),
|
|
64
64
|
currentRun?.chunkId && chunks && (react_1.default.createElement("div", null,
|
|
65
65
|
react_1.default.createElement(ChunkModulesLink, { as: CustomComponentLink, chunks: chunks, chunkId: currentRun?.chunkId, name: currentRun?.name, onClick: onClick })))));
|
|
66
66
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAA4B;AAC5B,uDAA+B;AAC/B,+CAO6B;AAG7B,wDAAoD;AACpD,sCAAmC;AACnC,sDAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.EntryInfo = void 0;
|
|
6
|
+
exports.EntryInfo = exports.EntryInfoMetaLink = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
9
|
const portal_1 = require("ariakit/portal");
|
|
@@ -15,6 +15,11 @@ const icon_1 = require("../../ui/icon");
|
|
|
15
15
|
const table_1 = require("../../ui/table");
|
|
16
16
|
const run_info_1 = require("../run-info");
|
|
17
17
|
const entry_info_module_css_1 = __importDefault(require("./entry-info.module.css"));
|
|
18
|
+
const EntryInfoMetaLink = (props) => {
|
|
19
|
+
const { as: BaseComponent = 'a', className = '', ...restProps } = props;
|
|
20
|
+
return react_1.default.createElement(BaseComponent, { className: (0, classnames_1.default)(entry_info_module_css_1.default.metaLink, className), ...restProps });
|
|
21
|
+
};
|
|
22
|
+
exports.EntryInfoMetaLink = EntryInfoMetaLink;
|
|
18
23
|
const EntryInfoMeta = ({ className = '', label, children, }) => (react_1.default.createElement("p", { className: (0, classnames_1.default)(entry_info_module_css_1.default.meta, className) },
|
|
19
24
|
react_1.default.createElement("span", { className: entry_info_module_css_1.default.metaLabel }, label),
|
|
20
25
|
react_1.default.createElement("span", { className: entry_info_module_css_1.default.metaContent }, children)));
|
|
@@ -23,7 +28,7 @@ const EntryInfo = (props) => {
|
|
|
23
28
|
const baselineRun = item.runs.length > 1 ? item.runs?.[item.runs.length - 1] : null;
|
|
24
29
|
const metricRunInfo = (0, utils_1.getMetricRunInfo)(utils_1.METRIC_TYPES.METRIC_TYPE_FILE_SIZE, item.runs?.[0]?.value, baselineRun?.value || 0);
|
|
25
30
|
return (react_1.default.createElement(portal_1.Portal, { className: (0, classnames_1.default)(entry_info_module_css_1.default.root, className) },
|
|
26
|
-
react_1.default.createElement(box_1.Box, { padding: "
|
|
31
|
+
react_1.default.createElement(box_1.Box, { padding: "medium", as: "header", className: entry_info_module_css_1.default.header },
|
|
27
32
|
react_1.default.createElement(stack_1.Stack, { space: "small" },
|
|
28
33
|
tags && react_1.default.createElement("div", null, tags),
|
|
29
34
|
react_1.default.createElement("h3", { className: entry_info_module_css_1.default.label },
|
|
@@ -31,7 +36,7 @@ const EntryInfo = (props) => {
|
|
|
31
36
|
react_1.default.createElement(run_info_1.RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaPercentage: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType, baseline: baselineRun?.displayValue || '0B', size: "large" })),
|
|
32
37
|
react_1.default.createElement("button", { type: "button", onClick: onClose, className: entry_info_module_css_1.default.headerClose },
|
|
33
38
|
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.CLOSE, size: "large" }))),
|
|
34
|
-
react_1.default.createElement(box_1.Box, { padding: "
|
|
39
|
+
react_1.default.createElement(box_1.Box, { padding: "medium", as: "main", className: entry_info_module_css_1.default.contentWrapper },
|
|
35
40
|
react_1.default.createElement(stack_1.Stack, { space: "small", className: entry_info_module_css_1.default.content },
|
|
36
41
|
children,
|
|
37
42
|
react_1.default.createElement(table_1.Table, { outline: true, compact: true, className: entry_info_module_css_1.default.runs },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAAwC;AACxC,+CAAoF;AAEpF,0CAAuC;AACvC,8CAA2C;AAC3C,kDAA8C;AAC9C,wCAAqC;AACrC,0CAAuC;AACvC,0CAAsC;AACtC,oFAA0C;
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,6 @@
|
|
|
30
30
|
/** space for close icon */
|
|
31
31
|
padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
|
|
32
32
|
border-bottom: 1px solid var(--color-outline);
|
|
33
|
-
background: var(--color-highlight);
|
|
34
33
|
}
|
|
35
34
|
|
|
36
35
|
.headerClose {
|
|
@@ -85,7 +84,33 @@
|
|
|
85
84
|
}
|
|
86
85
|
|
|
87
86
|
.metaLabel {
|
|
87
|
+
padding: 2px 0;
|
|
88
88
|
display: inline-block;
|
|
89
89
|
margin-right: var(--space-xxxsmall);
|
|
90
|
-
min-width:
|
|
90
|
+
min-width: 6em;
|
|
91
|
+
color: var(--color-text-light);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.metaLink {
|
|
95
|
+
padding: 2px var(--space-xxxsmall);
|
|
96
|
+
border-radius: var(--radius-small);
|
|
97
|
+
background: var(--color-highlight);
|
|
98
|
+
transition: var(--transition-out);
|
|
99
|
+
|
|
100
|
+
overflow-wrap: break-word;
|
|
101
|
+
text-decoration: none;
|
|
102
|
+
text-transform: none;
|
|
103
|
+
font-weight: normal;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.metaLink + .metaLink {
|
|
107
|
+
margin-left: var(--space-xxsmall);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.metaLink:hover,
|
|
111
|
+
.metaLink:active,
|
|
112
|
+
.metaLink:focus {
|
|
113
|
+
transition: var(--transition-in);
|
|
114
|
+
background: var(--color-outline);
|
|
115
|
+
color: var(--color-primary-dark);
|
|
91
116
|
}
|
|
@@ -30,18 +30,25 @@ exports.MetricRunInfo = void 0;
|
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const utils_1 = require("@bundle-stats/utils");
|
|
32
32
|
const stack_1 = require("../../layout/stack");
|
|
33
|
+
const flex_stack_1 = require("../../layout/flex-stack");
|
|
34
|
+
const icon_1 = require("../../ui/icon");
|
|
33
35
|
const run_info_1 = require("../run-info");
|
|
34
36
|
const metric_run_info_module_css_1 = __importDefault(require("./metric-run-info.module.css"));
|
|
35
|
-
const MetricHoverCard = ({ description, url }) => {
|
|
37
|
+
const MetricHoverCard = ({ title, description, url }) => {
|
|
36
38
|
const onClick = (0, react_1.useCallback)(() => {
|
|
37
39
|
if (url) {
|
|
38
40
|
window.open(url);
|
|
39
41
|
}
|
|
40
42
|
}, [url]);
|
|
41
|
-
return (react_1.default.createElement(stack_1.Stack, { space: "
|
|
42
|
-
react_1.default.createElement("
|
|
43
|
-
|
|
44
|
-
react_1.default.createElement("
|
|
43
|
+
return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", className: metric_run_info_module_css_1.default.metricHoverCard },
|
|
44
|
+
react_1.default.createElement("h3", { className: metric_run_info_module_css_1.default.metricHoverCardTitle }, title),
|
|
45
|
+
react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
|
|
46
|
+
react_1.default.createElement("p", { className: metric_run_info_module_css_1.default.metricHoverCardDescription }, description),
|
|
47
|
+
url && (react_1.default.createElement("div", null,
|
|
48
|
+
react_1.default.createElement("button", { type: "button", onClick: onClick, className: metric_run_info_module_css_1.default.readMoreLink },
|
|
49
|
+
react_1.default.createElement(flex_stack_1.FlexStack, { alignItems: "center", space: "xxxsmall" },
|
|
50
|
+
react_1.default.createElement("span", null, "Read more"),
|
|
51
|
+
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.EXTERNAL_LINK, size: "small" }))))))));
|
|
45
52
|
};
|
|
46
53
|
const MetricRunInfo = (props) => {
|
|
47
54
|
const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, ...restProps } = props;
|
|
@@ -49,7 +56,7 @@ const MetricRunInfo = (props) => {
|
|
|
49
56
|
const metricRunInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline || 0);
|
|
50
57
|
const titleHoverCard = (0, react_1.useMemo)(() => {
|
|
51
58
|
if (showMetricDescription) {
|
|
52
|
-
return react_1.default.createElement(MetricHoverCard, { description: metric.description, url: metric.url });
|
|
59
|
+
return (react_1.default.createElement(MetricHoverCard, { title: metric.label, description: metric.description, url: metric.url }));
|
|
53
60
|
}
|
|
54
61
|
return null;
|
|
55
62
|
}, [showMetricDescription, metric]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,+CAA4E;AAE5E,8CAA2C;AAC3C,0CAAoD;AACpD,8FAA+C;
|
|
1
|
+
{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,+CAA4E;AAE5E,8CAA2C;AAC3C,wDAAoD;AACpD,wCAAqC;AACrC,0CAAoD;AACpD,8FAA+C;AAQ/C,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEvE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,oCAAG,CAAC,eAAe;QACnD,sCAAI,SAAS,EAAE,oCAAG,CAAC,oBAAoB,IAAG,KAAK,CAAM;QACrD,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;YACrB,qCAAG,SAAS,EAAE,oCAAG,CAAC,0BAA0B,IAAG,WAAW,CAAK;YAC9D,GAAG,IAAI,CACN;gBACE,0CAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,oCAAG,CAAC,YAAY;oBACjE,8BAAC,sBAAS,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU;wBAC7C,wDAAsB;wBACtB,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5C,CACL,CACL,CACP,CACK,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAaK,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,CACL,8BAAC,eAAe,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAC3F,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,kBAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,CAAC,SAAS,IAAI;YAChB,KAAK,EAAE,aAAa,CAAC,sBAAsB;YAC3C,SAAS,EAAE,aAAa,CAAC,SAAS;SACnC,CAAC,KACE,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,aAAa,iBAyCxB"}
|
|
@@ -59,12 +59,12 @@ const ModuleInfo = (props) => {
|
|
|
59
59
|
if (!chunk) {
|
|
60
60
|
return null;
|
|
61
61
|
}
|
|
62
|
-
return (react_1.default.createElement(
|
|
62
|
+
return (react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleModulesByChunk)(chunkIds, chunkId), className: module_info_module_css_1.default.chunksItem }, chunk.name));
|
|
63
63
|
}))),
|
|
64
64
|
item?.fileType && (react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "File type" },
|
|
65
|
-
react_1.default.createElement(
|
|
65
|
+
react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleModulesByFileTpe)(item.fileType, fileTypeLabel) }, fileTypeLabel))),
|
|
66
66
|
react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "Source" },
|
|
67
|
-
react_1.default.createElement(
|
|
67
|
+
react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleModulesBySource)(item.thirdParty || false, sourceTypeLabel), onClick: onClick }, sourceTypeLabel)))));
|
|
68
68
|
};
|
|
69
69
|
exports.ModuleInfo = ModuleInfo;
|
|
70
70
|
//# sourceMappingURL=module-info.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module-info.js","sourceRoot":"","sources":["../../../src/components/module-info/module-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAA4B;AAC5B,6DAAqC;AACrC,uDAA+B;AAC/B,+CAQ6B;AAG7B,8CAA2C;AAC3C,sCAAmC;AACnC,sDAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"module-info.js","sourceRoot":"","sources":["../../../src/components/module-info/module-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
1
|
.chunksItems {
|
|
2
2
|
display: inline;
|
|
3
3
|
}
|
|
4
|
-
|
|
5
|
-
.chunksItem {
|
|
6
|
-
overflow-wrap: break-word;
|
|
7
|
-
text-decoration: none;
|
|
8
|
-
text-transform: none;
|
|
9
|
-
font-weight: normal;
|
|
10
|
-
font-size: 1em;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.chunksItem + .chunksItem {
|
|
14
|
-
margin-left: var(--space-xxxsmall);
|
|
15
|
-
}
|
|
@@ -27,8 +27,8 @@ const SummaryItem = (props) => {
|
|
|
27
27
|
};
|
|
28
28
|
const Summary = ({ className = '', data = null, loading = false, showSummaryItemDelta = true, showSummaryItemBaseline = true, summaryItemLink = component_link_1.ComponentLink, }) => (react_1.default.createElement(box_1.Box, { className: (0, classnames_1.default)(summary_module_css_1.default.root, className) },
|
|
29
29
|
react_1.default.createElement("div", { className: summary_module_css_1.default.wrapper },
|
|
30
|
-
react_1.default.createElement("div", { className: summary_module_css_1.default.items }, constants_1.METRICS_WEBPACK_GENERAL.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: summary_module_css_1.default.item, metricId: metricId, data: data, loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
|
|
30
|
+
react_1.default.createElement("div", { className: summary_module_css_1.default.items }, constants_1.METRICS_WEBPACK_GENERAL.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: summary_module_css_1.default.item, metricId: metricId, data: data, size: "large", loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
|
|
31
31
|
react_1.default.createElement("div", { className: summary_module_css_1.default.wrapper },
|
|
32
|
-
react_1.default.createElement("div", { className: summary_module_css_1.default.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: (0, classnames_1.default)(summary_module_css_1.default.item, summary_module_css_1.default.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink,
|
|
32
|
+
react_1.default.createElement("div", { className: summary_module_css_1.default.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: (0, classnames_1.default)(summary_module_css_1.default.item, summary_module_css_1.default.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink, loading: loading, showDelta: showSummaryItemDelta, showBaseline: false })))))));
|
|
33
33
|
exports.Summary = Summary;
|
|
34
34
|
//# sourceMappingURL=summary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAA6D;AAE7D,+CAKyB;AACzB,0CAAuC;AACvC,sDAAkD;AAClD,wDAAuE;AACvE,8EAAuC;AAEvC,MAAM,sBAAsB,GAAG;IAC7B,GAAG,kCAAsB;IACzB,GAAG,mCAAuB;IAC1B,GAAG,oCAAwB;CAC5B,CAAC;AAYF,MAAM,WAAW,GAAG,CAAC,KAAqD,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,IAAI,EACJ,UAAU,EAAE,qBAAqB,EACjC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,8BAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,8BAAC,SAAG,IACF,GAAG,EAAE,QAAQ,EACb,OAAO,QACP,YAAY,QACZ,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,qBAAqB,KACrB,aAAa,EAAE,IAAI,EACvB,SAAS,EAAE,SAAS;QAEpB,8BAAC,+BAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAChD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAeK,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,oBAAoB,GAAG,IAAI,EAC3B,uBAAuB,GAAG,IAAI,EAC9B,eAAe,GAAG,8BAAa,GACY,EAAE,EAAE,CAAC,CAChD,8BAAC,SAAG,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,mCAAuB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,4BAAG,CAAC,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,uBAAuB,GACrC,CACH,CAAC,CACE,CACF;IACN,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,sBAAsB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACxC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,4BAAG,CAAC,SAAS,CAAC,EACtC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,eAAe,EAC3B,
|
|
1
|
+
{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAA6D;AAE7D,+CAKyB;AACzB,0CAAuC;AACvC,sDAAkD;AAClD,wDAAuE;AACvE,8EAAuC;AAEvC,MAAM,sBAAsB,GAAG;IAC7B,GAAG,kCAAsB;IACzB,GAAG,mCAAuB;IAC1B,GAAG,oCAAwB;CAC5B,CAAC;AAYF,MAAM,WAAW,GAAG,CAAC,KAAqD,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,IAAI,EACJ,UAAU,EAAE,qBAAqB,EACjC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,8BAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,8BAAC,SAAG,IACF,GAAG,EAAE,QAAQ,EACb,OAAO,QACP,YAAY,QACZ,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,qBAAqB,KACrB,aAAa,EAAE,IAAI,EACvB,SAAS,EAAE,SAAS;QAEpB,8BAAC,+BAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAChD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAeK,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,oBAAoB,GAAG,IAAI,EAC3B,uBAAuB,GAAG,IAAI,EAC9B,eAAe,GAAG,8BAAa,GACY,EAAE,EAAE,CAAC,CAChD,8BAAC,SAAG,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,mCAAuB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,4BAAG,CAAC,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,uBAAuB,GACrC,CACH,CAAC,CACE,CACF;IACN,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,sBAAsB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACxC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,4BAAG,CAAC,SAAS,CAAC,EACtC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,eAAe,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,KAAK,GACnB,CACH,CAAC,CACE,CACF,CACF,CACP,CAAC;AA3CW,QAAA,OAAO,WA2ClB"}
|
package/lib/css/variables.css
CHANGED
package/lib/i18n.js
CHANGED
|
@@ -16,5 +16,9 @@ exports.default = {
|
|
|
16
16
|
PACKAGES_INFO: "Package size - the total package's module size before any production optimization(ex: terser minification)",
|
|
17
17
|
RESET_FILTERS: 'Reset filters',
|
|
18
18
|
VIEW_ALL: 'View all entries',
|
|
19
|
+
GITHUB_LINK_TITLE: 'View BundleStats project on GitHub',
|
|
20
|
+
REPORT_ISSUE: 'Report issue',
|
|
21
|
+
REPORT_ISSUE_LINK_TITLE: 'Open issue on GitHub',
|
|
22
|
+
APP_LINK_TITLE: 'Visit RelativeCI - In-depth bundle stats analysis and monitoring',
|
|
19
23
|
};
|
|
20
24
|
//# sourceMappingURL=i18n.js.map
|
package/lib/i18n.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,OAAO,EAAE,oBAAoB;IAE7B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IAEtB,WAAW,EAAE,uDAAuD;IACpE,iBAAiB,EAAE,0DAA0D;IAC7E,YAAY,EACV,8FAA8F;IAChG,aAAa,EACX,4GAA4G;IAE9G,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;
|
|
1
|
+
{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,OAAO,EAAE,oBAAoB;IAE7B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IAEtB,WAAW,EAAE,uDAAuD;IACpE,iBAAiB,EAAE,0DAA0D;IAC7E,YAAY,EACV,8FAA8F;IAChG,aAAa,EACX,4GAA4G;IAE9G,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAE5B,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,CAAC"}
|
|
@@ -9,6 +9,7 @@ const prop_types_1 = __importDefault(require("prop-types"));
|
|
|
9
9
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
10
|
const config_json_1 = __importDefault(require("../../config.json"));
|
|
11
11
|
const container_1 = require("../../ui/container");
|
|
12
|
+
const i18n_1 = __importDefault(require("../../i18n"));
|
|
12
13
|
const box_1 = require("../box");
|
|
13
14
|
const stack_1 = require("../stack");
|
|
14
15
|
const footer_module_css_1 = __importDefault(require("./footer.module.css"));
|
|
@@ -21,12 +22,12 @@ const Footer = ({ className, version }) => (react_1.default.createElement(contai
|
|
|
21
22
|
react_1.default.createElement(stack_1.Stack, { space: "xsmall" },
|
|
22
23
|
react_1.default.createElement("div", null,
|
|
23
24
|
react_1.default.createElement("nav", { className: footer_module_css_1.default.nav },
|
|
24
|
-
react_1.default.createElement(ExternalLink, { href: config_json_1.default.gitHubUrl, className: (0, classnames_1.default)(footer_module_css_1.default.navItem, footer_module_css_1.default.navLink), title:
|
|
25
|
+
react_1.default.createElement(ExternalLink, { href: config_json_1.default.gitHubUrl, className: (0, classnames_1.default)(footer_module_css_1.default.navItem, footer_module_css_1.default.navLink), title: i18n_1.default.GITHUB_LINK_TITLE }, `BundleStats ${version}`),
|
|
25
26
|
react_1.default.createElement("span", { className: footer_module_css_1.default.navItem },
|
|
26
|
-
react_1.default.createElement(ExternalLink, { href: `${config_json_1.default.gitHubUrl}/issues`, className: footer_module_css_1.default.navLink, title:
|
|
27
|
+
react_1.default.createElement(ExternalLink, { href: `${config_json_1.default.gitHubUrl}/issues`, className: footer_module_css_1.default.navLink, title: i18n_1.default.REPORT_ISSUE_LINK_TITLE }, i18n_1.default.REPORT_ISSUE)),
|
|
27
28
|
react_1.default.createElement("span", { className: footer_module_css_1.default.navItem },
|
|
28
29
|
react_1.default.createElement("span", null, "Made by "),
|
|
29
|
-
react_1.default.createElement(ExternalLink, { className: footer_module_css_1.default.navLink, href: config_json_1.default.siteUrl, title:
|
|
30
|
+
react_1.default.createElement(ExternalLink, { className: footer_module_css_1.default.navLink, href: config_json_1.default.siteUrl, title: i18n_1.default.APP_LINK_TITLE }, config_json_1.default.appName))))))));
|
|
30
31
|
exports.Footer = Footer;
|
|
31
32
|
exports.Footer.defaultProps = {
|
|
32
33
|
className: '',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,gCAA6B;AAC7B,oCAAiC;AACjC,4EAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK;QACpD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,uCAAK,SAAS,EAAE,2BAAG,CAAC,GAAG;oBACrB,8BAAC,YAAY,IACX,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,2BAAG,CAAC,OAAO,CAAC,EACvC,KAAK,
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,sDAA8B;AAC9B,gCAA6B;AAC7B,oCAAiC;AACjC,4EAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK;QACpD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,uCAAK,SAAS,EAAE,2BAAG,CAAC,GAAG;oBACrB,8BAAC,YAAY,IACX,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,2BAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAE,cAAI,CAAC,iBAAiB,IAE5B,eAAe,OAAO,EAAE,CACZ;oBACf,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,8BAAC,YAAY,IACX,IAAI,EAAE,GAAG,qBAAM,CAAC,SAAS,SAAS,EAClC,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,KAAK,EAAE,cAAI,CAAC,uBAAuB,IAElC,cAAI,CAAC,YAAY,CACL,CACV;oBACP,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,uDAAqB;wBACrB,8BAAC,YAAY,IACX,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,IAAI,EAAE,qBAAM,CAAC,OAAO,EACpB,KAAK,EAAE,cAAI,CAAC,cAAc,IAEzB,qBAAM,CAAC,OAAO,CACF,CACV,CACH,CACF,CACA,CACJ,CACI,CACb,CAAC;AArCW,QAAA,MAAM,UAqCjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,OAAO,EAAE,oBAAS,CAAC,MAAM;CAC1B,CAAC"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cx from 'classnames';
|
|
3
3
|
import config from '../../config.json';
|
|
4
|
+
import I18N from '../../i18n';
|
|
4
5
|
import { Container } from '../../ui/container';
|
|
6
|
+
import { Icon } from '../../ui/icon';
|
|
5
7
|
import { FlexStack } from '../../layout/flex-stack';
|
|
6
8
|
import { JobsHeader } from '../../components/jobs-header';
|
|
7
9
|
import css from './header.module.css';
|
|
8
|
-
import { Icon } from '../../ui';
|
|
9
10
|
export const Header = ({ className = '', jobs }) => (React.createElement(Container, { as: "header", className: cx(css.root, className) },
|
|
10
11
|
React.createElement(FlexStack, { space: "small", alignItems: "center" },
|
|
11
12
|
React.createElement(JobsHeader, { className: css.jobs, jobs: jobs }),
|
|
12
13
|
React.createElement("div", { className: css.tools },
|
|
13
|
-
React.createElement("a", { href: config.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: css.toolsGitHub },
|
|
14
|
+
React.createElement("a", { href: config.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: css.toolsGitHub, title: I18N.GITHUB_LINK_TITLE },
|
|
14
15
|
React.createElement(Icon, { glyph: Icon.ICONS.GITHUB, size: "large", className: css.toolsGitHubIcon }))))));
|
|
15
16
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAMtC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAgD,EAAE,EAAE,CAAC,CAChG,oBAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ;QAC1C,oBAAC,UAAU,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/C,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK;YACvB,2BACE,IAAI,EAAE,MAAM,CAAC,SAAS,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,GAAG,CAAC,WAAW,EAC1B,KAAK,EAAE,IAAI,CAAC,iBAAiB;gBAE7B,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,CAAC,eAAe,GAAI,CAC7E,CACA,CACI,CACF,CACb,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { FILE_TYPE_LABELS, getBundleModulesByChunk, getBundleAssetsByEntryType,
|
|
|
5
5
|
import { FlexStack } from '../../layout/flex-stack';
|
|
6
6
|
import { Tag } from '../../ui/tag';
|
|
7
7
|
import { ComponentLink } from '../component-link';
|
|
8
|
-
import { EntryInfo } from '../entry-info';
|
|
8
|
+
import { EntryInfo, EntryInfoMetaLink } from '../entry-info';
|
|
9
9
|
import css from './asset-info.module.css';
|
|
10
10
|
const ChunkModulesLink = ({ as: Component, chunks, chunkId, name, onClick, }) => {
|
|
11
11
|
const chunk = chunks === null || chunks === void 0 ? void 0 : chunks.find(({ id }) => id === chunkId);
|
|
@@ -32,7 +32,7 @@ export const AssetInfo = (props) => {
|
|
|
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
34
|
item.fileType && (React.createElement(EntryInfo.Meta, { label: "File type" },
|
|
35
|
-
React.createElement(
|
|
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 })))));
|
|
38
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,EACL,gBAAgB,EAEhB,uBAAuB,EACvB,0BAA0B,EAC1B,oCAAoC,EACpC,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,10 @@ import { Icon } from '../../ui/icon';
|
|
|
9
9
|
import { Table } from '../../ui/table';
|
|
10
10
|
import { RunInfo } from '../run-info';
|
|
11
11
|
import css from './entry-info.module.css';
|
|
12
|
+
export const EntryInfoMetaLink = (props) => {
|
|
13
|
+
const { as: BaseComponent = 'a', className = '', ...restProps } = props;
|
|
14
|
+
return React.createElement(BaseComponent, { className: cx(css.metaLink, className), ...restProps });
|
|
15
|
+
};
|
|
12
16
|
const EntryInfoMeta = ({ className = '', label, children, }) => (React.createElement("p", { className: cx(css.meta, className) },
|
|
13
17
|
React.createElement("span", { className: css.metaLabel }, label),
|
|
14
18
|
React.createElement("span", { className: css.metaContent }, children)));
|
|
@@ -18,7 +22,7 @@ export const EntryInfo = (props) => {
|
|
|
18
22
|
const baselineRun = item.runs.length > 1 ? (_a = item.runs) === null || _a === void 0 ? void 0 : _a[item.runs.length - 1] : null;
|
|
19
23
|
const metricRunInfo = getMetricRunInfo(METRIC_TYPES.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);
|
|
20
24
|
return (React.createElement(Portal, { className: cx(css.root, className) },
|
|
21
|
-
React.createElement(Box, { padding: "
|
|
25
|
+
React.createElement(Box, { padding: "medium", as: "header", className: css.header },
|
|
22
26
|
React.createElement(Stack, { space: "small" },
|
|
23
27
|
tags && React.createElement("div", null, tags),
|
|
24
28
|
React.createElement("h3", { className: css.label },
|
|
@@ -26,7 +30,7 @@ export const EntryInfo = (props) => {
|
|
|
26
30
|
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" })),
|
|
27
31
|
React.createElement("button", { type: "button", onClick: onClose, className: css.headerClose },
|
|
28
32
|
React.createElement(Icon, { glyph: Icon.ICONS.CLOSE, size: "large" }))),
|
|
29
|
-
React.createElement(Box, { padding: "
|
|
33
|
+
React.createElement(Box, { padding: "medium", as: "main", className: css.contentWrapper },
|
|
30
34
|
React.createElement(Stack, { space: "small", className: css.content },
|
|
31
35
|
children,
|
|
32
36
|
React.createElement(Table, { outline: true, compact: true, className: css.runs },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAiB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEpF,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAM1C,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,GACuC,EAAE,EAAE,CAAC,CACpD,2BAAG,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACnC,8BAAM,SAAS,EAAE,GAAG,CAAC,SAAS,IAAG,KAAK,CAAQ;IAC9C,8BAAM,SAAS,EAAE,GAAG,CAAC,WAAW,IAAG,QAAQ,CAAQ,CACjD,CACL,CAAC;AAmBF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAmD,EAAE,EAAE;;IAC/E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,MAAM,EACN,eAAe,GAAG,MAAM,EACxB,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAGpF,MAAM,aAAa,GAAG,gBAAgB,CACpC,YAAY,CAAC,qBAAqB,EAClC,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAG,CAAC,CAAC,0CAAE,KAAK,EACrB,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,oBAAC,MAAM,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACxC,oBAAC,GAAG,IAAC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,6 @@
|
|
|
30
30
|
/** space for close icon */
|
|
31
31
|
padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
|
|
32
32
|
border-bottom: 1px solid var(--color-outline);
|
|
33
|
-
background: var(--color-highlight);
|
|
34
33
|
}
|
|
35
34
|
|
|
36
35
|
.headerClose {
|
|
@@ -85,7 +84,33 @@
|
|
|
85
84
|
}
|
|
86
85
|
|
|
87
86
|
.metaLabel {
|
|
87
|
+
padding: 2px 0;
|
|
88
88
|
display: inline-block;
|
|
89
89
|
margin-right: var(--space-xxxsmall);
|
|
90
|
-
min-width:
|
|
90
|
+
min-width: 6em;
|
|
91
|
+
color: var(--color-text-light);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.metaLink {
|
|
95
|
+
padding: 2px var(--space-xxxsmall);
|
|
96
|
+
border-radius: var(--radius-small);
|
|
97
|
+
background: var(--color-highlight);
|
|
98
|
+
transition: var(--transition-out);
|
|
99
|
+
|
|
100
|
+
overflow-wrap: break-word;
|
|
101
|
+
text-decoration: none;
|
|
102
|
+
text-transform: none;
|
|
103
|
+
font-weight: normal;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.metaLink + .metaLink {
|
|
107
|
+
margin-left: var(--space-xxsmall);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.metaLink:hover,
|
|
111
|
+
.metaLink:active,
|
|
112
|
+
.metaLink:focus {
|
|
113
|
+
transition: var(--transition-in);
|
|
114
|
+
background: var(--color-outline);
|
|
115
|
+
color: var(--color-primary-dark);
|
|
91
116
|
}
|
|
@@ -1,18 +1,25 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import { getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
|
|
3
3
|
import { Stack } from '../../layout/stack';
|
|
4
|
+
import { FlexStack } from '../../layout/flex-stack';
|
|
5
|
+
import { Icon } from '../../ui/icon';
|
|
4
6
|
import { RunInfo } from '../run-info';
|
|
5
7
|
import css from './metric-run-info.module.css';
|
|
6
|
-
const MetricHoverCard = ({ description, url }) => {
|
|
8
|
+
const MetricHoverCard = ({ title, description, url }) => {
|
|
7
9
|
const onClick = useCallback(() => {
|
|
8
10
|
if (url) {
|
|
9
11
|
window.open(url);
|
|
10
12
|
}
|
|
11
13
|
}, [url]);
|
|
12
|
-
return (React.createElement(Stack, { space: "
|
|
13
|
-
React.createElement("
|
|
14
|
-
|
|
15
|
-
React.createElement("
|
|
14
|
+
return (React.createElement(Stack, { space: "xxsmall", className: css.metricHoverCard },
|
|
15
|
+
React.createElement("h3", { className: css.metricHoverCardTitle }, title),
|
|
16
|
+
React.createElement(Stack, { space: "xxxsmall" },
|
|
17
|
+
React.createElement("p", { className: css.metricHoverCardDescription }, description),
|
|
18
|
+
url && (React.createElement("div", null,
|
|
19
|
+
React.createElement("button", { type: "button", onClick: onClick, className: css.readMoreLink },
|
|
20
|
+
React.createElement(FlexStack, { alignItems: "center", space: "xxxsmall" },
|
|
21
|
+
React.createElement("span", null, "Read more"),
|
|
22
|
+
React.createElement(Icon, { glyph: Icon.ICONS.EXTERNAL_LINK, size: "small" }))))))));
|
|
16
23
|
};
|
|
17
24
|
export const MetricRunInfo = (props) => {
|
|
18
25
|
const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, ...restProps } = props;
|
|
@@ -20,7 +27,7 @@ export const MetricRunInfo = (props) => {
|
|
|
20
27
|
const metricRunInfo = getMetricRunInfo(metric, current, baseline || 0);
|
|
21
28
|
const titleHoverCard = useMemo(() => {
|
|
22
29
|
if (showMetricDescription) {
|
|
23
|
-
return React.createElement(MetricHoverCard, { description: metric.description, url: metric.url });
|
|
30
|
+
return (React.createElement(MetricHoverCard, { title: metric.label, description: metric.description, url: metric.url }));
|
|
24
31
|
}
|
|
25
32
|
return null;
|
|
26
33
|
}, [showMetricDescription, metric]);
|