postcss-reduce-transforms 1.0.3 → 1.0.4

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.
Files changed (3) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/index.js +166 -108
  3. package/package.json +25 -9
package/CHANGELOG.md CHANGED
@@ -1,3 +1,8 @@
1
+ # 1.0.4
2
+
3
+ * Refactor the main module, slight performance tweak and ±0.9K less file size
4
+ on disk.
5
+
1
6
  # 1.0.3
2
7
 
3
8
  * The `translate(tx, 0)` compression was changed from `translateX(tx)`
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true
5
- });
3
+ exports.__esModule = true;
4
+
5
+ var _has = require('has');
6
6
 
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
7
+ var _has2 = _interopRequireDefault(_has);
8
8
 
9
9
  var _postcss = require('postcss');
10
10
 
@@ -14,121 +14,179 @@ var _postcssValueParser = require('postcss-value-parser');
14
14
 
15
15
  var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
16
16
 
17
- function reduce(node) {
18
- if (!node.type === 'function') {
19
- return false;
17
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
+
19
+ function getValues(list, _ref, index) {
20
+ var value = _ref.value;
21
+
22
+ if (index % 2 === 0) {
23
+ return [].concat(list, [parseFloat(value)]);
20
24
  }
25
+ return list;
26
+ }
27
+
28
+ function matrix3d(node, values) {
21
29
  // matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1) => matrix(a, b, c, d, tx, ty)
22
- if (node.value === 'matrix3d') {
23
- if (node.nodes[30] && parseFloat(node.nodes[4].value) === 0 && parseFloat(node.nodes[6].value) === 0 && parseFloat(node.nodes[12].value) === 0 && parseFloat(node.nodes[14].value) === 0 && parseFloat(node.nodes[16].value) === 0 && parseFloat(node.nodes[18].value) === 0 && parseFloat(node.nodes[20].value) === 1 && parseFloat(node.nodes[22].value) === 0 && parseFloat(node.nodes[28].value) === 0 && parseFloat(node.nodes[30].value) === 1) {
24
- node.value = 'matrix';
25
- node.nodes = [node.nodes[0], node.nodes[1], node.nodes[2], node.nodes[3], node.nodes[8], node.nodes[9], node.nodes[10], node.nodes[11], node.nodes[24], node.nodes[25], node.nodes[26]];
26
- }
27
- return false;
28
- }
29
- if (node.value === 'rotate3d') {
30
- if (node.nodes[6]) {
31
- var first = parseFloat(node.nodes[0].value);
32
- var second = parseFloat(node.nodes[2].value);
33
- var third = parseFloat(node.nodes[4].value);
34
- // rotate3d(0, 1, 0, a) => rotateY(a)
35
- if (first === 1 && second === 0 && third === 0) {
36
- node.value = 'rotateX';
37
- node.nodes = [node.nodes[6]];
38
- return false;
39
- }
40
- // rotate3d(0, 1, 0, a) => rotateY(a)
41
- if (first === 0 && second === 1 && third === 0) {
42
- node.value = 'rotateY';
43
- node.nodes = [node.nodes[6]];
44
- return false;
45
- }
46
- // rotate3d(0, 0, 1, a) => rotate(a) (or rotateZ(a))
47
- if (first === 0 && second === 0 && third === 1) {
48
- node.value = 'rotate';
49
- node.nodes = [node.nodes[6]];
50
- return false;
51
- }
52
- }
53
- return false;
30
+ if (values[15] && values[2] === 0 && values[3] === 0 && values[6] === 0 && values[7] === 0 && values[8] === 0 && values[9] === 0 && values[10] === 1 && values[11] === 0 && values[14] === 0 && values[15] === 1) {
31
+ var nodes = node.nodes;
32
+
33
+ node.value = 'matrix';
34
+ node.nodes = [nodes[0], // a
35
+ nodes[1], // ,
36
+ nodes[2], // b
37
+ nodes[3], // ,
38
+ nodes[8], // c
39
+ nodes[9], // ,
40
+ nodes[10], // d
41
+ nodes[11], // ,
42
+ nodes[24], // tx
43
+ nodes[25], // ,
44
+ nodes[26]];
54
45
  }
46
+ }
47
+
48
+ var rotate3dMappings = [['rotateX', [1, 0, 0]], // rotate3d(1, 0, 0, a) => rotateX(a)
49
+ ['rotateY', [0, 1, 0]], // rotate3d(0, 1, 0, a) => rotateY(a)
50
+ ['rotate', [0, 0, 1]]];
51
+
52
+ function rotate3dMatch(values) {
53
+ return values.reduce(function (list, arg, i) {
54
+ return list.filter(function (value) {
55
+ return value[1][i] === arg;
56
+ });
57
+ }, rotate3dMappings);
58
+ }
59
+
60
+ function rotate3d(node, values) {
61
+ var nodes = node.nodes;
62
+
63
+ if (!nodes[6]) {
64
+ return;
65
+ }
66
+ var match = rotate3dMatch(values.slice(0, 3));
67
+ if (match.length) {
68
+ node.value = match[0][0];
69
+ node.nodes = [nodes[6]];
70
+ }
71
+ }
72
+
73
+ function rotateZ(node) {
55
74
  // rotateZ(rz) => rotate(rz)
56
- if (node.value === 'rotateZ') {
57
- node.value = 'rotate';
58
- return false;
59
- }
60
- if (node.value === 'scale' || node.value === 'translate') {
61
- if (node.value === 'scale' && node.nodes[2]) {
62
- // scale(sx, sy) => scale(sx)
63
- if (node.nodes[0].value === node.nodes[2].value) {
64
- node.nodes = [node.nodes[0]];
65
- return false;
66
- }
67
- // scale(sx, 1) => scaleX(sx)
68
- if (parseFloat(node.nodes[2].value) === 1) {
69
- node.value = 'scaleX';
70
- node.nodes = [node.nodes[0]];
71
- return false;
72
- }
73
- // scale(1, sy) => scaleY(sy)
74
- if (parseFloat(node.nodes[0].value) === 1) {
75
- node.value = 'scaleY';
76
- node.nodes = [node.nodes[2]];
77
- return false;
78
- }
79
- return false;
80
- }
81
- if (node.value === 'translate' && node.nodes[2]) {
82
- // translate(tx, 0) => translate(tx)
83
- if (parseFloat(node.nodes[2].value) === 0) {
84
- node.value = 'translate', node.nodes = [node.nodes[0]];
85
- return false;
86
- }
87
- // translate(0, ty) => translateY(ty)
88
- if (parseFloat(node.nodes[0].value) === 0) {
89
- node.value = 'translateY', node.nodes = [node.nodes[2]];
90
- return false;
91
- }
92
- return false;
93
- }
94
- return false;
95
- }
96
- if (node.value === 'scale3d') {
97
- if (node.nodes[4]) {
98
- var first = parseFloat(node.nodes[0].value);
99
- var second = parseFloat(node.nodes[2].value);
100
- var third = parseFloat(node.nodes[4].value);
101
- // scale3d(sx, 1, 1) => scaleX(sx)
102
- if (second === 1 && third === 1) {
103
- node.value = 'scaleX', node.nodes = [node.nodes[0]];
104
- return false;
105
- }
106
- // scale3d(1, sy, 1) => scaleY(sy)
107
- if (first === 1 && third === 1) {
108
- node.value = 'scaleY', node.nodes = [node.nodes[2]];
109
- return false;
110
- }
111
- // scale3d(1, 1, sz) => scaleZ(sz)
112
- if (first === 1 && second === 1) {
113
- node.value = 'scaleZ', node.nodes = [node.nodes[4]];
114
- return false;
115
- }
116
- }
117
- return false;
75
+ node.value = 'rotate';
76
+ }
77
+
78
+ function scale(node, values) {
79
+ var nodes = node.nodes;
80
+
81
+ if (!nodes[2]) {
82
+ return;
83
+ }
84
+ var first = values[0];
85
+ var second = values[1];
86
+ // scale(sx, sy) => scale(sx)
87
+
88
+ if (first === second) {
89
+ node.nodes = [nodes[0]];
90
+ return;
91
+ }
92
+ // scale(sx, 1) => scaleX(sx)
93
+ if (second === 1) {
94
+ node.value = 'scaleX';
95
+ node.nodes = [nodes[0]];
96
+ return;
118
97
  }
98
+ // scale(1, sy) => scaleY(sy)
99
+ if (first === 1) {
100
+ node.value = 'scaleY';
101
+ node.nodes = [nodes[2]];
102
+ return;
103
+ }
104
+ }
105
+
106
+ function scale3d(node, values) {
107
+ var nodes = node.nodes;
108
+
109
+ if (!nodes[4]) {
110
+ return;
111
+ }
112
+ var first = values[0];
113
+ var second = values[1];
114
+ var third = values[2];
115
+ // scale3d(sx, 1, 1) => scaleX(sx)
116
+
117
+ if (second === 1 && third === 1) {
118
+ node.value = 'scaleX';
119
+ node.nodes = [nodes[0]];
120
+ return;
121
+ }
122
+ // scale3d(1, sy, 1) => scaleY(sy)
123
+ if (first === 1 && third === 1) {
124
+ node.value = 'scaleY';
125
+ node.nodes = [nodes[2]];
126
+ return;
127
+ }
128
+ // scale3d(1, 1, sz) => scaleZ(sz)
129
+ if (first === 1 && second === 1) {
130
+ node.value = 'scaleZ';
131
+ node.nodes = [nodes[4]];
132
+ return;
133
+ }
134
+ }
135
+
136
+ function translate(node, values) {
137
+ var nodes = node.nodes;
138
+
139
+ if (!nodes[2]) {
140
+ return;
141
+ }
142
+ // translate(tx, 0) => translate(tx)
143
+ if (values[1] === 0) {
144
+ node.nodes = [nodes[0]];
145
+ return;
146
+ }
147
+ // translate(0, ty) => translateY(ty)
148
+ if (values[0] === 0) {
149
+ node.value = 'translateY';
150
+ node.nodes = [nodes[2]];
151
+ return;
152
+ }
153
+ }
154
+
155
+ function translate3d(node, values) {
156
+ var nodes = node.nodes;
119
157
  // translate3d(0, 0, tz) => translateZ(tz)
120
- if (node.value === 'translate3d') {
121
- if (node.nodes[4] && parseFloat(node.nodes[0].value) === 0 && parseFloat(node.nodes[2].value) === 0) {
122
- node.value = 'translateZ', node.nodes = [node.nodes[4]];
123
- }
124
- return false;
158
+
159
+ if (nodes[4] && values[0] === 0 && values[1] === 0) {
160
+ node.value = 'translateZ';
161
+ node.nodes = [nodes[4]];
162
+ }
163
+ }
164
+
165
+ var reducers = {
166
+ matrix3d: matrix3d,
167
+ rotate3d: rotate3d,
168
+ rotateZ: rotateZ,
169
+ scale: scale,
170
+ scale3d: scale3d,
171
+ translate: translate,
172
+ translate3d: translate3d
173
+ };
174
+
175
+ function reduce(node) {
176
+ var nodes = node.nodes;
177
+ var type = node.type;
178
+ var value = node.value;
179
+
180
+ if (type === 'function' && (0, _has2.default)(reducers, value)) {
181
+ reducers[value](node, nodes.reduce(getValues, []));
125
182
  }
183
+ return false;
126
184
  }
127
185
 
128
- exports['default'] = _postcss2['default'].plugin('postcss-reduce-transforms', function () {
186
+ exports.default = _postcss2.default.plugin('postcss-reduce-transforms', function () {
129
187
  return function (css) {
130
188
  css.walkDecls(/transform$/, function (decl) {
131
- decl.value = (0, _postcssValueParser2['default'])(decl.value).walk(reduce).toString();
189
+ decl.value = (0, _postcssValueParser2.default)(decl.value).walk(reduce).toString();
132
190
  });
133
191
  };
134
192
  });
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "postcss-reduce-transforms",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "Reduce transform functions with PostCSS.",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
7
- "lint": "eslint src",
8
- "prepublish": "babel src --out-dir dist --ignore /__tests__/",
9
- "test": "npm run lint && babel-tape-runner \"src/**/__tests__/*.js\" | tap-spec"
7
+ "pretest": "eslint src",
8
+ "prepublish": "del-cli dist && BABEL_ENV=publish babel src --out-dir dist --ignore /__tests__/",
9
+ "test": "ava src/__tests__",
10
+ "test-012": "ava src/__tests__"
10
11
  },
11
12
  "files": [
12
13
  "LICENSE-MIT",
@@ -14,11 +15,19 @@
14
15
  ],
15
16
  "license": "MIT",
16
17
  "devDependencies": {
17
- "babel": "^5.8.23",
18
- "babel-tape-runner": "^1.2.0",
19
- "eslint": "^1.6.0",
20
- "tap-spec": "^4.1.0",
21
- "tape": "^4.2.1"
18
+ "ava": "^0.16.0",
19
+ "babel-cli": "^6.3.17",
20
+ "babel-core": "^6.3.26",
21
+ "babel-plugin-add-module-exports": "^0.2.1",
22
+ "babel-preset-es2015": "^6.3.13",
23
+ "babel-preset-es2015-loose": "^7.0.0",
24
+ "babel-preset-stage-0": "^6.3.13",
25
+ "babel-register": "^6.9.0",
26
+ "del-cli": "^0.2.0",
27
+ "eslint": "^3.0.0",
28
+ "eslint-config-cssnano": "^3.0.0",
29
+ "eslint-plugin-babel": "^3.3.0",
30
+ "eslint-plugin-import": "^2.0.1"
22
31
  },
23
32
  "homepage": "https://github.com/ben-eb/postcss-reduce-transforms",
24
33
  "author": {
@@ -28,7 +37,14 @@
28
37
  },
29
38
  "repository": "ben-eb/postcss-reduce-transforms",
30
39
  "dependencies": {
40
+ "has": "^1.0.1",
31
41
  "postcss": "^5.0.8",
32
42
  "postcss-value-parser": "^3.0.1"
43
+ },
44
+ "ava": {
45
+ "require": "babel-register"
46
+ },
47
+ "eslintConfig": {
48
+ "extends": "cssnano"
33
49
  }
34
50
  }