1 | 'use strict';
|
2 | const browserslist = require('browserslist');
|
3 | const valueParser = require('postcss-value-parser');
|
4 |
|
5 | const regexLowerCaseUPrefix = /^u(?=\+)/;
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 | function unicode(range) {
|
12 | const values = range.slice(2).split('-');
|
13 |
|
14 | if (values.length < 2) {
|
15 | return range;
|
16 | }
|
17 |
|
18 | const left = values[0].split('');
|
19 | const right = values[1].split('');
|
20 |
|
21 | if (left.length !== right.length) {
|
22 | return range;
|
23 | }
|
24 |
|
25 | const merged = mergeRangeBounds(left, right);
|
26 |
|
27 | if (merged) {
|
28 | return merged;
|
29 | }
|
30 |
|
31 | return range;
|
32 | }
|
33 |
|
34 |
|
35 |
|
36 |
|
37 |
|
38 | function mergeRangeBounds(left, right) {
|
39 | let questionCounter = 0;
|
40 | let group = 'u+';
|
41 | for (const [index, value] of left.entries()) {
|
42 | if (value === right[index] && questionCounter === 0) {
|
43 | group = group + value;
|
44 | } else if (value === '0' && right[index] === 'f') {
|
45 | questionCounter++;
|
46 | group = group + '?';
|
47 | } else {
|
48 | return false;
|
49 | }
|
50 | }
|
51 |
|
52 | if (questionCounter < 6) {
|
53 | return group;
|
54 | } else {
|
55 | return false;
|
56 | }
|
57 | }
|
58 |
|
59 |
|
60 |
|
61 |
|
62 |
|
63 |
|
64 |
|
65 |
|
66 |
|
67 | function hasLowerCaseUPrefixBug(browser) {
|
68 | return browserslist('ie <=11, edge <= 15').includes(browser);
|
69 | }
|
70 |
|
71 |
|
72 |
|
73 |
|
74 |
|
75 | function transform(value, isLegacy = false) {
|
76 | return valueParser(value)
|
77 | .walk((child) => {
|
78 | if (child.type === 'unicode-range') {
|
79 | const transformed = unicode(child.value.toLowerCase());
|
80 |
|
81 | child.value = isLegacy
|
82 | ? transformed.replace(regexLowerCaseUPrefix, 'U')
|
83 | : transformed;
|
84 | }
|
85 |
|
86 | return false;
|
87 | })
|
88 | .toString();
|
89 | }
|
90 |
|
91 |
|
92 |
|
93 |
|
94 |
|
95 | function pluginCreator() {
|
96 | return {
|
97 | postcssPlugin: 'postcss-normalize-unicode',
|
98 |
|
99 | prepare(result) {
|
100 | const cache = new Map();
|
101 | const resultOpts = result.opts || {};
|
102 | const browsers = browserslist(null, {
|
103 | stats: resultOpts.stats,
|
104 | path: __dirname,
|
105 | env: resultOpts.env,
|
106 | });
|
107 | const isLegacy = browsers.some(hasLowerCaseUPrefixBug);
|
108 |
|
109 | return {
|
110 | OnceExit(css) {
|
111 | css.walkDecls(/^unicode-range$/i, (decl) => {
|
112 | const value = decl.value;
|
113 |
|
114 | if (cache.has(value)) {
|
115 | decl.value = cache.get(value);
|
116 |
|
117 | return;
|
118 | }
|
119 |
|
120 | const newValue = transform(value, isLegacy);
|
121 |
|
122 | decl.value = newValue;
|
123 | cache.set(value, newValue);
|
124 | });
|
125 | },
|
126 | };
|
127 | },
|
128 | };
|
129 | }
|
130 |
|
131 | pluginCreator.postcss = true;
|
132 | module.exports = pluginCreator;
|