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;
};

my $htescape_value = sub ($) {
  my $s = $_[0];
  $s =~ s/&/&amp;/g;
  $s =~ s/</&lt;/g;
#  $s =~ s/>/&gt;/g;
  $s =~ s/"/&quot;/g;
  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 has_error ($;$) {
  if (@_ > 1) {
    if (defined $_[1]) {
      $_[0]->{has_error} = 1;
    } else {
      delete $_[0]->{has_error};
    }
  }
  
  return $_[0]->{has_error};
} # has_error

sub set_utf8 ($) {
  binmode $_[0]->{handle}, ':utf8';
} # set_utf8

sub set_flush ($) {
  $_[0]->{handle}->autoflush (1);
} # set_flush

sub unset_flush ($) {
  $_[0]->{handle}->autoflush (0);
} # unset_flush

sub html ($$) {
  $_[0]->{handle}->print ($_[1]);
} # html

sub text ($$) {
  $_[0]->{handle}->print ($htescape->($_[1]));
} # text

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

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

sub end_tag ($$) {
  $_[0]->{handle}->print ('</' . $_[1] . '>');
} # end_tag

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

  my $class = 'section';
  if (defined $opt{role}) {
    if ($opt{role} eq 'parse-errors') {
      $opt{id} ||= 'parse-errors';
      $opt{title} ||= 'Parse Errors Section';
      $opt{short_title} ||= 'Parse Errors';
      $class .= ' errors';
      delete $opt{role};
    } elsif ($opt{role} eq 'structure-errors') {
      $opt{id} ||= 'document-errors';
      $opt{title} ||= 'Structural Errors';
      $opt{short_title} ||= 'Struct. Errors';
      $class .= ' errors';
      delete $opt{role};
    } elsif ($opt{role} eq 'transfer-errors') {
      $opt{id} ||= 'transfer-errors';
      $opt{title} ||= 'Transfer Errors';
      $opt{short_title} ||= 'Trans. Errors';
      $class .= ' errors';
      delete $opt{role};
    } elsif ($opt{role} eq 'reformatted') {
      $opt{id} ||= 'document-tree';
      $opt{title} ||= 'Reformatted Document Source';
      $opt{short_title} ||= 'Reformatted';
      $class .= ' dump';
      delete $opt{role}
    } elsif ($opt{role} eq 'tree') {
      $opt{id} ||= 'document-tree';
      $opt{title} ||= 'Document Tree';
      $opt{short_title} ||= 'Tree';
      $class .= ' dump';
      delete $opt{role};
    } elsif ($opt{role} eq 'structure') {
      $opt{id} ||= 'document-structure';
      $opt{title} ||= 'Document Structure';
      $opt{short_title} ||= 'Structure';
      $class .= ' dump';
      delete $opt{role};
    } elsif ($opt{role} eq 'subdoc') {
      $class .= ' subdoc';
      delete $opt{role};
    } elsif ($opt{role} eq 'source') {
      $opt{id} ||= 'source-string';
      $opt{title} ||= 'Document Source';
      $opt{short_title} ||= 'Source';
      $class .= ' source';
      delete $opt{role};
    } elsif ($opt{role} eq 'result') {
      $opt{id} ||= 'result-summary';
      $opt{title} ||= 'Result';
      $class .= ' result';
      delete $opt{role};
    }
  }

  $self->{section_rank}++;
  $self->html (qq[<div class="$class"]);
  if (defined $opt{id}) {
    my $prefix = $self->input->id_prefix;
    $opt{parent_id} ||= $prefix;
    my $id = $prefix . $opt{id};
    $self->html (' id="' . $htescape->($id) . '">');
    if ($self->{section_rank} == 2 or length $opt{parent_id}) {
      my $st = $opt{short_title} || $opt{title};
      push @{$self->{nav}},
          [$id => $st => $opt{text}] if $self->{section_rank} == 2;
      
      $self->start_tag ('script');
      $self->html (qq[ addSectionLink ('$id', ']);
      $self->nl_text ($st, text => $opt{text});
      if (defined $opt{parent_id}) {
        $self->html (q[', '] . $opt{parent_id});
      }
      $self->html (q[') ]);
      $self->end_tag ('script');
    }
  } else {
    $self->html ('>');
  }
  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};
    } elsif ($opt{role} eq 'transfer-errors') {
      $opt{id} ||= 'transfer-errors-list';
      delete $opt{role};
    }
  }

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

  delete $self->{has_error}; # reset
} # start_error_list

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

  my $no_error_message = 'No error found.';

  if (defined $opt{role}) {
    if ($opt{role} eq 'parse-errors') {
      $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.
      $no_error_message = 'No parse error found.';
    } elsif ($opt{role} eq 'structure-errors') {
      $self->end_tag ('dl');
      $self->add_source_to_parse_error_list ('document-errors-list');
      $no_error_message = 'No structural error found.';
    } elsif ($opt{role} eq 'transfer-errors') {
      $self->end_tag ('dl');
      $no_error_message = 'No transfer error found.';
    } else {
      $self->end_tag ('dl');
    }
  } else {
    $self->end_tag ('dl');
  }

  unless ($self->{has_error}) {
    $self->start_tag ('p', class => 'no-errors');
    $self->nl_text ($no_error_message);
  }
} # 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 ($) {
  $_[0]->{handle}->print ('<pre><code>');
} # start_code_block

sub end_code_block ($) {
  $_[0]->{handle}->print ('</code></pre>');
} # end_code_block

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

sub script ($$;%) {
  my ($self, $content, %opt) = @_;
  $self->start_tag ('script', %opt);
  $self->{handle}->print ($content . '</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->{handle}->print ('<optgroup label="');
      $self->nl_text ($opt->{label});
      $self->{handle}->print ('">');
      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->{handle}->print ($htescape->($content) . '</a>');
} # link

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

sub xref_text ($$%) {
  my ($self, $content, %opt) = @_;
  $self->html ('<a href="#' . $htescape->($self->input->id_prefix . $opt{target}) . '">');
  $self->{handle}->print ($htescape->($content) . '</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

my $get_object_path = sub ($) {
  my $node = shift;
  my @r;
  while (defined $node) {
    my $ref = ref $node;
    $ref =~ /([^:]+)$/;
    my $rs = $1;
    my $node_name = $node->node_name;
    if (defined $node_name) {
      $rs .= ' <code>' . $htescape->($node_name) . '</code>';
    }
    $node = undef;
    unshift @r, $rs;
  }
  return join '/', @r;
}; # $get_object_path

sub node_link ($$) {
  my ($self, $node) = @_;
  if ($node->isa ('Message::IF::Node')) {
    $self->xref_text ($get_node_path->($node),
                      target => 'node-' . refaddr $node);
  } else {
    $self->{handle}->print ($get_object_path->($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};

  if (defined $Msg->{$type}) {
    my $msg = $Msg->{$type}->[1];
    if ($msg =~ /<var>/) {
      $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>{value}</var>}{
        defined $opt{value} ? $htescape->($opt{value}) : ''
      }ge;
      $msg =~ s{<var>{octets}</var>}{
        if (defined $opt{octets}) {
          join ', ', map {sprintf '0x%02X', ord $_} split //, ${$opt{octets}};
        } else {
          '';
        }
      }ge;
      $msg =~ s{<var>{char}</var>}{
        defined $opt{char} ? $htescape->(${$opt{char}}) : ''
      }ge;
      $msg =~ s{<var>{char:hexref}</var>}{
        if (defined $opt{char}) {
          join '', map {sprintf '&amp;#x%02X;', ord $_} split //, ${$opt{char}};
        } else {
          '';
        }
      }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->{handle}->print ($msg);
  } else {
    $self->{handle}->print ($htescape->($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 ($) {
  $_[0]->{handle}->print (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->{handle}->print
      (qq[Status: $code $text\nContent-Type: text/html ; charset=us-ascii\n\n$code $text]);
} # http_error

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

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

  require Encode;
  my $decode = sub ($) {
    if (defined $_[0]) {
      return Encode::decode ('utf-8', $_[0]);
    } else {
      return undef;
    }
  }; # $decode

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

    $out->{handle}->print (q[<div class="details default"><p class=legend onclick="nextSibling.style.display = nextSibling.style.display == 'block' ? 'none' : 'block'; parentNode.className = nextSibling.style.display == 'none' ? 'details' : 'details open'" tabindex=0>]);
    $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 => 'text/cache-manifest'},
      {value => 'text/css'},
      {value => 'text/x-h2h'},
      {value => 'text/html'},
      {value => 'text/x-webidl'},
      {value => 'application/xhtml+xml'},
      {value => 'application/xml'},
      {value => 'text/xml'},
    ], 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 => 'x-sjis'},
          {value => 'EUC-JP'},
          {value => 'x-euc-jp'},
          {value => 'ISO-2022-JP'},
          {value => 'ISO-2022-JP-1'},
          {value => 'ISO-2022-JP-2'},
        ]},
        {label => 'Latin charsets', options => [
          {value => 'Windows-1250'},
          {value => 'Windows-1252'},
          {value => 'Windows-1254'},
          {value => 'Windows-1257'},
          {value => 'Windows-1258'},
          {value => 'ISO-8859-1'},
          {value => 'ISO-8859-2'},
          {value => 'ISO-8859-3'},
          {value => 'ISO-8859-4'},
          {value => 'ISO-8859-9'},
          {value => 'ISO-8859-10'},
          {value => 'ISO-8859-13'},
          {value => 'ISO-8859-14'},
          {value => 'ISO-8859-15'},
          {value => 'ISO-8859-16'},
          {value => 'US-ASCII'},
        ]},
        {label => 'Greek charsets', options => [
          {value => 'Windows-1253'},
          {value => 'ISO-8859-7'},
        ]},
        {label => 'Cyrillic charsets', options => [
          {value => 'Windows-1251'},
          {value => 'ISO-8859-5'},
        ]},
        {label => 'Arabic charsets', options => [
          {value => 'Windows-1256'},
          {value => 'ISO-8859-6'},
        ]},
        {label => 'Hebrew charsets', options => [
          {value => 'Windows-1255'},
          {value => 'ISO-8859-8'},
        ]},
        {label => 'Thai charsets', options => [
          {value => 'Windows-874'},
          {value => 'ISO-8859-11'},
          {value => 'TIS-620'},
        ]},
        {label => 'Chinese charsets', options => [
          {value => 'Big5'},
          {value => 'x-x-big5'},
          {value => 'Big5-HKSCS'},
          {value => 'GBK'},
          {value => 'GB2312'},
          {value => 'GB_2312-80'},
          {value => 'ISO-2022-CN'},
          {value => 'ISO-2022-CN-EXT'},
        ]},
        {label => 'Korean charsets', options => [
          {value => 'Windows-949'},
          {value => 'EUC-KR'},
          {value => 'KS_C_5601-1987'},
          {value => 'ISO-2022-KR'},
        ]},
        {label => 'Unicode charsets', options => [
          {value => 'UTF-8'},
          {value => 'UTF-8n'},
          {value => 'UTF-16'}, 
          {value => 'UTF-16BE'},
          {value => 'UTF-16LE'},
       ]},
      ], 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 => $decode->(scalar $cgi->get_parameter ('e')));
      $out->end_tag ('label');
    }

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

  $out->start_section (id => 'input', title => 'Input');
  $out->html (q[<script> insertNavSections ('input') </script>]);

  $out->start_section (id => 'input-url', title => 'By URL',
                       parent_id => 'input');
  $out->start_tag ('form', action => './#result-summary',
                   '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 => $decode->(scalar $cgi->get_parameter ('uri')));
  $out->end_tag ('label');

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

  $options->('url');

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

  ## TODO: File upload

  $out->start_section (id => 'input-text', title => 'By direct input',
                       parent_id => 'input');
  $out->start_tag ('form', action => './#result-summary',
                   '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 = $decode->($cgi->get_parameter ('s'));
  $out->html ($htescape_value->($s)) if defined $s;
  $out->end_tag ('textarea');
  $out->end_tag ('label');

  $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');

  $options->('text');

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

  $out->script (q[
    if (!document.webhaccNavigated &&
        document.getElementsByTagName ('textarea')[0].value.length > 0) {
      showTab ('input-text');
      document.webhaccNavigated = false;
    }
  ]);

  $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	package WebHACC::Output;
2	use strict;
3
4	require IO::Handle;
5	use Scalar::Util qw/refaddr/;
6
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	my $htescape_value = sub ($) {
20	my $s = $_[0];
21	$s =~ s/&/&/g;
22	$s =~ s/</</g;
23	# $s =~ s/>/>/g;
24	$s =~ s/"/"/g;
25	return $s;
26	};
27
28	sub new ($) {
29	require WebHACC::Input;
30	return bless {nav => [], section_rank => 1,
31	input => WebHACC::Input->new}, shift;
32	} # new
33
34	sub input ($;$) {
35	if (@_ > 1) {
36	if (defined $_[1]) {
37	$_[0]->{input} = $_[1];
38	} else {
39	$_[0]->{input} = WebHACC::Input->new;
40	}
41	}
42
43	return $_[0]->{input};
44	} # input
45
46	sub handle ($;$) {
47	if (@_ > 1) {
48	if (defined $_[1]) {
49	$_[0]->{handle} = $_[1];
50	} else {
51	delete $_[0]->{handle};
52	}
53	}
54
55	return $_[0]->{handle};
56	} # handle
57
58	sub has_error ($;$) {
59	if (@_ > 1) {
60	if (defined $_[1]) {
61	$_[0]->{has_error} = 1;
62	} else {
63	delete $_[0]->{has_error};
64	}
65	}
66
67	return $_[0]->{has_error};
68	} # has_error
69
70	sub set_utf8 ($) {
71	binmode $_[0]->{handle}, ':utf8';
72	} # set_utf8
73
74	sub set_flush ($) {
75	$_[0]->{handle}->autoflush (1);
76	} # set_flush
77
78	sub unset_flush ($) {
79	$_[0]->{handle}->autoflush (0);
80	} # unset_flush
81
82	sub html ($$) {
83	$_[0]->{handle}->print ($_[1]);
84	} # html
85
86	sub text ($$) {
87	$_[0]->{handle}->print ($htescape->($_[1]));
88	} # text
89
90	sub url ($$%) {
91	my ($self, $url, %opt) = @_;
92	$self->{handle}->print (q[<code class=uri><]);
93	$self->link ($url, %opt, url => $url);
94	$self->{handle}->print (q[></code>]);
95	} # url
96
97	sub start_tag ($$%) {
98	my ($self, $tag_name, %opt) = @_;
99	$self->{handle}->print ('<' . $tag_name);
100	if (exists $opt{id}) {
101	my $id = $self->input->id_prefix . $opt{id};
102	$self->{handle}->print (' id="' . $htescape_value->($id) . '"');
103	delete $opt{id};
104	}
105	for (keys %opt) {
106	$self->{handle}->print
107	(' ' . $_ . '="' . $htescape_value->($opt{$_}) . '"');
108	}
109	$self->{handle}->print ('>');
110	} # start_tag
111
112	sub end_tag ($$) {
113	$_[0]->{handle}->print ('</' . $_[1] . '>');
114	} # end_tag
115
116	sub start_section ($%) {
117	my ($self, %opt) = @_;
118
119	my $class = 'section';
120	if (defined $opt{role}) {
121	if ($opt{role} eq 'parse-errors') {
122	$opt{id} \|\|= 'parse-errors';
123	$opt{title} \|\|= 'Parse Errors Section';
124	$opt{short_title} \|\|= 'Parse Errors';
125	$class .= ' errors';
126	delete $opt{role};
127	} elsif ($opt{role} eq 'structure-errors') {
128	$opt{id} \|\|= 'document-errors';
129	$opt{title} \|\|= 'Structural Errors';
130	$opt{short_title} \|\|= 'Struct. Errors';
131	$class .= ' errors';
132	delete $opt{role};
133	} elsif ($opt{role} eq 'transfer-errors') {
134	$opt{id} \|\|= 'transfer-errors';
135	$opt{title} \|\|= 'Transfer Errors';
136	$opt{short_title} \|\|= 'Trans. Errors';
137	$class .= ' errors';
138	delete $opt{role};
139	} elsif ($opt{role} eq 'reformatted') {
140	$opt{id} \|\|= 'document-tree';
141	$opt{title} \|\|= 'Reformatted Document Source';
142	$opt{short_title} \|\|= 'Reformatted';
143	$class .= ' dump';
144	delete $opt{role}
145	} elsif ($opt{role} eq 'tree') {
146	$opt{id} \|\|= 'document-tree';
147	$opt{title} \|\|= 'Document Tree';
148	$opt{short_title} \|\|= 'Tree';
149	$class .= ' dump';
150	delete $opt{role};
151	} elsif ($opt{role} eq 'structure') {
152	$opt{id} \|\|= 'document-structure';
153	$opt{title} \|\|= 'Document Structure';
154	$opt{short_title} \|\|= 'Structure';
155	$class .= ' dump';
156	delete $opt{role};
157	} elsif ($opt{role} eq 'subdoc') {
158	$class .= ' subdoc';
159	delete $opt{role};
160	} elsif ($opt{role} eq 'source') {
161	$opt{id} \|\|= 'source-string';
162	$opt{title} \|\|= 'Document Source';
163	$opt{short_title} \|\|= 'Source';
164	$class .= ' source';
165	delete $opt{role};
166	} elsif ($opt{role} eq 'result') {
167	$opt{id} \|\|= 'result-summary';
168	$opt{title} \|\|= 'Result';
169	$class .= ' result';
170	delete $opt{role};
171	}
172	}
173
174	$self->{section_rank}++;
175	$self->html (qq[<div class="$class"]);
176	if (defined $opt{id}) {
177	my $prefix = $self->input->id_prefix;
178	$opt{parent_id} \|\|= $prefix;
179	my $id = $prefix . $opt{id};
180	$self->html (' id="' . $htescape->($id) . '">');
181	if ($self->{section_rank} == 2 or length $opt{parent_id}) {
182	my $st = $opt{short_title} \|\| $opt{title};
183	push @{$self->{nav}},
184	[$id => $st => $opt{text}] if $self->{section_rank} == 2;
185
186	$self->start_tag ('script');
187	$self->html (qq[ addSectionLink ('$id', ']);
188	$self->nl_text ($st, text => $opt{text});
189	if (defined $opt{parent_id}) {
190	$self->html (q[', '] . $opt{parent_id});
191	}
192	$self->html (q[') ]);
193	$self->end_tag ('script');
194	}
195	} else {
196	$self->html ('>');
197	}
198	my $section_rank = $self->{section_rank};
199	$section_rank = 6 if $section_rank > 6;
200	$self->html ('<h' . $section_rank . '>');
201	$self->nl_text ($opt{title}, text => $opt{text});
202	$self->html ('</h' . $section_rank . '>');
203	} # start_section
204
205	sub end_section ($) {
206	my $self = shift;
207	$self->html ('</div>');
208	$self->{handle}->flush;
209	$self->{section_rank}--;
210	} # end_section
211
212	sub start_error_list ($%) {
213	my ($self, %opt) = @_;
214
215	if (defined $opt{role}) {
216	if ($opt{role} eq 'parse-errors') {
217	$opt{id} \|\|= 'parse-errors-list';
218	delete $opt{role};
219	} elsif ($opt{role} eq 'structure-errors') {
220	$opt{id} \|\|= 'document-errors-list';
221	delete $opt{role};
222	} elsif ($opt{role} eq 'transfer-errors') {
223	$opt{id} \|\|= 'transfer-errors-list';
224	delete $opt{role};
225	}
226	}
227
228	$self->start_tag ('dl', %opt);
229
230	delete $self->{has_error}; # reset
231	} # start_error_list
232
233	sub end_error_list ($%) {
234	my ($self, %opt) = @_;
235
236	my $no_error_message = 'No error found.';
237
238	if (defined $opt{role}) {
239	if ($opt{role} eq 'parse-errors') {
240	$self->end_tag ('dl');
241	## NOTE: For parse error list, the \|add_source_to_parse_error_list\|
242	## method is invoked at the end of \|generate_source_string_section\|,
243	## since that generation method is invoked after the error list
244	## is generated.
245	$no_error_message = 'No parse error found.';
246	} elsif ($opt{role} eq 'structure-errors') {
247	$self->end_tag ('dl');
248	$self->add_source_to_parse_error_list ('document-errors-list');
249	$no_error_message = 'No structural error found.';
250	} elsif ($opt{role} eq 'transfer-errors') {
251	$self->end_tag ('dl');
252	$no_error_message = 'No transfer error found.';
253	} else {
254	$self->end_tag ('dl');
255	}
256	} else {
257	$self->end_tag ('dl');
258	}
259
260	unless ($self->{has_error}) {
261	$self->start_tag ('p', class => 'no-errors');
262	$self->nl_text ($no_error_message);
263	}
264	} # end_error_list
265
266	sub add_source_to_parse_error_list ($$) {
267	my $self = shift;
268
269	$self->script (q[addSourceToParseErrorList ('] . $self->input->id_prefix .
270	q[', '] . shift () . q[')]);
271	} # add_source_to_parse_error_list
272
273	sub start_code_block ($) {
274	$_[0]->{handle}->print ('<pre><code>');
275	} # start_code_block
276
277	sub end_code_block ($) {
278	$_[0]->{handle}->print ('</code></pre>');
279	} # end_code_block
280
281	sub code ($$;%) {
282	my ($self, $content, %opt) = @_;
283	$self->start_tag ('code', %opt);
284	$self->text ($content);
285	$self->{handle}->print ('</code>');
286	} # code
287
288	sub script ($$;%) {
289	my ($self, $content, %opt) = @_;
290	$self->start_tag ('script', %opt);
291	$self->{handle}->print ($content . '</script>');
292	} # script
293
294	sub dt ($$;%) {
295	my ($self, $content, %opt) = @_;
296	$self->start_tag ('dt', %opt);
297	$self->nl_text ($content, text => $opt{text});
298	} # dt
299
300	sub select ($$%) {
301	my ($self, $options, %opt) = @_;
302
303	my $selected = $opt{selected};
304	delete $opt{selected};
305
306	$self->start_tag ('select', %opt);
307
308	my @options = @$options;
309	while (@options) {
310	my $opt = shift @options;
311	if ($opt->{options}) {
312	$self->{handle}->print ('<optgroup label="');
313	$self->nl_text ($opt->{label});
314	$self->{handle}->print ('">');
315	unshift @options, @{$opt->{options}}, {end_options => 1};
316	} elsif ($opt->{end_options}) {
317	$self->end_tag ('optgroup');
318	} else {
319	$self->start_tag ('option', value => $opt->{value},
320	((defined $selected and $opt->{value} eq $selected)
321	? (selected => '') : ()));
322	$self->nl_text (defined $opt->{label} ? $opt->{label} : $opt->{value});
323	}
324	}
325
326	$self->end_tag ('select');
327	} # select
328
329	sub link ($$%) {
330	my ($self, $content, %opt) = @_;
331	$self->start_tag ('a', %opt, href => $opt{url});
332	$self->{handle}->print ($htescape->($content) . '</a>');
333	} # link
334
335	sub xref ($$%) {
336	my ($self, $content, %opt) = @_;
337	$self->{handle}->print
338	('<a href="#' . $htescape->($self->input->id_prefix . $opt{target}) . '">');
339	$self->nl_text ($content, text => $opt{text});
340	$self->{handle}->print ('</a>');
341	} # xref
342
343	sub xref_text ($$%) {
344	my ($self, $content, %opt) = @_;
345	$self->html ('<a href="#' . $htescape->($self->input->id_prefix . $opt{target}) . '">');
346	$self->{handle}->print ($htescape->($content) . '</a>');
347	} # xref
348
349	sub link_to_webhacc ($$%) {
350	my ($self, $content, %opt) = @_;
351	$opt{url} = './?uri=' . $self->encode_url_component ($opt{url});
352	$self->link ($content, %opt);
353	} # link_to_webhacc
354
355	my $get_node_path = sub ($) {
356	my $node = shift;
357	my @r;
358	while (defined $node) {
359	my $rs;
360	if ($node->node_type == 1) {
361	$rs = $node->node_name;
362	$node = $node->parent_node;
363	} elsif ($node->node_type == 2) {
364	$rs = '@' . $node->node_name;
365	$node = $node->owner_element;
366	} elsif ($node->node_type == 3) {
367	$rs = '"' . $node->data . '"';
368	$node = $node->parent_node;
369	} elsif ($node->node_type == 9) {
370	@r = ('') unless @r;
371	$rs = '';
372	$node = $node->parent_node;
373	} else {
374	$rs = '#' . $node->node_type;
375	$node = $node->parent_node;
376	}
377	unshift @r, $rs;
378	}
379	return join '/', @r;
380	}; # $get_node_path
381
382	my $get_object_path = sub ($) {
383	my $node = shift;
384	my @r;
385	while (defined $node) {
386	my $ref = ref $node;
387	$ref =~ /([^:]+)$/;
388	my $rs = $1;
389	my $node_name = $node->node_name;
390	if (defined $node_name) {
391	$rs .= ' <code>' . $htescape->($node_name) . '</code>';
392	}
393	$node = undef;
394	unshift @r, $rs;
395	}
396	return join '/', @r;
397	}; # $get_object_path
398
399	sub node_link ($$) {
400	my ($self, $node) = @_;
401	if ($node->isa ('Message::IF::Node')) {
402	$self->xref_text ($get_node_path->($node),
403	target => 'node-' . refaddr $node);
404	} else {
405	$self->{handle}->print ($get_object_path->($node));
406	}
407	} # node_link
408
409	{
410	my $Msg = {};
411
412	sub load_text_catalog ($$) {
413	my $self = shift;
414
415	my $lang = shift; # MUST be a canonical lang name
416	my $file_name = qq[cc-msg.$lang.txt];
417	$lang = 'en' unless -f $file_name;
418	$self->{primary_language} = $lang;
419
420	open my $file, '<:utf8', $file_name or die "$0: $file_name: $!";
421	while (<$file>) {
422	if (s/^([^;]+);([^;]*);//) {
423	my ($type, $cls, $msg) = ($1, $2, $_);
424	$msg =~ tr/\x0D\x0A//d;
425	$Msg->{$type} = [$cls, $msg];
426	}
427	}
428	} # load_text_catalog
429
430	sub nl_text ($$;%) {
431	my ($self, $type, %opt) = @_;
432	my $node = $opt{node};
433
434	if (defined $Msg->{$type}) {
435	my $msg = $Msg->{$type}->[1];
436	if ($msg =~ /<var>/) {
437	$msg =~ s{<var>{\@([A-Za-z0-9:_.-]+)}</var>}{
438	UNIVERSAL::can ($node, 'get_attribute_ns')
439	? $htescape->($node->get_attribute_ns (undef, $1)) : ''
440	}ge;
441	$msg =~ s{<var>{\@}</var>}{
442	UNIVERSAL::can ($node, 'value') ? $htescape->($node->value) : ''
443	}ge;
444	$msg =~ s{<var>{text}</var>}{
445	defined $opt{text} ? $htescape->($opt{text}) : ''
446	}ge;
447	$msg =~ s{<var>{value}</var>}{
448	defined $opt{value} ? $htescape->($opt{value}) : ''
449	}ge;
450	$msg =~ s{<var>{octets}</var>}{
451	if (defined $opt{octets}) {
452	join ', ', map {sprintf '0x%02X', ord $_} split //, ${$opt{octets}};
453	} else {
454	'';
455	}
456	}ge;
457	$msg =~ s{<var>{char}</var>}{
458	defined $opt{char} ? $htescape->(${$opt{char}}) : ''
459	}ge;
460	$msg =~ s{<var>{char:hexref}</var>}{
461	if (defined $opt{char}) {
462	join '', map {sprintf '&#x%02X;', ord $_} split //, ${$opt{char}};
463	} else {
464	'';
465	}
466	}ge;
467	$msg =~ s{<var>{local-name}</var>}{
468	UNIVERSAL::can ($node, 'manakai_local_name')
469	? $htescape->($node->manakai_local_name) : ''
470	}ge;
471	$msg =~ s{<var>{element-local-name}</var>}{
472	(UNIVERSAL::can ($node, 'owner_element') and $node->owner_element)
473	? $htescape->($node->owner_element->manakai_local_name) : ''
474	}ge;
475	}
476	$self->{handle}->print ($msg);
477	} else {
478	$self->{handle}->print ($htescape->($type));
479	}
480	} # nl_text
481
482	}
483
484	sub nav_list ($) {
485	# my $self = shift;
486	# $self->html (q[<ul class="navigation" id="nav-items">]);
487	# for (@{$self->{nav}}) {
488	# $self->html (qq[<li><a href="#@{[$htescape->($_->[0])]}">]);
489	# $self->nl_text ($_->[1], text => $_->[2]);
490	# $self->html ('</a>');
491	# }
492	# $self->html ('</ul>');
493	} # nav_list
494
495	sub http_header ($) {
496	$_[0]->{handle}->print (qq[Content-Type: text/html; charset=utf-8\n\n]);
497	} # http_header
498
499	sub http_error ($$) {
500	my $self = shift;
501	my $code = 0+shift;
502	my $text = {
503	404 => 'Not Found',
504	}->{$code};
505	$self->{handle}->print
506	(qq[Status: $code $text\nContent-Type: text/html ; charset=us-ascii\n\n$code $text]);
507	} # http_error
508
509	sub html_header ($) {
510	my $self = shift;
511	$self->{handle}->print (q[<!DOCTYPE html>]);
512	$self->start_tag ('html', lang => $self->{primary_language});
513	$self->{handle}->print (q[<head><title>]);
514	$self->nl_text (q[WebHACC:Title]);
515	$self->{handle}->print (q[</title>
516	<link rel="stylesheet" href="../cc-style.css" type="text/css">
517	<script src="../cc-script.js"></script>
518	</head>
519	<body onclick=" return onbodyclick (event) " onload=" onbodyload () ">
520	<h1>]);
521	$self->nl_text (q[WebHACC:Heading]);
522	$self->{handle}->print (q[</h1><script> insertNavSections () </script>]);
523	} # html_header
524
525	sub generate_input_section ($$) {
526	my ($out, $cgi) = @_;
527
528	require Encode;
529	my $decode = sub ($) {
530	if (defined $_[0]) {
531	return Encode::decode ('utf-8', $_[0]);
532	} else {
533	return undef;
534	}
535	}; # $decode
536
537	my $options = sub ($) {
538	my $context = shift;
539
540	$out->{handle}->print (q[<div class="details default"><p class=legend onclick="nextSibling.style.display = nextSibling.style.display == 'block' ? 'none' : 'block'; parentNode.className = nextSibling.style.display == 'none' ? 'details' : 'details open'" tabindex=0>]);
541	$out->nl_text (q[Options]);
542	$out->start_tag ('div');
543
544	if ($context eq 'url') {
545	$out->start_tag ('p');
546	$out->start_tag ('label');
547	$out->start_tag ('input', type => 'checkbox', name => 'error-page',
548	value => 1,
549	($cgi->get_parameter ('error-page')
550	? (checked => '') : ()));
551	$out->nl_text ('Check error page');
552	$out->end_tag ('label');
553	}
554
555	$out->start_tag ('p');
556	$out->start_tag ('label');
557	$out->nl_text (q[Content type]);
558	$out->text (': ');
559	$out->select ([
560	{value => '', label => 'As specified'},
561	{value => 'application/atom+xml'},
562	{value => 'text/cache-manifest'},
563	{value => 'text/css'},
564	{value => 'text/x-h2h'},
565	{value => 'text/html'},
566	{value => 'text/x-webidl'},
567	{value => 'application/xhtml+xml'},
568	{value => 'application/xml'},
569	{value => 'text/xml'},
570	], name => 'i', selected => scalar $cgi->get_parameter ('i'));
571	$out->end_tag ('label');
572
573	if ($context ne 'text') {
574	$out->start_tag ('p');
575	$out->start_tag ('label');
576	$out->nl_text (q[Charset]);
577	$out->text (q[: ]);
578	$out->select ([
579	{value => '', label => 'As specified'},
580	{label => 'Japanese charsets', options => [
581	{value => 'Windows-31J'},
582	{value => 'Shift_JIS'},
583	{value => 'x-sjis'},
584	{value => 'EUC-JP'},
585	{value => 'x-euc-jp'},
586	{value => 'ISO-2022-JP'},
587	{value => 'ISO-2022-JP-1'},
588	{value => 'ISO-2022-JP-2'},
589	]},
590	{label => 'Latin charsets', options => [
591	{value => 'Windows-1250'},
592	{value => 'Windows-1252'},
593	{value => 'Windows-1254'},
594	{value => 'Windows-1257'},
595	{value => 'Windows-1258'},
596	{value => 'ISO-8859-1'},
597	{value => 'ISO-8859-2'},
598	{value => 'ISO-8859-3'},
599	{value => 'ISO-8859-4'},
600	{value => 'ISO-8859-9'},
601	{value => 'ISO-8859-10'},
602	{value => 'ISO-8859-13'},
603	{value => 'ISO-8859-14'},
604	{value => 'ISO-8859-15'},
605	{value => 'ISO-8859-16'},
606	{value => 'US-ASCII'},
607	]},
608	{label => 'Greek charsets', options => [
609	{value => 'Windows-1253'},
610	{value => 'ISO-8859-7'},
611	]},
612	{label => 'Cyrillic charsets', options => [
613	{value => 'Windows-1251'},
614	{value => 'ISO-8859-5'},
615	]},
616	{label => 'Arabic charsets', options => [
617	{value => 'Windows-1256'},
618	{value => 'ISO-8859-6'},
619	]},
620	{label => 'Hebrew charsets', options => [
621	{value => 'Windows-1255'},
622	{value => 'ISO-8859-8'},
623	]},
624	{label => 'Thai charsets', options => [
625	{value => 'Windows-874'},
626	{value => 'ISO-8859-11'},
627	{value => 'TIS-620'},
628	]},
629	{label => 'Chinese charsets', options => [
630	{value => 'Big5'},
631	{value => 'x-x-big5'},
632	{value => 'Big5-HKSCS'},
633	{value => 'GBK'},
634	{value => 'GB2312'},
635	{value => 'GB_2312-80'},
636	{value => 'ISO-2022-CN'},
637	{value => 'ISO-2022-CN-EXT'},
638	]},
639	{label => 'Korean charsets', options => [
640	{value => 'Windows-949'},
641	{value => 'EUC-KR'},
642	{value => 'KS_C_5601-1987'},
643	{value => 'ISO-2022-KR'},
644	]},
645	{label => 'Unicode charsets', options => [
646	{value => 'UTF-8'},
647	{value => 'UTF-8n'},
648	{value => 'UTF-16'},
649	{value => 'UTF-16BE'},
650	{value => 'UTF-16LE'},
651	]},
652	], name => 'charset',
653	selected => scalar $cgi->get_parameter ('charset'));
654	$out->end_tag ('label');
655	}
656
657	if ($context eq 'text') {
658	$out->start_tag ('p');
659	$out->start_tag ('label');
660	$out->nl_text ('Setting innerHTML');
661	$out->text (': ');
662	$out->start_tag ('input', name => 'e',
663	value => $decode->(scalar $cgi->get_parameter ('e')));
664	$out->end_tag ('label');
665	}
666
667	$out->{handle}->print (q[</div></div>]);
668	}; # $options
669
670	$out->start_section (id => 'input', title => 'Input');
671	$out->html (q[<script> insertNavSections ('input') </script>]);
672
673	$out->start_section (id => 'input-url', title => 'By URL',
674	parent_id => 'input');
675	$out->start_tag ('form', action => './#result-summary',
676	'accept-charset' => 'utf-8',
677	method => 'get');
678	$out->start_tag ('input', type => 'hidden', name => '_charset_');
679
680	$out->start_tag ('p');
681	$out->start_tag ('label');
682	$out->nl_text ('URL');
683	$out->text (': ');
684	$out->start_tag ('input',
685	name => 'uri',
686	type => 'url',
687	value => $decode->(scalar $cgi->get_parameter ('uri')));
688	$out->end_tag ('label');
689
690	$out->start_tag ('p');
691	$out->start_tag ('button', type => 'submit');
692	$out->nl_text ('Check');
693	$out->end_tag ('button');
694
695	$options->('url');
696
697	$out->end_tag ('form');
698	$out->end_section;
699
700	## TODO: File upload
701
702	$out->start_section (id => 'input-text', title => 'By direct input',
703	parent_id => 'input');
704	$out->start_tag ('form', action => './#result-summary',
705	'accept-charset' => 'utf-8',
706	method => 'post');
707	$out->start_tag ('input', type => 'hidden', name => '_charset_');
708
709	$out->start_tag ('p');
710	$out->start_tag ('label');
711	$out->nl_text ('Document source to check');
712	$out->text (': ');
713	$out->start_tag ('br');
714	$out->start_tag ('textarea',
715	name => 's');
716	my $s = $decode->($cgi->get_parameter ('s'));
717	$out->html ($htescape_value->($s)) if defined $s;
718	$out->end_tag ('textarea');
719	$out->end_tag ('label');
720
721	$out->start_tag ('p');
722	$out->start_tag ('button', type => 'submit',
723	onclick => 'form.method = form.s.value.length > 512 ? "post" : "get"');
724	$out->nl_text ('Check');
725	$out->end_tag ('button');
726
727	$options->('text');
728
729	$out->end_tag ('form');
730	$out->end_section;
731
732	$out->script (q[
733	if (!document.webhaccNavigated &&
734	document.getElementsByTagName ('textarea')[0].value.length > 0) {
735	showTab ('input-text');
736	document.webhaccNavigated = false;
737	}
738	]);
739
740	$out->end_section;
741	} # generate_input_section
742
743	sub encode_url_component ($$) {
744	shift;
745	require Encode;
746	my $s = Encode::encode ('utf8', shift);
747	$s =~ s/([^0-9A-Za-z_.~-])/sprintf '%%%02X', ord $1/ge;
748	return $s;
749	} # encode_url_component
750
751	1;