html-webhacc/WebHACC/Output.pm

package WebHACC::Output;
use strict;

require IO::Handle;
use Scalar::Util qw/refaddr/;

my $htescape = sub ($) {
  my $s = $_[0];
  $s =~ s/&/&amp;/g;
  $s =~ s/</&lt;/g;
  $s =~ s/>/&gt;/g;
  $s =~ s/"/&quot;/g;
  $s =~ s{([\x00-\x09\x0B-\x1F\x7F-\xA0\x{FEFF}\x{FFFC}-\x{FFFF}])}{
    sprintf '<var>U+%04X</var>', ord $1;
  }ge;
  return $s;
};

sub new ($) {
  require WebHACC::Input;
  return bless {nav => [], section_rank => 1,
                input => WebHACC::Input->new}, shift;
} # new

sub input ($;$) {
  if (@_ > 1) {
    if (defined $_[1]) {
      $_[0]->{input} = $_[1];
    } else {
      $_[0]->{input} = WebHACC::Input->new;
    }
  }
  
  return $_[0]->{input};
} # input

sub handle ($;$) {
  if (@_ > 1) {
    if (defined $_[1]) {
      $_[0]->{handle} = $_[1];
    } else {
      delete $_[0]->{handle};
    }
  }
  
  return $_[0]->{handle};
} # handle

sub set_utf8 ($) {
  binmode shift->{handle}, ':utf8';
} # set_utf8

sub set_flush ($) {
  shift->{handle}->autoflush (1);
} # set_flush

sub unset_flush ($) {
  shift->{handle}->autoflush (0);
} # unset_flush

sub html ($$) {
  shift->{handle}->print (shift);
} # html

sub text ($$) {
  shift->html ($htescape->(shift));
} # text

sub url ($$%) {
  my ($self, $url, %opt) = @_;
  $self->html (q[<code class=uri>&lt;]);
  $self->link ($url, %opt, url => $url);
  $self->html (q[></code>]);
} # url

sub start_tag ($$%) {
  my ($self, $tag_name, %opt) = @_;
  $self->html ('<' . $htescape->($tag_name)); # escape for safety
  if (exists $opt{id}) {
    my $id = $self->input->id_prefix . $opt{id};
    $self->html (' id="' . $htescape->($id) . '"');
    delete $opt{id};
  }
  for (keys %opt) {    # for safety
    $self->html (' ' . $htescape->($_) . '="' . $htescape->($opt{$_}) . '"');
  }
  $self->html ('>');
} # start_tag

sub end_tag ($$) {
  shift->html ('</' . $htescape->(shift) . '>');
} # end_tag

sub start_section ($%) {
  my ($self, %opt) = @_;

  if (defined $opt{role}) {
    if ($opt{role} eq 'parse-errors') {
      $opt{id} ||= 'parse-errors';
      $opt{title} ||= 'Parse Errors Section';
      $opt{short_title} ||= 'Parse Errors';
      delete $opt{role};
    } elsif ($opt{role} eq 'structure-errors') {
      $opt{id} ||= 'document-errors';
      $opt{title} ||= 'Structural Errors';
      $opt{short_title} ||= 'Struct. Errors';
      delete $opt{role};
    } elsif ($opt{role} eq 'reformatted') {
      $opt{id} ||= 'document-tree';
      $opt{title} ||= 'Reformatted Document Source';
      $opt{short_title} ||= 'Reformatted';
      delete $opt{role}
    } elsif ($opt{role} eq 'tree') {
      $opt{id} ||= 'document-tree';
      $opt{title} ||= 'Document Tree';
      $opt{short_title} ||= 'Tree';
      delete $opt{role};
    } elsif ($opt{role} eq 'structure') {
      $opt{id} ||= 'document-structure';
      $opt{title} ||= 'Document Structure';
      $opt{short_title} ||= 'Structure';
      delete $opt{role};
    }
  }

  $self->{section_rank}++;
  $self->html ('<div class=section');
  if (defined $opt{id}) {
    my $id = $self->input->id_prefix . $opt{id};
    $self->html (' id="' . $htescape->($id) . '"');
    push @{$self->{nav}},
        [$id => $opt{short_title} || $opt{title} => $opt{text}] 
        if $self->{section_rank} == 2;
  }
  my $section_rank = $self->{section_rank};
  $section_rank = 6 if $section_rank > 6;
  $self->html ('><h' . $section_rank . '>');
  $self->nl_text ($opt{title}, text => $opt{text});
  $self->html ('</h' . $section_rank . '>');
} # start_section

sub end_section ($) {
  my $self = shift;
  $self->html ('</div>');
  $self->{handle}->flush;
  $self->{section_rank}--;
} # end_section

sub start_error_list ($%) {
  my ($self, %opt) = @_;

  if (defined $opt{role}) {
    if ($opt{role} eq 'parse-errors') {
      $opt{id} ||= 'parse-errors-list';
      delete $opt{role};
    } elsif ($opt{role} eq 'structure-errors') {
      $opt{id} ||= 'document-errors-list';
      delete $opt{role};
    }
  }

  $self->start_tag ('dl', %opt);
} # start_error_list

sub end_error_list ($%) {
  my ($self, %opt) = @_;

  if (defined $opt{role}) {
    if ($opt{role} eq 'parse-errors') {
      delete $opt{role};
      $self->end_tag ('dl');
      ## NOTE: For parse error list, the |add_source_to_parse_error_list|
      ## method is invoked at the end of |generate_source_string_section|,
      ## since that generation method is invoked after the error list
      ## is generated.
    } elsif ($opt{role} eq 'structure-errors') {
      delete $opt{role};
      $self->end_tag ('dl');
      $self->add_source_to_parse_error_list ('document-errors-list');
    } else {
      $self->end_tag ('dl');
    }
  } else {
    $self->end_tag ('dl');
  }
} # end_error_list

sub add_source_to_parse_error_list ($$) {
  my $self = shift;

  $self->script (q[addSourceToParseErrorList ('] . $self->input->id_prefix .
                 q[', '] . shift () . q[')]);
} # add_source_to_parse_error_list

sub start_code_block ($) {
  shift->html ('<pre><code>');
} # start_code_block

sub end_code_block ($) {
  shift->html ('</code></pre>');
} # end_code_block

sub code ($$;%) {
  my ($self, $content, %opt) = @_;
  $self->start_tag ('code', %opt);
  $self->text ($content);
  $self->html ('</code>');
} # code

sub script ($$;%) {
  my ($self, $content, %opt) = @_;
  $self->start_tag ('script', %opt);
  $self->html ($content);
  $self->html ('</script>');
} # script

sub dt ($$;%) {
  my ($self, $content, %opt) = @_;
  $self->start_tag ('dt', %opt);
  $self->nl_text ($content, text => $opt{text});
} # dt

sub select ($$%) {
  my ($self, $options, %opt) = @_;

  my $selected = $opt{selected};
  delete $opt{selected};

  $self->start_tag ('select', %opt);
  
  my @options = @$options;
  while (@options) {
    my $opt = shift @options;
    if ($opt->{options}) {
      $self->html ('<optgroup label="');
      $self->nl_text ($opt->{label});
      $self->html ('">');
      unshift @options, @{$opt->{options}}, {end_options => 1};
    } elsif ($opt->{end_options}) {
      $self->end_tag ('optgroup');
    } else {
      $self->start_tag ('option', value => $opt->{value},
                        ((defined $selected and $opt->{value} eq $selected)
                             ? (selected => '') : ()));
      $self->nl_text (defined $opt->{label} ? $opt->{label} : $opt->{value});
    }
  }

  $self->end_tag ('select');
} # select

sub link ($$%) {
  my ($self, $content, %opt) = @_;
  $self->start_tag ('a', %opt, href => $opt{url});
  $self->text ($content);
  $self->html ('</a>');
} # link

sub xref ($$%) {
  my ($self, $content, %opt) = @_;
  $self->html ('<a href="#' . $htescape->($self->input->id_prefix . $opt{target}) . '">');
  $self->nl_text ($content, text => $opt{text});
  $self->html ('</a>');
} # xref

sub link_to_webhacc ($$%) {
  my ($self, $content, %opt) = @_;
  $opt{url} = './?uri=' . $self->encode_url_component ($opt{url});
  $self->link ($content, %opt);
} # link_to_webhacc

my $get_node_path = sub ($) {
  my $node = shift;
  my @r;
  while (defined $node) {
    my $rs;
    if ($node->node_type == 1) {
      $rs = $node->node_name;
      $node = $node->parent_node;
    } elsif ($node->node_type == 2) {
      $rs = '@' . $node->node_name;
      $node = $node->owner_element;
    } elsif ($node->node_type == 3) {
      $rs = '"' . $node->data . '"';
      $node = $node->parent_node;
    } elsif ($node->node_type == 9) {
      @r = ('') unless @r;
      $rs = '';
      $node = $node->parent_node;
    } else {
      $rs = '#' . $node->node_type;
      $node = $node->parent_node;
    }
    unshift @r, $rs;
  }
  return join '/', @r;
}; # $get_node_path

sub node_link ($$) {
  my ($self, $node) = @_;
  $self->xref ($get_node_path->($node), target => 'node-' . refaddr $node);
} # node_link

{
  my $Msg = {};

sub load_text_catalog ($$) {
  my $self = shift;

  my $lang = shift; # MUST be a canonical lang name
  my $file_name = qq[cc-msg.$lang.txt];
  $lang = 'en' unless -f $file_name;
  $self->{primary_language} = $lang;
  
  open my $file, '<:utf8', $file_name or die "$0: $file_name: $!";
  while (<$file>) {
    if (s/^([^;]+);([^;]*);//) {
      my ($type, $cls, $msg) = ($1, $2, $_);
      $msg =~ tr/\x0D\x0A//d;
      $Msg->{$type} = [$cls, $msg];
    }
  }
} # load_text_catalog

sub nl_text ($$;%) {
  my ($self, $type, %opt) = @_;
  my $node = $opt{node};

  my @arg;
  {
    if (defined $Msg->{$type}) {
      my $msg = $Msg->{$type}->[1];
      if ($msg =~ /<var>/) {
        $msg =~ s{<var>\$([0-9]+)</var>}{
          defined $arg[$1] ? $htescape->($arg[$1]) : '(undef)';
        }ge;
        $msg =~ s{<var>{\@([A-Za-z0-9:_.-]+)}</var>}{
          UNIVERSAL::can ($node, 'get_attribute_ns')
              ? $htescape->($node->get_attribute_ns (undef, $1)) : ''
        }ge;
        $msg =~ s{<var>{\@}</var>}{
          UNIVERSAL::can ($node, 'value') ? $htescape->($node->value) : ''
        }ge;
        $msg =~ s{<var>{text}</var>}{
          defined $opt{text} ? $htescape->($opt{text}) : ''
        }ge;
        $msg =~ s{<var>{local-name}</var>}{
          UNIVERSAL::can ($node, 'manakai_local_name')
            ? $htescape->($node->manakai_local_name) : ''
        }ge;
        $msg =~ s{<var>{element-local-name}</var>}{
          (UNIVERSAL::can ($node, 'owner_element') and
           $node->owner_element)
            ? $htescape->($node->owner_element->manakai_local_name) : ''
        }ge;
      }
      $self->html ($msg);
      return;
    } elsif ($type =~ s/:([^:]*)$//) {
      unshift @arg, $1;
      redo;
    }
  }
  $self->text ($type);
} # nl_text

}

sub nav_list ($) {
  my $self = shift;
  $self->html (q[<ul class="navigation" id="nav-items">]);
  for (@{$self->{nav}}) {
    $self->html (qq[<li><a href="#@{[$htescape->($_->[0])]}">]);
    $self->nl_text ($_->[1], text => $_->[2]);
    $self->html ('</a>');
  }
  $self->html ('</ul>');
} # nav_list

sub http_header ($) {
  shift->html (qq[Content-Type: text/html; charset=utf-8\n\n]);
} # http_header

sub http_error ($$) {
  my $self = shift;
  my $code = 0+shift;
  my $text = {
    404 => 'Not Found',
  }->{$code};
  $self->html (qq[Status: $code $text\nContent-Type: text/html ; charset=us-ascii\n\n$code $text]);
} # http_error

sub html_header ($) {
  my $self = shift;
  $self->html (q[<!DOCTYPE html>]);
  $self->start_tag ('html', lang => $self->{primary_language});
  $self->html (q[<head><title>]);
  $self->nl_text (q[WebHACC:Title]);
  $self->html (q[</title>
<link rel="stylesheet" href="../cc-style.css" type="text/css">
<script src="../cc-script.js"></script>
</head>
<body>
<h1>]);
  $self->nl_text (q[WebHACC:Heading]);
  $self->html ('</h1>');
} # html_header

sub generate_input_section ($$) {
  my ($out, $cgi) = @_;

  my $options = sub ($) {
    my $context = shift;

    $out->html (q[<div class=details><p class=legend onclick="nextSibling.style.display = nextSibling.style.display == 'none' ? 'block' : 'none'">]);
    $out->nl_text (q[Options]);
    $out->start_tag ('div');

    if ($context eq 'url') {
      $out->start_tag ('p');
      $out->start_tag ('label');
      $out->start_tag ('input', type => 'checkbox', name => 'error-page',
                       value => 1,
                       ($cgi->get_parameter ('error-page')
                            ? (checked => '') : ()));
      $out->nl_text ('Check error page');
      $out->end_tag ('label');
    }
 
    $out->start_tag ('p');
    $out->start_tag ('label');
    $out->nl_text (q[Content type]);
    $out->text (': ');
    $out->select ([
      {value => '', label => 'As specified'},
      {value => 'application/atom+xml'},
      {value => 'application/xhtml+xml'},
      {value => 'application/xml'},
      {value => 'text/html'},
      {value => 'text/xml'},
      {value => 'text/css'},
      {value => 'text/cache-manifest'},
      {value => 'text/x-webidl'},
    ], name => 'i', selected => scalar $cgi->get_parameter ('i'));
    $out->end_tag ('label');

    if ($context ne 'text') {
      $out->start_tag ('p');
      $out->start_tag ('label');
      $out->nl_text (q[Charset]);
      $out->text (q[: ]);
      $out->select ([
        {value => '', label => 'As specified'},
        {label => 'Japanese charsets', options => [
          {value => 'Windows-31J'},
          {value => 'Shift_JIS'},
          {value => 'EUC-JP'},
          {value => 'ISO-2022-JP'},
        ]},
        {label => 'European charsets', options => [
          {value => 'Windows-1252'},
          {value => 'ISO-8859-1'},
          {value => 'US-ASCII'},
        ]},
        {label => 'Asian charsets', options => [
          {value => 'Windows-874'},
          {value => 'ISO-8859-11'},
          {value => 'TIS-620'},
        ]},
        {label => 'Unicode charsets', options => [
          {value => 'UTF-8'},
          {value => 'UTF-8n'},
        ]},
      ], name => 'charset',
      selected => scalar $cgi->get_parameter ('charset'));
      $out->end_tag ('label');
    }

    if ($context eq 'text') {
      $out->start_tag ('p');
      $out->start_tag ('label');
      $out->nl_text ('Setting innerHTML');
      $out->text (': ');
      $out->start_tag ('input', name => 'e',
                       value => scalar $cgi->get_parameter ('e'));
      $out->end_tag ('label');
    }

    $out->html (q[</div></div>]);
  }; # $options

  $out->start_section (id => 'input', title => 'Input');

  $out->start_section (id => 'input-url', title => 'By URL');
  $out->start_tag ('form', action => './', 'accept-charset' => 'utf-8',
                   method => 'get');
  $out->start_tag ('input', type => 'hidden', name => '_charset_');

  $out->start_tag ('p');
  $out->start_tag ('label');
  $out->nl_text ('URL');
  $out->text (': ');
  $out->start_tag ('input',
                   name => 'uri',
                   type => 'url',
                   value => $cgi->get_parameter ('uri'));
  $out->end_tag ('label');

  $options->('url');

  $out->start_tag ('p');
  $out->start_tag ('button', type => 'submit');
  $out->nl_text ('Check');

  $out->end_tag ('form');
  $out->end_section;

  $out->end_tag ('fieldset');

  ## TODO: File upload

  $out->start_section (id => 'input-text', title => 'By direct input');
  $out->start_tag ('form', action => './', 'accept-charset' => 'utf-8',
                   method => 'post');
  $out->start_tag ('input', type => 'hidden', name => '_charset_');

  $out->start_tag ('p');
  $out->start_tag ('label');
  $out->nl_text ('Document source to check');
  $out->text (': ');
  $out->start_tag ('br');
  $out->start_tag ('textarea',
                   name => 's');
  my $s = $cgi->get_parameter ('s');
  $out->text ($s) if defined $s;
  $out->end_tag ('textarea');
  $out->end_tag ('label');

  $options->('text');

  $out->start_tag ('p');
  $out->start_tag ('button', type => 'submit', 
                   onclick => 'form.method = form.s.value.length > 512 ? "post" : "get"');
  $out->nl_text ('Check');
  $out->end_tag ('button');

  $out->end_tag ('form');
  $out->end_section;

  $out->end_section;
} # generate_input_section

sub encode_url_component ($$) {
  shift;
  require Encode;
  my $s = Encode::encode ('utf8', shift);
  $s =~ s/([^0-9A-Za-z_.~-])/sprintf '%%%02X', ord $1/ge;
  return $s;
} # encode_url_component

1;
1	wakaba	1.1	package WebHACC::Output;
2			use strict;
3	wakaba	1.3
4	wakaba	1.1	require IO::Handle;
5	wakaba	1.3	use Scalar::Util qw/refaddr/;
6	wakaba	1.1
7			my $htescape = sub ($) {
8			my $s = $_[0];
9			$s =~ s/&/&/g;
10			$s =~ s/</</g;
11			$s =~ s/>/>/g;
12			$s =~ s/"/"/g;
13			$s =~ s{([\x00-\x09\x0B-\x1F\x7F-\xA0\x{FEFF}\x{FFFC}-\x{FFFF}])}{
14			sprintf '<var>U+%04X</var>', ord $1;
15			}ge;
16			return $s;
17			};
18
19			sub new ($) {
20	wakaba	1.9	require WebHACC::Input;
21			return bless {nav => [], section_rank => 1,
22			input => WebHACC::Input->new}, shift;
23	wakaba	1.1	} # new
24
25			sub input ($;$) {
26			if (@_ > 1) {
27			if (defined $_[1]) {
28			$_[0]->{input} = $_[1];
29			} else {
30	wakaba	1.9	$_[0]->{input} = WebHACC::Input->new;
31	wakaba	1.1	}
32			}
33
34			return $_[0]->{input};
35			} # input
36
37			sub handle ($;$) {
38			if (@_ > 1) {
39			if (defined $_[1]) {
40			$_[0]->{handle} = $_[1];
41			} else {
42			delete $_[0]->{handle};
43			}
44			}
45
46			return $_[0]->{handle};
47			} # handle
48
49			sub set_utf8 ($) {
50			binmode shift->{handle}, ':utf8';
51			} # set_utf8
52
53			sub set_flush ($) {
54			shift->{handle}->autoflush (1);
55			} # set_flush
56
57			sub unset_flush ($) {
58			shift->{handle}->autoflush (0);
59			} # unset_flush
60
61			sub html ($$) {
62			shift->{handle}->print (shift);
63			} # html
64
65			sub text ($$) {
66			shift->html ($htescape->(shift));
67			} # text
68
69			sub url ($$%) {
70			my ($self, $url, %opt) = @_;
71			$self->html (q[<code class=uri><]);
72			$self->link ($url, %opt, url => $url);
73			$self->html (q[></code>]);
74			} # url
75
76			sub start_tag ($$%) {
77			my ($self, $tag_name, %opt) = @_;
78			$self->html ('<' . $htescape->($tag_name)); # escape for safety
79			if (exists $opt{id}) {
80			my $id = $self->input->id_prefix . $opt{id};
81			$self->html (' id="' . $htescape->($id) . '"');
82			delete $opt{id};
83			}
84			for (keys %opt) { # for safety
85			$self->html (' ' . $htescape->($_) . '="' . $htescape->($opt{$_}) . '"');
86			}
87			$self->html ('>');
88			} # start_tag
89
90			sub end_tag ($$) {
91			shift->html ('</' . $htescape->(shift) . '>');
92			} # end_tag
93
94			sub start_section ($%) {
95			my ($self, %opt) = @_;
96	wakaba	1.4
97			if (defined $opt{role}) {
98			if ($opt{role} eq 'parse-errors') {
99			$opt{id} \|\|= 'parse-errors';
100	wakaba	1.7	$opt{title} \|\|= 'Parse Errors Section';
101			$opt{short_title} \|\|= 'Parse Errors';
102	wakaba	1.4	delete $opt{role};
103			} elsif ($opt{role} eq 'structure-errors') {
104			$opt{id} \|\|= 'document-errors';
105			$opt{title} \|\|= 'Structural Errors';
106			$opt{short_title} \|\|= 'Struct. Errors';
107			delete $opt{role};
108			} elsif ($opt{role} eq 'reformatted') {
109			$opt{id} \|\|= 'document-tree';
110			$opt{title} \|\|= 'Reformatted Document Source';
111			$opt{short_title} \|\|= 'Reformatted';
112			delete $opt{role}
113			} elsif ($opt{role} eq 'tree') {
114			$opt{id} \|\|= 'document-tree';
115			$opt{title} \|\|= 'Document Tree';
116			$opt{short_title} \|\|= 'Tree';
117			delete $opt{role};
118			} elsif ($opt{role} eq 'structure') {
119			$opt{id} \|\|= 'document-structure';
120			$opt{title} \|\|= 'Document Structure';
121			$opt{short_title} \|\|= 'Structure';
122			delete $opt{role};
123			}
124			}
125
126			$self->{section_rank}++;
127	wakaba	1.1	$self->html ('<div class=section');
128			if (defined $opt{id}) {
129			my $id = $self->input->id_prefix . $opt{id};
130			$self->html (' id="' . $htescape->($id) . '"');
131	wakaba	1.7	push @{$self->{nav}},
132			[$id => $opt{short_title} \|\| $opt{title} => $opt{text}]
133	wakaba	1.4	if $self->{section_rank} == 2;
134	wakaba	1.1	}
135	wakaba	1.4	my $section_rank = $self->{section_rank};
136			$section_rank = 6 if $section_rank > 6;
137	wakaba	1.7	$self->html ('><h' . $section_rank . '>');
138			$self->nl_text ($opt{title}, text => $opt{text});
139			$self->html ('</h' . $section_rank . '>');
140	wakaba	1.1	} # start_section
141
142			sub end_section ($) {
143			my $self = shift;
144			$self->html ('</div>');
145			$self->{handle}->flush;
146	wakaba	1.4	$self->{section_rank}--;
147	wakaba	1.1	} # end_section
148	wakaba	1.4
149			sub start_error_list ($%) {
150			my ($self, %opt) = @_;
151
152			if (defined $opt{role}) {
153			if ($opt{role} eq 'parse-errors') {
154			$opt{id} \|\|= 'parse-errors-list';
155			delete $opt{role};
156			} elsif ($opt{role} eq 'structure-errors') {
157			$opt{id} \|\|= 'document-errors-list';
158			delete $opt{role};
159			}
160			}
161
162			$self->start_tag ('dl', %opt);
163			} # start_error_list
164
165			sub end_error_list ($%) {
166			my ($self, %opt) = @_;
167
168			if (defined $opt{role}) {
169			if ($opt{role} eq 'parse-errors') {
170			delete $opt{role};
171			$self->end_tag ('dl');
172			## NOTE: For parse error list, the \|add_source_to_parse_error_list\|
173			## method is invoked at the end of \|generate_source_string_section\|,
174			## since that generation method is invoked after the error list
175			## is generated.
176			} elsif ($opt{role} eq 'structure-errors') {
177			delete $opt{role};
178			$self->end_tag ('dl');
179			$self->add_source_to_parse_error_list ('document-errors-list');
180			} else {
181			$self->end_tag ('dl');
182			}
183			} else {
184			$self->end_tag ('dl');
185			}
186			} # end_error_list
187
188			sub add_source_to_parse_error_list ($$) {
189			my $self = shift;
190
191			$self->script (q[addSourceToParseErrorList ('] . $self->input->id_prefix .
192	wakaba	1.9	q[', '] . shift () . q[')]);
193	wakaba	1.4	} # add_source_to_parse_error_list
194	wakaba	1.1
195			sub start_code_block ($) {
196			shift->html ('<pre><code>');
197			} # start_code_block
198
199			sub end_code_block ($) {
200			shift->html ('</code></pre>');
201			} # end_code_block
202
203	wakaba	1.3	sub code ($$;%) {
204			my ($self, $content, %opt) = @_;
205			$self->start_tag ('code', %opt);
206			$self->text ($content);
207			$self->html ('</code>');
208	wakaba	1.1	} # code
209
210	wakaba	1.3	sub script ($$;%) {
211			my ($self, $content, %opt) = @_;
212			$self->start_tag ('script', %opt);
213			$self->html ($content);
214			$self->html ('</script>');
215			} # script
216
217			sub dt ($$;%) {
218			my ($self, $content, %opt) = @_;
219			$self->start_tag ('dt', %opt);
220	wakaba	1.7	$self->nl_text ($content, text => $opt{text});
221	wakaba	1.3	} # dt
222
223	wakaba	1.9	sub select ($$%) {
224			my ($self, $options, %opt) = @_;
225
226			my $selected = $opt{selected};
227			delete $opt{selected};
228
229			$self->start_tag ('select', %opt);
230
231			my @options = @$options;
232			while (@options) {
233			my $opt = shift @options;
234			if ($opt->{options}) {
235			$self->html ('<optgroup label="');
236			$self->nl_text ($opt->{label});
237			$self->html ('">');
238			unshift @options, @{$opt->{options}}, {end_options => 1};
239			} elsif ($opt->{end_options}) {
240			$self->end_tag ('optgroup');
241			} else {
242			$self->start_tag ('option', value => $opt->{value},
243			((defined $selected and $opt->{value} eq $selected)
244			? (selected => '') : ()));
245			$self->nl_text (defined $opt->{label} ? $opt->{label} : $opt->{value});
246			}
247			}
248
249			$self->end_tag ('select');
250			} # select
251
252	wakaba	1.1	sub link ($$%) {
253			my ($self, $content, %opt) = @_;
254	wakaba	1.2	$self->start_tag ('a', %opt, href => $opt{url});
255	wakaba	1.1	$self->text ($content);
256			$self->html ('</a>');
257			} # link
258
259			sub xref ($$%) {
260			my ($self, $content, %opt) = @_;
261			$self->html ('<a href="#' . $htescape->($self->input->id_prefix . $opt{target}) . '">');
262	wakaba	1.7	$self->nl_text ($content, text => $opt{text});
263	wakaba	1.1	$self->html ('</a>');
264			} # xref
265
266	wakaba	1.2	sub link_to_webhacc ($$%) {
267			my ($self, $content, %opt) = @_;
268			$opt{url} = './?uri=' . $self->encode_url_component ($opt{url});
269			$self->link ($content, %opt);
270			} # link_to_webhacc
271
272	wakaba	1.3	my $get_node_path = sub ($) {
273			my $node = shift;
274			my @r;
275			while (defined $node) {
276			my $rs;
277			if ($node->node_type == 1) {
278			$rs = $node->node_name;
279			$node = $node->parent_node;
280			} elsif ($node->node_type == 2) {
281			$rs = '@' . $node->node_name;
282			$node = $node->owner_element;
283			} elsif ($node->node_type == 3) {
284			$rs = '"' . $node->data . '"';
285			$node = $node->parent_node;
286			} elsif ($node->node_type == 9) {
287			@r = ('') unless @r;
288			$rs = '';
289			$node = $node->parent_node;
290			} else {
291			$rs = '#' . $node->node_type;
292			$node = $node->parent_node;
293			}
294			unshift @r, $rs;
295			}
296			return join '/', @r;
297			}; # $get_node_path
298
299			sub node_link ($$) {
300			my ($self, $node) = @_;
301			$self->xref ($get_node_path->($node), target => 'node-' . refaddr $node);
302			} # node_link
303
304	wakaba	1.7	{
305			my $Msg = {};
306
307			sub load_text_catalog ($$) {
308			my $self = shift;
309
310			my $lang = shift; # MUST be a canonical lang name
311			my $file_name = qq[cc-msg.$lang.txt];
312			$lang = 'en' unless -f $file_name;
313			$self->{primary_language} = $lang;
314
315			open my $file, '<:utf8', $file_name or die "$0: $file_name: $!";
316			while (<$file>) {
317			if (s/^([^;]+);([^;]*);//) {
318			my ($type, $cls, $msg) = ($1, $2, $_);
319			$msg =~ tr/\x0D\x0A//d;
320			$Msg->{$type} = [$cls, $msg];
321			}
322			}
323			} # load_text_catalog
324
325			sub nl_text ($$;%) {
326			my ($self, $type, %opt) = @_;
327			my $node = $opt{node};
328
329			my @arg;
330			{
331			if (defined $Msg->{$type}) {
332			my $msg = $Msg->{$type}->[1];
333			if ($msg =~ /<var>/) {
334			$msg =~ s{<var>\$([0-9]+)</var>}{
335			defined $arg[$1] ? $htescape->($arg[$1]) : '(undef)';
336			}ge;
337			$msg =~ s{<var>{\@([A-Za-z0-9:_.-]+)}</var>}{
338			UNIVERSAL::can ($node, 'get_attribute_ns')
339			? $htescape->($node->get_attribute_ns (undef, $1)) : ''
340			}ge;
341			$msg =~ s{<var>{\@}</var>}{
342			UNIVERSAL::can ($node, 'value') ? $htescape->($node->value) : ''
343			}ge;
344			$msg =~ s{<var>{text}</var>}{
345			defined $opt{text} ? $htescape->($opt{text}) : ''
346			}ge;
347			$msg =~ s{<var>{local-name}</var>}{
348			UNIVERSAL::can ($node, 'manakai_local_name')
349			? $htescape->($node->manakai_local_name) : ''
350			}ge;
351			$msg =~ s{<var>{element-local-name}</var>}{
352			(UNIVERSAL::can ($node, 'owner_element') and
353			$node->owner_element)
354			? $htescape->($node->owner_element->manakai_local_name) : ''
355			}ge;
356			}
357			$self->html ($msg);
358			return;
359			} elsif ($type =~ s/:([^:]*)$//) {
360			unshift @arg, $1;
361			redo;
362			}
363			}
364			$self->text ($type);
365			} # nl_text
366
367			}
368
369	wakaba	1.1	sub nav_list ($) {
370			my $self = shift;
371			$self->html (q[<ul class="navigation" id="nav-items">]);
372			for (@{$self->{nav}}) {
373	wakaba	1.7	$self->html (qq[<li><a href="#@{[$htescape->($_->[0])]}">]);
374			$self->nl_text ($_->[1], text => $_->[2]);
375			$self->html ('</a>');
376	wakaba	1.1	}
377			$self->html ('</ul>');
378			} # nav_list
379	wakaba	1.2
380	wakaba	1.5	sub http_header ($) {
381			shift->html (qq[Content-Type: text/html; charset=utf-8\n\n]);
382			} # http_header
383
384			sub http_error ($$) {
385			my $self = shift;
386			my $code = 0+shift;
387			my $text = {
388			404 => 'Not Found',
389			}->{$code};
390			$self->html (qq[Status: $code $text\nContent-Type: text/html ; charset=us-ascii\n\n$code $text]);
391			} # http_error
392
393			sub html_header ($) {
394			my $self = shift;
395	wakaba	1.7	$self->html (q[<!DOCTYPE html>]);
396			$self->start_tag ('html', lang => $self->{primary_language});
397			$self->html (q[<head><title>]);
398			$self->nl_text (q[WebHACC:Title]);
399			$self->html (q[</title>
400	wakaba	1.5	<link rel="stylesheet" href="../cc-style.css" type="text/css">
401	wakaba	1.8	<script src="../cc-script.js"></script>
402	wakaba	1.5	</head>
403			<body>
404	wakaba	1.7	<h1>]);
405			$self->nl_text (q[WebHACC:Heading]);
406			$self->html ('</h1>');
407	wakaba	1.5	} # html_header
408	wakaba	1.9
409			sub generate_input_section ($$) {
410			my ($out, $cgi) = @_;
411
412			my $options = sub ($) {
413			my $context = shift;
414
415			$out->html (q[<div class=details><p class=legend onclick="nextSibling.style.display = nextSibling.style.display == 'none' ? 'block' : 'none'">]);
416			$out->nl_text (q[Options]);
417			$out->start_tag ('div');
418
419			if ($context eq 'url') {
420			$out->start_tag ('p');
421			$out->start_tag ('label');
422			$out->start_tag ('input', type => 'checkbox', name => 'error-page',
423			value => 1,
424			($cgi->get_parameter ('error-page')
425			? (checked => '') : ()));
426			$out->nl_text ('Check error page');
427			$out->end_tag ('label');
428			}
429
430			$out->start_tag ('p');
431			$out->start_tag ('label');
432			$out->nl_text (q[Content type]);
433			$out->text (': ');
434			$out->select ([
435			{value => '', label => 'As specified'},
436			{value => 'application/atom+xml'},
437			{value => 'application/xhtml+xml'},
438			{value => 'application/xml'},
439			{value => 'text/html'},
440			{value => 'text/xml'},
441			{value => 'text/css'},
442			{value => 'text/cache-manifest'},
443			{value => 'text/x-webidl'},
444			], name => 'i', selected => scalar $cgi->get_parameter ('i'));
445			$out->end_tag ('label');
446
447			if ($context ne 'text') {
448			$out->start_tag ('p');
449			$out->start_tag ('label');
450			$out->nl_text (q[Charset]);
451			$out->text (q[: ]);
452			$out->select ([
453			{value => '', label => 'As specified'},
454			{label => 'Japanese charsets', options => [
455			{value => 'Windows-31J'},
456			{value => 'Shift_JIS'},
457			{value => 'EUC-JP'},
458			{value => 'ISO-2022-JP'},
459			]},
460			{label => 'European charsets', options => [
461			{value => 'Windows-1252'},
462			{value => 'ISO-8859-1'},
463			{value => 'US-ASCII'},
464			]},
465			{label => 'Asian charsets', options => [
466			{value => 'Windows-874'},
467			{value => 'ISO-8859-11'},
468			{value => 'TIS-620'},
469			]},
470			{label => 'Unicode charsets', options => [
471			{value => 'UTF-8'},
472			{value => 'UTF-8n'},
473			]},
474			], name => 'charset',
475			selected => scalar $cgi->get_parameter ('charset'));
476			$out->end_tag ('label');
477			}
478
479			if ($context eq 'text') {
480			$out->start_tag ('p');
481			$out->start_tag ('label');
482			$out->nl_text ('Setting innerHTML');
483			$out->text (': ');
484			$out->start_tag ('input', name => 'e',
485			value => scalar $cgi->get_parameter ('e'));
486			$out->end_tag ('label');
487			}
488
489			$out->html (q[</div></div>]);
490			}; # $options
491
492			$out->start_section (id => 'input', title => 'Input');
493
494			$out->start_section (id => 'input-url', title => 'By URL');
495			$out->start_tag ('form', action => './', 'accept-charset' => 'utf-8',
496			method => 'get');
497			$out->start_tag ('input', type => 'hidden', name => '_charset_');
498
499			$out->start_tag ('p');
500			$out->start_tag ('label');
501			$out->nl_text ('URL');
502			$out->text (': ');
503			$out->start_tag ('input',
504			name => 'uri',
505			type => 'url',
506			value => $cgi->get_parameter ('uri'));
507			$out->end_tag ('label');
508
509			$options->('url');
510
511			$out->start_tag ('p');
512			$out->start_tag ('button', type => 'submit');
513			$out->nl_text ('Check');
514
515			$out->end_tag ('form');
516			$out->end_section;
517
518			$out->end_tag ('fieldset');
519
520			## TODO: File upload
521
522			$out->start_section (id => 'input-text', title => 'By direct input');
523			$out->start_tag ('form', action => './', 'accept-charset' => 'utf-8',
524			method => 'post');
525			$out->start_tag ('input', type => 'hidden', name => '_charset_');
526
527			$out->start_tag ('p');
528			$out->start_tag ('label');
529			$out->nl_text ('Document source to check');
530			$out->text (': ');
531			$out->start_tag ('br');
532			$out->start_tag ('textarea',
533			name => 's');
534			my $s = $cgi->get_parameter ('s');
535			$out->text ($s) if defined $s;
536			$out->end_tag ('textarea');
537			$out->end_tag ('label');
538
539			$options->('text');
540
541			$out->start_tag ('p');
542			$out->start_tag ('button', type => 'submit',
543			onclick => 'form.method = form.s.value.length > 512 ? "post" : "get"');
544			$out->nl_text ('Check');
545			$out->end_tag ('button');
546
547			$out->end_tag ('form');
548			$out->end_section;
549
550			$out->end_section;
551			} # generate_input_section
552	wakaba	1.2
553			sub encode_url_component ($$) {
554			shift;
555			require Encode;
556			my $s = Encode::encode ('utf8', shift);
557			$s =~ s/([^0-9A-Za-z_.~-])/sprintf '%%%02X', ord $1/ge;
558			return $s;
559			} # encode_url_component
560	wakaba	1.1
561			1;