Merge sagarbommidi/clear_shell

BetterErrors#348

Author: RobinDaugherty

lib/better_errors/templates/main.erb

@@ -579,6 +579,16 @@
         margin: 0;
     }
 
+    .console .clear_output {
+        text-align: right;
+        margin-right: 1em;
+    }
+
+    .console .clear_output a {
+        color: red;
+    }
+
+
     /* Hint text */
     .hint {
         margin: 15px 0 20px 0;
@@ -812,12 +822,18 @@
         this.promptElement  = this.container.querySelector(".prompt span");
         this.inputElement   = this.container.querySelector("input");
         this.outputElement  = this.container.querySelector("pre");
+        this.outputClearElement  = this.container.querySelector(".clear_output");
 
         var self = this;
         this.inputElement.onkeydown = function(ev) {
             self.onKeyDown(ev);
         };
 
+        this.outputClearElement.onclick = function(ev) {
+            ev.preventDefault();
+            self.clearOutput();
+        };
+
         this.setPrompt(">>");
 
         REPL.all[this.index] = this;
@@ -854,6 +870,11 @@
         this.writeRawOutput(escapeHTML(output));
     };
 
+    REPL.prototype.clearOutput = function() {
+        this.outputElement.innerHTML = '';
+        this.outputElement.scrollTop = this.outputElement.scrollHeight;
+    };
+
     REPL.prototype.sendInput = function(line) {
         var self = this;
         apiCall("eval", { "index": this.index, source: line }, function(response) {

lib/better_errors/templates/variable_info.erb

@@ -12,6 +12,7 @@
             <div class="console">
                 <pre></pre>
                 <div class="prompt"><span>&gt;&gt;</span> <input/></div>
+                <div class="clear_output"><a href='#'>Clear Shell</a></div>
             </div>
         </div>
     <% end %>