better_rest 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: be05ac41c0052a1ab680d43e0d6584e5c6375052
+  data.tar.gz: 03700925f50f7a8cfd4a53b009920c8be07208de
+SHA512:
+  metadata.gz: ede9688f250b61a2e6cbf949daa84c6ac3ba38bae201c52880da00c43863815305eb91cced2fbc94b939e183b2f847f1bc17eb16caa2b6c281857cae79a819a9
+  data.tar.gz: c08b691f34aaebc7ed45f535cf2dd06af813c54865b08fb614eed91c0c886d14e2ecdfe3d0f10db4528926239905b3e7fa168d375bfd9c5dabb1373db5049999

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Jason Willems
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,33 @@
+# BetteR
+
+BetteR is a a REST testing client written in Ruby and served by Sinatra. 
+
+BetteR emphasises both a clean and easy to use interface, as well as allowing users to have a very granuler control over their requests (things like following redirects, verbosity of response, timeout intervals are all configurable). The current feature set is modest, but what it does, it aims to do well.
+
+## Usage
+
+    $cd BetteR
+    $./BetteR
+    
+BetteR will run rest.rb, which will content to a Sinatra session via your browser (browser should launch automatically, but otherwise the default location is localhost:5678)
+
+Logs (if enabled from the Settings menu in the UI) will be stored in the following location
+
+    ./logs/YYYY-MM-DD.log
+
+## Dependencies
+
+Requires a ruby installation with the following Gems:
+- 'sinatra' (sudo gem install sinatra)
+- 'typhoeus' (sudo gem install typhoeus)
+- 'vegas' (sudo gem install vegas)
+
+Note that the vegas gem is only necessary in order to use ./BetteR to call rest.rb. Launching rest.rb (via 'ruby rest.rb') will avoid the need for this gem.
+
+## TODO
+
+* Add OAuth/OAuth2 support
+* Update current deprecated Basic/Digest Auth method
+* Add ability to save requests
+* Add download to file
+* Add parallel requests

data/better_rest.gemspec

@@ -0,0 +1,13 @@
+Gem::Specification.new do |s|
+  s.name        = "better_rest"
+  s.version     = "0.0.1"
+  s.licenses	= ['MIT']
+  s.summary     = "REST test Client"
+  s.date        = "2014-03-30"
+  s.description = "This is a REST API test client accessible via the browser."
+  s.authors     = ["Jason Willems"]
+  s.email       = ["hello@jasonwillems.com"]
+  s.homepage    = "http://www.jasonwillems.com"
+  s.files       = `git ls-files`.split("\n") 
+  s.executables << 'better_rest'
+end

data/bin/better_rest

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+
+require File.expand_path('../lib/better_rest.rb')
+require 'vegas'
+
+Vegas::Runner.new(Sinatra::Application, 'rest')

data/lib/better_rest.rb

@@ -0,0 +1,107 @@
+#!/usr/bin/env ruby
+
+require 'sinatra'
+require 'typhoeus'
+
+helpers do
+	include Rack::Utils
+	alias_method :h, :escape_html
+end
+
+get '/?' do
+	@requests = ["GET","POST","PUT","DELETE","HEAD","OPTIONS","PATCH"]
+	@timeout = ["1","2","5","10","60"]
+	@validHeaderCount = 1
+	@headerHash = {"" => ""}
+	@follow, @verbose, @ssl, @loggingOn = true, true, false, false
+	@visible = ["displayed", "hidden", "displayed", "displayed", "displayed"]	#Ordered display toggle for frontend: REQUEST, AUTH, HEADERS, PAYLOAD, RESULTS
+	erb :index
+end
+
+get '/env' do
+	<<-ENDRESPONSE
+    	Ruby:    #{RUBY_VERSION} <br/>
+    	Rack:    #{Rack::VERSION} <br/>
+    	Sinatra: #{Sinatra::VERSION}
+  	ENDRESPONSE
+end
+
+post '/' do
+	@headerHash = {}
+	@validHeaderCount = 1
+	@formResponse = true
+	@follow, @verbose, @ssl, @loggingOn = true, true, false, false
+	@requestBody = ""
+	@visible = [params[:serveURLDiv], params[:serveAuthDiv], params[:serveHeaderDiv], params[:servePayloadDiv], params[:serveResultsDiv]]
+
+	(0..Integer(params[:headerCount])).each do |i|
+		@keyIncrement = "key" + "#{i}"
+		@valueIncrement = "value" + "#{i}"
+
+		if params[@keyIncrement] and not params[@keyIncrement].empty? and params[@valueIncrement] and not params[@valueIncrement].empty?
+			@headerHash[params[@keyIncrement]] = params[@valueIncrement]
+			@validHeaderCount += 1
+		end
+	end
+
+	if @headerHash["User-Agent"] == nil		#add branded User-Agent header, only if empty
+		@headerHash["User-Agent"] = "BetteR - https://github.com/at1as/BetteR"
+	end
+
+	if params[:followlocation] == ""
+		@follow = false
+	end
+	if params[:verbose] == ""
+		@verbose = false
+	end
+	if params[:ssl_verifypeer] == "on"
+		@ssl = true
+	end
+	if params[:enableLogging] == "on"
+		@loggingOn = true
+	end
+	unless params[:datafile].nil?
+		@requestBody = { content: params[:payload], file: File.open(params[:datafile][:tempfile], 'r') }
+	else
+		@requestBody = { content: params[:payload] }
+	end
+
+	request = Typhoeus::Request.new(
+		params[:url],
+	  	method: params[:requestType],
+	  	:username => params[:usr],
+		:password => params[:pwd],
+		:auth_method => :auto,		#Should be manually set in order to test unideal APIs
+	  	:headers => @headerHash,
+	  	:body => @requestBody,		#to replace -> body: params[:payload],
+	  	followlocation: @follow,
+	  	verbose: @verbose,
+	  	ssl_verifypeer: @ssl,
+	  	:timeout => Integer(params[:timeoutInterval])
+	)
+
+	request.run
+	response = request.response
+
+	if @headerHash["User-Agent"] == "BetteR - https://github.com/at1as/BetteR"
+		@headerHash.delete("User-Agent")
+	end
+
+	if @loggingOn == true
+		File.open('log/' + Time.now.strftime("%Y-%m-%d") + '.log', 'a') { 
+			|file| file.write("-"*10 + "\n" + Time.now.to_s + request.inspect + "\n\n" ) 
+		}
+	end
+
+	puts params[:payload]
+
+	@requestOptions = request.options
+	@returnBody = response.body 
+	@returnCode = response.return_code
+	@returnTime = response.time
+	@statCodeReturn = response.response_headers
+
+	@requests = ["#{params[:requestType]}", "GET","POST","PUT","DELETE","HEAD","OPTIONS","PATCH"].uniq
+	@timeout = ["1","2","5","10","60"]
+	erb :index
+end

data/public/mainCSS.css

@@ -0,0 +1,257 @@
+body {  
+    font-family:"Gill Sans", "Gill Sans MT", Sans-Serif;
+    background-color: #FDFDFD;
+    padding-bottom: 20px;
+    margin: 0px;
+} 
+.container{
+    width: 555px;
+    margin:10px auto 0px auto;
+}
+.forceInline{
+    display:inline;
+}
+.backgroundText{
+    text-align: center;
+    color:#888888;
+}
+
+.width25{
+    width:13%;
+    padding:0px;
+}
+.widthRemainder{
+    display: inline;
+    width: 78%;
+    border: 2px 2px 2px 2px;
+    border-radius: 2px;
+    background-color:#FDFDFD;
+}
+.restrictedHeight{
+    padding: 10px 4px 10px 4px;
+    max-height: 200px;
+    overflow: scroll;
+    background-color: #F2F2F2;
+    border-radius: 3px;
+}
+.close {
+    display: inline;
+    font-size: 12px;
+    font-weight: bold;
+    color: #555555;
+    margin-left: 4px;
+    padding-left: 2px;
+    padding-right: 2px;
+    vertical-align: center;
+}
+.close:hover{
+    color:red;
+    border-radius: 7px;
+    background-color: #CCCCCC;
+}
+
+.minimal{
+    padding:0px;   
+}
+.box{
+    padding:5px 5px 5px 5px;
+    background: linear-gradient(to bottom right, #F7F7F7, #F5F5F5, #F3F3F3);
+    border-radius: 4px;
+    border-style: solid;
+    border-color: #CFCFCF;
+    border-width: 1px;   
+    transition: 90s;
+    box-shadow: 2px 1px 1px #CCCCCC;
+
+}
+.minmax:hover{
+    color:black;
+}
+h1 {
+    font-size: 14px;
+    color: #999999;
+    font-style: normal;
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+h2 {
+    font-size: 15px;
+    color: red;
+    display: inline-block;
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+    /*padding: 12px 0 0px 0;*/
+}
+.holdValue {
+    transition: 0s 9999999s;
+}
+div:active {
+    transition:90s;
+}
+
+#submit {  
+    border:none;  
+    background:#888888; 
+    margin-top: 8px; 
+    padding: 4px 12px 4px 12px;
+    border-radius: 3px;
+    color: white;
+    float: right;
+    margin-left: 10px;
+    box-shadow: 2px 2px 1px #DDDDDD;
+} 
+#submit:hover{
+    color:black;
+}
+#clearBtn{
+    border:none;  
+    background:#ff4b33; 
+    margin-top: 8px; 
+    padding: 4px 12px 4px 12px;
+    border-radius: 3px;
+    font-weight: bold;
+    color: white;
+    float: right;
+    margin-left: 10px;
+    box-shadow: 2px 2px 1px #DDDDDD;
+}
+#clearBtn:hover{
+    color:black;
+}
+#variables{
+    border:none;  
+    background:#ff4b33; 
+    margin-top: 8px; 
+    padding: 4px 12px 4px 12px;
+    border-radius: 3px;
+    font-weight: bold;
+    color: white;
+    float: right;
+    margin-left: 10px;
+    box-shadow: 2px 2px 1px #DDDDDD;
+}
+#variables:hover{
+    color:black;
+}
+input{
+    width:46%;
+    border-radius: 2px;
+    background-color:#FEFEFE;
+    border-color: transparent;
+    box-shadow: 2px 1px 1px #DDDDDD;
+    font-family: Arial;
+    font-size: 13px;
+}
+textarea{
+    border-radius: 4px;
+    border-color: transparent;
+    background-color: #FDFDFD;
+    overflow:hidden;
+    min-height: 80px;
+    max-width: 98%;
+    min-width: 98%;
+    box-shadow: 2px 1px 1px #DDDDDD;
+    font-family: arial;
+    font-size: 13px;
+}
+
+#add{
+    color:white;
+    background-color: #B9B9B9;
+    margin-top: 3px;
+    width:90px;
+}
+#add:hover{
+    color:black;
+}
+#add:active{
+    color: red;
+}
+#dialog-modal{
+    visibility: none;
+}
+ul{
+    margin: 5px 5px 0px 5px;
+    padding: 0;
+    text-align: left;
+
+}
+li {
+    min-width: 200px;
+}
+li a{
+    text-decoration: none;
+    text-align: left;
+    padding-right: 20px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    padding-left: 20px;
+    margin-right: 10px;
+    border-radius: 3px;
+    background-color: #B9B9B9;
+    font-size: 12px;
+    color: #FFFFFF;
+    font-weight: normal;
+    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+}
+
+li a:hover{
+    color:black;
+}
+.resultsBoxHead {
+    visibility: none;
+}
+.resultsBoxcURL {
+    visibility: none;
+}
+#dialog-background-blur{
+    background-color: #EEEEEE;
+    opacity: 0.85;
+    position: fixed;
+    left:0;
+    top:0;
+    width:100%;
+    height:100%;
+    z-index: 10;
+}
+
+#load-dialog-modal{
+    background-color: #CCCCCC;
+    opacity:1.0;
+    position: fixed;
+    top: 25%;
+    left: 50% ;
+    width:280px;
+    margin-left:-140px;
+    padding:20px;
+    box-shadow: 2px 1px 1px #DDDDDD;
+    z-index:11;
+}
+
+#file-upload-modal {
+    background-color: #CCCCCC;
+    opacity:1.0;
+    position: fixed;
+    top: 25%;
+    left: 50% ;
+    width:280px;
+    margin-left:-140px;
+    padding:20px;
+    box-shadow: 2px 1px 1px #DDDDDD;
+    z-index:11;
+}
+
+#header{
+    background-color:black;
+    color:white;
+    padding-top:3px;
+    padding-bottom:3px;
+}
+
+#settingsbutton {
+    color:#999999;
+    background-color: #000000;
+}
+
+label {
+    font-family: "Helvetica";
+    font-size:14px;
+}

data/views/index.erb

@@ -0,0 +1,389 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>BetteR &mdash; A REST API Testing Utility</title>
+    <link rel="shortcut icon" href="favicon.ico">
+    <link rel="stylesheet" href="mainCSS.css">
+</head>
+
+<body>
+    <div id="header">
+        <div class="container" style="margin:0px auto 0px auto;">
+            <div id="header-title" style="display:inline-block">
+                <h1 style="min-width:100%;">BetteR &mdash; A REST API Testing Utility.</h1>
+            </div>
+            <div style="display:inline-block; float:right; margin-left:10px;">
+                <div id="settings-button" onclick="modalToggle('load-dialog-modal')" style="height:100%; margin-top:8px; display:inline-block">Settings</div>
+            </div>
+            <div style="display:inline-block; float:right; margin-right:10px;">
+                <div id="file-upload-button" onclick="modalToggle('file-upload-modal')" style="height:100%; margin-top:8px; display:inline-block">File Upload</div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <form id="form1" name="fullRequestData" method="post" action="/" target="_self" enctype="multipart/form-data">
+            <div>
+                <% if @visible[0] == "hidden"%>
+                    <input type="hidden" id="serveURLDiv" name="serveURLDiv" value="hidden">
+                <% else %>
+                    <input type="hidden" id="serveURLDiv" name="serveURLDiv" value="displayed">
+                <% end %>
+                <h2><div class="head" id="headingReq" onclick="toggleRequestVisibility()">[&ndash;] Request</div></h2>
+                <div class="box" id="path">
+                    <select id="requestType" name="requestType">
+                        <% @requests.each do |request| %>
+                            <option value=<%= request %>><%= request %></option>
+                        <% end %>
+                    </select>
+                    <input type="text" value="<%= h(params[:url]) %>" name="url" id="url" placeholder=" URL" class="widthRemainder"/>
+                    <div class="close" id="closeURL" onclick="clearURL()">X</div>  
+                </div>
+            </div>
+            <div>
+                <% if @visible[1] == "hidden"%>
+                    <input type="hidden" id="serveAuthDiv" name="serveAuthDiv" value="hidden">
+                <% else %>
+                     <input type="hidden" id="serveAuthDiv" name="serveAuthDiv" value="displayed">
+               <% end %>
+                <h2><div class="head" id="headingAuth" onclick="toggleAuthVisibility()">[&ndash;] Authentication</div></h2>
+                <div class="box" id="auth">
+                    <div id="authSelect">
+                        <span style="display:inline-block; white-space:nowrap; margin-top:5px;margin-bottom:5px;">      
+                            <label for="basicAuthSelect">
+                                <input id="basicAuthSelect" type="radio" name="authType" value="basic" checked="true" style="width:14px;">Basic                             
+                            </label>
+                            <label for="digestAuthSelect">
+                                <input id="digestAuthSelect" type="radio" name="authType" value="digest" style="width:14px;">Digest
+                            </label>
+                        </span>
+                    </div>
+                    <input type="text" value="<%=h(params[:usr])%>" name="usr" id="usr" placeholder=" Username"  />
+                    <input type="text" value="<%=h(params[:pwd])%>" name="pwd" id="pwd" placeholder=" Password" />
+                    <div class="close" id="closeAuth" onclick="clearAuthCredentials()">X</div>
+                </div>
+            </div>
+            <div>
+                <% if @visible[2] == "hidden"%>
+                    <input type="hidden" id="serveHeaderDiv" name="serveHeaderDiv" value="hidden">
+                <% else %>
+                     <input type="hidden" id="serveHeaderDiv" name="serveHeaderDiv" value="displayed">
+               <% end %>
+                <input type="hidden" id="headerCount" name="headerCount" value="1">
+                <h2><div class="head" id="headingHead" onclick="toggleHeaderVisibility()">[&ndash;] Headers</div></h2>
+                <div class="box" id="headers">
+                    <div id="headerfieldsAll">
+                    <% @headerHash.each_with_index do |(key, value), index| %>
+                        <div id="headerfields<%= index %>" style="margin-bottom:2px;" >
+                            <input type="text" value="<%=key%>" name="key<%=index%>" id="key<%=index%>" placeholder=" Name" class="key" />
+                            <input type="text" value="<%=value%>" name="value<%=index%>" id="value<%=index%>" placeholder=" Value" class="value" />
+                            <div class="close" id="close<%= index %>" onclick="removeRow(this)">X</div> 
+                        </div>
+                    <% end %> 
+                    </div>
+                    <div>
+                        <input type="button" value="Add<%=h(params[:add])%>" id="add" class="width25" onclick="addNewHeader()"/>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <% if @visible[3] == "hidden"%>
+                    <input type="hidden" id="servePayloadDiv" name="servePayloadDiv" value="hidden">
+                <% else %>
+                    <input type="hidden" id="servePayloadDiv" name="servePayloadDiv" value="displayed">
+                <% end %>
+                <h2><div class="head" id="headingData" onclick="toggleDataVisibility()">[&ndash;] Payload</div></h2>
+                <div class="box" id="data">
+                    <textarea value="<%=h(params[:payload])%>" name="payload" id="payload" placeholder=" Payload Data"><%=h(params[:payload])%></textarea>    
+                </div>        
+            </div>
+            <div style="margin-top:5px, padding-top: 3px, padding-bottom: 4px">
+                <input type="submit" value="Send" id="submit" class="width25" onclick="prepareSubmission()" style="margin-bottom:10px;"/>
+                <input type="button" value="Clear All" id="submit" class="width25" onclick="clearAllFields()" style="margin-bottom:10px;"/>
+            </div>
+            <% if @formResponse == true %> 
+            <div>
+                <% if @visible[4] == "hidden"%>
+                    <input type="hidden" id="serveResultsDiv" name="serveResultsDiv" value="hidden">
+                <% else %>
+                    <input type="hidden" id="serveResultsDiv" name="serveResultsDiv" value="displayed">
+                <% end %>
+                <h2><div class="head" id="headingResults" style="margin-top:10px" onclick="toggleResultsVisibility()">[&ndash;] Results</div></h2>
+                <div class="box" id="results">
+                    <ul>
+                        <li style="display:inline;" id="viewResponseTab">
+                            <a onclick="hideReq()" id="responseDataText" style="color:#000000">Response Data</a>
+                        </li>
+                        <li style="display:inline" id="viewResponseHeadersTab">
+                            <a onclick="hideRespData()"id="responseHeaderText">Response Headers</a>
+                        </li>
+                        <li style="display:inline" id="viewRequestTab">
+                            <a onclick="hideResp()" id="requestHeaderText">Request Body</a>
+                        </li>
+                    </ul>
+                    <div >
+                        <textarea style="min-height:180px; margin-top:10px; overflow:scroll" id="resultsBox"><%= @returnBody.to_s %>
+                            &#10----&#10Response: <%= @returnCode.to_s %> &#10Request Time: <%= @returnTime.to_s %> seconds
+                        </textarea>
+                        <textarea style="min-height:180px; margin-top:10px; overflow:scroll; display:none" id="resultsBoxHead"><%= @statCodeReturn.to_s %></textarea>
+                        <textarea style="min-height:180px; margin-top:10px; overflow:scroll; display:none" id="resultsBoxcURL"><%= @requestOptions.to_s %></textarea>
+                    </div>
+                </div>
+            </div>
+            <% end %>
+            <!-- MODAL GRAY BACKGROUND -->
+            <div id="dialog-background-blur" style="visibility:hidden" onclick="modalHideAll()"></div>
+            <!-- BEGIN SETTINGS MODAL-->     
+            <div id="load-dialog-modal" title="Settings" style="border-radius:4px; visibility:hidden" onclick="returnFalse(event)">
+                <p style="font-size:15px; margin-top:0px"><strong>Configuration:</strong></p>
+                <div style="display:inline-block;width:100%">
+                    <label for="followlocation">
+                        <input type="checkbox" name="followlocation" id="followlocation" style="float:right"
+                        <% if @follow == true %>checked<% end %>>
+                        Follow Redirects?<br/>
+                    </label>
+                    <label for="verbose">
+                        <input type="checkbox" name="verbose" id="verbose" style="float:right"
+                        <% if @verbose == true %>checked<% end %>>
+                        Verbose Response?<br/>
+                    </label>
+                    <label for="ssl_verifypeer">
+                        <input type="checkbox" name="ssl_verifypeer" id="ssl_verifypeer" style="float:right"
+                        <% if @ssl == true %>checked<% end %>>
+                        Verify SSL Peers?<br/>
+                    </label>
+                    <label for="enableLogging">
+                        <input type="checkbox" name="enableLogging" id="enableLogging" style="float:right"
+                        <% if @loggingOn == true %>checked<% end %>>
+                        Log Requests?<br/>
+                    </label>
+                    <label for="timeoutInterval">
+                        <select id="timeoutInterval" name="timeoutInterval" style="float:right">
+                            <% @timeout.each do |interval| %>
+                                <option value=<%= interval %>
+                                    <% if h(params[:timeoutInterval]) == interval%>selected<% end %> ><%= interval %>
+                                </option>
+                            <% end %>
+                        </select>
+                        <span style="margin-right:30px;">Timeout Inteval:</span>
+                    </label>
+                </div>
+            </div>
+            <!-- END SETTINGS MODAL -->
+            <!-- BEGIN FILE UPLOAD MODAL -->
+            <!--<div id="dialog-background-blur" style="visibility:hidden" onclick="modalToggle('file-upload-modal')">-->
+            <div id="file-upload-modal" title="File Upload" style="border-radius:4px; visibility:hidden" onclick="returnFalse(event)">
+                <p style="font-size:15px; margin-top:0px"><strong>Attach File to Request:</strong></p>
+                <div>
+                    <input type="file" id="datafile" name="datafile" style="width:100%; background-color:#CCCCCC; box-shadow:none;">
+                </div>
+                <div style="margin-top:10px;">
+                    <input type="button" value=" OK" onclick="modalToggle('file-upload-modal')">
+                </div>
+            </div>
+            <!--</div> -->
+            <!-- END FILE UPLOAD MODAL --> 
+        </form>
+    </div>
+
+    <script type="text/javascript" >
+
+    /*Toggle Modal display on page*/
+    function modalToggle(modal_id) {
+        bgrnd = document.getElementById("dialog-background-blur");
+        bgrnd.style.visibility = (bgrnd.style.visibility == "visible") ? "hidden" : "visible";
+        el = document.getElementById(modal_id);
+        el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
+    }
+
+    function modalHideAll() {
+        document.getElementById("dialog-background-blur").style.visibility = "hidden";
+        document.getElementById("load-dialog-modal").style.visibility = "hidden";
+        document.getElementById("file-upload-modal").style.visibility = "hidden";
+    }
+
+    /*Re-serve minimised sections minimised on page reload. Note data from fields is always submitted*/ 
+    if (document.getElementById("serveURLDiv").value == "hidden") {
+        toggleRequestVisibility("arg1");
+    }
+    if (document.getElementById("serveAuthDiv").value == "hidden") {
+        toggleAuthVisibility("arg1");
+    }
+    if (document.getElementById("serveHeaderDiv").value == "hidden") {
+        toggleHeaderVisibility("arg1");
+    }
+    if (document.getElementById("servePayloadDiv").value == "hidden") {
+        toggleDataVisibility("arg1");
+    }
+    if (document.getElementById("serveResultsDiv") && document.getElementById("serveResultsDiv").value == "hidden") {
+        toggleResultsVisibility("arg1");
+    }
+
+    /*Change page layout to reflect minimizing/maximising divs*/
+    function toggleRequestVisibility(){
+        document.getElementById("path").style.display = (document.getElementById("path").style.display != 'none' ? 'none' : '');
+        document.getElementById("headingReq").innerHTML = (document.getElementById("path").style.display != 'none' ? "[&ndash;] Request" : "[+] Request");
+        document.getElementById("headingReq").style.color = (document.getElementById("path").style.display != 'none' ? "red" : "#BBBBBB");
+        document.getElementById("headingReq").style.margin = (document.getElementById("path").style.display != 'none' ? "0px 0px 0px" : "0px 0px -20px");
+        //So we can block this from being executed on page reload, which would undo the minimise
+        if (arguments.length == 0) {
+            document.getElementById("serveURLDiv").value = (document.getElementById("serveURLDiv").value != 'hidden' ? 'hidden' : 'displayed');
+        }
+    }
+
+    function toggleAuthVisibility(){
+        document.getElementById("auth").style.display = (document.getElementById("auth").style.display != 'none' ? 'none' : '');
+        document.getElementById("headingAuth").innerHTML = (document.getElementById("auth").style.display != 'none' ? "[&ndash;] Authentication" : "[+] Authentication");
+        document.getElementById("headingAuth").style.color = (document.getElementById("auth").style.display != 'none' ? "red" : "#BBBBBB");
+        document.getElementById("headingAuth").style.margin = (document.getElementById("auth").style.display != 'none' ? "0px 0px 0px" : "0px 0px -20px");
+         if (arguments.length == 0 ) {
+            document.getElementById("serveAuthDiv").value = (document.getElementById("serveAuthDiv").value != 'hidden' ? 'hidden' : 'displayed');
+        }
+    }
+
+    function toggleHeaderVisibility(){
+        document.getElementById("headers").style.display = (document.getElementById("headers").style.display != 'none' ? 'none' : '');
+        document.getElementById("headingHead").innerHTML = (document.getElementById("headers").style.display != 'none' ? "[&ndash;] Headers" : "[+] Headers");
+        document.getElementById("headingHead").style.color = (document.getElementById("headers").style.display != 'none' ? "red" : "#BBBBBB");
+        document.getElementById("headingHead").style.margin = (document.getElementById("headers").style.display != 'none' ? "0px 0px 0px" : "0px 0px -20px");
+        if (arguments.length == 0 ) {
+            document.getElementById("serveHeaderDiv").value = (document.getElementById("serveHeaderDiv").value != 'hidden' ? 'hidden' : 'displayed');
+        }
+    }
+
+    function toggleDataVisibility(){
+        document.getElementById("data").style.display = (document.getElementById("data").style.display != 'none' ? 'none' : '');
+        document.getElementById("headingData").innerHTML = (document.getElementById("data").style.display != 'none' ? "[&ndash;] Payload" : "[+] Payload");
+        document.getElementById("headingData").style.color = (document.getElementById("data").style.display != 'none' ? "red" : "#BBBBBB");
+        document.getElementById("headingData").style.margin = (document.getElementById("data").style.display != 'none' ? "0px 0px 0px" : "0px 0px -20px");
+        if (arguments.length == 0) {
+            document.getElementById("servePayloadDiv").value = (document.getElementById("servePayloadDiv").value != 'hidden' ? 'hidden' : 'displayed');
+        }
+    }
+
+    function toggleResultsVisibility() {
+        document.getElementById("results").style.display = (document.getElementById("results").style.display != 'none' ? 'none' : '');
+        document.getElementById("headingResults").innerHTML = (document.getElementById("results").style.display != 'none' ? "[&ndash;] Results" : "[+] Results");
+        document.getElementById("headingResults").style.color = (document.getElementById("results").style.display != 'none' ? "red" : "#BBBBBB");
+        document.getElementById("headingResults").style.margin = (document.getElementById("results").style.display != 'none' ? "10px 0px 0px" : "10px 0px -20px");
+        if (arguments.length == 0) {
+            document.getElementById("serveResultsDiv").value = (document.getElementById("serveResultsDiv").value != 'hidden' ? 'hidden' : 'displayed');
+        }
+    }
+
+    /*clear all form fields. Delete additional header fields*/
+    function clearAllFields() {
+        document.getElementById("requestType").value = "GET";
+        document.getElementById("url").value = "";
+        document.getElementById("usr").value = "";        
+        document.getElementById("pwd").value = "";
+        document.getElementById("payload").value = "";
+        if (document.getElementById("resultsBox")){
+            document.getElementById("resultsBox").value = "";
+        }
+        if (document.getElementById("resultsBoxHead")) {
+            document.getElementById("resultsBoxHead").value = "";
+        }
+        if (document.getElementById("resultsBoxcURL")) {
+            document.getElementById("resultsBoxcURL").value = "";
+        }
+        while (headerfieldsAll.firstChild) {
+            headerfieldsAll.removeChild(headerfieldsAll.firstChild);
+        }
+    }
+
+    var clickCount = document.getElementById('headerfieldsAll').children.length - 1;
+    document.getElementById("headerCount").value = clickCount + 1;
+
+    function addNewHeader() {
+        clickCount += 1;
+        document.getElementById("headerCount").value = clickCount + 1;
+        
+        var input0 = document.createElement('div');
+        var input = document.createElement('input');
+        var input2 = document.createElement('input');
+        var input3 = document.createElement('div');
+        input0.type = "div";
+        input0.style = "margin-bottom:2px;"
+        input.type = "text";
+        input2.type = "text";
+        input3.type = "close";
+        input3.className = "close";
+        input.placeholder = " Name";
+        input2.placeholder = " Value";
+        input.id = "key" + clickCount;
+        input.className = "key";
+        input2.className = "value";
+        input.autocomplete = "off";
+        input3.id = "close" + clickCount;
+        input.style.margin = "0px 4px 0px 0px";
+        input3.style.margin = "0px 0px 0px 9px";
+        input2.id = "value" + clickCount;
+        input0.id = "headerfields" + clickCount;
+        input.name = "key" + clickCount;
+        input2.name = "value" + clickCount;
+        input.value = '<%=h(params[:key])%>';
+        input.value = input.value.replace('key', 'key' + clickCount);
+
+        input2.value = '<%=h(params[:value])%>';
+        input2.value = input2.value.replace('value', 'value' + clickCount);
+        input3.innerHTML = "X";
+        input3.setAttribute("onclick", "removeRow(this)");
+
+        document.getElementById('headerfieldsAll').appendChild(input0);
+        input0.appendChild(input);
+        input0.appendChild(input2);
+        input0.appendChild(input3);
+        document.getElementById(input.id).focus()
+    }
+
+    function clearAuthCredentials() {
+        document.getElementById('usr').value = '';
+        document.getElementById('pwd').value = '';
+    }
+
+    function clearURL(){
+        document.getElementById('url').value = '';
+    }
+
+    function removeRow(rowNumber) {
+        rNum = rowNumber.id.charAt(rowNumber.id.length -1);
+        document.getElementById('headerfieldsAll').removeChild(document.getElementById('headerfields' + rNum));
+    }
+
+    function hideReq() {
+        document.getElementById("resultsBox").style.display = '';
+        document.getElementById("responseDataText").style.color = "#000000";
+        document.getElementById("resultsBoxHead").style.display = 'none';
+        document.getElementById("responseHeaderText").style.color = "#FFFFFF";
+        document.getElementById("resultsBoxcURL").style.display = 'none';
+        document.getElementById("requestHeaderText").style.color = "#FFFFFF";
+    }
+
+    function hideRespData() {
+        document.getElementById("resultsBox").style.display = 'none';
+        document.getElementById("responseDataText").style.color = "#FFFFFF";
+        document.getElementById("resultsBoxHead").style.display = '';
+        document.getElementById("responseHeaderText").style.color = "#000000";
+        document.getElementById("resultsBoxcURL").style.display = 'none';
+        document.getElementById("requestHeaderText").style.color = "#FFFFFF";
+    }
+
+    function hideResp() {
+        document.getElementById("resultsBox").style.display = 'none';
+        document.getElementById("responseDataText").style.color = "#FFFFFF";
+        document.getElementById("resultsBoxHead").style.display = 'none';
+        document.getElementById("responseHeaderText").style.color = "#FFFFFF";
+        document.getElementById("resultsBoxcURL").style.display = '';
+        document.getElementById("requestHeaderText").style.color = "#000000";
+    }
+
+    /*Block some JS and Form behaviour from occuring*/
+    function returnFalse(event) {
+        event.cancelBubble=true;
+        if(event.stopPropagation) { event.stopPropagation(); }
+        return false;
+    }
+    </script>
+</body>
+</html>

metadata

@@ -0,0 +1,54 @@
+--- !ruby/object:Gem::Specification
+name: better_rest
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Jason Willems
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-03-30 00:00:00.000000000 Z
+dependencies: []
+description: This is a REST API test client accessible via the browser.
+email:
+- hello@jasonwillems.com
+executables:
+- better_rest
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- better_rest.gemspec
+- bin/better_rest
+- lib/better_rest.rb
+- logs/.DS_Store
+- public/favicon.ico
+- public/mainCSS.css
+- views/index.erb
+homepage: http://www.jasonwillems.com
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: REST test Client
+test_files: []