File size: 2,146 Bytes
fe66731 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 |
var css = require("css"),
fs = require("fs"),
filePath = "../../src/webvowl/css/vowl.css";
fs.readFile(filePath, {encoding: "utf8"}, function (err, data) {
if (err) {
console.log(err);
} else {
console.log("// inline vowl styles");
console.log(convertCssToD3Rules(data));
console.log("\n// remove inline vowl styles");
console.log(createInlineStyleRemoveCommand(data));
}
});
function createInlineStyleRemoveCommand(cssText) {
var selectors = [],
obj = css.parse(cssText),
rules = obj.stylesheet.rules;
rules.forEach(function (rule) {
if (rule.type === "rule") {
selectors = selectors.concat(rule.selectors);
}
});
return "d3.selectAll(\"".concat(selectors.join(", "), "\")");
}
function convertCssToD3Rules(cssText) {
var d3Rules = "",
obj = css.parse(cssText),
rules = obj.stylesheet.rules;
rules.forEach(function (rule) {
if (rule.type === "rule") {
var builder = d3RuleBuilder(),
selectors = rule.selectors,
declarations = rule.declarations,
declaration;
builder.selectors(selectors);
for (var i = 0, l = declarations.length; i < l; i++) {
declaration = declarations[i];
if (declaration.type === "declaration") {
builder.addRule(declaration.property, declaration.value);
}
}
d3Rules = d3Rules.concat(builder.build(), "\n");
}
});
return d3Rules;
}
function d3RuleBuilder() {
var builder = {},
selector = "",
rules = [];
builder.selectors = function (selectors) {
if (!arguments.length) return selector;
if (selectors instanceof Array) {
selector = selectors.join(", ");
} else {
selector = selectors;
}
return builder;
};
builder.addRule = function (name, value) {
rules.push({name: name, value: value});
return builder;
};
builder.build = function () {
var result = "setStyleSensitively(\"" + selector + "\", [";
for (var i = 0, l = rules.length; i < l; i++) {
if (i > 0) {
result = result.concat(", ");
}
var rule = rules[i];
result = result.concat("{name:\"", rule.name, "\", value:\"", rule.value, "\"}");
}
result = result.concat("]);");
return result;
};
return builder;
}
|