-
Notifications
You must be signed in to change notification settings - Fork 1.2k
/
maki_sprite.js
54 lines (42 loc) · 1.97 KB
/
maki_sprite.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
var fs = require('fs');
var _ = require('../js/lib/lodash');
var maki = require('maki/www/maki-sprite.json');
var lineIcons = require('./line-icons.json');
var relationIcons = require('./relation-icons.json');
// Generate CSS
var template = '.feature-{name}{background-position:-{x}px -{y}px;}\n';
var css = "/* This file is generated by make. Do NOT edit manually. */\n\n";
css += ".preset-icon{background-image:url(img/maki-sprite.png);background-repeat:no-repeat;width:24px;height:24px;}\n";
css += ".preset-icon-line{background-image:url(img/line-presets.png);background-repeat:no-repeat;width:60px;height:60px;}\n";
css += ".preset-icon-relation{background-image:url(img/relation-presets.png);background-repeat:no-repeat;width:60px;height:60px;}\n";
var images = {};
_.forEach(maki, function(dimensions, name) {
var match = name.match(/(.*)-(12|18|24)/),
name = match[1],
size = match[2],
group = images[name] = images[name] || {};
group[size] = [dimensions.x, dimensions.y];
if (dimensions.width === 24) {
css += template.replace('{name}', name.replace('-24', ''))
.replace('{x}', dimensions.x)
.replace('{y}', dimensions.y);
}
});
template = '.preset-icon-line.feature-{name}{background-position:-{x}px -{y}px;}\n';
_.forEach(lineIcons, function(position, name) {
css += template.replace('{name}', name)
.replace('{x}', position[0])
.replace('{y}', position[1]);
images[name] = images[name] || {};
images[name].line = position;
});
template = '.preset-icon-relation.feature-{name}{background-position:-{x}px -{y}px;}\n';
_.forEach(relationIcons, function(position, name) {
css += template.replace('{name}', name)
.replace('{x}', position[0])
.replace('{y}', position[1]);
images[name] = images[name] || {};
images[name].relation = position;
});
fs.writeFileSync('./css/feature-icons.css', css);
fs.writeFileSync('./data/feature-icons.json', JSON.stringify(images));