index.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. 'use strict';
  2. exports.__esModule = true;
  3. var _postcss = require('postcss');
  4. var _postcss2 = _interopRequireDefault(_postcss);
  5. var _postcssValueParser = require('postcss-value-parser');
  6. var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
  7. var _colormin = require('colormin');
  8. var _colormin2 = _interopRequireDefault(_colormin);
  9. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  10. function reduceWhitespaces(decl) {
  11. decl.value = (0, _postcssValueParser2.default)(decl.value).walk(function (node) {
  12. if (node.type === 'function' || node.type === 'div') {
  13. node.before = node.after = '';
  14. }
  15. }).toString();
  16. }
  17. function walk(parent, callback) {
  18. parent.nodes.forEach(function (node, index) {
  19. var bubble = callback(node, index, parent);
  20. if (node.nodes && bubble !== false) {
  21. walk(node, callback);
  22. }
  23. });
  24. }
  25. function transform(decl, opts) {
  26. if (decl.prop === '-webkit-tap-highlight-color') {
  27. if (decl.value === 'inherit' || decl.value === 'transparent') {
  28. return;
  29. }
  30. reduceWhitespaces(decl);
  31. return;
  32. }
  33. if (/^(composes|font|filter)/i.test(decl.prop)) {
  34. return;
  35. }
  36. var ast = (0, _postcssValueParser2.default)(decl.value);
  37. walk(ast, function (node, index, parent) {
  38. if (node.type === 'function') {
  39. if (/^(rgb|hsl)a?$/.test(node.value)) {
  40. var value = node.value;
  41. node.value = (0, _colormin2.default)((0, _postcssValueParser.stringify)(node), opts);
  42. node.type = 'word';
  43. var next = parent.nodes[index + 1];
  44. if (node.value !== value && next && next.type === 'word') {
  45. parent.nodes.splice(index + 1, 0, { type: 'space', value: ' ' });
  46. }
  47. } else if (node.value === 'calc') {
  48. return false;
  49. }
  50. } else {
  51. node.value = (0, _colormin2.default)(node.value, opts);
  52. }
  53. });
  54. decl.value = ast.toString();
  55. }
  56. exports.default = _postcss2.default.plugin('postcss-colormin', function () {
  57. var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  58. return function (css) {
  59. return css.walkDecls(function (node) {
  60. return transform(node, opts);
  61. });
  62. };
  63. });
  64. module.exports = exports['default'];