/
info.js
122 lines (107 loc) · 3.13 KB
/
info.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
import { browserslist } from "./deps.js";
function capitalize(str) {
return str.slice(0, 1).toUpperCase() + str.slice(1);
}
const NAMES = {
ie: "IE",
ie_mob: "IE Mobile",
ios_saf: "iOS Safari",
op_mini: "Opera Mini",
op_mob: "Opera Mobile",
and_chr: "Chrome for Android",
and_ff: "Firefox for Android",
and_uc: "UC for Android",
and_qq: "QQ Browser",
kaios: "KaiOS Browser",
baidu: "Baidu Browser",
samsung: "Samsung Internet",
};
function prefix(name, prefixes, note) {
let out = ` ${name}`;
if (note) out += " *";
out += ": ";
out += prefixes.map((i) => i.replace(/^-(.*)-$/g, "$1")).join(", ");
out += "\n";
return out;
}
export default function (prefixes) {
if (prefixes.browsers.selected.length === 0) {
return "No browsers selected";
}
let versions = {};
for (let browser of prefixes.browsers.selected) {
let parts = browser.split(" ");
let name = parts[0];
let version = parts[1];
name = NAMES[name] || capitalize(name);
if (versions[name]) {
versions[name].push(version);
} else {
versions[name] = [version];
}
}
let out = "Browsers:\n";
for (let browser in versions) {
let list = versions[browser];
list = list.sort((a, b) => parseFloat(b) - parseFloat(a));
out += ` ${browser}: ${list.join(", ")}\n`;
}
let coverage = browserslist.coverage(prefixes.browsers.selected);
let round = Math.round(coverage * 100) / 100.0;
out += `\nThese browsers account for ${round}% of all users globally\n`;
let atrules = [];
for (let name in prefixes.add) {
let data = prefixes.add[name];
if (name[0] === "@" && data.prefixes) {
atrules.push(prefix(name, data.prefixes));
}
}
if (atrules.length > 0) {
out += `\nAt-Rules:\n${atrules.sort().join("")}`;
}
let selectors = [];
for (let selector of prefixes.add.selectors) {
if (selector.prefixes) {
selectors.push(prefix(selector.name, selector.prefixes));
}
}
if (selectors.length > 0) {
out += `\nSelectors:\n${selectors.sort().join("")}`;
}
let values = [];
let props = [];
let hadGrid = false;
for (let name in prefixes.add) {
let data = prefixes.add[name];
if (name[0] !== "@" && data.prefixes) {
let grid = name.indexOf("grid-") === 0;
if (grid) hadGrid = true;
props.push(prefix(name, data.prefixes, grid));
}
if (!Array.isArray(data.values)) {
continue;
}
for (let value of data.values) {
let grid = value.name.includes("grid");
if (grid) hadGrid = true;
let string = prefix(value.name, value.prefixes, grid);
if (!values.includes(string)) {
values.push(string);
}
}
}
if (props.length > 0) {
out += `\nProperties:\n${props.sort().join("")}`;
}
if (values.length > 0) {
out += `\nValues:\n${values.sort().join("")}`;
}
if (hadGrid) {
out += "\n* - Prefixes will be added only on grid: true option.\n";
}
if (!atrules.length && !selectors.length && !props.length && !values.length) {
out += "\nAwesome! Your browsers don't require any vendor prefixes." +
"\nNow you can remove Autoprefixer from build steps.";
}
return out;
}