Merge branch 'master' into newmc

[gruntmaster-page.git] / make_static.PL

diff --git a/make_static.PL b/make_static.PL
index a47df2d8511d289c6ca62eee73a9bd5fe06ccd69..ea060bc001e7984c6a303969ec1d30ac97858e2a 100644 (file)
--- a/make_static.PL
+++ b/make_static.PL
@@ -2,23 +2,141 @@
 use v5.14;
 use warnings;
 
-use CSS::Minifier::XS qw//;
-use JavaScript::Minifier::XS qw//;
-
-use File::Slurp qw/read_file write_file/;
+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 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';
+}
+
+sub gzip_file {
+       my ($file) = @_;
+       gzip $file => "$file.gz", -Level => 9, Minimal => 1;
+}
+
+sub read_css_into_blocks {
+       my ($file) = @_;
+       my (@blocks, $block);
+       for (read_file $file) {
+               $block .= $_;
+               if (/^}/) {
+                       push @blocks, $block;
+                       $block = '';
+               }
+       }
+       \@blocks
+}
+
+sub make_css {
+       my %css;
+       $css{common} .= read_file $_ for <css/*.css>;
+
+       my (%themes, $rndtheme);
+       for (<css/themes/*>) {
+               ($rndtheme) = m,themes/(.*)\.css,;
+               $themes{$rndtheme} = read_css_into_blocks $_;
+       }
+
+       while (grep { scalar @$_ } values %themes) {
+               my %blocks = map { $_ => (shift @{$themes{$_}}) // '' } keys %themes;
+               if (grep { $_ ne $blocks{$rndtheme} } values %blocks) {
+                       $css{$_} .= $blocks{$_} for keys %themes;
+               } else {
+                       $css{common} .= $blocks{$rndtheme};
+               }
+       }
 
-my $common_css;
-$common_css .= read_file $_ for <css/*.css>;
-for (<css/themes/*>) {
-       my ($theme) = m,themes/(.*)\.css,;
-       my $css = read_file $_;
-       $css .= $common_css;
-       write_file "static/css/$theme.css", CSS::Minifier::XS::minify $css;
+       for my $name (keys %css) {
+               write_file "static/css/$name.css", minify $css{$name};
+               gzip_file "static/css/$name.css"
+       }
 }
 
-my $js;
-$js .= read_file $_ for <js/*.js>;
-write_file 'static/js.js', JavaScript::Minifier::XS::minify $js;
+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;
+       system 'cp', '-rp', 'js', 'static/';
+       gzip_file 'static/js/all.js';
+}
+
+my $sprite_mtime = -M 'static/logos.png' // 0;
+for (<logos/*>) {
+       if (!$sprite_mtime || $sprite_mtime > -M) {
+               make_sprite;
+               last
+       }
+}
+
+my $css_mtime = -M 'static/css/slate.css' // 0;
+for (<css/*>, <css/themes/*>) {
+       if (!$css_mtime || $css_mtime > -M) {
+               make_css;
+               last
+       }
+}
+
+my $js_mtime = -M 'static/js/all.js' // 0;
+for (<js/*>) {
+       if (!$js_mtime || $js_mtime > -M) {
+               make_js;
+               last
+       }
+}
+
+edit_file_lines {
+       my ($file) = m,(static.*\.(?:css|js)),;
+       return unless $file;
+       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;
+}