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 File::Which;
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;
+ my $zopfli = which 'zopfli';
+ system $zopfli => $file if $zopfli;
+ gzip $file => "$file.gz", -Level => 9, Minimal => 1 unless $zopfli;
+}
+
+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 {
\@blocks
}
+my $default_theme = 'cyborg';
+
+sub theme_prefix {
+ my ($theme, $decl, $default) = @_;
+ return $decl if $theme eq $default_theme || !$decl;
+ return '' if $decl eq $default;
+
+ $default =~ s/[^{]*{\n//;
+ $default =~ s/\n}[^}]*//;
+ $decl =~ s/^$_$//m for split "\n", $default;
+ $decl =~ s/\n+/\n/g;
+
+ my $prefix = "html.$theme";
+ my ($first_line) = $decl =~ /([^{]*){/;
+ $first_line =~ s/(,\s+)/$1 $prefix /g;
+ $first_line = "$prefix $first_line";
+ $decl =~ s/([^{]*){/$first_line\{/;
+ $decl
+}
+
sub make_css {
- my %css;
- $css{common} .= read_file $_ for <css/*.css>;
+ my $css = join '', map { read_file $_ } <css/*.css>;
- my (%themes, $rndtheme);
+ my (%themes);
for (<css/themes/*>) {
- ($rndtheme) = m,themes/(.*)\.css,;
- $themes{$rndtheme} = read_css_into_blocks $_;
+ my ($theme) = m,themes/(.*)\.css,;
+ $themes{$theme} = read_css_into_blocks $_;
}
+ my @themes = sort grep { $_ ne $default_theme } keys %themes;
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};
- }
+ $css .= $blocks{$default_theme};
+ $css .= theme_prefix $_, $blocks{$_}, $blocks{$default_theme} for @themes
}
- for my $name (keys %css) {
- write_file "static/css/$name.css", minify $css{$name};
- gzip_file "static/css/$name.css"
- }
+ write_gzfile "static/css/all.css", minify $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 $css_mtime = -M 'static/css/slate.css' // 0;
+my $css_mtime = -M 'static/css/all.css' // 0;
for (<css/*>, <css/themes/*>) {
if (!$css_mtime || $css_mtime > -M) {
make_css;
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;
-}