05fc3aef53
Replace the current license disclaimer in files by a SPDX-License-Identifier. Files that have to be modified by hand are modified. License files are organized under LICENSES directory. Task-number: QTBUG-67283 Change-Id: Id880c92784c40f3bbde861c0d93f58151c18b9f1 Reviewed-by: Qt CI Bot <qt_ci_bot@qt-project.org> Reviewed-by: Lars Knoll <lars.knoll@qt.io> Reviewed-by: Jörg Bornemann <joerg.bornemann@qt.io>
108 lines
3.2 KiB
JavaScript
Executable File
108 lines
3.2 KiB
JavaScript
Executable File
#! /usr/bin/env node
|
|
// Copyright (C) 2018 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only WITH Qt-GPL-exception-1.0
|
|
|
|
const _ = require('lodash');
|
|
const fs = require('fs');
|
|
|
|
const postcss = require('postcss');
|
|
const minifyGradients = require('postcss-minify-gradients');
|
|
const valueParser = require('postcss-value-parser');
|
|
const parseColor = require('parse-color');
|
|
const math = require('mathjs');
|
|
|
|
const argc = process.argv.length;
|
|
if (argc < 3) {
|
|
console.log("usage: gradientgen [mode] <filename>");
|
|
process.exit(1);
|
|
}
|
|
|
|
const filename = process.argv[argc - 1];
|
|
const mode = argc > 3 ? process.argv[argc - 2] : 'json';
|
|
|
|
fs.readFile(filename, (err, css) => {
|
|
postcss([minifyGradients]).process(css)
|
|
.then(result => {
|
|
let enums = [];
|
|
let gradients = [];
|
|
|
|
result.root.walkRules(rule => {
|
|
gradients.push(null); // Placeholder
|
|
|
|
const name = _.startCase(rule.selector).replace(/\s/g, '');
|
|
if (enums.indexOf(name) >= 0)
|
|
return; // Duplicate entry
|
|
|
|
// We can only support single gradient declarations
|
|
if (rule.nodes.length > 1)
|
|
return;
|
|
|
|
valueParser(rule.nodes[0].value).walk(node => {
|
|
if (node.type !== 'function')
|
|
return;
|
|
|
|
if (node.value !== 'linear-gradient')
|
|
return;
|
|
|
|
const args = node.nodes.reduce((args, arg) => {
|
|
if (arg.type === 'div')
|
|
args.push([]);
|
|
else if (arg.type !== 'space')
|
|
args[args.length - 1].push(arg.value);
|
|
return args;
|
|
}, [[]]);
|
|
|
|
let angle = valueParser.unit(args[0][0]);
|
|
if (angle.unit !== 'deg')
|
|
return;
|
|
|
|
angle = parseInt(angle.number);
|
|
if (angle < 0)
|
|
angle += 360;
|
|
|
|
// Angle is in degrees, but we need radians
|
|
const radians = angle * math.pi / 180;
|
|
|
|
const gradientLine = (math.abs(math.sin(radians)) + math.abs(math.cos(radians)));
|
|
const cathetus = fn => math.round(fn(radians - math.pi / 2) * gradientLine / 2, 10);
|
|
|
|
const x = cathetus(math.cos);
|
|
const y = cathetus(math.sin);
|
|
|
|
const start = { x: 0.5 - x, y: 0.5 - y };
|
|
const end = { x: 0.5 + x, y: 0.5 + y };
|
|
|
|
let stops = []
|
|
|
|
let lastPosition = 0;
|
|
args.slice(1).forEach((arg, index) => {
|
|
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, position })
|
|
});
|
|
|
|
gradients[gradients.length - 1] = { name, start, end, stops };
|
|
});
|
|
|
|
if (!gradients[gradients.length - 1])
|
|
return; // Not supported
|
|
|
|
enums.push(name);
|
|
|
|
if (mode == 'debug')
|
|
console.log(name, args, gradients[gradients.length - 1])
|
|
else if (mode == 'enums')
|
|
console.log(`${name} = ${gradients.length},`)
|
|
});
|
|
|
|
// Done walking declarations
|
|
if (mode == 'json')
|
|
console.log(JSON.stringify(gradients, undefined, 4));
|
|
});
|
|
});
|