use warnings;
use CSS::Minifier::XS qw/minify/;
-use CSS::SpriteMaker;
use Digest::SHA qw/sha256_base64/;
use IO::Compress::Gzip qw/gzip/;
use File::Slurp qw/read_file write_file edit_file_lines/;
+use SVG::SpriteMaker;
use List::Util qw/first/;
mkdir 'static';
mkdir 'static/css';
mkdir 'static/js';
-
-sub make_sprite {
- my $maker = Local::CSS::SpriteMaker->new(
- css_class_prefix => 'logo-',
- rc_override_classname => sub {
- my ($name) = @_;
- $name =~ s/-light/.logo-light/r;
- }
- );
-
- $maker->make_sprite(
- source_images => ['logos/'],
- target_file => 'static/logos.png',
- add_extra_padding => 10,
- );
-
- $maker->print_css(
- filename => 'css/logos.css',
- sprite_filename => '/static/logos.png',
- );
-
- system 'pngnq-s9', '-s1', 'static/logos.png';
- system 'optipng', '-o7', '-zm1-9', 'static/logos-nq8.png';
- rename 'static/logos-nq8.png', 'static/logos.png';
-}
+mkdir 'static/logos';
sub gzip_file {
my ($file) = @_;
gzip $file => "$file.gz", -Level => 9, Minimal => 1;
}
+sub write_gzfile {
+ my ($file, @content) = @_;
+ write_file $file, @content;
+ gzip_file $file
+}
+
+sub sprite_name {
+ my ($name) = $_[0] =~ m,/(.*)\.svg,;
+ "logo-$name"
+}
+
+sub make_logos {
+ my @logos = <logos/*>;
+ my $logos = make_sprite \&sprite_name, @logos;
+ my @logos_light;
+ for (<logos/*>) {
+ my $light = s/logos/logos-light/r;
+ push @logos_light, -f $light ? $light : $_;
+ }
+ my $logos_light = make_sprite \&sprite_name, @logos_light;
+
+ write_gzfile 'static/logos/dark.svg', $logos->render;
+ write_gzfile 'static/logos/light.svg', $logos_light->render;
+}
+
sub read_css_into_blocks {
my ($file) = @_;
my (@blocks, $block);
}
}
- for my $name (keys %css) {
- write_file "static/css/$name.css", minify $css{$name};
- gzip_file "static/css/$name.css"
- }
+ write_gzfile "static/css/$_.css", minify $css{$_} for keys %css
}
sub make_js {
system java => -jar => 'compiler.jar', qw,-O SIMPLE --create_source_map static/js/js.map --js_output_file static/js/all.js --language_in ECMASCRIPT6_STRICT --language_out ECMASCRIPT5_STRICT --source_map_location_mapping js/|/static/js/,, <js/*>;
my $js = read_file 'static/js/all.js';
- write_file 'static/js/all.js', '//# sourceMappingURL=/static/js/js.map', "\n", $js;
+ write_gzfile 'static/js/all.js', '//# sourceMappingURL=/static/js/js.map', "\n", $js;
system 'cp', '-rp', 'js', 'static/';
- gzip_file 'static/js/all.js';
}
-my $sprite_mtime = -M 'static/logos.png' // 0;
-for (<logos/*>) {
+my $sprite_mtime = -M 'static/logos/dark.svg' // 0;
+for (<logos/*>, <logos-light/*>) {
if (!$sprite_mtime || $sprite_mtime > -M) {
- make_sprite;
+ make_logos;
last
}
}
my $hash = sha256_base64 scalar read_file $file;
s/integrity=".*"/integrity="sha256-$hash="/;
} 'tmpl/skel.en';
-
-package
- Local::CSS::SpriteMaker;
-
-use parent qw/CSS::SpriteMaker/;
-
-sub _get_stylesheet_string {
- my $self = shift;
- my @ret = split "\n", $self->SUPER::_get_stylesheet_string(@_);
- shift @ret;
- @ret = sort @ret;
- unshift @ret, <<EOF;
-a.logo {
- background-image: url("/static/logos.png");
- background-repeat: no-repeat;
- display: inline-block;
- vertical-align: middle;
-}
-EOF
- join "\n", @ret;
-}