Remove all logos, replace PNG with SVG

[gruntmaster-page.git] / make_static.PL

diff --git a/make_static.PL b/make_static.PL
index ea060bc001e7984c6a303969ec1d30ac97858e2a..24e56a8bfcb67c370dc26cc84e26043a49ad90fc 100644 (file)
--- a/make_static.PL
+++ b/make_static.PL
@@ -3,46 +3,47 @@ use v5.14;
 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);
@@ -75,24 +76,20 @@ sub make_css {
                }
        }
 
-       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
        }
 }
@@ -119,24 +116,3 @@ edit_file_lines {
        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;
-}