rack-webconsole-pry 0.1.4

data/lib/rack/webconsole/version.rb

@@ -0,0 +1,7 @@
+# encoding: utf-8
+module Rack
+  class Webconsole
+    # rack-webconsole version number.
+    VERSION = "0.1.4"
+  end
+end

data/lib/rack/webconsole.rb

@@ -0,0 +1,81 @@
+# encoding: utf-8
+require 'rack/webconsole/repl'
+require 'rack/webconsole/asset_helpers'
+require 'rack/webconsole/assets'
+
+require 'rack/webconsole/railtie' if defined?(Rails::Railtie)
+
+# Rack is a modular webserver interface written by Christian Neukirchen.
+#
+# Learn more at: https://github.com/rack/rack
+#
+module Rack
+  # {Rack::Webconsole} is a Rack middleware that provides an interactive
+  # console à la Rails console, but for any kind of Rack application (Rails,
+  # Sinatra, Padrino...), accessible from your web application's front-end.
+  #
+  # For every request, it normally passes control to the {Assets} middleware,
+  # which injects needed JavaScript, CSS and HTML code for the console to work
+  # properly.
+  #
+  # It also exposes a special route used by the {Repl}, a Ruby evaluator which
+  # is responsible of keeping state between requests, remembering local
+  # variables and giving a true IRB-esque experience.
+  #
+  class Webconsole
+    @@config = {:inject_jquery => false, :key_code => "96"}
+
+    class << self
+      # Returns whether the Asset injecter must inject JQuery or not.
+      #
+      # @return [Boolean] whether to inject JQuery or not.
+      def inject_jquery
+        @@config[:inject_jquery]
+      end
+
+      # Sets whether the Asset injecter must inject JQuery or not.
+      #
+      # @param [Boolean] value whether to inject JQuery or not.
+      def inject_jquery=(value)
+        @@config[:inject_jquery] = value
+      end
+
+      # Returns key code used to start web console.
+      #
+      # @return [String] key code used at keypress event to start web console.
+      def key_code
+        @@config[:key_code]
+      end
+
+      # Sets key code used to start web console.
+      #
+      # @param [String] value key code used at keypress event to start web console.
+      def key_code=(value)
+        value = value.to_s unless value.is_a?(String)
+        @@config[:key_code] = value
+      end
+    end
+
+    # Honor the Rack contract by saving the passed Rack application in an ivar.
+    #
+    # @param [Rack::Application] app the previous Rack application in the
+    #   middleware chain.
+    def initialize(app)
+      @app = app
+    end
+
+    # Decides where to send the request. In case the path is `/webconsole`
+    # (e.g. when calling the {Repl} endpoint), pass the request onto the
+    # {Repl}. Otherwise, pass it onto the {Assets} middleware, which will
+    # inject the needed assets for the Webconsole to work.
+    #
+    # @param [Hash] env a Rack request environment.
+    def call(env)
+      if env['PATH_INFO'] == '/webconsole'
+        Repl.new(@app).call(env)
+      else
+        Assets.new(@app).call(env)
+      end
+    end
+  end
+end

data/lib/rack-webconsole.rb

@@ -0,0 +1,3 @@
+# encoding: utf-8
+require 'rack'
+require 'rack/webconsole'

data/public/jquery.html

@@ -0,0 +1 @@
+<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>

data/public/webconsole.css

@@ -0,0 +1,86 @@
+#rack-webconsole {
+  opacity: 0.9;
+  z-index: 999;
+  background: #000;
+  color: #DDD;
+  font-family: monospace;
+  height: 40%;
+  position: fixed;
+  width: 100%;
+  bottom: 0px;
+  left: 0px;
+  right:0px;
+  outline-top: 3px solid #DEDEDE;
+  box-shadow: 0px -4px 5px rgba(0,0,0,0.5);
+  -moz-box-shadow: 0px -4px 5px rgba(0,0,0,0.5);
+  -webkit-box-shadow: 0px -4px 5px rgba(0,0,0,0.5);
+  font-size: 11px;
+}
+#rack-webconsole div.query{
+  margin-top: 10px;
+  font-weight: bold;
+  padding-top: 10px;
+  border-top: 1px dashed #333;
+  margin-bottom: 5px;
+}
+#rack-webconsole div.query_multiline{
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+#rack-webconsole div.query:first-child{
+  margin-top: 0px;
+  padding-top: 0px;
+  border-top: none;
+}
+#rack-webconsole div.result{
+  font-weight: normal;
+}
+#rack-webconsole form div, #console form span {
+  font-size: 14px;
+  border: 0px;
+  font-family: monospace;
+  color: #FFF;
+}
+#rack-webconsole form div.results_wrapper{
+  width: 100%;
+  position: absolute;
+  overflow-x: auto;
+  top: 0;
+  bottom: 40px;
+}
+#rack-webconsole form div.results{
+  padding: 10px;
+}
+#rack-webconsole .prompt{
+  width: 30px;
+  text-align: center;
+  display: block;
+  float: left;
+  height: 25px;
+  line-height: 25px;
+}
+#rack-webconsole form div.input{
+  width: 100%;
+  position: absolute;
+  bottom: 0px;
+  background: #000;
+}
+#rack-webconsole form div.input input{
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  padding: 0px;
+  width: 100%;
+  font-size: 14px;
+  background: transparent;
+  border: 0px;
+  font-family: monospace;
+  color: #FFF;
+}
+#rack-webconsole .input .input_box{
+  margin-left: 30px;
+  margin-right: 10px;
+  display: block;
+}

data/public/webconsole.html

@@ -0,0 +1,15 @@
+<div id="rack-webconsole" style="display:none">
+  <form accept-charset="UTF-8" action="/webconsole" method="post">
+    <input name="utf8" type="hidden" value="✓"/>
+    <div class="results_wrapper">
+      <div class="results">
+      </div>
+    </div>
+    <div class="input">
+      <span class="prompt">>></span>
+      <span class="input_box">
+        <input id="webconsole_query" name="webconsole_query" type="text" />
+      </span>
+    </div>
+  </form>
+</div>

data/public/webconsole.js

@@ -0,0 +1,169 @@
+(function($) {
+  
+  var webconsole = {
+    history:[],
+    pointer:0,
+    query:$('#webconsole_query')
+  }
+  
+  $('#rack-webconsole form').submit(function(e){
+    e.preventDefault();
+  });
+	
+	function componentToHex(c) {
+	    var hex = c.toString(16);
+	    return hex.length == 1 ? "0" + hex : hex;
+	}
+
+	function rgbToHex(r, g, b) {
+	    return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
+	}
+	var prevStyle = {
+		color: "#ffffff",
+		bold: false,
+		underline: false
+	}
+	function bashColorToHtml(bcolor)
+	{
+		// colors
+		var textColor = rgbToHex(238, 238, 238);
+		var boldColor = rgbToHex(255, 255, 255);
+		var strColors = "[0;30m 238 238 238 \
+		[1;37m 255 255 255 \
+		[0;34m 150 203 254 \
+		[1;34m 181 220 254 \
+		[0;32m 168 255 96 \
+		[1;32m 206 255 172 \
+		[0;36m 198 197 254 \
+		[1;36m 223 223 254 \
+		[0;31m 255 108 96 \
+		[1;31m 255 182 176 \
+		[0;35m 255 115 253 \
+		[1;35m 255 156 254 \
+		[0;33m 255 255 182 \
+		[1;33m 255 255 203 \
+		[1;30m 124 124 124 \
+		[0;37m 238 238 238";
+		var colors = {};
+		var boldColors = {};
+		var matcher = /\[([0-9;]+)m\s+(\d+)\s+(\d+)\s+(\d+)/gm;
+		while ((r = matcher.exec(strColors)) != null) {
+			components = r[1].split(";")
+			if (components[0] == "0")
+				colors[components[1]] = rgbToHex(parseInt(r[2]), parseInt(r[3]), parseInt(r[4]));
+			else
+				boldColors[components[1]] = rgbToHex(parseInt(r[2]), parseInt(r[3]), parseInt(r[4]));
+		}
+		// set values
+		all = bcolor.split(/;/g)
+		if (all.indexOf("0") >= 0 && all.indexOf("0") > 0) // ignore anything before 0, since 0 resets
+			all.splice(0, all.indexOf("0"));
+		if (all.indexOf("0") >= 0)
+			prevStyle = {
+				color: textColor,
+				bold: false,
+				underline: false
+			};
+		if (all.indexOf("1") >= 0)
+			prevStyle['bold'] = true;
+		if (all.indexOf("4") >= 0)
+			prevStyle['underline'] = true;
+		if (prevStyle['bold'])
+			colorMap = boldColors;
+		else
+		  colorMap = colors;
+		$.each(all, function(idx, val) {
+			if (colorMap[val] != undefined)
+				prevStyle['color'] = colorMap[val];
+		});
+		return 'color:'+prevStyle['color']+';font-weight:'+(prevStyle['bold'] ? 'bold' : 'normal')+
+			';text-decoration:'+(prevStyle['underline'] ? 'underline' : 'none');
+	}
+	function parseBashString(str)
+	{
+		str = str.replace(/\u001B\[([0-9;]+)m/g, function(fm, sm) {
+			return '</span><span style="'+bashColorToHtml(sm)+'">';
+		});
+		str = str.replace(/\n/g, "<br>");
+		return '<span>'+str+'</span>';
+	}
+  $("#rack-webconsole form input").keyup(function(event) {
+    function escapeHTML(string) {
+      return(string.replace(/&/g,'&amp;').
+        replace(/>/g,'&gt;').
+        replace(/</g,'&lt;').
+        replace(/"/g,'&quot;')
+      );
+    };
+
+    // enter
+    if (event.which == 13) {
+      webconsole.history.push(webconsole.query.val());
+      webconsole.pointer = webconsole.history.length - 1;
+      $.ajax({
+        url: '/webconsole',
+        type: 'POST',
+        dataType: 'json',
+        data: ({query: webconsole.query.val(), token: "$TOKEN"}),
+        success: function (data) {
+          var query_class = data.previous_multi_line ? 'query_multiline' : 'query';
+          var result = "<div class='" + query_class + "'>" +
+            parseBashString(escapeHTML(data.prompt)) + "</div>";
+          if (!data.multi_line) {
+            result += "<div class='result'>" + parseBashString(escapeHTML(data.result)) + "</div>";
+          }
+          $("#rack-webconsole .results").append(result);
+          $("#rack-webconsole .results_wrapper").scrollTop(
+            $("#rack-webconsole .results").height()
+          );
+        }
+      });
+	    webconsole.query.val('');
+    }
+    
+    // up
+    if (event.which == 38) {
+      if (webconsole.pointer < 0) {
+        webconsole.query.val('');
+      } else {
+        if (webconsole.pointer == webconsole.history.length) {
+          webconsole.pointer = webconsole.history.length - 1;
+        }
+        webconsole.query.val(webconsole.history[webconsole.pointer]);
+        webconsole.pointer--;
+      }
+    }
+    
+    // down
+    if (event.which == 40) {
+      if (webconsole.pointer == webconsole.history.length) {
+        webconsole.query.val('');
+      } else {
+        if (webconsole.pointer < 0) {
+          webconsole.pointer = 0;
+        }
+        webconsole.query.val(webconsole.history[webconsole.pointer]);
+        webconsole.pointer++;
+      }
+    }
+    
+  });
+
+  $(document).ready(function() {
+    $(this).keypress(function(event) {
+      if (event.which == $KEY_CODE) {
+        $("#rack-webconsole").slideToggle('fast', function() {
+          if ($(this).is(':visible')) {
+            $("#rack-webconsole form input").focus();
+            $("#rack-webconsole .results_wrapper").scrollTop(
+              $("#rack-webconsole .results").height()
+            );
+          } else {
+            $("#rack-webconsole form input").blur();
+          }
+        });
+        event.preventDefault();
+      }
+    });
+  });
+})(jQuery);

data/rack-webconsole-pry.gemspec

@@ -0,0 +1,36 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "rack/webconsole/version"
+
+Gem::Specification.new do |s|
+  s.name        = "rack-webconsole-pry"
+  s.version     = Rack::Webconsole::VERSION
+  s.authors     = ["Josep M. Bach", "Josep Jaume Rey", "Oriol Gual", "Jan Berdajs"]
+  s.email       = ["mrbrdo@gmail.com"]
+  s.homepage    = "http://github.com/mrbrdo/rack-webconsole"
+  s.summary     = %q{Rack-based console inside your web applications, using pry}
+  s.description = %q{Rack-based console inside your web applications, using pry}
+
+  s.rubyforge_project = "rack-webconsole-pry"
+
+  s.add_runtime_dependency 'rack'
+  s.add_runtime_dependency 'multi_json', '>= 1.0.3'
+  s.add_runtime_dependency 'pry'
+
+  s.add_development_dependency 'minitest'
+  s.add_development_dependency 'purdytest'
+
+  # Since we can't have a git dependency in gemspec, we specify this
+  # dependency directly in the Gemfile. Once a new mocha version is released,
+  # we should uncomment this line and remove mocha from the Gemfile.
+  # s.add_development_dependency 'mocha'
+
+  s.add_development_dependency 'yard'
+  s.add_development_dependency 'bluecloth'
+  s.add_development_dependency 'rake'
+  s.add_development_dependency 'pry'
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.require_paths = ["lib"]
+end

data/spec/rack/webconsole/asset_helpers_spec.rb

@@ -0,0 +1,56 @@
+# encoding: utf-8
+require 'spec_helper'
+
+class AssetClass
+  include Rack::Webconsole::AssetHelpers
+end
+
+module Rack
+  describe Webconsole::AssetHelpers do
+
+    describe '#html_code' do
+      it 'loads the html code' do
+        asset_class = AssetClass.new
+        html = asset_class.html_code
+
+        html.must_match /console/
+        html.must_match /results/
+        html.must_match /form/
+      end
+    end
+
+    describe '#css_code' do
+      it 'loads the css code' do
+        asset_class = AssetClass.new
+        css = asset_class.css_code
+
+        css.must_match /<style/
+        css.must_match /text\/css/
+        css.must_match /#console/
+      end
+    end
+
+    describe '#js_code' do
+      it 'loads the js code' do
+        asset_class = AssetClass.new
+        js = asset_class.js_code
+
+        js.must_match /\$\("#rack-webconsole"\)/
+        js.must_match /escapeHTML/
+      end
+    end
+
+    describe '#render' do
+      it 'knows how to replace $ vars' do
+        asset_class = AssetClass.new
+
+        text = "test $test test $test"
+        asset_class.render(text, :test => "123").must_equal("test 123 test 123")
+
+        text = "test $var1 test $var2"
+        asset_class.render(text, :var1 => "123", :var2 => "321").must_equal("test 123 test 321")
+      end
+    end
+
+  end
+end