added real-time logging to not found and exception pages

mojolicious · Jan 13, 2014 · a8bb214 · a8bb214
1 parent 701af99
commit a8bb214
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/lib/Mojolicious.pm b/lib/Mojolicious.pm
@@ -82,6 +82,20 @@ sub new {
   $self->log->path($home->rel_file("log/$mode.log"))
     if -w $home->rel_file('log');
 
+  # Live log in development mode
+  $r->websocket('/mojo/livelog' => sub {
+    my $c = shift;
+
+    Mojo::IOLoop->stream($c->tx->connection)->timeout(300);
+
+    my $cb = $c->app->log->on(message => sub {
+      my ($log, $level, @lines) = @_;
+      $c->send(qq/[@{[scalar localtime time]}] [$level] @{[join "\n", @lines]}/);
+    });
+
+    $c->on(finish => sub { shift->app->log->unsubscribe(message => $cb)});
+  }) if $mode eq 'development';
+
   $self->plugin($_)
     for qw(HeaderCondition DefaultHelpers TagHelpers EPLRenderer EPRenderer);
 

diff --git a/lib/Mojolicious/templates/exception.development.html.ep b/lib/Mojolicious/templates/exception.development.html.ep
@@ -245,6 +245,13 @@
             % }
           </table>
         </div>
+        %= javascript begin
+          var ws = new WebSocket('<%= url_for('mojolivelog')->to_abs %>');
+          ws.onmessage = function(event) {
+            $('#log tr:first-child').remove();
+            $('#log table').append('<tr><td class="striped value"><pre>' + event.data + '</pre></td></tr>');
+          };
+        % end
       % }
     </div>
     <div id="footer">

diff --git a/lib/Mojolicious/templates/not_found.development.html.ep b/lib/Mojolicious/templates/not_found.development.html.ep
@@ -125,6 +125,13 @@
             % }
           </table>
         </div>
+        %= javascript begin
+          var ws = new WebSocket('<%= url_for('mojolivelog')->to_abs %>');
+          ws.onmessage = function(event) {
+            $('#log tr:first-child').remove();
+            $('#log table').append('<tr><td class="striped value"><pre>' + event.data + '</pre></td></tr>');
+          };
+        % end
       % }
     </div>
     <div id="footer">