X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/b00da74f1eb20f7c5889d681a9880302743e45d0..a58b7fef8448841cc81a3b956819cccb26452743:/browser.plp

diff --git a/browser.plp b/browser.plp
index a3068f5..a3a984d 100644
--- a/browser.plp
+++ b/browser.plp
@@ -43,7 +43,7 @@ my $caniuse = from_json($source, {
 
 my %CSTATS = (
 	n => 'di-b',
-	y => 'di-a',
+	y => 'di-aa',
 	a => 'di-d',
 	j => 'di-prop',
 	p => 'di-prop',
@@ -55,44 +55,99 @@ my %CSTATUS = (
 	pr    => 'di-prop', # proposed
 	cr    => 'di-d', # candidate
 	rec   => 'di-a', # recommendation
-	ietf  => 'di-a', # standard
+	ietf  => 'di-aa', # standard
 );
 my @browsers = qw(trident gecko webkit_saf presto);
-unshift @{ $caniuse->{agents}->{gecko}->{versions} }, 2;
+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 ];
+	}
+}
 
 print '<table class="glyphs dimap">';
 print '<col>' x 2;
-printf '<colgroup span="%d">', scalar @{ $caniuse->{agents}->{$_}->{versions} } for @browsers;
+printf '<colgroup span="%d">', scalar @{ $versions{$_} } for @browsers;
 print "\n";
 
 print '<thead><tr>';
 print "<th>$_" for qw(feature status);
-printf '<th colspan="%d">%s', scalar @{ $_->{versions} }, $_->{browser}
-	for map { $caniuse->{agents}->{$_} } @browsers;
+printf '<th colspan="%d">%s',
+	scalar @{ $versions{$_} }, $caniuse->{agents}->{$_}->{browser}
+		for @browsers;
+# preceding row without any colspan to work around gecko bug
+print '<tr>';
+print '<td>' x $_ for 2, map { scalar @{ $versions{$_} } } @browsers;
 print "</thead>\n";
 
-for my $id (keys %{ $caniuse->{data} }) {
+sub featurerank {
+	# relative amount of support for given feature
+	state $statspts = { y=>10, 'y x'=>9, a=>5, j=>2, p=>1 };
+	my ($id) = @_;
+	my $rank = 0;
+	if (my $row = $caniuse->{data}->{$id}->{stats}) {
+		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 += $statspts->{$_} * 2**($div--) for reverse @vers;
+		}
+	}
+	return $rank;
+}
+
+for my $id (sort {
+	featurerank($b) <=> featurerank($a)
+} keys %{ $caniuse->{data} }) {
 	my $row = $caniuse->{data}->{$id};
 	my $data = $row->{stats} or next;  # skip metadata [summary]
 	printf '<tr id="%s">', $id;
 	printf '<th title="%s">%s', $row->{description}, $row->{title};
 	printf '<td title="%s" class="%s">%s', $caniuse->{statuses}->{$_}, $CSTATUS{$_} // '', $_ for $row->{status};
 	for my $browser (@browsers) {
-		printf '<td class="%s">%s', $CSTATS{ $data->{$browser}->{$_} }, $_
-			for @{ $caniuse->{agents}->{$browser}->{versions} };
+		my ($prev, @span);
+		for my $ver (@{ $versions{$browser} }, undef) {
+			unless (!defined $prev
+			or $data->{$browser}->{$prev} ~~ $data->{$browser}->{$ver}) {
+				printf '<td class="%s" colspan="%d">%s',
+					$CSTATS{ $data->{$browser}->{$prev} },
+					scalar @span,
+					join('‒', $span[0], @span > 1 ? $span[-1] : ());
+				undef $prev;
+				@span = ();
+			}
+			push @span, $ver;
+			$prev = $ver;
+		}
 	}
+	print '<td>', int featurerank($id);
 }
 print '</table>';
 
+sub paddedver {
+	# normalised version number comparable as string (cmp)
+	shift =~ /^(\d*)(.*)/;
+	return sprintf('%02d', $1) . $2;
+}
+
 :>
 <hr>
 
 <div class="legend">
 	<table class="glyphs"><tr>
-	<td class="X di-a">yes
-	<td class="X di-d">almost
-	<td class="X di-prop">plugin or js
-	<td class="X di-b">no
+	<td class="X di-aa">supported
+	<td class="X di-a">prefixed
+	<td class="X di-d">partial
+	<td class="X di-prop">external (js/plugin)
+	<td class="X di-b">missing
 	</table>
 
 	<div class="right">