+
+ print "\n", '<tr class="cat">';
+ printf '<th colspan="%d">%s', $familycount{$_}, $_ for @families;
+}
+say '</tfoot>';
+
+sub featurescore {
+ # relative amount of support for given feature
+ my $rank = 0;
+ if (my $row = shift) {
+ if ($canihas) {
+ while (my ($browser, $versions) = each %$row) {
+ ref $versions eq 'HASH' or next;
+ while (my ($version, $status) = each %$versions) {
+ $status =~ s/\h\#\d+//g;
+ $rank += ($canihas->{$browser}->{$version} || .001) * $PSTATS{$status};
+ }
+ }
+ return $rank;
+ }
+
+ while (my ($browser, $vercols) = each %versions) {
+ my $div = 0; # multiplier exponent (decreased to lower value)
+ my @vers = map { $row->{$browser}->{$_} } @$vercols;
+ if (my $current = $caniuse->{agents}->{$browser}->{versions}->[-3]) {
+ my @future; # find upcoming releases (after current)
+ for (reverse @$vercols) {
+ last if $_ eq $current;
+ push @future, pop @vers;
+ $_ eq 'u' and $_ = $vers[-1] for $future[-1]; # inherit latest value if unknown
+ }
+ splice @vers, -1, 0, @future; # move ahead to decrease precedence
+ }
+ $rank += $PSTATS{$_} * 2**($div--) for reverse @vers;
+ }
+ }
+ return $rank;
+}
+
+sub formatnotes {
+ my @html = @_;
+ for (@html) {
+ s/\r\n?/\n/g; # windows returns
+ s/\h* $//gmx; # trailing whitespace
+ s/(?<= [^.\n]) $/./gmx; # consistently end each line by a period
+ Entity($_);
+ s{ ` ([^`]*) ` }{<code>$1</code>}gx;
+ s{ \[ ([^]]*) \] \( ([^)]*) \) }{<a href="$2">$1</a>}gx;
+ }
+ 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};
+
+ for ($row->{categories}) {
+ my $cell = $_ ? lc $_->[0] : '-';
+ $cell =~ s/ api$//; # trim unessential fluff in 'js api'
+ printf '<th title="%s">%s', join(' + ', @$_), $cell;
+ }
+
+ 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')",
+ ),
+ Entity($_),
+ );
+ } $row->{title};
+ print '<div class=aside>';
+ print "<p>$_</p>"
+ for formatnotes($row->{description}, $row->{notes} || ());
+ if (my %notes = %{ $row->{notes_by_num} }) {
+ say '<p>Browser-specific notes:';
+ say "<br>#$_: ", formatnotes($notes{$_}) for sort keys %notes;
+ say '</p>';
+ }
+ printf 'Resources: %s.', join(', ', map {
+ showlink($_->{title}, $_->{url})
+ } @$_) for grep { @$_ } $row->{links} // ();
+ printf '<br>Parent feature: %s.', join(', ', map {
+ showlink($caniuse->{data}->{$_}->{title}, "#$_")
+ } $_) for $row->{parent} || ();
+ print '</div>';
+}
+
+sub saystatuscol {
+ my ($id) = @_;
+ my $row = $caniuse->{data}->{$id};
+
+ for ($row->{status}) {
+ my $cell = $_ // '-';
+ $cell = showlink($cell, $_) for $row->{spec} // ();
+ printf '<td title="%s" class="l %s">%s',
+ $caniuse->{statuses}->{$_}, $CSTATUS{$_} // '', $cell;
+ }
+}
+
+sub saybrowsercols {
+ my ($id, $browser) = @_;
+ my $feature = $caniuse->{data}->{$id};
+ my $data = $feature->{stats}->{$browser};
+ if (ref $data eq 'ARRAY') {
+ # special case for unsupported
+ my $release = $caniuse->{agents}->{$browser}->{verrelease};
+ $data = {
+ map { $_ => defined $release->{$_} ? 'u' : 'n' } keys %$release
+ };
+ }
+
+ my ($prev, @span);
+ for my $ver (@{ $versions{$browser} }, undef) {
+ my $compare = (
+ !defined $ver ? undef : # last column if nameless
+ ref $data ne 'HASH' ? '' : # unclassified if no support hash
+ $data->{ $ver->[-1] } // $prev # known or inherit from predecessor
+ // (grep { defined } @{$data}{ map { $_->[0] } @{ $versions{$browser} } })[0]
+ ~~ 'n' && 'n' # first known version is unsupported
+ || 'u' # unsure
+ );
+ unless (!defined $prev or $prev ~~ $compare) {
+ my @vercover = (map { @{$_} } @span);
+ for ($ver ? @{$ver} : ()) {
+ $data->{$_} eq $data->{$vercover[-1]} or last;
+ push @vercover, $_; # matches from next span start
+ }
+ my $usage = sum(@{ $canihas->{$browser} }{@vercover});
+
+ # strip #\d note references from support class
+ my @notes;
+ push @notes, $feature->{notes_by_num}->{$1}
+ while $prev =~ s/\h \# (\d+) \b//x;
+
+ # prepare version hover details
+ my $title = sprintf('%.1f%% %s', $usage * $usagepct, join(' ',
+ (map { ref $_ eq 'CODE' ? $_->($browser, $vercover[0]) : $_ }
+ map { $DSTATS{$_} // () }
+ map { split / /, $_ }
+ $prev
+ ),
+ 'in', $caniuse->{agents}->{$browser}->{abbr},
+ showversions(@vercover, undef),
+ ));
+ $title .= "\n$_" for notestotitle(@notes);
+
+ printf('<td class="%s" colspan="%d" title="%s">%s',
+ join(' ',
+ X => $CSTATS{$prev},
+ !$usage ? ('p0') : ('p',
+ sprintf('p%01d', $usage * ($usagepct - .0001) / 10),
+ sprintf('p%02d', $usage * ($usagepct - .0001)),
+ ),
+ ),
+ scalar @span,
+ $title,
+ showversions($span[0]->[0], @span > 1 ? $span[-1]->[-1] : ()),
+ );
+ undef $prev;
+ @span = ();
+ }
+ push @span, $ver && [ grep { $data->{ $_ } eq $data->{ $ver->[-1] } } @{$ver} ];
+ $prev = $compare;
+ }
+}
+
+sub sayusagecol {
+ my ($id) = @_;
+ print '<td>', int $caniuse->{data}->{$id}->{usage};
+}
+
+say '<tbody>';
+for my $id (sort {
+ $caniuse->{data}->{$b}->{usage} <=> $caniuse->{data}->{$a}->{usage}
+} keys %{ $caniuse->{data} }) {
+ $caniuse->{data}->{$id}->{stats} or next; # skip metadata [summary]
+ printf '<tr id="%s">', $id;
+ saytitlecol($id);
+ saystatuscol($id);
+ saybrowsercols($id, $_) for @browsers;
+ sayusagecol($id);
+ say '</tr>';
+}
+say '</tbody>';
+say '</table>';
+
+sub paddedver {
+ # normalised version number comparable as string (cmp)
+ $_[0] =~ m/(?:.*-|^)(\d*)(.*)/;
+ # matched (major)(.minor) of last value in range (a-B)
+ return sprintf('%02d', length $1 ? $1 : 99) . $2;
+}
+
+sub showversions {
+ # title to describe minumum version and optional maximum for multiple cells
+ my @span = (map { split /-/ } grep { defined } @_);
+ return $span[0] =~ s/\.0\z//r if @_ <= 1;
+ splice @span, 1, -1;
+ return join('‒', @span);