<(common.inc.plp)><:
-use 5.010;
-use utf8;
use List::Util qw(sum max first);
no if $] >= 5.018, warnings => 'experimental::smartmatch';
Html({
title => 'browser compatibility cheat sheet',
- version => '1.3',
+ version => '1.4',
description => [
"Compatibility table of new web features (HTML5, CSS3, SVG, Javascript)",
"comparing support and usage share for all popular browser versions.",
a => .5, 'a x' => .5, 'a d' => .1,
j => .2, 'p j' => .2, 'n d' => .2, 'n x d' => .2,
p => .2, 'p p' => .2, 'p d' => .1,
+ n => 0, u => 0,
);
my %CSTATUS = (
unoff => 'l1', # unofficial
<p id="intro">Alternate rendition of Fyrd's <a href="http://caniuse.com/">when can I use...</a> page
my ($canihas, $usage);
-my $minusage = $get{threshold} // .7;
+my $minusage = $get{threshold} // 1;
given ($get{usage} // 'wm') {
when (!$_) {
# none
}
when (!m{ \A [a-z]\w+ (?:/\d[\d-]*\d)? \z }x) {
- printf "<p>Invalid browser usage data request: <em>%s</em>",
- 'identifier must be alphanumeric name or <q>0</q>';
+ Alert([
+ 'Invalid browser usage data request',
+ 'Identifier must be alphanumeric name or <q>0</q>.',
+ ]);
}
$canihas = do "data/browser/usage-$_.inc.pl" or do {
- printf "<p>Browser usage data not found: <em>%s</em>", $@ || $!;
+ Alert('Browser usage data not found', $@ || $!);
break;
};
$usage = $_;
my $ref = $canihas->{-title} || 'unknown';
- $ref = sprintf '<a href="%s">%s</a>', $_, $ref
+ $ref = showlink($ref, $_)
for $canihas->{-site} || $canihas->{-source} || ();
$ref .= " $_" for $canihas->{-date} || ();
print "\nwith $ref browser usage statistics";
return @html;
}
+sub notestotitle {
+ my @notes = @_;
+ for (@notes) {
+ EscapeHTML($_);
+ s{ \[ ([^]]*) \] \( [^)]* \) }{$1}gx; # strip link urls
+ }
+ return @notes;
+}
+
sub saytitlecol {
my ($id) = @_;
my $row = $caniuse->{data}->{$id};
say '</p>';
}
printf 'Resources: %s.', join(', ', map {
- sprintf '<a href="%s">%s</a>', EscapeHTML($_->{url}), $_->{title}
+ showlink($_->{title}, $_->{url})
} @$_) for grep { @$_ } $row->{links} // ();
printf '<br>Parent feature: %s.', join(', ', map {
- sprintf '<a href="%s">%s</a>', EscapeHTML("#$_"), $caniuse->{data}->{$_}->{title}
+ showlink($caniuse->{data}->{$_}->{title}, "#$_")
} $_) for $row->{parent} || ();
print '</div>';
}
for ($row->{status}) {
my $cell = $_ // '-';
- $cell = sprintf '<a href="%s">%s</a>', $_, $cell for $row->{spec} // ();
+ $cell = showlink($cell, $_) for $row->{spec} // ();
printf '<td title="%s" class="l %s">%s',
$caniuse->{statuses}->{$_}, $CSTATUS{$_} // '', $cell;
}
map { split / /, $_ }
$prev
));
- $title .= "\n".EscapeHTML($_) for @notes;
+ $title .= "\n$_" for notestotitle(@notes);
printf('<td class="%s" colspan="%d" title="%s">%s',
join(' ',