browser: new browsers, optional

[sheet.git] / browser.plp

diff --git a/browser.plp b/browser.plp
index fc04389c7df2c95d6e7b598258b0d0dd7de847f6..a4af5348dda1d039fae696f7b1d9b18bc79b3873 100644 (file)
--- a/browser.plp
+++ b/browser.plp
@@ -43,13 +43,14 @@ my %CSTATUS = (
        rec   => 'l6', # recommendation
        ietf  => 'l6', # standard
 );
-my @browsers = qw(trident gecko webkit_saf webkit_chr presto);
 my %versions;
 if (my ($somerow) = values %{ $caniuse->{data} }) {
        while (my ($browser, $row) = each %{ $somerow->{stats} }) {
                $versions{$browser} = [ sort { paddedver($a) cmp paddedver($b) } keys %$row ];
        }
 }
+my @browsers = grep { $versions{$_} }
+       qw(trident gecko webkit_saf ios_saf webkit_chr android presto op_mob op_mini);
 
 my $canihas = do 'browser-usage.inc.pl' || do {
        printf "<p>Browser usage data not found: <em>%s</em>.</p>\n", $_
@@ -109,6 +110,7 @@ sub featurescore {
        if (my $row = shift) {
                if ($canihas) {
                        while (my ($browser, $versions) = each %$row) {
+                               ref $versions eq 'HASH' or next;
                                while (my ($version, $_) = each %$versions) {
                                        $rank += $canihas->{$browser}->{$version} * $statspts->{$_};
                                }
@@ -145,13 +147,21 @@ for my $id (sort {
                my $cell = $_ ? lc $_->[0] : '-';
                print '<th>', $cell;
        }
-       print '<td>', $row->{title};
+       print '<td>', map {
+               sprintf('<a href="%s" onclick="%s">%s</a>',
+                       "#$id",
+                       sprintf("try { %s; return false } catch(err) { return true }",
+                               "document.getElementById('$id').classList.toggle('target')",
+                       ),
+                       $_,
+               );
+       } $row->{title};
        print '<div class=aside>';
        s/\.?$/./, print "<p>$_</p>" for map { ref $_ ? @$_ : $_ || () }
                $row->{description}, $row->{notes};
        printf 'Resources: %s.', join(', ',
                map { qq(<a href="$_->{url}">$_->{title}</a>) } @$_
-       ) for $row->{links} // ();
+       ) for grep { @$_ } $row->{links} // ();
        print '</div>';
        for ($row->{status}) {
                my $cell = $_ // '-';
@@ -163,11 +173,15 @@ for my $id (sort {
                my ($prev, @span);
                for my $ver (@{ $versions{$browser} }, undef) {
                        unless (!defined $prev
-                       or $data->{$browser}->{$prev} ~~ $data->{$browser}->{$ver}) {
+                       or ref $data->{$browser} eq 'HASH'
+                       && $data->{$browser}->{$prev} ~~ $data->{$browser}->{$ver}) {
                                my $usage = sum(map { $canihas->{$browser}->{$_} } @span);
                                printf '<td class="%s" colspan="%d" title="%.1f%%">%s',
                                        join(' ',
-                                               X => $CSTATS{ $data->{$browser}->{$prev} },
+                                               X => $CSTATS{
+                                                       ref $data->{$browser} ne 'HASH' ? 'u' :
+                                                               $data->{$browser}->{$prev} // 'u'
+                                               },
                                                !$usage ? ('p0') : ('p',
                                                        sprintf('p%01d', $usage / 10),
                                                        sprintf('p%02d', $usage),
@@ -195,7 +209,7 @@ print '</table>';
 sub paddedver {
        # normalised version number comparable as string (cmp)
        shift =~ /^(\d*)(.*)/;
-       return sprintf('%02d', $1) . $2;
+       return sprintf('%02d', $1 || 0) . $2;
 }
 
 sub showversions {
@@ -218,6 +232,7 @@ sub showversions {
        <td class="X l4">partial
        <td class="X l2">external (js/plugin)
        <td class="X l0">missing
+       <td class="X l9">unknown
        </table>
 
        <div>