X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=make_static.PL;h=ea060bc001e7984c6a303969ec1d30ac97858e2a;hb=4bf1c3e5f36dcf283517de28b92c4ae7ed10edf0;hp=44ef19e253ea28cde50b7f92d0643477f8d62f2a;hpb=f57a9178d3c6982315f7c5b5b01be79abafeffa6;p=plack-app-gruntmaster.git

diff --git a/make_static.PL b/make_static.PL
index 44ef19e..ea060bc 100644
--- a/make_static.PL
+++ b/make_static.PL
@@ -2,41 +2,101 @@
 use v5.14;
 use warnings;
 
-use CSS::Minifier::XS qw//;
-
+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 $common_css;
-	$common_css .= read_file $_ for <css/*.css>;
+	my %css;
+	$css{common} .= read_file $_ for <css/*.css>;
+
+	my (%themes, $rndtheme);
 	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;
-		gzip_file "static/css/$theme.css";
+		($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};
+		}
+	}
+
+	for my $name (keys %css) {
+		write_file "static/css/$name.css", minify $css{$name};
+		gzip_file "static/css/$name.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 ECMASCRIPT5_STRICT --source_map_location_mapping js/|/static/js/,, <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) {
@@ -45,7 +105,7 @@ for (<css/*>, <css/themes/*>) {
 	}
 }
 
-my $js_mtime = -M 'static/js.js' // 0;
+my $js_mtime = -M 'static/js/all.js' // 0;
 for (<js/*>) {
 	if (!$js_mtime || $js_mtime > -M) {
 		make_js;
@@ -58,4 +118,25 @@ edit_file_lines {
 	return unless $file;
 	my $hash = sha256_base64 scalar read_file $file;
 	s/integrity=".*"/integrity="sha256-$hash="/;
-} 'tmpl/skel.en'
+} '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;
+}