From 465098088e3dd9bb14e884351f15cffd1471fe2c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tor=20Arne=20Vestb=C3=B8?= Date: Wed, 27 Jun 2018 15:40:19 +0200 Subject: Harden logic for converting from CSS gradients to QGradient Some of the gradients from https://webgradients.com/ are not minified completely, so we need to be a bit more lenient when converting them to the internal format used by QGradient. Change-Id: I47466b6a77abd6d2fefc1326fbf6ba5713dd74cb Reviewed-by: Simon Hausmann --- util/gradientgen/gradientgen.js | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) (limited to 'util') diff --git a/util/gradientgen/gradientgen.js b/util/gradientgen/gradientgen.js index ff256d16d6..2c0539c759 100755 --- a/util/gradientgen/gradientgen.js +++ b/util/gradientgen/gradientgen.js @@ -44,7 +44,7 @@ if (argc < 3) { } const filename = process.argv[argc - 1]; -const mode = argc > 3 ? process.argv[argc - 2] : ''; +const mode = argc > 3 ? process.argv[argc - 2] : 'json'; fs.readFile(filename, (err, css) => { postcss([minifyGradients]).process(css) @@ -99,15 +99,22 @@ fs.readFile(filename, (err, css) => { const end = { x: 0.5 + x, y: 0.5 + y }; let stops = [] + + let lastPosition = 0; args.slice(1).forEach((arg, index) => { - let [color, stop = !index ? '0%' : '100%'] = arg; - stop = parseInt(stop) / 100; + let [color, position = !index ? '0%' : '100%'] = arg; + position = parseInt(position) / 100; + if (position < lastPosition) + position = lastPosition; + lastPosition = position; color = parseColor(color).hex; color = parseInt(color.slice(1), 16) - stops.push({ color, stop }) + stops.push({ color, position }) }); gradients[gradients.length - 1] = { start, end, stops }; + if (mode == 'debug') + console.log(name, args, gradients[gradients.length - 1]) }); enums.push(name); @@ -117,7 +124,7 @@ fs.readFile(filename, (err, css) => { }); // Done walking declarations - if (mode != 'enums') + if (mode == 'json') console.log(JSON.stringify(gradients, undefined, 4)); }); }); -- cgit v1.2.3