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 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_value->($tag_name)); # escape for safety
  if (exists $opt{id}) {
    my $id = $self->input->id_prefix . $opt{id};
    $self->html (' id="' . $htescape_value->($id) . '"');
    delete $opt{id};
  }
  for (keys %opt) {    # for safety
    $self->html (' ' . $htescape_value->($_) . '="' .
                 $htescape_value->($opt{$_}) . '"');
  }
  $self->html ('>');
} # start_tag

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

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->html ($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};

  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>{value}</var>}{
          defined $opt{value} ? $htescape->($opt{value}) : ''
        }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 onclick=" return onbodyclick (event) " onload=" onbodyload () ">
<h1>]);
  $self->nl_text (q[WebHACC:Heading]);
  $self->html (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->html (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'">]);
    $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 => $decode->(scalar $cgi->get_parameter ('e')));
      $out->end_tag ('label');
    }

    $out->html (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	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	wakaba	1.10	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	wakaba	1.1	sub new ($) {
29	wakaba	1.9	require WebHACC::Input;
30			return bless {nav => [], section_rank => 1,
31			input => WebHACC::Input->new}, shift;
32	wakaba	1.1	} # new
33
34			sub input ($;$) {
35			if (@_ > 1) {
36			if (defined $_[1]) {
37			$_[0]->{input} = $_[1];
38			} else {
39	wakaba	1.9	$_[0]->{input} = WebHACC::Input->new;
40	wakaba	1.1	}
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	wakaba	1.16	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	wakaba	1.1	sub set_utf8 ($) {
71			binmode shift->{handle}, ':utf8';
72			} # set_utf8
73
74			sub set_flush ($) {
75			shift->{handle}->autoflush (1);
76			} # set_flush
77
78			sub unset_flush ($) {
79			shift->{handle}->autoflush (0);
80			} # unset_flush
81
82			sub html ($$) {
83			shift->{handle}->print (shift);
84			} # html
85
86			sub text ($$) {
87			shift->html ($htescape->(shift));
88			} # text
89
90			sub url ($$%) {
91			my ($self, $url, %opt) = @_;
92			$self->html (q[<code class=uri><]);
93			$self->link ($url, %opt, url => $url);
94			$self->html (q[></code>]);
95			} # url
96
97			sub start_tag ($$%) {
98			my ($self, $tag_name, %opt) = @_;
99	wakaba	1.10	$self->html ('<' . $htescape_value->($tag_name)); # escape for safety
100	wakaba	1.1	if (exists $opt{id}) {
101			my $id = $self->input->id_prefix . $opt{id};
102	wakaba	1.10	$self->html (' id="' . $htescape_value->($id) . '"');
103	wakaba	1.1	delete $opt{id};
104			}
105			for (keys %opt) { # for safety
106	wakaba	1.10	$self->html (' ' . $htescape_value->($_) . '="' .
107			$htescape_value->($opt{$_}) . '"');
108	wakaba	1.1	}
109			$self->html ('>');
110			} # start_tag
111
112			sub end_tag ($$) {
113	wakaba	1.10	shift->html ('</' . $htescape_value->(shift) . '>');
114	wakaba	1.1	} # end_tag
115
116			sub start_section ($%) {
117			my ($self, %opt) = @_;
118	wakaba	1.4
119	wakaba	1.13	my $class = 'section';
120	wakaba	1.4	if (defined $opt{role}) {
121			if ($opt{role} eq 'parse-errors') {
122			$opt{id} \|\|= 'parse-errors';
123	wakaba	1.7	$opt{title} \|\|= 'Parse Errors Section';
124			$opt{short_title} \|\|= 'Parse Errors';
125	wakaba	1.14	$class .= ' errors';
126	wakaba	1.4	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	wakaba	1.14	$class .= ' errors';
132	wakaba	1.4	delete $opt{role};
133	wakaba	1.15	} 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	wakaba	1.4	} elsif ($opt{role} eq 'reformatted') {
140			$opt{id} \|\|= 'document-tree';
141			$opt{title} \|\|= 'Reformatted Document Source';
142			$opt{short_title} \|\|= 'Reformatted';
143	wakaba	1.14	$class .= ' dump';
144	wakaba	1.4	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	wakaba	1.14	$class .= ' dump';
150	wakaba	1.4	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	wakaba	1.14	$class .= ' dump';
156	wakaba	1.4	delete $opt{role};
157	wakaba	1.13	} elsif ($opt{role} eq 'subdoc') {
158			$class .= ' subdoc';
159	wakaba	1.14	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	wakaba	1.15	delete $opt{role};
166			} elsif ($opt{role} eq 'result') {
167			$opt{id} \|\|= 'result-summary';
168			$opt{title} \|\|= 'Result';
169			$class .= ' result';
170	wakaba	1.13	delete $opt{role};
171	wakaba	1.4	}
172			}
173
174			$self->{section_rank}++;
175	wakaba	1.13	$self->html (qq[<div class="$class"]);
176	wakaba	1.1	if (defined $opt{id}) {
177	wakaba	1.13	my $prefix = $self->input->id_prefix;
178			$opt{parent_id} \|\|= $prefix;
179			my $id = $prefix . $opt{id};
180	wakaba	1.11	$self->html (' id="' . $htescape->($id) . '">');
181	wakaba	1.13	if ($self->{section_rank} == 2 or length $opt{parent_id}) {
182	wakaba	1.11	my $st = $opt{short_title} \|\| $opt{title};
183			push @{$self->{nav}},
184			[$id => $st => $opt{text}];
185
186			$self->start_tag ('script');
187	wakaba	1.13	$self->html (qq[ addSectionLink ('$id', ']);
188	wakaba	1.11	$self->nl_text ($st, text => $opt{text});
189	wakaba	1.12	if (defined $opt{parent_id}) {
190			$self->html (q[', '] . $opt{parent_id});
191			}
192	wakaba	1.11	$self->html (q[') ]);
193			$self->end_tag ('script');
194			}
195			} else {
196			$self->html ('>');
197	wakaba	1.1	}
198	wakaba	1.4	my $section_rank = $self->{section_rank};
199			$section_rank = 6 if $section_rank > 6;
200	wakaba	1.11	$self->html ('<h' . $section_rank . '>');
201	wakaba	1.7	$self->nl_text ($opt{title}, text => $opt{text});
202			$self->html ('</h' . $section_rank . '>');
203	wakaba	1.1	} # start_section
204
205			sub end_section ($) {
206			my $self = shift;
207			$self->html ('</div>');
208			$self->{handle}->flush;
209	wakaba	1.4	$self->{section_rank}--;
210	wakaba	1.1	} # end_section
211	wakaba	1.4
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	wakaba	1.16	} elsif ($opt{role} eq 'transfer-errors') {
223			$opt{id} \|\|= 'transfer-errors-list';
224			delete $opt{role};
225	wakaba	1.4	}
226			}
227
228			$self->start_tag ('dl', %opt);
229	wakaba	1.16
230			delete $self->{has_error}; # reset
231	wakaba	1.4	} # start_error_list
232
233			sub end_error_list ($%) {
234			my ($self, %opt) = @_;
235
236	wakaba	1.16	my $no_error_message = 'No error found.';
237
238	wakaba	1.4	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	wakaba	1.16	$no_error_message = 'No parse error found.';
246	wakaba	1.4	} elsif ($opt{role} eq 'structure-errors') {
247			$self->end_tag ('dl');
248			$self->add_source_to_parse_error_list ('document-errors-list');
249	wakaba	1.16	$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	wakaba	1.4	} else {
254			$self->end_tag ('dl');
255			}
256			} else {
257			$self->end_tag ('dl');
258			}
259	wakaba	1.16
260			unless ($self->{has_error}) {
261			$self->start_tag ('p', class => 'no-errors');
262			$self->nl_text ($no_error_message);
263			}
264	wakaba	1.4	} # 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	wakaba	1.9	q[', '] . shift () . q[')]);
271	wakaba	1.4	} # add_source_to_parse_error_list
272	wakaba	1.1
273			sub start_code_block ($) {
274			shift->html ('<pre><code>');
275			} # start_code_block
276
277			sub end_code_block ($) {
278			shift->html ('</code></pre>');
279			} # end_code_block
280
281	wakaba	1.3	sub code ($$;%) {
282			my ($self, $content, %opt) = @_;
283			$self->start_tag ('code', %opt);
284			$self->text ($content);
285			$self->html ('</code>');
286	wakaba	1.1	} # code
287
288	wakaba	1.3	sub script ($$;%) {
289			my ($self, $content, %opt) = @_;
290			$self->start_tag ('script', %opt);
291			$self->html ($content);
292			$self->html ('</script>');
293			} # script
294
295			sub dt ($$;%) {
296			my ($self, $content, %opt) = @_;
297			$self->start_tag ('dt', %opt);
298	wakaba	1.7	$self->nl_text ($content, text => $opt{text});
299	wakaba	1.3	} # dt
300
301	wakaba	1.9	sub select ($$%) {
302			my ($self, $options, %opt) = @_;
303
304			my $selected = $opt{selected};
305			delete $opt{selected};
306
307			$self->start_tag ('select', %opt);
308
309			my @options = @$options;
310			while (@options) {
311			my $opt = shift @options;
312			if ($opt->{options}) {
313			$self->html ('<optgroup label="');
314			$self->nl_text ($opt->{label});
315			$self->html ('">');
316			unshift @options, @{$opt->{options}}, {end_options => 1};
317			} elsif ($opt->{end_options}) {
318			$self->end_tag ('optgroup');
319			} else {
320			$self->start_tag ('option', value => $opt->{value},
321			((defined $selected and $opt->{value} eq $selected)
322			? (selected => '') : ()));
323			$self->nl_text (defined $opt->{label} ? $opt->{label} : $opt->{value});
324			}
325			}
326
327			$self->end_tag ('select');
328			} # select
329
330	wakaba	1.1	sub link ($$%) {
331			my ($self, $content, %opt) = @_;
332	wakaba	1.2	$self->start_tag ('a', %opt, href => $opt{url});
333	wakaba	1.1	$self->text ($content);
334			$self->html ('</a>');
335			} # link
336
337			sub xref ($$%) {
338			my ($self, $content, %opt) = @_;
339			$self->html ('<a href="#' . $htescape->($self->input->id_prefix . $opt{target}) . '">');
340	wakaba	1.7	$self->nl_text ($content, text => $opt{text});
341	wakaba	1.1	$self->html ('</a>');
342			} # xref
343
344	wakaba	1.19	sub xref_text ($$%) {
345			my ($self, $content, %opt) = @_;
346			$self->html ('<a href="#' . $htescape->($self->input->id_prefix . $opt{target}) . '">');
347			$self->text ($content);
348			$self->html ('</a>');
349			} # xref
350
351	wakaba	1.2	sub link_to_webhacc ($$%) {
352			my ($self, $content, %opt) = @_;
353			$opt{url} = './?uri=' . $self->encode_url_component ($opt{url});
354			$self->link ($content, %opt);
355			} # link_to_webhacc
356
357	wakaba	1.3	my $get_node_path = sub ($) {
358			my $node = shift;
359			my @r;
360			while (defined $node) {
361			my $rs;
362			if ($node->node_type == 1) {
363			$rs = $node->node_name;
364			$node = $node->parent_node;
365			} elsif ($node->node_type == 2) {
366			$rs = '@' . $node->node_name;
367			$node = $node->owner_element;
368			} elsif ($node->node_type == 3) {
369			$rs = '"' . $node->data . '"';
370			$node = $node->parent_node;
371			} elsif ($node->node_type == 9) {
372			@r = ('') unless @r;
373			$rs = '';
374			$node = $node->parent_node;
375			} else {
376			$rs = '#' . $node->node_type;
377			$node = $node->parent_node;
378			}
379			unshift @r, $rs;
380			}
381			return join '/', @r;
382			}; # $get_node_path
383
384	wakaba	1.10	my $get_object_path = sub ($) {
385			my $node = shift;
386			my @r;
387			while (defined $node) {
388			my $ref = ref $node;
389			$ref =~ /([^:]+)$/;
390			my $rs = $1;
391			my $node_name = $node->node_name;
392			if (defined $node_name) {
393			$rs .= ' <code>' . $htescape->($node_name) . '</code>';
394			}
395			$node = undef;
396			unshift @r, $rs;
397			}
398			return join '/', @r;
399			}; # $get_object_path
400
401	wakaba	1.3	sub node_link ($$) {
402			my ($self, $node) = @_;
403	wakaba	1.10	if ($node->isa ('Message::IF::Node')) {
404	wakaba	1.19	$self->xref_text ($get_node_path->($node),
405			target => 'node-' . refaddr $node);
406	wakaba	1.10	} else {
407			$self->html ($get_object_path->($node));
408			}
409	wakaba	1.3	} # node_link
410
411	wakaba	1.7	{
412			my $Msg = {};
413
414			sub load_text_catalog ($$) {
415			my $self = shift;
416
417			my $lang = shift; # MUST be a canonical lang name
418			my $file_name = qq[cc-msg.$lang.txt];
419			$lang = 'en' unless -f $file_name;
420			$self->{primary_language} = $lang;
421
422			open my $file, '<:utf8', $file_name or die "$0: $file_name: $!";
423			while (<$file>) {
424			if (s/^([^;]+);([^;]*);//) {
425			my ($type, $cls, $msg) = ($1, $2, $_);
426			$msg =~ tr/\x0D\x0A//d;
427			$Msg->{$type} = [$cls, $msg];
428			}
429			}
430			} # load_text_catalog
431
432			sub nl_text ($$;%) {
433			my ($self, $type, %opt) = @_;
434			my $node = $opt{node};
435
436			my @arg;
437			{
438			if (defined $Msg->{$type}) {
439			my $msg = $Msg->{$type}->[1];
440			if ($msg =~ /<var>/) {
441			$msg =~ s{<var>\$([0-9]+)</var>}{
442			defined $arg[$1] ? $htescape->($arg[$1]) : '(undef)';
443			}ge;
444			$msg =~ s{<var>{\@([A-Za-z0-9:_.-]+)}</var>}{
445			UNIVERSAL::can ($node, 'get_attribute_ns')
446			? $htescape->($node->get_attribute_ns (undef, $1)) : ''
447			}ge;
448			$msg =~ s{<var>{\@}</var>}{
449			UNIVERSAL::can ($node, 'value') ? $htescape->($node->value) : ''
450			}ge;
451			$msg =~ s{<var>{text}</var>}{
452			defined $opt{text} ? $htescape->($opt{text}) : ''
453			}ge;
454	wakaba	1.18	$msg =~ s{<var>{value}</var>}{
455			defined $opt{value} ? $htescape->($opt{value}) : ''
456			}ge;
457	wakaba	1.7	$msg =~ s{<var>{local-name}</var>}{
458			UNIVERSAL::can ($node, 'manakai_local_name')
459			? $htescape->($node->manakai_local_name) : ''
460			}ge;
461			$msg =~ s{<var>{element-local-name}</var>}{
462			(UNIVERSAL::can ($node, 'owner_element') and
463			$node->owner_element)
464			? $htescape->($node->owner_element->manakai_local_name) : ''
465			}ge;
466			}
467			$self->html ($msg);
468			return;
469			} elsif ($type =~ s/:([^:]*)$//) {
470			unshift @arg, $1;
471			redo;
472			}
473			}
474			$self->text ($type);
475			} # nl_text
476
477			}
478
479	wakaba	1.1	sub nav_list ($) {
480			my $self = shift;
481			$self->html (q[<ul class="navigation" id="nav-items">]);
482			for (@{$self->{nav}}) {
483	wakaba	1.7	$self->html (qq[<li><a href="#@{[$htescape->($_->[0])]}">]);
484			$self->nl_text ($_->[1], text => $_->[2]);
485			$self->html ('</a>');
486	wakaba	1.1	}
487			$self->html ('</ul>');
488			} # nav_list
489	wakaba	1.2
490	wakaba	1.5	sub http_header ($) {
491			shift->html (qq[Content-Type: text/html; charset=utf-8\n\n]);
492			} # http_header
493
494			sub http_error ($$) {
495			my $self = shift;
496			my $code = 0+shift;
497			my $text = {
498			404 => 'Not Found',
499			}->{$code};
500			$self->html (qq[Status: $code $text\nContent-Type: text/html ; charset=us-ascii\n\n$code $text]);
501			} # http_error
502
503			sub html_header ($) {
504			my $self = shift;
505	wakaba	1.7	$self->html (q[<!DOCTYPE html>]);
506			$self->start_tag ('html', lang => $self->{primary_language});
507			$self->html (q[<head><title>]);
508			$self->nl_text (q[WebHACC:Title]);
509			$self->html (q[</title>
510	wakaba	1.5	<link rel="stylesheet" href="../cc-style.css" type="text/css">
511	wakaba	1.8	<script src="../cc-script.js"></script>
512	wakaba	1.5	</head>
513	wakaba	1.11	<body onclick=" return onbodyclick (event) " onload=" onbodyload () ">
514	wakaba	1.7	<h1>]);
515			$self->nl_text (q[WebHACC:Heading]);
516	wakaba	1.11	$self->html (q[</h1><script> insertNavSections () </script>]);
517	wakaba	1.5	} # html_header
518	wakaba	1.9
519			sub generate_input_section ($$) {
520			my ($out, $cgi) = @_;
521
522	wakaba	1.16	require Encode;
523			my $decode = sub ($) {
524			if (defined $_[0]) {
525			return Encode::decode ('utf-8', $_[0]);
526			} else {
527			return undef;
528			}
529			}; # $decode
530
531	wakaba	1.9	my $options = sub ($) {
532			my $context = shift;
533
534	wakaba	1.12	$out->html (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'">]);
535	wakaba	1.9	$out->nl_text (q[Options]);
536			$out->start_tag ('div');
537
538			if ($context eq 'url') {
539			$out->start_tag ('p');
540			$out->start_tag ('label');
541			$out->start_tag ('input', type => 'checkbox', name => 'error-page',
542			value => 1,
543			($cgi->get_parameter ('error-page')
544			? (checked => '') : ()));
545			$out->nl_text ('Check error page');
546			$out->end_tag ('label');
547			}
548
549			$out->start_tag ('p');
550			$out->start_tag ('label');
551			$out->nl_text (q[Content type]);
552			$out->text (': ');
553			$out->select ([
554			{value => '', label => 'As specified'},
555			{value => 'application/atom+xml'},
556			{value => 'application/xhtml+xml'},
557			{value => 'application/xml'},
558			{value => 'text/html'},
559			{value => 'text/xml'},
560			{value => 'text/css'},
561			{value => 'text/cache-manifest'},
562			{value => 'text/x-webidl'},
563			], name => 'i', selected => scalar $cgi->get_parameter ('i'));
564			$out->end_tag ('label');
565
566			if ($context ne 'text') {
567			$out->start_tag ('p');
568			$out->start_tag ('label');
569			$out->nl_text (q[Charset]);
570			$out->text (q[: ]);
571			$out->select ([
572			{value => '', label => 'As specified'},
573			{label => 'Japanese charsets', options => [
574			{value => 'Windows-31J'},
575			{value => 'Shift_JIS'},
576			{value => 'EUC-JP'},
577			{value => 'ISO-2022-JP'},
578			]},
579			{label => 'European charsets', options => [
580			{value => 'Windows-1252'},
581			{value => 'ISO-8859-1'},
582			{value => 'US-ASCII'},
583			]},
584			{label => 'Asian charsets', options => [
585			{value => 'Windows-874'},
586			{value => 'ISO-8859-11'},
587			{value => 'TIS-620'},
588			]},
589			{label => 'Unicode charsets', options => [
590			{value => 'UTF-8'},
591			{value => 'UTF-8n'},
592			]},
593			], name => 'charset',
594			selected => scalar $cgi->get_parameter ('charset'));
595			$out->end_tag ('label');
596			}
597
598			if ($context eq 'text') {
599			$out->start_tag ('p');
600			$out->start_tag ('label');
601			$out->nl_text ('Setting innerHTML');
602			$out->text (': ');
603			$out->start_tag ('input', name => 'e',
604	wakaba	1.16	value => $decode->(scalar $cgi->get_parameter ('e')));
605	wakaba	1.9	$out->end_tag ('label');
606			}
607
608			$out->html (q[</div></div>]);
609			}; # $options
610
611			$out->start_section (id => 'input', title => 'Input');
612	wakaba	1.12	$out->html (q[<script> insertNavSections ('input') </script>]);
613	wakaba	1.9
614	wakaba	1.12	$out->start_section (id => 'input-url', title => 'By URL',
615			parent_id => 'input');
616	wakaba	1.10	$out->start_tag ('form', action => './#result-summary',
617			'accept-charset' => 'utf-8',
618	wakaba	1.9	method => 'get');
619			$out->start_tag ('input', type => 'hidden', name => '_charset_');
620
621			$out->start_tag ('p');
622			$out->start_tag ('label');
623			$out->nl_text ('URL');
624			$out->text (': ');
625			$out->start_tag ('input',
626			name => 'uri',
627			type => 'url',
628	wakaba	1.16	value => $decode->(scalar $cgi->get_parameter ('uri')));
629	wakaba	1.9	$out->end_tag ('label');
630
631			$out->start_tag ('p');
632			$out->start_tag ('button', type => 'submit');
633			$out->nl_text ('Check');
634	wakaba	1.12	$out->end_tag ('button');
635
636			$options->('url');
637	wakaba	1.9
638			$out->end_tag ('form');
639			$out->end_section;
640
641			## TODO: File upload
642
643	wakaba	1.12	$out->start_section (id => 'input-text', title => 'By direct input',
644			parent_id => 'input');
645	wakaba	1.10	$out->start_tag ('form', action => './#result-summary',
646			'accept-charset' => 'utf-8',
647	wakaba	1.9	method => 'post');
648			$out->start_tag ('input', type => 'hidden', name => '_charset_');
649
650			$out->start_tag ('p');
651			$out->start_tag ('label');
652			$out->nl_text ('Document source to check');
653			$out->text (': ');
654			$out->start_tag ('br');
655			$out->start_tag ('textarea',
656			name => 's');
657	wakaba	1.16	my $s = $decode->($cgi->get_parameter ('s'));
658	wakaba	1.10	$out->html ($htescape_value->($s)) if defined $s;
659	wakaba	1.9	$out->end_tag ('textarea');
660			$out->end_tag ('label');
661
662			$out->start_tag ('p');
663			$out->start_tag ('button', type => 'submit',
664			onclick => 'form.method = form.s.value.length > 512 ? "post" : "get"');
665			$out->nl_text ('Check');
666			$out->end_tag ('button');
667
668	wakaba	1.12	$options->('text');
669
670	wakaba	1.9	$out->end_tag ('form');
671			$out->end_section;
672	wakaba	1.12
673			$out->script (q[
674			if (!document.webhaccNavigated &&
675			document.getElementsByTagName ('textarea')[0].value.length > 0) {
676			showTab ('input-text');
677			document.webhaccNavigated = false;
678			}
679			]);
680	wakaba	1.9
681			$out->end_section;
682			} # generate_input_section
683	wakaba	1.2
684			sub encode_url_component ($$) {
685			shift;
686			require Encode;
687			my $s = Encode::encode ('utf8', shift);
688			$s =~ s/([^0-9A-Za-z_.~-])/sprintf '%%%02X', ord $1/ge;
689			return $s;
690			} # encode_url_component
691	wakaba	1.1
692			1;