source control 1.1

Tomas

2022-05-19 957a1f10a06fdbb76f1a0ba94fe44126c613fee3

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
'use strict';
 
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
var postcss = _interopDefault(require('postcss'));
var valuesParser = _interopDefault(require('postcss-values-parser'));
 
var index = postcss.plugin('postcss-color-functional-notation', opts => {
  const preserve = 'preserve' in Object(opts) ? Boolean(opts.preserve) : false;
  return root => {
    root.walkDecls(decl => {
      const originalValue = decl.value;
 
      if (colorAnyRegExp.test(originalValue)) {
        const valueAST = valuesParser(originalValue).parse();
        valueAST.walkType('func', node => {
          if (colorRegExp.test(node.value)) {
            const children = node.nodes.slice(1, -1);
            const isFunctionalHSL = matchFunctionalHSL(node, children);
            const isFunctionalRGB1 = matchFunctionalRGB1(node, children);
            const isFunctionalRGB2 = matchFunctionalRGB2(node, children);
 
            if (isFunctionalHSL || isFunctionalRGB1 || isFunctionalRGB2) {
              const slashNode = children[3];
              const alphaNode = children[4];
 
              if (alphaNode) {
                if (isPercentage(alphaNode) && !isCalc(alphaNode)) {
                  alphaNode.unit = '';
                  alphaNode.value = String(alphaNode.value / 100);
                }
 
                if (isHslRgb(node)) {
                  node.value += 'a';
                }
              } else if (isHslaRgba(node)) {
                node.value = node.value.slice(0, -1);
              }
 
              if (slashNode && isSlash(slashNode)) {
                slashNode.replaceWith(newComma());
              }
 
              if (isFunctionalRGB2) {
                children[0].unit = children[1].unit = children[2].unit = '';
                children[0].value = String(Math.floor(children[0].value * 255 / 100));
                children[1].value = String(Math.floor(children[1].value * 255 / 100));
                children[2].value = String(Math.floor(children[2].value * 255 / 100));
              }
 
              node.nodes.splice(3, 0, [newComma()]);
              node.nodes.splice(2, 0, [newComma()]);
            }
          }
        });
        const modifiedValue = String(valueAST);
 
        if (modifiedValue !== originalValue) {
          if (preserve) {
            decl.cloneBefore({
              value: modifiedValue
            });
          } else {
            decl.value = modifiedValue;
          }
        }
      }
    });
  };
});
const alphaUnitMatch = /^%?$/i;
const calcFuncMatch = /^calc$/i;
const colorAnyRegExp = /(^|[^\w-])(hsla?|rgba?)\(/i;
const colorRegExp = /^(hsla?|rgba?)$/i;
const hslishRegExp = /^hsla?$/i;
const hslRgbFuncMatch = /^(hsl|rgb)$/i;
const hslaRgbaFuncMatch = /^(hsla|rgba)$/i;
const hueUnitMatch = /^(deg|grad|rad|turn)?$/i;
const rgbishRegExp = /^rgba?$/i;
 
const isAlphaValue = node => isCalc(node) || node.type === 'number' && alphaUnitMatch.test(node.unit);
 
const isCalc = node => node.type === 'func' && calcFuncMatch.test(node.value);
 
const isHue = node => isCalc(node) || node.type === 'number' && hueUnitMatch.test(node.unit);
 
const isNumber = node => isCalc(node) || node.type === 'number' && node.unit === '';
 
const isPercentage = node => isCalc(node) || node.type === 'number' && (node.unit === '%' || node.unit === '' && node.value === '0');
 
const isHslish = node => node.type === 'func' && hslishRegExp.test(node.value);
 
const isHslRgb = node => node.type === 'func' && hslRgbFuncMatch.test(node.value);
 
const isHslaRgba = node => node.type === 'func' && hslaRgbaFuncMatch.test(node.value);
 
const isRgbish = node => node.type === 'func' && rgbishRegExp.test(node.value);
 
const isSlash = node => node.type === 'operator' && node.value === '/';
 
const functionalHSLMatch = [isHue, isPercentage, isPercentage, isSlash, isAlphaValue];
const functionalRGB1Match = [isNumber, isNumber, isNumber, isSlash, isAlphaValue];
const functionalRGB2Match = [isPercentage, isPercentage, isPercentage, isSlash, isAlphaValue];
 
const matchFunctionalHSL = (node, children) => isHslish(node) && children.every((child, index) => typeof functionalHSLMatch[index] === 'function' && functionalHSLMatch[index](child));
 
const matchFunctionalRGB1 = (node, children) => isRgbish(node) && children.every((child, index) => typeof functionalRGB1Match[index] === 'function' && functionalRGB1Match[index](child));
 
const matchFunctionalRGB2 = (node, children) => isRgbish(node) && children.every((child, index) => typeof functionalRGB2Match[index] === 'function' && functionalRGB2Match[index](child));
 
const newComma = () => valuesParser.comma({
  value: ','
});
 
module.exports = index;
//# sourceMappingURL=index.cjs.js.map