web-console 2.0.0 → 2.1.0

data/lib/action_dispatch/debug_exceptions.rb

@@ -1,105 +0,0 @@
-module ActionDispatch
-  class DebugExceptions
-    RESCUES_TEMPLATE_PATH.replace(File.expand_path('../templates', __FILE__))
-
-    def call(env)
-      request = Request.new(env)
-
-      if request.put? && request.xhr? && allowed?(request) && m = env["PATH_INFO"].match(%r{/repl_sessions/(?<id>.+?)\z})
-        update_repl_session(m[:id], request.params[:input])
-      elsif request.post? && request.xhr? && allowed?(request) && m = env["PATH_INFO"].match(%r{/repl_sessions/(?<id>.+?)/trace\z})
-        change_stack_trace(m[:id], request.params[:frame_id])
-      else
-        middleware_call(env)
-      end
-    end
-
-    def middleware_call(env)
-      _, headers, body = response = @app.call(env)
-
-      if headers['X-Cascade'] == 'pass'
-        body.close if body.respond_to?(:close)
-        raise ActionController::RoutingError, "No route matches [#{env['REQUEST_METHOD']}] #{env['PATH_INFO'].inspect}"
-      end
-
-      response
-    rescue Exception => exception
-      raise exception if env['action_dispatch.show_exceptions'] == false
-      render_exception(env, exception)
-    end
-
-    private
-
-      def allowed?(request)
-        request.remote_ip.in?(WebConsole.config.whitelisted_ips)
-      end
-
-      def update_repl_session(id, input)
-        console_session = WebConsole::REPLSession.find(id)
-        response = console_session.save(input: input)
-        [ 200, { "Content-Type" => "text/plain; charset=utf-8" }, [ response.to_json ] ]
-      end
-
-      def change_stack_trace(id, frame_id)
-        console_session = WebConsole::REPLSession.find(id)
-        binding = console_session.binding_stack[frame_id.to_i]
-        console_session.binding = binding
-        [ 200, { "Content-Type" => "text/plain; charset=utf-8" }, [ JSON.dump("success") ] ]
-      end
-
-      def render_exception(env, exception)
-        wrapper = ExceptionWrapper.new(env, exception)
-        log_error(env, wrapper)
-
-        if env['action_dispatch.show_detailed_exceptions']
-          request = Request.new(env)
-          if allowed?(request)
-            console_session = WebConsole::REPLSession.create(
-              binding: wrapper.exception.bindings.first,
-              binding_stack: exception.bindings
-            )
-          end
-
-          traces = wrapper.traces
-          extract_sources = wrapper.extract_sources
-          console_session = WebConsole::REPLSession.create(
-            binding: exception.bindings.first,
-            binding_stack: exception.bindings
-          )
-
-          trace_to_show = 'Application Trace'
-          if traces[trace_to_show].empty? && wrapper.rescue_template != 'routing_error'
-            trace_to_show = 'Full Trace'
-          end
-
-          if source_to_show = traces[trace_to_show].first
-            source_to_show_id = source_to_show[:id]
-          end
-
-          template = ActionView::Base.new([ RESCUES_TEMPLATE_PATH ],
-            request: request,
-            exception: wrapper.exception,
-            show_source_idx: source_to_show_id,
-            trace_to_show: trace_to_show,
-            traces: traces,
-            routes_inspector: routes_inspector(exception),
-            source_extract: wrapper.extract_sources,
-            console_session: console_session
-          )
-          file = "rescues/#{wrapper.rescue_template}"
-
-          if request.xhr?
-            body = template.render(template: file, layout: false, formats: [ :text ])
-            format = "text/plain"
-          else
-            body = template.render(template: file, layout: 'rescues/layout')
-            format = "text/html"
-          end
-
-          [ wrapper.status_code, { 'Content-Type' => "#{format}; charset=#{Response.default_charset}", 'Content-Length' => body.bytesize.to_s }, [ body ] ]
-        else
-          raise exception
-        end
-      end
-  end
-end

data/lib/action_dispatch/exception_wrapper.rb

@@ -1,38 +0,0 @@
-module ActionDispatch
-  class ExceptionWrapper
-    def traces
-      appplication_trace_with_ids = []
-      framework_trace_with_ids = []
-      full_trace_with_ids = []
-
-      if full_trace
-        full_trace.each_with_index do |trace, idx|
-          trace_with_id = { id: idx, trace: trace }
-
-          appplication_trace_with_ids << trace_with_id if application_trace.include?(trace)
-          framework_trace_with_ids << trace_with_id if framework_trace.include?(trace)
-          full_trace_with_ids << trace_with_id
-        end
-      end
-
-      {
-        "Application Trace" => appplication_trace_with_ids,
-        "Framework Trace" => framework_trace_with_ids,
-        "Full Trace" => full_trace_with_ids
-      }
-    end
-
-    def extract_sources
-      exception.backtrace.map do |trace|
-        file, line  = trace.split(":")
-        line_number = line.to_i
-
-        {
-          code: source_fragment(file, line_number) || {},
-          file: file,
-          line_number: line_number
-        }
-      end if exception.backtrace
-    end
-  end
-end

data/lib/action_dispatch/templates/rescues/_request_and_response.html.erb

@@ -1,34 +0,0 @@
-<% unless @exception.blamed_files.blank? %>
-  <% if (hide = @exception.blamed_files.length > 8) %>
-    <a href="#" onclick="return toggleTrace()">Toggle blamed files</a>
-  <% end %>
-  <pre id="blame_trace" <%='style="display:none"' if hide %>><code><%= @exception.describe_blame %></code></pre>
-<% end %>
-
-<%
-  clean_params = @request.filtered_parameters.clone
-  clean_params.delete("action")
-  clean_params.delete("controller")
-
-  request_dump = clean_params.empty? ? 'None' : clean_params.inspect.gsub(',', ",\n")
-
-  def debug_hash(object)
-    object.to_hash.sort_by { |k, _| k.to_s }.map { |k, v| "#{k}: #{v.inspect rescue $!.message}" }.join("\n")
-  end unless self.class.method_defined?(:debug_hash)
-%>
-
-<h2 style="margin-top: 30px">Request</h2>
-<p><b>Parameters</b>:</p> <pre><%= request_dump %></pre>
-
-<div class="details">
-  <div class="summary"><a href="#" onclick="return toggleSessionDump()">Toggle session dump</a></div>
-  <div id="session_dump" style="display:none"><pre><%= debug_hash @request.session %></pre></div>
-</div>
-
-<div class="details">
-  <div class="summary"><a href="#" onclick="return toggleEnvDump()">Toggle env dump</a></div>
-  <div id="env_dump" style="display:none"><pre><%= debug_hash @request.env.slice(*@request.class::ENV_METHODS) %></pre></div>
-</div>
-
-<h2 style="margin-top: 30px">Response</h2>
-<p><b>Headers</b>:</p> <pre><%= defined?(@response) ? @response.headers.inspect.gsub(',', ",\n") : 'None' %></pre>

data/lib/action_dispatch/templates/rescues/_request_and_response.text.erb

@@ -1,23 +0,0 @@
-<%
-  clean_params = @request.filtered_parameters.clone
-  clean_params.delete("action")
-  clean_params.delete("controller")
-
-  request_dump = clean_params.empty? ? 'None' : clean_params.inspect.gsub(',', ",\n")
-
-  def debug_hash(object)
-    object.to_hash.sort_by { |k, _| k.to_s }.map { |k, v| "#{k}: #{v.inspect rescue $!.message}" }.join("\n")
-  end unless self.class.method_defined?(:debug_hash)
-%>
-
-Request parameters
-<%= request_dump %>
-
-Session dump
-<%= debug_hash @request.session %>
-
-Env dump
-<%= debug_hash @request.env.slice(*@request.class::ENV_METHODS) %>
-
-Response headers
-<%= defined?(@response) ? @response.headers.inspect.gsub(',', ",\n") : 'None' %>

data/lib/action_dispatch/templates/rescues/_source.erb

@@ -1,29 +0,0 @@
-<% if @source_extract %>
-  <% @source_extract.each_with_index do |extract_source, index| %>
-    <% if extract_source[:code] %>
-      <div class="source <%="hidden" if @show_source_idx != index%>" id="frame-source-<%=index%>">
-        <div class="info">
-          Extracted source (around line <strong>#<%= extract_source[:line_number] %></strong>):
-        </div>
-        <div class="data">
-          <table cellpadding="0" cellspacing="0" class="lines">
-            <tr>
-              <td>
-                <pre class="line_numbers">
-                  <% extract_source[:code].each_key do |line_number| %>
-<span><%= line_number -%></span>
-                  <% end %>
-                </pre>
-              </td>
-<td width="100%">
-<pre>
-<% extract_source[:code].each do |line, source| -%><div class="line<%= " active" if line == extract_source[:line_number] -%>"><%= source -%></div><% end -%>
-</pre>
-</td>
-            </tr>
-          </table>
-        </div>
-      </div>
-    <% end %>
-  <% end %>
-<% end %>

data/lib/action_dispatch/templates/rescues/_trace.html.erb

@@ -1,72 +0,0 @@
-<% names = @traces.keys %>
-
-<p><code>Rails.root: <%= defined?(Rails) && Rails.respond_to?(:root) ? Rails.root : "unset" %></code></p>
-
-<div id="traces">
-  <% names.each do |name| %>
-    <%
-      show = "show('#{name.gsub(/\s/, '-')}');"
-      hide = (names - [name]).collect {|hide_name| "hide('#{hide_name.gsub(/\s/, '-')}');"}
-    %>
-    <a href="#" onclick="<%= hide.join %><%= show %>; return false;"><%= name %></a> <%= '|' unless names.last == name %>
-  <% end %>
-
-  <% @traces.each do |name, trace| %>
-    <div id="<%= name.gsub(/\s/, '-') %>" style="display: <%= (name == @trace_to_show) ? 'block' : 'none' %>;">
-      <pre><code><% trace.each do |frame| %><a class="trace-frames" data-frame-id="<%= frame[:id] %>" href="#"><%= frame[:trace] %></a><br><% end %></code></pre>
-    </div>
-  <% end %>
-
-  <script type="text/javascript">
-    var traceFrames = document.getElementsByClassName('trace-frames');
-    var selectedFrame, currentSource = document.getElementById('frame-source-0');
-
-    // Add click listeners for all stack frames
-    for (var i = 0; i < traceFrames.length; i++) {
-      traceFrames[i].addEventListener('click', function(e) {
-        e.preventDefault();
-        var target = e.target;
-        var frameId = target.dataset.frameId;
-
-        // Change the binding of the console.
-        changeBinding(frameId, function() {
-          if (selectedFrame) {
-            selectedFrame.className = selectedFrame.className.replace("selected", "");
-          }
-
-          target.className += " selected";
-          selectedFrame = target;
-        });
-
-        // Change the extracted source code
-        changeSourceExtract(frameId);
-      });
-    }
-
-    function changeBinding(frameId, callback) {
-      var consoleEl = document.getElementById('console');
-      if (! consoleEl) { return; }
-      var url = consoleEl.dataset.remotePath + "/trace";
-      var params = "frame_id=" + encodeURIComponent(frameId);
-      var xhr = new XMLHttpRequest();
-      xhr.open("POST", url, true);
-      xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
-      xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
-      xhr.send(params);
-      xhr.onreadystatechange = function() {
-        if (xhr.readyState == 4 && xhr.status == 200) {
-          callback();
-        }
-      }
-    }
-
-    function changeSourceExtract(frameId) {
-      var el = document.getElementById('frame-source-' + frameId);
-      if (currentSource && el) {
-        currentSource.className += " hidden";
-        el.className = el.className.replace(" hidden", "");
-        currentSource = el;
-      }
-    }
-  </script>
-</div>

data/lib/action_dispatch/templates/rescues/_trace.text.erb

@@ -1,9 +0,0 @@
-Rails.root: <%= defined?(Rails) && Rails.respond_to?(:root) ? Rails.root : "unset" %>
-
-<% @traces.each do |name, trace| %>
-<% if trace.any? %>
-<%= name %>
-<%= trace.map { |t| t[:trace] }.join("\n") %>
-
-<% end %>
-<% end %>

data/lib/action_dispatch/templates/rescues/_web_console.html.erb

@@ -1,420 +0,0 @@
-<% if @console_session && @console_session.binding %>
-  <div id="console"
-    data-remote-path='<%= "console/repl_sessions/#{@console_session.id}" %>'
-    data-initial-prompt='<%= @console_session.prompt %>'>
-  </div>
-
-  <script type="text/javascript">
-    (function() {
-      // DOM helpers
-      function hasClass(el, className) {
-        var regex = new RegExp('(?:^|\\s)' + className + '(?!\\S)', 'g');
-        return el.className.match(regex);
-      }
-
-      function addClass(el, className) {
-        el.className += " " + className;
-      }
-
-      function removeClass(el, className) {
-        var regex = new RegExp('(?:^|\\s)' + className + '(?!\\S)', 'g');
-        el.className = el.className.replace(regex, '');
-      }
-
-      function removeAllChildren(el) {
-        while (el.firstChild) {
-          el.removeChild(el.firstChild);
-        }
-      }
-
-      function escapeHTML(html) {
-        return html
-          .replace(/&/g, '&amp;')
-          .replace(/</g, '&lt;')
-          .replace(/>/g, '&gt;')
-          .replace(/"/g, '&quot;')
-          .replace(/'/g, '&#x27;')
-          .replace(/`/g, '&#x60;');
-      }
-
-      // Add CSS styles dynamically. This probably doesnt work for IE <8.
-      var style = document.createElement('style');
-      style.type = 'text/css';
-      style.innerHTML =
-        "#console { position: fixed; left: 0; bottom: 0; width: 100%; height: 150px; border: 1px solid; padding: 0 0 20px 0; overflow: none; margin: 0; background: none repeat scroll 0% 0% #333; } " +
-        "#console div.console-inner { font-family: monospace; font-size: 11px; height: 100%; overflow: auto; background: #333; border: 0; padding: 0 margin: 0; } " +
-        "#console div.console-prompt-box { color: #FFF; } " +
-        "#console pre.console-message { color: #1AD027; margin: 0; border: 0; white-space: pre-wrap; background-color: #333; padding: 0; } " +
-        "#console div.console-focus span.console-cursor { background: #FEFEFE; color: #333; font-weight: bold; }";
-      document.getElementsByTagName('head')[0].appendChild(style);
-
-      /**
-       * Constructor for command storage.
-       * It uses localStorage if available. Otherwise fallback to normal JS array.
-       */
-      function CommandStorage() {
-        this.previousCommands = [];
-        var previousCommandOffset = 0;
-        var hasLocalStorage = typeof window.localStorage !== 'undefined';
-        var STORAGE_KEY = "web_console_previous_commands";
-        var MAX_STORAGE = 100;
-
-        if (hasLocalStorage) {
-          this.previousCommands = JSON.parse(localStorage.getItem(STORAGE_KEY)) || [];
-          previousCommandOffset = this.previousCommands.length;
-        }
-
-        this.addCommand = function(command) {
-          previousCommandOffset = this.previousCommands.push(command);
-
-          if (previousCommandOffset > MAX_STORAGE) {
-            this.previousCommands.splice(0, 1);
-            previousCommandOffset = MAX_STORAGE;
-          }
-
-          if (hasLocalStorage) {
-            localStorage.setItem(STORAGE_KEY, JSON.stringify(this.previousCommands));
-          }
-        };
-
-        this.navigate = function(offset) {
-          previousCommandOffset += offset;
-
-          if (previousCommandOffset < 0) {
-            previousCommandOffset = -1;
-            return null;
-          }
-
-          if (previousCommandOffset >= this.previousCommands.length) {
-            previousCommandOffset = this.previousCommands.length;
-            return null;
-          }
-
-          return this.previousCommands[previousCommandOffset];
-        }
-      }
-
-      // HTML strings for dynamic elements.
-      var consoleInnerHtml = [
-        "<div id='resizer' style='width: 100%; height: 3px; cursor: ns-resize;'></div>",
-        "<div class='console-inner'></div>",
-        "<input id='clipboard' type='text' style='visibility: hidden;'>"
-      ].join("");
-
-      var promptBoxHtml = [
-        "<span class='console-prompt-label' style='display: inline; color: #FFF; background: none repeat scroll 0% 0% #333; border: 0; padding: 0;'></span>",
-        "<pre class='console-prompt-display' style='display: inline; color: #FFF; background: none repeat scroll 0% 0% #333; border: 0; padding: 0;'></pre>"
-      ].join("");
-
-      // REPLConsole Constructor
-      function REPLConsole(config) {
-        this.commandStorage = new CommandStorage();
-        this.prompt = config && config.promptLabel ? config.promptLabel : ' >>';
-        this.commandHandle = config && config.commandHandle ? config.commandHandle : function() { return this; }
-      }
-
-
-      REPLConsole.prototype.install = function(container) {
-        var _this = this;
-
-        document.onkeydown = function(ev) {
-          if (_this.focused) { _this.onKeyDown(ev); }
-        };
-
-        document.onkeypress = function(ev) {
-          if (_this.focused) { _this.onKeyPress(ev); }
-        };
-
-        document.addEventListener('mousedown', function(ev) {
-          var el = ev.target || ev.srcElement;
-
-          if (el) {
-            do {
-              if (el === container) {
-                _this.focus();
-                return;
-              }
-            } while (el = el.parentNode);
-
-            _this.blur();
-          }
-        });
-
-        // Render the console.
-        container.innerHTML = consoleInnerHtml;
-        // Make the console resizable.
-        document.getElementById('resizer').addEventListener('mousedown', function(ev) {
-          var startY = ev.clientY;
-          var startHeight = parseInt(document.defaultView.getComputedStyle(consoleDiv).height, 10);
-
-          var doDrag = function(e) {
-            consoleDiv.style.height = (startHeight + startY - e.clientY) + 'px';
-          };
-
-          var stopDrag = function(e) {
-            document.documentElement.removeEventListener('mousemove', doDrag, false);
-            document.documentElement.removeEventListener('mouseup', stopDrag, false);
-          };
-
-          document.documentElement.addEventListener('mousemove', doDrag, false);
-          document.documentElement.addEventListener('mouseup', stopDrag, false);
-        });
-
-        // Initialize
-        this.inner = container.getElementsByClassName('console-inner')[0];
-        this.clipboard = document.getElementById('clipboard');
-        this.newPromptBox();
-        this.focus();
-      };
-
-      REPLConsole.prototype.focus = function() {
-        if (! this.focused) {
-          this.focused = true;
-          if (! hasClass(this.inner, "console-focus")) {
-            addClass(this.inner, "console-focus");
-          }
-          this.scrollToBottom();
-        }
-      };
-
-      REPLConsole.prototype.blur = function() {
-        this.focused = false;
-        removeClass(this.inner, "console-focus");
-      };
-
-      /**
-       * Add a new empty prompt box to the console.
-       */
-      REPLConsole.prototype.newPromptBox = function() {
-        // Remove the caret from previous prompt display if any.
-        if (this.promptDisplay) {
-          this.removeCaretFromPrompt();
-        }
-
-        var promptBox = document.createElement('div');
-        promptBox.className = "console-prompt-box";
-        promptBox.innerHTML = promptBoxHtml;
-        this.promptLabel = promptBox.getElementsByClassName('console-prompt-label')[0];
-        this.promptDisplay = promptBox.getElementsByClassName('console-prompt-display')[0];
-        // Render the prompt box
-        this.setInput("");
-        this.promptLabel.innerHTML = this.prompt;
-        this.inner.appendChild(promptBox);
-        this.scrollToBottom();
-      };
-
-      /**
-       * Remove the caret from the prompt box,
-       * mainly before adding a new prompt box.
-       * For simplicity, just re-render the prompt box
-       * with caret position -1.
-       */
-      REPLConsole.prototype.removeCaretFromPrompt = function() {
-        this.setInput(this._input, -1);
-      };
-
-      REPLConsole.prototype.setInput = function(input, caretPos) {
-        this._caretPos = caretPos === undefined ? input.length : caretPos;
-        this._input = input;
-        this.renderInput();
-      };
-
-      /**
-       * Add some text to the existing input.
-       */
-      REPLConsole.prototype.addToInput = function(val, caretPos) {
-        caretPos = caretPos || this._caretPos;
-        var before = this._input.substring(0, caretPos);
-        var after = this._input.substring(caretPos, this._input.length);
-        var newInput =  before + val + after;
-        this.setInput(newInput, caretPos + val.length);
-      };
-
-      /**
-       * Render the input prompt. This is called whenever
-       * the user input changes, sometimes not very efficient.
-       */
-      REPLConsole.prototype.renderInput = function() {
-        // Clear the current input.
-        removeAllChildren(this.promptDisplay);
-
-        var promptCursor = document.createElement('span');
-        promptCursor.className = "console-cursor";
-        var before, current, after;
-
-        if (this._caretPos < 0) {
-          before = this._input;
-          current = after = "";
-        } else if (this._caretPos === this._input.length) {
-          before = this._input;
-          current = "\u00A0";
-          after = "";
-        } else {
-          before = this._input.substring(0, this._caretPos);
-          current = this._input.charAt(this._caretPos);
-          after = this._input.substring(this._caretPos + 1, this._input.length);
-        }
-
-        this.promptDisplay.appendChild(document.createTextNode(before));
-        promptCursor.appendChild(document.createTextNode(current));
-        this.promptDisplay.appendChild(promptCursor);
-        this.promptDisplay.appendChild(document.createTextNode(after));
-      };
-
-      REPLConsole.prototype.writeOutput = function(output) {
-        var consoleMessage = document.createElement('pre');
-        consoleMessage.className = "console-message";
-        consoleMessage.innerHTML = escapeHTML(output);
-        this.inner.appendChild(consoleMessage);
-        this.newPromptBox();
-      };
-
-      REPLConsole.prototype.onEnterKey = function() {
-        var input = this._input;
-
-        if(input != "" && input !== undefined) {
-          this.commandStorage.addCommand(input);
-        }
-
-        this.commandHandle(input);
-      };
-
-      REPLConsole.prototype.onNavigateHistory = function(offset) {
-        var command = this.commandStorage.navigate(offset) || "";
-        this.setInput(command);
-      };
-
-      /**
-       * Handle control keys like up, down, left, right.
-       */
-      REPLConsole.prototype.onKeyDown = function(ev) {
-        switch (ev.keyCode) {
-          case 13:
-            // Enter key
-            this.onEnterKey();
-            ev.preventDefault();
-            break;
-          case 80:
-            // Ctrl-P
-            if (! ev.ctrlKey) break;
-          case 38:
-            // Up arrow
-            this.onNavigateHistory(-1);
-            ev.preventDefault();
-            break;
-          case 78:
-            // Ctrl-N
-            if (! ev.ctrlKey) break;
-          case 40:
-            // Down arrow
-            this.onNavigateHistory(1);
-            ev.preventDefault();
-            break;
-          case 37:
-            // Left arrow
-            var caretPos = this._caretPos > 0 ? this._caretPos - 1 : this._caretPos;
-            this.setInput(this._input, caretPos);
-            ev.preventDefault();
-            break;
-          case 39:
-            // Right arrow
-            var length = this._input.length;
-            var caretPos = this._caretPos < length ? this._caretPos + 1 : this._caretPos;
-            this.setInput(this._input, caretPos);
-            ev.preventDefault();
-            break;
-          case 8:
-            // Delete
-            this.deleteAtCurrent();
-            ev.preventDefault();
-            break;
-          case 86:
-            // ctrl/command-v
-            if (ev.ctrlKey || ev.metaKey) {
-              // Let the pasted text go to our clipboard.
-              this.clipboard.focus();
-
-              // Pasting to clipboard doesn't happen immediately,
-              // so we have to wait for a while to get the pasted text.
-              var _this = this;
-              setTimeout(function() {
-                _this.addToInput(_this.clipboard.value);
-                _this.clipboard.value = "";
-                _this.clipboard.blur();
-              }, 10);
-            }
-            break;
-          default:
-            break;
-        }
-
-        ev.stopPropagation();
-      };
-
-      /**
-       * Handle input key press.
-       */
-      REPLConsole.prototype.onKeyPress = function(ev) {
-        // Only write to the console if it's a single key press.
-        if (ev.ctrlKey || ev.metaKey) { return; }
-        var keyCode = ev.keyCode || ev.which;
-        this.insertAtCurrent(String.fromCharCode(keyCode));
-        ev.stopPropagation();
-        ev.preventDefault();
-      };
-
-      /**
-       * Delete a character at the current position.
-       */
-      REPLConsole.prototype.deleteAtCurrent = function() {
-        if (this._caretPos > 0) {
-          var caretPos = this._caretPos - 1;
-          var before = this._input.substring(0, caretPos);
-          var after = this._input.substring(this._caretPos, this._input.length);
-          this.setInput(before + after, caretPos);
-        }
-      };
-
-      /**
-       * Insert a character at the current position.
-       */
-      REPLConsole.prototype.insertAtCurrent = function(char) {
-        var before = this._input.substring(0, this._caretPos);
-        var after = this._input.substring(this._caretPos, this._input.length);
-        this.setInput(before + char + after, this._caretPos + 1);
-      };
-
-      REPLConsole.prototype.scrollToBottom = function() {
-        this.inner.scrollTop = this.inner.scrollHeight;
-      };
-
-      window.REPLConsole = REPLConsole;
-    })();
-
-    // Install the console
-    var consoleDiv = document.getElementById('console');
-    var replConsole = new REPLConsole({
-      promptLabel: consoleDiv.dataset.initialPrompt,
-      commandHandle: function(line) {
-        var _this = this;
-        var xhr = new XMLHttpRequest();
-        var url = consoleDiv.dataset.remotePath;
-        var params = "input=" + encodeURIComponent(line);
-
-        xhr.open("PUT", url, true);
-        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
-        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
-        xhr.send(params);
-
-        xhr.onreadystatechange = function() {
-          if(xhr.readyState == 4 && xhr.status == 200) {
-            var response = JSON.parse(xhr.responseText);
-            _this.writeOutput(response.output);
-          }
-        }
-      }
-    });
-
-    replConsole.install(consoleDiv);
-  </script>
-<% end %>