use v5.14;
use warnings;
-use CSS::Minifier::XS qw//;
-use CSS::SpriteMaker;
-use JavaScript::Minifier::XS qw//;
-
-use File::Slurp qw/read_file write_file/;
+use CSS::Minifier::XS qw/minify/;
+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';
+mkdir 'static/logos';
+
+sub gzip_file {
+ my ($file) = @_;
+ 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_sprite {
- my $maker = Local::CSS::SpriteMaker->new(
- css_class_prefix => 'logo-',
- rc_override_classname => sub {
- my ($name) = @_;
- $name =~ s/-light/.logo-light/r;
+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 (read_file $file) {
+ $block .= $_;
+ if (/^}/) {
+ push @blocks, $block;
+ $block = '';
}
- );
+ }
+ \@blocks
+}
+
+my $default_theme = 'cyborg';
- $maker->make_sprite(
- source_images => ['logos/'],
- target_file => 'static/logos.png',
- add_extra_padding => 10,
- );
+sub theme_prefix {
+ my ($theme, $decl, $default) = @_;
+ return $decl if $theme eq $default_theme || !$decl;
+ return '' if $decl eq $default;
- $maker->print_css(
- filename => 'css/logos.css',
- sprite_filename => 'https://static.mindcoding.ro/static/logos.png',
- );
+ $default =~ s/[^{]*{\n//;
+ $default =~ s/\n}[^}]*//;
+ $decl =~ s/^$_$//m for split "\n", $default;
+ $decl =~ s/\n+/\n/g;
- system 'optipng', '-o7', '-zm1-9', 'static/logos.png';
+ 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 $common_css;
- $common_css .= read_file $_ for <css/*.css>;
+ my $css = join '', map { read_file $_ } <css/*.css>;
+
+ my (%themes);
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;
+ $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;
+ $css .= $blocks{$default_theme};
+ $css .= theme_prefix $_, $blocks{$_}, $blocks{$default_theme} for @themes
+ }
+
+ write_gzfile "static/css/all.css", minify $css
}
sub make_js {
- if (-f 'compiler.jar') {
- system java => -jar => 'compiler.jar', qw,-O SIMPLE --create_source_map static/js.map --js_output_file static/js.js --language_in ECMASCRIPT5_STRICT --source_map_location_mapping js/|/static/js/,, <js/*>;
- my $js = read_file 'static/js.js';
- write_file 'static/js.js', '//# sourceMappingURL=/static/js.map', "\n", $js;
- system 'cp', '-rp', 'js', 'static/';
- } else {
- my $js;
- $js .= read_file $_ for <js/*.js>;
- write_file 'static/js.js', JavaScript::Minifier::XS::minify $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_gzfile 'static/js/all.js', '//# sourceMappingURL=/static/js/js.map', "\n", $js;
+ system 'cp', '-rp', 'js', 'static/';
+}
+
+my $sprite_mtime = -M 'static/logos/dark.svg' // 0;
+for (<logos/*>, <logos-light/*>) {
+ if (!$sprite_mtime || $sprite_mtime > -M) {
+ 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 $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;
}
}
-my $sprite_mtime = -M 'static/logos.png' // 0;
-for (<logos/*>) {
- if (!$sprite_mtime || $sprite_mtime > -M) {
- make_sprite;
- last
- }
-}
-
-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("https://static.mindcoding.ro/static/logos.png");
- background-repeat: no-repeat;
- display: inline-block;
- vertical-align: middle;
-}
-EOF
- join "\n", @ret;
-}
+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';