-
Notifications
You must be signed in to change notification settings - Fork 0
/
svgs2symbols.js
88 lines (70 loc) · 2.33 KB
/
svgs2symbols.js
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
#!/usr/bin/env node
var program = require('commander');
var cheerio = require('cheerio');
var nodefn = require('when/node');
var sequence = require('when/sequence');
var fs = require('fs');
var readFile = nodefn.lift(fs.readFile);
var path = require('path');
program
.usage('[options] <files ...>')
.option('-i, --inline', 'Create a bare svg element to inline in a document', 0)
.option('-o, --output <fileName>', 'File name to write to')
.action(start);
program.parse(process.argv);
function start() {
var files = Array.prototype.slice.call(arguments, 0, arguments.length - 1);
var options = arguments[arguments.length - 1];
var resultSvg = '<svg xmlns="http://www.w3.org/2000/svg" ><defs/></svg>';
if (!options.inline) {
resultSvg =
'<?xml version="1.0" encoding="UTF-8"?>' +
'<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" ' +
'"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">' +
resultSvg;
}
var $ = cheerio.load(resultSvg, { xmlMode: true });
var context = {
ids: {},
$: $,
$combinedSvg: $('svg'),
$combinedDefs: $('defs')
};
var tasks = files.map(function(fileName) {
return eachFile.bind(context, fileName);
});
sequence(tasks)
.then(finish.bind(context, options.output));
}
function eachFile(fileName) {
return readFile(fileName)
.then(extractTheGoods.bind(this, fileName));
}
function extractTheGoods(fileName, fileContents) {
var $file = cheerio.load(fileContents, {xmlMode: true});
var $svg = $file('svg');
var idAttr = path.basename(fileName, path.extname(fileName));
var viewBoxAttr = $svg.attr('viewBox');
var $symbol = this.$('<symbol/>');
if (idAttr in this.ids) {
throw 'File name should be unique: ' + idAttr;
}
this.ids[idAttr] = true;
$symbol.attr('id', idAttr);
if (viewBoxAttr) {
$symbol.attr('viewBox', viewBoxAttr);
}
var $defs = $file('defs');
if ($defs.length > 0) {
this.$combinedDefs.append($defs.contents());
$defs.remove();
}
$symbol.append($svg.contents());
this.$combinedSvg.append($symbol);
}
function finish(output) {
if (this.$combinedDefs.contents().length === 0) {
this.$combinedDefs.remove();
}
fs.writeFileSync(output, this.$.xml());
}