-<:
-use utf8;
-use strict;
-use warnings;
-use open IO => ':utf8';
-
-our $VERSION = '1.0';
-
-$header{content_type} = 'text/html; charset=utf-8';
-
-:><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-
-<head>
-<title>digraph cheat sheet</title>
-<meta http-equiv="content-type" content="utf-8">
-<style>
-h1 {
- text-align: center;
- margin: 0 auto 0.2em;
-}
-table {
- border-collapse: collapse;
- table-layout: fixed; /* prevent resizing, notably in msie6 */
-}
-#legend {
- margin-top: 1em;
-}
-#legend table {
- width: 100%;
- table-layout: auto;
-#}
-#legend td {
- padding: 0 0.2em;
+<(common.inc.plp)><:
+
+my $mode = $Request || 'vim';
+my $include = 'digraphs' . ($mode ne 'vim' && "-$mode");
+my $cmp = exists $get{cmp} ? ($get{cmp} // 1) : !!$Request;
+
+my $di = eval { Data($include) } || {};
+warn "error in $include: ", @{$@} if ref $@;
+
+Html({
+ title => "$mode digraph cheat sheet",
+ version => '1.4',
+ description => $di->{description} // [
+ "Complete table of digraph characters from",
+ ($di->{title} // $mode) . ".",
+ ],
+ keywords => [@{ $di->{keywords} // [] }, qw'
+ digraph mnemonic compose composition pair
+ character char glyph table unicode vim
+ '],
+ stylesheet => [qw'light'],
+ data => ["data/$include.json"],
+});
+
+%{$di} or Abort(
+ "Requested digraphs <q>$mode</q> not available",
+ '404 request not found',
+);
+
+say "<h1>$di->{title} Digraphs</h1>";
+say "<p>$_</p>" for $di->{intro} // ();
+
+if (exists $get{v}) {
+ # show characters for inverted mnemonics (vim alternatives)
+ $di->{key}->{ substr($_, 1, 1) . substr($_, 0, 1) } ||= [
+ $di->{key}->{$_}->[0], '', 'l0 ex', '', $di->{key}->{$_}->[4]
+ ] for grep { ref $di->{key}->{$_} } keys %{ $di->{key} };
}
-thead th, td {
- width: 1.2em; /* msie only looks at the first row */
- min-width: 1em; /* prevents gecko from restricting to page width */
-}
-th, td {
- text-align: center;
-}
-td {
- border: 1px solid #888;
- background: #DDD;
-}
-td.X {
- background: #FFF;
-}
-
-td.Lm, td.Mc, td.Me, td.Zl, td.Zp, td.Cs {background:red} /* unknown */
-
-/* letters */
-td.Greek {background: #FFE0CF}
-td.Cyrillic {background: #FFDDA8}
-td.Latin {background: #FFB}
-td.Hebrew {background: #FFD}
-td.Arabic {background: #EFE}
-td.Hiragana {background: #DFC}
-td.Katakana {background: #DFA}
-td.Bopomofo {background: #BFC}
-
-td.Nd, td.Nl,
-td.No {background: #FBB} /* number */
-td.Sc {background: #FCD} /* currency */
-td.Sm {background: #ECE} /* math */
-td.So {background: #DDCCFF} /* symbol */
-td.Cf, td.Pd,
-td.Po {background: #CDF} /* punctuation */
-td.Ps, td.Pe, td.Pi,
-td.Pf {background: #BEF} /* quote */
-td.Lm,
-td.Sk {background: #CEE} /* spacing modifier */
-td.Mn {background: #ACC} /* modifier */
-td.Cc {background: #BBB; color: #666} /* control */
-td.Zs {background: #ACB} /* space */
-td.Zs span {background: #EEE}
-td.Xa {color: #0A0} /* ascii */
-td.Xl {color: #070} /* latin1 */
-td.Co {color: #800} /* private */
-td.Xz {color: #D00} /* proposed */
-
-tr:hover td {
- background: #FF8;
+my @chars = (
+ [qw{! " % ' ( ) * + , - . /}],
+ ['0'..'9'], [qw{: ; < = > ?}],
+ ['A'..'M'], ['N'..'Z'],
+ ['a'..'m'], ['n'..'z'],
+);
+my @chars2 = (['_'], @chars); # trailing character (extended set)
+my @columns = !exists $get{split} ? \@chars2 :
+ ([@chars2[0, 1, 3, 4, 6]], [@chars2[2, 5, 7]]);
+
+if ($mode eq 'xorg') {
+ #TODO determine character usage from declared keys
+ $chars2[0] = [qw( # ^ _ ` ~ )];
+ @chars = @chars2;
}
-</style>
-</head>
-
-<body>
-<h1>RFC-1345 Digraphs</h1>
-<:
-my $di = do 'digraphs.inc.pl';
-
-sub quote {
- local $_ = shift;
- s/"/"/g;
- s/</</g;
- s/>/>/g;
- return $_;
-}
-
-my @chars = ((map {chr} ord '!' .. ord 'Z'), 'a'..'z');
-splice @chars, $_, 1, () for 2, 3-1, 5-2, 31-3; # remove character exceptions # $ & @
-my @chars2 = (@chars, '_'); # trailing character (extended set)
-
-print '<table>';
+for my $colchars (@columns) {
+print '<table class="glyphs dimap"><col>';
+print qq'<colgroup span="$_">' for map {scalar @$_} @{$colchars};
+say '</colgroup><col>';
for my $section (qw{thead tfoot}) {
- print "<$section><tr><th> ";
- print "<th>$_" for @chars2;
+ print "<$section><tr><th>↳";
+ print '<th>', EscapeHTML($_) for map {@$_} @{$colchars};
+ say '<th> ';
}
-print '<tbody>';
-for my $c1 (@chars) {
- print "<tr><th>$c1";
- for my $c2 (@chars2) {
- my $mnem = $c1 . $c2;
- if (not defined $di->{$mnem}) {
- print '<td>';
- next;
+for my $c1group (@chars) {
+ print '<tbody>';
+ for my $c1 (@$c1group) {
+ print '<tr><th>', EscapeHTML($c1);
+ for my $c2 (map {@$_} @$colchars) {
+ my $mnem = $c1 . $c2;
+ if (not defined $di->{key}->{$mnem}) {
+ print '<td>';
+ next;
+ }
+ if (ref $di->{key}->{$mnem} ne 'ARRAY') {
+ printf '<td class="X Xr" title="%s">', EscapeHTML($mnem);
+ next;
+ }
+ my ($codepoint, $name, $support, $script, $string) =
+ @{ $di->{key}->{$mnem} };
+
+ my $glyph = $string || !!$codepoint && chr $codepoint;
+ utf8::upgrade($glyph); # prevent latin1 output
+ my $desc = $mnem . ($name && " ($name)");
+ my @class = ('X', grep {$_} $script);
+ push @class, $cmp ? $support :
+ $di->{flagclass}->{$support} // "u-$support" if $support;
+
+ $glyph = EscapeHTML($glyph);
+ $glyph = "<span>$glyph</span>" if $script =~ /\bZs\b/;
+
+ printf "\n".'<td class="%s" title="%s">%s',
+ join(' ', @class), EscapeHTML($desc), $glyph;
}
- my ($codepoint, $name, $prop, $script) = @{ $di->{$mnem} };
-
- my $glyph = chr $codepoint;
- utf8::upgrade($glyph); # prevent latin1 output
- my $desc = $mnem . ($name && " ($name)");
- my @class = ('X', grep {$_} $prop, $script);
-
- $glyph = quote($glyph);
- $glyph = "<span>$glyph</span>" if $prop eq 'Zs';
-
- printf "\n".'<td class="%s" title="%s">%s',
- join(' ', @class), quote($desc), $glyph;
+ say "\n<th>", EscapeHTML($c1);
}
- print "\n<th>$c1\n";
}
-print "</table>\n";
+say '</table>';
+print '<hr>' if exists $get{split};
+}
+
:>
-<div id="legend">
- <table><tr>
+<div class="legend"><: unless ($cmp) { :>
+ <table class="glyphs"><tr>
<td class="X Cc">control
- <td class="X Zs"><span>spacing</span>
- <td class="X Mn">modifier
- <td class="X Sk">spacing modifier
+ <td class="X Zs"><span>space</span>
+ <td class="X Mn">combining
+ <td class="X Sk">spacing modifier
<td class="X Pf">quote
<td class="X Po">punctuation
<td class="X So">symbol
<td class="X Latin">latin
<td class="X Hebrew">hebrew
<td class="X Arabic">arabic
+ <td class="X Hangul">korean
<td class="X Hiragana">japanese
<td class="X Bopomofo">chinese
</table>
-
- <table><tr>
- <td class="X">unicode
- <td class="X Xl">latin1
- <td class="X Xa">ascii
- <td class="X Co">private
- <td class="X Xz">proposed
+<: } :>
+ <table class="glyphs"><tr><:
+ printf qq(\n\t<td class="X %s">%s), $cmp ? $_ : $di->{flagclass}{$_} // "u-$_", $di->{flag}->{$_}
+ for sort keys %{ $di->{flag} };
+:>
</table>
</div>
-</html>