postcss-reduce-transforms 1.0.0 → 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 +18 -0
  2. package/dist/index.js +148 -62
  3. package/package.json +25 -9
package/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ # 1.0.4
2
+
3
+ * Refactor the main module, slight performance tweak and ±0.9K less file size
4
+ on disk.
5
+
6
+ # 1.0.3
7
+
8
+ * The `translate(tx, 0)` compression was changed from `translateX(tx)`
9
+ to `translate(tx)`.
10
+
11
+ # 1.0.2
12
+
13
+ * Fixes an incorrect conversion of `translate(5, 5)` to `translate(5)`.
14
+
15
+ # 1.0.1
16
+
17
+ * Performance improvements (thanks to @TrySound).
18
+
1
19
  # 1.0.0
2
20
 
3
21
  * Initial release.
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,93 +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' && 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) {
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
+
23
33
  node.value = 'matrix';
24
- 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]];
25
- return false;
26
- }
27
- // rotate3d(0, 1, 0, a) => rotateY(a)
28
- if (node.value === 'rotate3d' && node.nodes[6] && parseFloat(node.nodes[0].value) === 1 && parseFloat(node.nodes[2].value) === 0 && parseFloat(node.nodes[4].value) === 0) {
29
- node.value = 'rotateX';
30
- node.nodes = [node.nodes[6]];
31
- return false;
32
- }
33
- // rotate3d(0, 1, 0, a) => rotateY(a)
34
- if (node.value === 'rotate3d' && node.nodes[6] && parseFloat(node.nodes[0].value) === 0 && parseFloat(node.nodes[2].value) === 1 && parseFloat(node.nodes[4].value) === 0) {
35
- node.value = 'rotateY';
36
- node.nodes = [node.nodes[6]];
37
- return false;
38
- }
39
- // rotate3d(0, 0, 1, a) => rotate(a) (or rotateZ(a))
40
- if (node.value === 'rotate3d' && node.nodes[6] && parseFloat(node.nodes[0].value) === 0 && parseFloat(node.nodes[2].value) === 0 && parseFloat(node.nodes[4].value) === 1) {
41
- node.value = 'rotate';
42
- node.nodes = [node.nodes[6]];
43
- return false;
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]];
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]];
44
70
  }
71
+ }
72
+
73
+ function rotateZ(node) {
45
74
  // rotateZ(rz) => rotate(rz)
46
- if (node.value === 'rotateZ') {
47
- node.value = 'rotate';
48
- 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;
49
83
  }
84
+ var first = values[0];
85
+ var second = values[1];
50
86
  // scale(sx, sy) => scale(sx)
51
- // translate(tx, ty) => translate(tx)
52
- if ((node.value === 'scale' || node.value === 'translate') && node.nodes[0] && node.nodes[2] && node.nodes[0].value === node.nodes[2].value) {
53
- node.nodes = [node.nodes[0]];
54
- return false;
87
+
88
+ if (first === second) {
89
+ node.nodes = [nodes[0]];
90
+ return;
55
91
  }
56
92
  // scale(sx, 1) => scaleX(sx)
57
- if (node.value === 'scale' && node.nodes[2] && parseFloat(node.nodes[2].value) === 1) {
93
+ if (second === 1) {
58
94
  node.value = 'scaleX';
59
- node.nodes = [node.nodes[0]];
60
- return false;
95
+ node.nodes = [nodes[0]];
96
+ return;
61
97
  }
62
98
  // scale(1, sy) => scaleY(sy)
63
- if (node.value === 'scale' && node.nodes[2] && parseFloat(node.nodes[0].value) === 1) {
99
+ if (first === 1) {
64
100
  node.value = 'scaleY';
65
- node.nodes = [node.nodes[2]];
66
- return false;
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;
67
111
  }
112
+ var first = values[0];
113
+ var second = values[1];
114
+ var third = values[2];
68
115
  // scale3d(sx, 1, 1) => scaleX(sx)
69
- if (node.value === 'scale3d' && node.nodes[4] && parseFloat(node.nodes[2].value) === 1 && parseFloat(node.nodes[4].value) === 1) {
70
- node.value = 'scaleX', node.nodes = [node.nodes[0]];
71
- return false;
116
+
117
+ if (second === 1 && third === 1) {
118
+ node.value = 'scaleX';
119
+ node.nodes = [nodes[0]];
120
+ return;
72
121
  }
73
122
  // scale3d(1, sy, 1) => scaleY(sy)
74
- if (node.value === 'scale3d' && node.nodes[4] && parseFloat(node.nodes[0].value) === 1 && parseFloat(node.nodes[4].value) === 1) {
75
- node.value = 'scaleY', node.nodes = [node.nodes[2]];
76
- return false;
123
+ if (first === 1 && third === 1) {
124
+ node.value = 'scaleY';
125
+ node.nodes = [nodes[2]];
126
+ return;
77
127
  }
78
128
  // scale3d(1, 1, sz) => scaleZ(sz)
79
- if (node.value === 'scale3d' && node.nodes[4] && parseFloat(node.nodes[0].value) === 1 && parseFloat(node.nodes[2].value) === 1) {
80
- node.value = 'scaleZ', node.nodes = [node.nodes[4]];
81
- return false;
129
+ if (first === 1 && second === 1) {
130
+ node.value = 'scaleZ';
131
+ node.nodes = [nodes[4]];
132
+ return;
82
133
  }
83
- // translate(tx, 0) => translateX(tx)
84
- if (node.value === 'translate' && node.nodes[2] && parseFloat(node.nodes[2].value) === 0) {
85
- node.value = 'translateX', node.nodes = [node.nodes[0]];
86
- return false;
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;
87
146
  }
88
147
  // translate(0, ty) => translateY(ty)
89
- if (node.value === 'translate' && node.nodes[2] && parseFloat(node.nodes[0].value) === 0) {
90
- node.value = 'translateY', node.nodes = [node.nodes[2]];
91
- return false;
148
+ if (values[0] === 0) {
149
+ node.value = 'translateY';
150
+ node.nodes = [nodes[2]];
151
+ return;
92
152
  }
153
+ }
154
+
155
+ function translate3d(node, values) {
156
+ var nodes = node.nodes;
93
157
  // translate3d(0, 0, tz) => translateZ(tz)
94
- if (node.value === 'translate3d' && node.nodes[4] && parseFloat(node.nodes[0].value) === 0 && parseFloat(node.nodes[2].value) === 0) {
95
- node.value = 'translateZ', node.nodes = [node.nodes[4]];
96
- 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, []));
97
182
  }
183
+ return false;
98
184
  }
99
185
 
100
- exports['default'] = _postcss2['default'].plugin('postcss-reduce-transforms', function () {
186
+ exports.default = _postcss2.default.plugin('postcss-reduce-transforms', function () {
101
187
  return function (css) {
102
188
  css.walkDecls(/transform$/, function (decl) {
103
- decl.value = (0, _postcssValueParser2['default'])(decl.value).walk(reduce).toString();
189
+ decl.value = (0, _postcssValueParser2.default)(decl.value).walk(reduce).toString();
104
190
  });
105
191
  };
106
192
  });
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "postcss-reduce-transforms",
3
- "version": "1.0.0",
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
  }