1 |
package Frey::Web; |
2 |
use Moose::Role; |
3 |
|
4 |
with 'Frey::Backtrace'; |
5 |
|
6 |
use Frey::Types; |
7 |
|
8 |
use Continuity::Widget::DomNode; |
9 |
use Data::Dump qw/dump/; |
10 |
use Carp qw/confess cluck/; |
11 |
use File::Slurp; |
12 |
|
13 |
use Frey::Bookmarklet; |
14 |
use Frey::ClassBrowser; |
15 |
use Frey::SVK; |
16 |
|
17 |
has 'head' => ( |
18 |
is => 'rw', |
19 |
isa => 'ArrayRef[Str]', |
20 |
default => sub { [ 'static/frey.css' ] }, |
21 |
); |
22 |
|
23 |
has 'request_url' => ( |
24 |
is => 'rw', |
25 |
isa => 'Uri', coerce => 1, |
26 |
default => '/', |
27 |
); |
28 |
|
29 |
has 'title' => ( |
30 |
is => 'rw', |
31 |
isa => 'Str', |
32 |
lazy => 1, |
33 |
default => sub { |
34 |
my ($self) = @_; |
35 |
ref($self); |
36 |
}, |
37 |
); |
38 |
|
39 |
has 'content_type' => ( |
40 |
is => 'rw', |
41 |
isa => 'Str', |
42 |
default => 'text/html', |
43 |
documentation => 'Content-type header', |
44 |
); |
45 |
|
46 |
has 'dump_max_bytes' => ( |
47 |
is => 'rw', |
48 |
isa => 'Int', |
49 |
default => 4096, |
50 |
documentation => 'Maximum dump size sent to browser before truncation', |
51 |
); |
52 |
|
53 |
=head2 inline_smaller_than |
54 |
|
55 |
Inline JavaScript and CSS smaller than this size into page reducing |
56 |
round-trips to server. |
57 |
|
58 |
=cut |
59 |
|
60 |
has 'inline_smaller_than' => ( |
61 |
is => 'rw', |
62 |
isa => 'Int', |
63 |
default => 10240, |
64 |
); |
65 |
|
66 |
sub dom2html { |
67 |
# warn "## dom2html ",dump( @_ ); |
68 |
return Continuity::Widget::DomNode->create( @_ )->to_string; |
69 |
} |
70 |
|
71 |
sub _inline_path { |
72 |
my ( $self, $path ) = @_; |
73 |
-s $path < $self->inline_smaller_than; |
74 |
} |
75 |
|
76 |
sub _head_html { |
77 |
my $self = shift; |
78 |
my $out = ''; |
79 |
foreach my $path ( @{ $self->head } ) { |
80 |
$path =~ s!^/!!; |
81 |
if ( $path =~ m/\.js$/ ) { |
82 |
$out .= $self->_inline_path( $path ) ? |
83 |
qq|<!-- $path --><script type="text/javascript">\n| . read_file($path) . qq|\n</script>| : |
84 |
qq|<script type="text/javascript" src="/$path"></script>|; |
85 |
} elsif ( $path =~ m/\.css$/ ) { |
86 |
$out .= $self->_inline_path( $path ) ? |
87 |
qq|<!-- $path --><style type="text/css">\n| . read_file( $path ) . qq|\n</style>| : |
88 |
qq|<link type="text/css" rel="stylesheet" href="/$path" media="screen">|; |
89 |
} elsif ( $path =~ m{<.+>}s ) { |
90 |
$out .= $path; |
91 |
} else { |
92 |
confess "don't know how to render $path"; |
93 |
} |
94 |
$out .= "\n"; |
95 |
} |
96 |
return $out; |
97 |
} |
98 |
|
99 |
=head2 add_head |
100 |
|
101 |
$o->add_head( 'path/to/external.js' ); |
102 |
|
103 |
my $size = $o->add_head( 'path/to/external.css' ); |
104 |
|
105 |
$o->add_head( '<!-- html content -->' ); |
106 |
|
107 |
=cut |
108 |
|
109 |
sub add_head { |
110 |
my ( $self, $path ) = @_; |
111 |
return if ! defined $path || $path eq ''; |
112 |
$path =~ s!^/!!; |
113 |
|
114 |
if ( $path =~ m{<.*>}s ) { |
115 |
push @{ $self->head }, $path; |
116 |
} elsif ( -e $path ) { |
117 |
if ( $path =~ m/\.(?:js|css)$/ ) { |
118 |
push @{ $self->head }, $path; |
119 |
} else { |
120 |
confess "can't add_head( $path ) it's not js or css"; |
121 |
} |
122 |
return -s $path; |
123 |
} else { |
124 |
confess "can't find $path: $!"; |
125 |
} |
126 |
|
127 |
} |
128 |
|
129 |
our $reload_counter = 0; |
130 |
|
131 |
|
132 |
=head2 page |
133 |
|
134 |
$self->page( |
135 |
title => 'page title', |
136 |
head => '<!-- optional head markup -->', |
137 |
body => '<b>Page Body</b>', |
138 |
); |
139 |
|
140 |
=cut |
141 |
|
142 |
our @status; |
143 |
sub status { @status }; |
144 |
|
145 |
our $icon_html; |
146 |
|
147 |
sub page { |
148 |
my $self = shift; |
149 |
my $a = {@_}; |
150 |
|
151 |
warn "## page ",dump($a); |
152 |
|
153 |
$reload_counter++; |
154 |
|
155 |
my $status_line = ''; |
156 |
|
157 |
unshift @status, { 'ClassBrowser' => Frey::ClassBrowser->new( usage_on_top => 0 )->as_markup }; |
158 |
unshift @status, { 'Bookmarklets' => Frey::Bookmarklet->new->as_markup }; |
159 |
|
160 |
foreach my $part ( @status ) { |
161 |
foreach my $name ( keys %$part ) { |
162 |
my $content = $part->{$name}; |
163 |
if ( ref($content) ) { |
164 |
$content = '<code>' . dump($content) . '</code>'; |
165 |
my $l = length($content); |
166 |
$content = qq|<span>$l bytes</span>| if $l > $self->dump_max_bytes; |
167 |
} else { |
168 |
$content = qq|<span>$content</span>|; |
169 |
} |
170 |
warn "### part [$name] = ", length( $content ), " bytes" if $self->debug; |
171 |
$status_line .= qq|<span class="frey-popup">$name $content</span>\n|; |
172 |
} |
173 |
} |
174 |
|
175 |
my $url = $self->request_url; |
176 |
$url =~ s{\?reload=\d+}{}; |
177 |
|
178 |
my $body = $a->{body}; |
179 |
$body ||= $self->as_markup if $self->can('as_markup'); |
180 |
if ( $self->content_type !~ m{html} ) { |
181 |
warn "# return only $self body ", $self->content_type; |
182 |
return $body |
183 |
} elsif ( ! defined $body ) { |
184 |
warn "# no body"; |
185 |
$body = '<!-- no body -->'; |
186 |
} |
187 |
|
188 |
my $warn_colors = { |
189 |
'#' => '#444', |
190 |
'##' => '#888', |
191 |
}; |
192 |
|
193 |
$status_line |
194 |
.= qq|<span class="frey-popup">warn<span>| |
195 |
. $self->editor_links( |
196 |
join("", map { |
197 |
warn "# $_"; |
198 |
my $style = ''; |
199 |
$style = $warn_colors->{$1} |
200 |
? ' style="color:' . $warn_colors->{$1} . '"' |
201 |
: '' |
202 |
if m{^(#+)}; |
203 |
qq|<tt$style>$_</tt><br/>|; # XXX <tt> should be <code> but CSS hates me |
204 |
} $self->warnings ) |
205 |
) |
206 |
. qq|</span></span>| |
207 |
if $self->warnings; |
208 |
|
209 |
my ($exit,$description) = ('exit','stop server'); |
210 |
($exit,$description) = ('restart','restart server') |
211 |
if $ENV{FREY_RESTART}; # tune labels on exit link |
212 |
|
213 |
my $right = |
214 |
qq| |
215 |
<span class="right"> |
216 |
<a title="reload $url" href="/reload$url">reload</a> |
217 |
<a title="$description" href="/exit$url">$exit</a> |
218 |
</span> |
219 |
|; |
220 |
|
221 |
my $info = Frey::SVK->info; |
222 |
my $revision = Frey::SVK->info->{Revision} || ''; |
223 |
$revision = $1 if $info->{'Mirrored From'} =~ m{Rev\.\s+(\d+)}; |
224 |
|
225 |
$self->add_icon unless $icon_html; |
226 |
|
227 |
my $html = join("\n", |
228 |
qq|<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"><html><head>|, |
229 |
$self->_head_html, |
230 |
'<title>' . ( $self->title || $a->{title} || ref($self) ) . '</title>', |
231 |
'<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">', |
232 |
( $icon_html || '<!-- no icon -->' ), |
233 |
( $a->{head} || '' ), |
234 |
qq| |
235 |
</head><body> |
236 |
$body |
237 |
<div class="frey-status-line"> |
238 |
<a href="/">Frey</a> $Frey::VERSION $revision |
239 |
$status_line |
240 |
$right |
241 |
</div> |
242 |
</body></html> |
243 |
|, |
244 |
); |
245 |
|
246 |
warn "## >>> page ",length($html), " bytes\n" if $self->debug; |
247 |
|
248 |
return $html; |
249 |
} |
250 |
|
251 |
=head2 editor |
252 |
|
253 |
Create HTML editor link with optional line and title |
254 |
|
255 |
my $html = $self->editor( $class, $line, $title ); |
256 |
|
257 |
=cut |
258 |
|
259 |
sub editor { |
260 |
my ( $self, $class, $line, $title ) = @_; |
261 |
confess "need class" unless $class; |
262 |
if ( ! defined $title ) { |
263 |
$title = "edit $class"; |
264 |
$title .= " line $line" if $line; |
265 |
} |
266 |
$line ||= 1; |
267 |
qq|<a target="editor" href="/editor+$class+$line"| . |
268 |
( $title ? qq| title="$title"| : '' ) . |
269 |
qq|>$class</a>|; |
270 |
} |
271 |
|
272 |
=head2 editor_links |
273 |
|
274 |
Create HTML links to editor for perl error message |
275 |
|
276 |
my $html = $self->editor_links( $error ) |
277 |
|
278 |
=cut |
279 |
|
280 |
sub editor_links { |
281 |
my ( $self, $error ) = @_; |
282 |
|
283 |
$error =~ s{at\s+(\S+)\s+line\s+(\d+)} |
284 |
{at <a target="editor" href="/editor+$1+$2">$1</a> line $2}gsm; |
285 |
|
286 |
$error =~ s{(via package ")([\w:]+)(")} |
287 |
{$1<a target="editor" href="/editor+$2+1">$2</a>$3}gsm; |
288 |
|
289 |
return $error; |
290 |
} |
291 |
|
292 |
sub error { |
293 |
my $self = shift; |
294 |
my $error = join(" ", @_); |
295 |
|
296 |
my @backtrace = $self->backtrace; |
297 |
$error .= "\n\t" . join( "\n\t", @backtrace ) if @backtrace; |
298 |
|
299 |
warn "ERROR: $error\n"; |
300 |
return |
301 |
qq|<pre class="frey-error">| |
302 |
. $self->editor_links( $error ) . |
303 |
qq|</pre>| |
304 |
; |
305 |
} |
306 |
|
307 |
sub add_status { |
308 |
my ( $self, $data ) = @_; |
309 |
push @status, $data; |
310 |
} |
311 |
|
312 |
sub clean_status { |
313 |
@status = (); |
314 |
$icon_html = ''; |
315 |
} |
316 |
|
317 |
sub status_parts { |
318 |
warn "## status parts ", dump( map { keys %$_ } @status ); |
319 |
} |
320 |
|
321 |
sub DEMOLISH { |
322 |
my ( $self ) = @_; |
323 |
warn "## $self DEMOLISH status ", $#status + 1, " elements ", dump( map { keys %$_ } @status ) if @status; |
324 |
} |
325 |
|
326 |
=head2 add_icon |
327 |
|
328 |
Frey::Foo->add_icon; # /static/icons/Frey/Foo.png |
329 |
Frey::Foo->add_icon('warning'); # /static/icons/Frey/Foo/warning.png |
330 |
|
331 |
=cut |
332 |
|
333 |
sub icon_path { |
334 |
my ($self,$class,$variant) = @_; |
335 |
my $icon = $class; |
336 |
$icon =~ s{::}{/}g; |
337 |
$icon .= "/$variant" if $variant; |
338 |
my $path = 'static/icons/' . $icon . '.png'; |
339 |
if ( -e $path ) { |
340 |
warn "# $class from $self icon_path $path"; |
341 |
return $path; |
342 |
} else { |
343 |
warn "TODO: add $path icon for $class"; |
344 |
return undef; |
345 |
} |
346 |
} |
347 |
|
348 |
sub add_icon { |
349 |
my ($self,$variant) = @_; |
350 |
|
351 |
my $class = ref($self); |
352 |
$class = $self->class if $self->can('class'); |
353 |
my $icon_path = $self->icon_path( $class, $variant ) || return; |
354 |
|
355 |
$icon_html .= qq|<link rel="icon" type="image/png" href="/$icon_path">|; |
356 |
warn "# using icon $icon_path"; |
357 |
|
358 |
=for later |
359 |
|
360 |
# FIXME http://en.wikipedia.org/wiki/Favicon suggest just rel="icon" but that doesn't seem to work! |
361 |
my $ico_path = $icon_path; |
362 |
$ico_path =~ s{png$}{ico}; |
363 |
if ( ! -e $ico_path ) { |
364 |
system "convert $icon_path $ico_path"; |
365 |
warn "# convert $icon_path $ico_path : $@"; |
366 |
} |
367 |
$icon_html .= qq|<link rel="shortcut icon" type="image/x-icon" href="/$ico_path">| if -e $ico_path; |
368 |
|
369 |
=cut |
370 |
|
371 |
} |
372 |
|
373 |
1; |