-
Notifications
You must be signed in to change notification settings - Fork 1
/
svg-merge.js
100 lines (83 loc) · 2.32 KB
/
svg-merge.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
89
90
91
92
93
94
95
96
97
98
99
100
'use strict';
var fs = require('fs'),
path = require('path'),
easy = require('libxmljs-easy'),
async = require('async'),
mkdirp = require('mkdirp');
module.exports = function (opts, done) {
var inputDir = opts.inputDir;
var outputDir = opts.outputDir;
var outputFile = opts.outputFile;
// Use optional outputFile name or set it equal to the output dir
// plus a '-out' suffix. So foo/arrow would produce bar/arrow/arrow-out.svg
// outputFile = outputFile || inputDir.split(path.sep).pop() + '-out.svg';
function getInputs(callback) {
var paths = [];
fs.readdir(inputDir, function(err, files) {
if (err) {
return callback(err);
}
files.forEach(function(file) {
if(path.extname(file) !== '.svg') {
return;
}
var filepath = path.join(inputDir, file);
paths.push(filepath);
});
callback(null, paths);
});
}
function stackFiles(files, callback) {
var stack = [];
files.forEach(function (file) {
var svgXml = fs.readFileSync(file, 'utf8');
var svg = easy.parse(svgXml);
// strip out opening and closing svg tags
// returning just a string with the internals
svg = svg.$.toString()
.replace(/<svg[^<]*/, '')
.replace(/<\/svg>$/, '');
var group = easy.parse(['<g>', svg, '</g>'].join(''));
stack.push({
group: group.$.toString()
});
});
callback(null, stack);
}
function merge(stack, callback) {
var svg = [];
svg.push('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">');
// need to make same ids from different files unique
stack.forEach(function(icon) {
svg.push(icon.group);
});
svg.push('</svg>');
var svgText = svg.join('\n');
callback(null, svgText);
}
function output(svgText, callback) {
var filename = path.join(outputDir, outputFile);
mkdirp.sync(path.join(outputDir));
fs.writeFile(filename, svgText, function(err) {
if (err) {
return callback(err);
}
callback();
});
}
function error(err) {
console.error(err.stack);
process.exit(err.code || 1);
}
async.waterfall([
getInputs,
stackFiles,
merge,
output
], function (err) {
if (err) {
error(err);
}
done();
});
};