forked from jorgebastida/glue
-
Notifications
You must be signed in to change notification settings - Fork 0
/
glue.py
executable file
·1365 lines (1085 loc) · 48.1 KB
/
glue.py
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
#!/usr/bin/env python
import re
import os
import sys
import copy
import time
import signal
import hashlib
import subprocess
import ConfigParser
from optparse import OptionParser, OptionGroup
from PIL import Image as PImage
__version__ = '0.2.6.1'
PADDING_REGEXP = re.compile("^(\d+-?){,3}\d+$")
TRANSPARENT = (255, 255, 255, 0)
CAMELCASE_SEPARATOR = 'camelcase'
CONFIG_FILENAME = 'sprite.conf'
ORDERINGS = ['maxside', 'width', 'height', 'area']
VALID_IMAGE_EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif']
PSEUDO_CLASSES = set(['link', 'visited', 'active', 'hover', 'focus',
'first-letter', 'first-line', 'first-child',
'before', 'after'])
DEFAULT_SETTINGS = {
'padding': '0',
'margin': '0',
'algorithm': 'square',
'ordering': 'maxside',
'namespace': 'sprite',
'crop': False,
'url': '',
'less': False,
'optipng': False,
'html': False,
'ignore_filename_paddings': False,
'png8': False,
'ratios': '',
'retina': False,
'separator': '-',
'optipngpath': 'optipng',
'optipng': False,
'project': False,
'quiet': False,
'cachebuster': False,
'cachebuster-filename': False,
'global_template':
('%(all_classes)s{background-image:url(%(sprite_url)s);'
'background-repeat:no-repeat}\n'),
'each_template':
('%(class_name)s{background-position:%(x)s %(y)s;'
'width:%(width)s;height:%(height)s;}\n'),
'ratio_template':
('@media '
'only screen and (-webkit-min-device-pixel-ratio: %(ratio)s), '
'only screen and (min--moz-device-pixel-ratio: %(ratio)s), '
'only screen and (-o-min-device-pixel-ratio: %(ratio_fraction)s), '
'only screen and (min-device-pixel-ratio: %(ratio)s) {'
'%(all_classes)s{background-image:url(%(sprite_url)s);'
'-webkit-background-size: %(width)s %(height)s;'
'-moz-background-size: %(width)s %(height)s;'
'background-size: %(width)s %(height)s;'
'}}\n')
}
TEST_HTML_TEMPLATE = """
<html><head><title>Glue Sprite Test Html</title>
<link rel="stylesheet" type="text/css" href="%(css_url)s"></head><body>
<style type="text/css">tr div:hover{ border:1px solid #ccc;}
tr div{ border:1px solid white;}</style><h1>CSS Classes</h1><table>
<tr><th>CSS Class</th><th>Result</th></tr>%(sprites)s</table>
<p><em>Generated using <a href="http://gluecss.com"/>Glue v%(version)s</a>
</em></p></body></html>
"""
TEST_HTML_SPRITE_TEMPLATE = """
<tr><td>.%(class_name)s </td><td><div class="%(class_name)s"></div></td></tr>
"""
class MultipleImagesWithSameNameError(Exception):
"""Raised if two images pretend to generate the same CSS class name."""
error_code = 2
class SourceImagesNotFoundError(Exception):
"""Raised if a folder doesn't contain any valid image."""
error_code = 3
class NoSpritesFoldersFoundError(Exception):
"""Raised if no sprites folders could be found."""
error_code = 4
class InvalidImageAlgorithmError(Exception):
"""Raised if the provided algorithm name is invalid."""
error_code = 5
class InvalidImageOrderingError(Exception):
"""Raised if the provided ordering is invalid."""
error_code = 6
class PILUnavailableError(Exception):
"""Raised if some PIL decoder isn't available."""
error_code = 7
class _Missing(object):
""" Missing object necessary for cached_property"""
def __repr__(self):
return 'no value'
def __reduce__(self):
return '_missing'
_missing = _Missing()
class cached_property(object):
"""
Decorator inspired/copied from mitsuhiko/werkzeug.
A decorator that converts a function into a lazy property. The
function wrapped is called the first time to retrieve the result
and then that calculated result is used the next time you access
the value"""
def __init__(self, func, name=None, doc=None):
self.__name__ = name or func.__name__
self.__module__ = func.__module__
self.__doc__ = doc or func.__doc__
self.func = func
def __get__(self, obj, type=None):
if obj is None:
return self
value = obj.__dict__.get(self.__name__, _missing)
if value is _missing:
value = self.func(obj)
obj.__dict__[self.__name__] = value
return value
def round_up(value):
int_value = int(value)
return int_value + 1 if value != int_value else int_value
def nearest_fration(value):
"""
Return the nearest fraction.
If fraction.Fraction is not available, return a fraction.
Note: used for Opera CSS pixel-ratio media queries.
"""
try:
from fraction import Fraction
return str(Fraction(value))
except ImportError:
return '%i/100' % int(float(value) * 100)
class SquareAlgorithmNode(object):
def __init__(self, x=0, y=0, width=0, height=0, used=False,
down=None, right=None):
"""Node constructor.
:param x: X coordinate.
:param y: Y coordinate.
:param width: Image width.
:param height: Image height.
:param used: Flag to determine if the node is used.
:param down: Down :class:`~Node`.
:param right Right :class:`~Node`.
"""
self.x = x
self.y = y
self.width = width
self.height = height
self.used = used
self.right = right
self.down = down
def find(self, node, width, height):
"""Find a node to allocate this image size (width, height).
:param node: Node to search in.
:param width: Pixels to grow down (width).
:param height: Pixels to grow down (height).
"""
if node.used:
return self.find(node.right, width, height) or \
self.find(node.down, width, height)
elif node.width >= width and node.height >= height:
return node
return None
def grow(self, width, height):
""" Grow the canvas to the most appropriate direction.
:param width: Pixels to grow down (width).
:param height: Pixels to grow down (height).
"""
can_grow_d = width <= self.width
can_grow_r = height <= self.height
should_grow_r = can_grow_r and self.height >= (self.width + width)
should_grow_d = can_grow_d and self.width >= (self.height + height)
if should_grow_r:
return self.grow_right(width, height)
elif should_grow_d:
return self.grow_down(width, height)
elif can_grow_r:
return self.grow_right(width, height)
elif can_grow_d:
return self.grow_down(width, height)
return None
def grow_right(self, width, height):
"""Grow the canvas to the right.
:param width: Pixels to grow down (width).
:param height: Pixels to grow down (height).
"""
old_self = copy.copy(self)
self.used = True
self.x = self.y = 0
self.width += width
self.down = old_self
self.right = SquareAlgorithmNode(x=old_self.width,
y=0,
width=width,
height=self.height)
node = self.find(self, width, height)
if node:
return self.split(node, width, height)
return None
def grow_down(self, width, height):
"""Grow the canvas down.
:param width: Pixels to grow down (width).
:param height: Pixels to grow down (height).
"""
old_self = copy.copy(self)
self.used = True
self.x = self.y = 0
self.height += height
self.right = old_self
self.down = SquareAlgorithmNode(x=0,
y=old_self.height,
width=self.width,
height=height)
node = self.find(self, width, height)
if node:
return self.split(node, width, height)
return None
def split(self, node, width, height):
"""Split the node to allocate a new one of this size.
:param node: Node to be splitted.
:param width: New node width.
:param height: New node height.
"""
node.used = True
node.down = SquareAlgorithmNode(x=node.x,
y=node.y + height,
width=node.width,
height=node.height - height)
node.right = SquareAlgorithmNode(x=node.x + width,
y=node.y,
width=node.width - width,
height=height)
return node
class SquareAlgorithm(object):
def process(self, sprite):
root = SquareAlgorithmNode(width=sprite.images[0].absolute_width,
height=sprite.images[0].absolute_height)
# Loot all over the images creating a binary tree
for image in sprite.images:
node = root.find(root, image.absolute_width, image.absolute_height)
if node: # Use this node
node = root.split(node, image.absolute_width,
image.absolute_height)
else: # Grow the canvas
node = root.grow(image.absolute_width, image.absolute_height)
image.x = node.x
image.y = node.y
class VerticalAlgorithm(object):
def process(self, sprite):
y = 0
for image in sprite.images:
image.x = 0
image.y = y
y += image.absolute_height
class VerticalRightAlgorithm(object):
def process(self, sprite):
max_width = max([i.width for i in sprite.images])
y = 0
for image in sprite.images:
image.x = max_width - image.width
image.y = y
y += image.absolute_height
class HorizontalAlgorithm(object):
def process(self, sprite):
x = 0
for image in sprite.images:
image.y = 0
image.x = x
x += image.absolute_width
class HorizontalBottomAlgorithm(object):
def process(self, sprite):
max_height = max([i.height for i in sprite.images])
x = 0
for image in sprite.images:
image.y = max_height - image.height
image.x = x
x += image.absolute_width
class DiagonalAlgorithm(object):
def process(self, sprite):
x = y = 0
for image in sprite.images:
image.x = x
image.y = y
x += image.absolute_width
y += image.absolute_height
ALGORITHMS = {'square': SquareAlgorithm,
'vertical': VerticalAlgorithm,
'vertical-right': VerticalRightAlgorithm,
'horizontal': HorizontalAlgorithm,
'horizontal-bottom': HorizontalBottomAlgorithm,
'diagonal': DiagonalAlgorithm}
class Image(object):
def __init__(self, name, sprite):
"""Image constructor
:param name: Image name.
:param sprite: :class:`~Sprite` instance for this image."""
self.x = None
self.y = None
self.name = name
self.sprite = sprite
self.filename, self.format = name.rsplit('.', 1)
pseudo = set(self.filename.split('_')).intersection(PSEUDO_CLASSES)
self.pseudo = ':%s' % list(pseudo)[-1] if pseudo else ''
image_path = os.path.join(sprite.path, name)
image_file = open(image_path, "rb")
try:
source_image = PImage.open(image_file)
source_image.load()
self.image = PImage.new('RGBA', source_image.size, (0, 0, 0, 0))
if source_image.mode == 'L':
alpha = source_image.split()[0]
transparency = source_image.info.get('transparency')
mask = PImage.eval(alpha, lambda a: 0 if a == transparency else 255)
self.image.paste(source_image, (0, 0), mask=mask)
else:
self.image.paste(source_image, (0, 0))
except IOError, e:
raise PILUnavailableError(e.args[0].split()[1])
image_file.close()
if self.sprite.config.crop:
self._crop_image()
self.width, self.height = self.image.size
margin = int(self.sprite.config.margin)
# Both absolute_width and absolute_height are the real absolute space
# that we need to allocate into the sprite for this image.
# It's calculated using the width/height, padding and margin
# of this image multiplied by the max_ratio.
self.absolute_width = round_up(self.width +
(self.horizontal_padding + 2 * margin) * self.sprite.max_ratio)
self.absolute_height = round_up(self.height +
(self.vertical_padding + 2 * margin) * self.sprite.max_ratio)
def _crop_image(self):
"""Crop the image searching for the smallest possible bounding box
without losing any non-transparent pixel.
This crop is only used if the crop flag is set in the config.
"""
width, height = self.image.size
maxx = maxy = 0
minx = miny = sys.maxint
for x in xrange(width):
for y in xrange(height):
if y > miny and y < maxy and maxx == x:
continue
if self.image.getpixel((x, y)) != TRANSPARENT:
if x < minx:
minx = x
if x > maxx:
maxx = x
if y < miny:
miny = y
if y > maxy:
maxy = y
self.image = self.image.crop((minx, miny, maxx + 1, maxy + 1))
def _generate_padding(self, padding):
"""Return a 4-elements list with the desired padding.
:param padding: Padding as a list or a raw string representing
the padding for this image."""
if type(padding) == str:
padding = padding.replace('px', '').split()
if len(padding) == 4:
padding = padding
elif len(padding) == 3:
padding = padding + [padding[1]]
elif len(padding) == 2:
padding = padding * 2
elif len(padding) == 1:
padding = padding * 4
else:
padding = [DEFAULT_SETTINGS['padding']] * 4
return map(int, padding)
@cached_property
def class_name(self):
"""Return the CSS class name for this file.
This CSS class name will have the following format:
``.[namespace]-[sprite_name]-[image_name]{ ... }``
The image_name will only contain alphanumeric characters,
``-`` and ``_``. The default namespace is ``sprite``, but it could
be overridden using the ``--namespace`` optional argument.
* ``animals/cat.png`` will be ``.sprite-animals-cat``
* ``animals/cow_20.png`` will be ``.sprite-animals-cow``
* ``animals/cat_hover.png`` will be ``.sprite-animals-cat:hover``
* ``animals/cow_20_hover.png`` will be ``.sprite-animals-cow:hover``
The separator used is also configurable using the ``--separator``
option. For a camelCase representation of the CSS class name use
``camelcase`` as separator.
"""
name = self.filename
# Remove padding information
if not self.sprite.manager.config.ignore_filename_paddings:
padding_info_name = '-'.join(self._padding_info)
if padding_info_name:
padding_info_name = '_%s' % padding_info_name
name = name.replace(padding_info_name, '')
# Remove pseudo-class information
if self.pseudo:
name = name.replace('_%s' % self.pseudo[1:], '')
# Clean filename
name = re.sub(r'[^\w\-_]', '', name)
# Customize the name if necessary
separator = self.sprite.manager.config.separator
if separator == CAMELCASE_SEPARATOR:
separator = ''
if self.sprite.namespace:
name = name[:1].capitalize() + name[1:]
# Add pseudo-class information
name = '%s%s' % (name, self.pseudo)
return separator.join([self.sprite.namespace, name])
@cached_property
def _padding_info(self):
"""Return the padding information from the filename."""
for block in self.filename.split('_')[:0:-1]:
if PADDING_REGEXP.match(block):
return block.split('-')
return []
@cached_property
def padding(self):
"""Return the padding for this image based on the filename and
the sprite settings file.
* ``filename.png`` will have the default padding ``10px``.
* ``filename_20.png`` -> ``20px`` all around the image.
* ``filename_1-2-3.png`` -> ``1px 2px 3px 2px`` around the image.
* ``filename_1-2-3-4.png`` -> ``1px 2px 3px 4px`` around the image.
"""
padding = self._padding_info
if len(padding) == 0 or \
self.sprite.manager.config.ignore_filename_paddings:
padding = self.sprite.config.padding
return self._generate_padding(padding)
@cached_property
def horizontal_padding(self):
return self.padding[1] + self.padding[3]
@cached_property
def vertical_padding(self):
return self.padding[0] + self.padding[2]
def __lt__(self, img):
"""Use maxside, width, height or area as ordering algorithm.
:param img: Another :class:`~Image`."""
ordering = self.sprite.config.ordering
ordering = ordering[1:] if ordering.startswith('-') else ordering
if ordering not in ORDERINGS:
raise InvalidImageOrderingError(ordering)
if ordering == 'width':
return self.absolute_width <= img.absolute_width
elif ordering == 'height':
return self.absolute_height <= img.absolute_height
elif ordering == 'area':
return self.absolute_width * self.absolute_height <= \
img.absolute_width * img.absolute_height
else:
return max(self.absolute_width, self.absolute_height) <= \
max(img.absolute_width, img.absolute_height)
class Sprite(object):
def __init__(self, name, path, manager):
"""Sprite constructor.
:param name: Sprite name.
:param path: Sprite path
:param manager: Sprite manager. :class:`~ProjectSpriteManager` or
:class:`SimpleSpriteManager`"""
self.name = name
self.manager = manager
self.images = []
self.path = path
self.cachebuster_hash = ''
self.config = manager.config.extend(get_file_config(self.path))
# Build the set of ratios this sprite needs.
ratios = self.config.ratios.split(',')
self.ratios = set([float(r.strip()) for r in ratios if r.strip()])
# If the retina shortcut is in use add 2.0 as a required ratio.
if self.config.retina:
self.ratios.add(2.0)
# Always add 1.0 as a required ratio
self.ratios.add(1.0)
# Create a sorted list of ratios
self.ratios = sorted(self.ratios)
self.process()
def process(self):
"""Process a sprite path searching for all the images and then
allocate all of them in the most appropriate position.
"""
algorithm = ALGORITHMS.get(self.config.algorithm)
if not algorithm:
raise InvalidImageAlgorithmError(self.config.algorithm)
self.algorithm = algorithm()
self.images = self._locate_images()
self.algorithm.process(self)
def _locate_images(self):
"""Return all valid images within a folder.
All files with a extension not included i
(png, jpg, jpeg and gif) or beginning with '.' will be ignored.
If the folder doesn't contain any valid image it will raise
:class:`~MultipleImagesWithSameNameError`
The list of images will be ordered using the desired ordering
algorithm. The default is 'maxside'.
"""
extensions = '|'.join(VALID_IMAGE_EXTENSIONS)
extension_re = re.compile('.+\.(%s)$' % extensions, re.IGNORECASE)
files = sorted(os.listdir(self.path))
images = [Image(n, sprite=self) for n in files if \
not n.startswith('.') and \
extension_re.match(n)]
if not len(images):
raise SourceImagesNotFoundError()
# Check if there are duplicate class names
class_names = [i.class_name for i in images]
if len(set(class_names)) != len(images):
dup = [i for i in images if class_names.count(i.class_name) > 1]
raise MultipleImagesWithSameNameError(dup)
for image in images:
self.manager.log("\t %s => .%s" % (image.name, image.class_name))
return sorted(images, reverse=self.config.ordering[0] != '-')
@cached_property
def canvas_size(self):
"""Return the width and height for this sprite canvas"""
width = height = 0
for image in self.images:
x = image.x + image.absolute_width
y = image.y + image.absolute_height
if width < x:
width = x
if height < y:
height = y
return round_up(width), round_up(height)
def save_image(self):
"""Create the image file for this sprite."""
self.manager.log("Creating '%s' image file..." % self.name)
# Create the sprite canvas
width, height = self.canvas_size
canvas = PImage.new('RGBA', (width, height), (0, 0, 0, 0))
# Paste the images inside the canvas
margin = int(self.config.margin)
for image in self.images:
canvas.paste(image.image,
(round_up(image.x + (image.padding[3] + margin) * self.max_ratio),
round_up(image.y + (image.padding[0] + margin) * self.max_ratio)))
if self.config.cachebuster or self.config.cachebuster_filename:
self.cachebuster_hash = hashlib.sha1(canvas.tostring()
).hexdigest()[:6]
# Customize how the png is going to be saved
kwargs = dict(optimize=True)
if self.config.png8:
# Get the alpha band
alpha = canvas.split()[-1]
canvas = canvas.convert('RGB'
).convert('P',
palette=PImage.ADAPTIVE,
colors=255)
# Set all pixel values below 128 to 255, and the rest to 0
mask = PImage.eval(alpha, lambda a: 255 if a <= 128 else 0)
# Paste the color of index 255 and use alpha as a mask
canvas.paste(255, mask)
kwargs.update({'transparency': 255})
# Loop all over the ratios and save one image for each one
for ratio in self.ratios:
sprite_image_path = self.image_path(ratio)
# If this canvas isn't the biggest one scale it using the ratio
if self.max_ratio != ratio:
reduced_canvas = canvas.resize(
(round_up((width / self.max_ratio) * ratio),
round_up((height / self.max_ratio) * ratio)),
PImage.ANTIALIAS)
else:
reduced_canvas = canvas
save = lambda: reduced_canvas.save(sprite_image_path, **kwargs)
save()
# Optimize the image using optipng, if for some reason, it fails
# rollback to the original one.
if self.config.optipng:
command = ["%s %s" % (self.config.optipngpath,
sprite_image_path)]
error = subprocess.call(command,
shell=True,
stdin=subprocess.PIPE,
stdout=subprocess.PIPE)
if error:
self.manager.log("Error: optipng has failed, reverting to "
"the original file.")
save()
def save_css(self):
"""Create the CSS or LESS file for this sprite."""
format = 'less' if self.config.less else 'css'
self.manager.log("Creating '%s' %s file..." % (self.name, format))
output_path = self.manager.output_path('css')
filename = '%s.%s' % (self.filename, format)
css_filename = os.path.join(output_path, filename)
# Fix css urls on Windows
css_filename = '/'.join(css_filename.split('\\'))
css_file = open(css_filename, 'w')
# get all the class names and join them
class_names = ',\n'.join(['.%s' % i.class_name for i in self.images \
if ':' not in i.class_name])
# add the global style for all the sprites for less bloat
template = self.config.global_template.decode('unicode-escape')
css_file.write(template % {'all_classes': class_names,
'sprite_url': self.image_url(),
'namespace': self.namespace})
# compile one template for each file
margin = int(self.config.margin)
for image in self.images:
x = '%spx' % round_up((image.x * -1 - margin * self.max_ratio) / self.max_ratio)
y = '%spx' % round_up((image.y * -1 - margin * self.max_ratio) / self.max_ratio)
height = '%spx' % round_up((image.height / self.max_ratio) + image.vertical_padding)
width = '%spx' % round_up((image.width / self.max_ratio) + image.horizontal_padding)
template = self.config.each_template.decode('unicode-escape')
css_file.write(template % {'class_name': '.%s' % image.class_name,
'sprite_url': self.image_url(),
'height': height,
'width': width,
'y': y,
'x': x})
# If we have some additional ratio, we need to add one media query
# for each one.
if len(self.ratios) > 1:
canvas_size = zip(('width', 'height'),
map(lambda s: '%spx' % int(s / self.max_ratio),
self.canvas_size))
for ratio in self.ratios:
if ratio != 1:
data = dict(ratio=ratio,
ratio_fraction=nearest_fration(ratio),
sprite_url=self.image_url(ratio),
all_classes=class_names,
**dict(canvas_size))
css_file.write(self.config.ratio_template % data)
css_file.close()
def save_html(self):
self.manager.log("Creating '%s' html file..." % self.name)
output_path = self.manager.output_path('css')
filename = '%s.html' % self.filename
html_filename = os.path.join(output_path, filename)
# CSS output format
format = 'less' if self.config.less else 'css'
# Fix css urls on Windows
html_filename = '/'.join(html_filename.split('\\'))
html_file = open(html_filename, 'w')
# get all the class names and join them
class_names = [i.class_name for i in self.images \
if ':' not in i.class_name]
sprite_template = TEST_HTML_SPRITE_TEMPLATE.decode('unicode-escape')
sprites_html = [sprite_template % {'class_name':c} for c in class_names]
file_template = TEST_HTML_TEMPLATE.decode('unicode-escape')
html_file.write(file_template % {'sprites': ''.join(sprites_html),
'css_url': '%s.%s' % (self.filename, format),
'version': __version__})
html_file.close()
@cached_property
def namespace(self):
"""Return the namespace for this sprite."""
namespace = [self.name]
separator = self.config.separator
if self.config.namespace:
namespace.insert(0, self.config.namespace)
if separator == CAMELCASE_SEPARATOR:
namespace = [n.lower().capitalize() if i > 0 else n.lower() \
for i, n in enumerate(namespace)]
separator = ''
return separator.join(namespace)
@cached_property
def filename(self):
"""Return the desired filename for files generated by this sprite."""
if self.config.cachebuster_filename:
return '%s_%s' % (self.name, self.cachebuster_hash)
return self.name
def image_path(self, ratio=1):
reference = self.__get_reference(ratio)
"""Return the output path for the image file.
:param ratio: Ratio.
"""
return os.path.join(self.manager.output_path('img'),
'%s%s.png' % (self.filename, reference))
def __get_reference(self, ratio):
""" Return the reference @Nx for this ratio.
:param ratio: Ratio.
"""
reference = '@%.1fx' % ratio if int(ratio) != ratio else '@%ix' % ratio
if reference == '@1x':
reference = ''
return reference
@cached_property
def max_ratio(self):
""" Return the maximum ratio """
return max(self.ratios)
def image_url(self, ratio=1):
"""Return the sprite image url.
:param ratio: Ratio.
"""
url = os.path.relpath(self.image_path(ratio),
self.manager.output_path('css'))
if self.config.url:
url = os.path.join(self.config.url, '%s.png' % self.filename)
if self.config.cachebuster:
url = "%s?%s" % (url, self.cachebuster_hash)
return url
class ConfigManager(object):
"""Manage all the available configuration.
If no config is available, return the default one."""
def __init__(self, *args, **kwargs):
"""ConfigManager constructor.
:param *args: List of config dictionaries. The order of this list is
important because as soon as a config property
is available it will be returned.
:param defaults: Dictionary with the default configuration.
:param priority: Dictionary with the command line configuration. This
configuration will override any other from any source.
"""
self.defaults = kwargs.get('defaults', {})
self.priority = kwargs.get('priority', {})
self.sources = list(args)
self._cache = {}
def extend(self, config):
"""Return a new :class:`~ConfigManager` instance with this new config
inside the sources list.
:param config: Dictionary with the new config.
"""
return self.__class__(config, priority=self.priority,
defaults=self.defaults, *self.sources)
def __getattr__(self, name):
"""Return the first available configuration value for this key. This
method always prioritizes the command line configuration. If this key
is not available within any configuration dictionary, it returns the
default value
:param name: Configuration property name.
"""
if name in self._cache:
return self._cache[name]
sources = [self.priority] + self.sources
for source in sources:
value = source.get(name)
if value is not None:
self._cache[name] = value
break
if name not in self._cache:
self._cache[name] = self.defaults.get(name)
return self._cache[name]
class BaseManager(object):
def __init__(self, path, config, output=None):
"""BaseManager constructor.
:param path: Sprite path.
:param config: :class:`~ConfigManager` instance with all the
configuration for this sprite.
:param output: output dir.
"""
self.path = path
self.config = config
self.output = output
self.sprites = []
def process_sprite(self, path, name):
"""Create a new Sprite using this path and name and append it to the
sprites list.
:param path: Sprite path.
:param name: Sprite name.
"""
self.log("Processing '%s':" % name)
sprite = Sprite(name=name, path=path, manager=self)
self.sprites.append(sprite)
def save(self):
"""Save all the sprites inside this manager."""
for sprite in self.sprites:
sprite.save_image()
sprite.save_css()
if sprite.manager.config.html:
sprite.save_html()
def output_path(self, format):
"""Return the path where all the generated files will be saved.
:param format: File format.
"""
if format == 'css' and self.config.css_dir:
sprite_output_path = self.config.css_dir
elif format == 'img' and self.config.img_dir:
sprite_output_path = self.config.img_dir
else:
sprite_output_path = self.output
if not os.path.exists(sprite_output_path):
os.makedirs(sprite_output_path)
return sprite_output_path
def log(self, message):
"""Print the message if necessary.
:param message: Message to log.
"""
if not self.config.quiet:
print(message)
def process(self):