rails_api_explorer 0.0.5 → 0.0.6

data/app/assets/javascripts/api_explorer/explorer.coffee

@@ -0,0 +1,75 @@
+$ ->
+  window.responses = {}
+
+  $(".api-explorer .hidden").hide().removeClass("hidden")
+
+  $(".api-explorer .shared-input.header").change ->
+    updateShareds()
+
+  updateShareds = ->
+    $(".shared-input.header").each ->
+      name = $(this).attr("data-name")
+      $(".shared.header[data-name=" + name + "]").val($(this).val())
+
+  setValuesFromRequest = (request) ->
+    $("[data-source-request='" + request + "']").each (input) ->
+      v = eval("responses['" + request + "']" + $(this).attr("data-source-accessor"))
+      $(this).val(v)
+    updateShareds()
+
+  # Enable / disable params
+  $(".param input").prop("disabled", false) # Firefox autocomplete workaround
+
+  $(".send-toggle").click (event) ->
+    event.preventDefault()
+
+    setState = (elements, state) ->
+      elements.each (i, el) ->
+        $(el).attr("data-send", if state then "true" else "false")
+        $(el).find("input").first().prop("disabled", !state)
+        $(el).find(".send-toggle").first().text(if state then "don't send" else "send")
+        $(el).find(".name").first().toggleClass("strikethrough", !state)
+
+    param = $(this).closest(".param")
+    send = (param.attr("data-send") != "true") # invert current state
+    setState(param.add(param.find(".param")), send) # enable or disable children
+    if send
+      setState(param.parents(".param"), true) # enable parents
+
+  $(".api-explorer form").submit (event) ->
+    event.preventDefault()
+
+    form = $(this)
+    req = form.serializeObject().request
+    form.closest(".request").find(".status").html("Requesting...")
+
+    path = req.path
+    if req.url_params
+      $.each req.url_params, (p, v) ->
+        path = path.replace(":" + p, v)
+
+    $.ajax(
+      url: path,
+      type: req.method,
+      headers: req.headers,
+      data: req.params,
+      dataType: 'json'
+    ).always (data, status, error) ->
+      if status == 'success'
+        code = 200
+        key = req.method.toUpperCase() + ":" + req.path.replace(api_explorer_base_url, "")
+        window.responses[key] = data
+        setValuesFromRequest(key)
+      else
+        code = data.status
+        try
+          data = $.parseJSON(data.responseText)
+        catch SyntaxError
+          # nothing
+
+      if code == 0
+        form.closest(".request").find(".status").text("Can't reach server")
+        form.closest(".request").find(".response").hide()
+      else
+        form.closest(".request").find(".status").text(code)
+        form.closest(".request").find(".response").text(JSON.stringify(data, null, 4)).show()

data/app/assets/stylesheets/api_explorer.css.scss

@@ -0,0 +1,18 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_self
+ *= require_tree ./api_explorer
+ */
+
+@import 'bootstrap-sprockets';
+@import 'bootstrap';

data/app/assets/stylesheets/api_explorer/explorer.scss

@@ -0,0 +1,72 @@
+.api-explorer {
+    .hidden {
+        display: none;
+    }
+
+    .params .params {
+        margin-left: 30px;
+    }
+
+    .param-inputs .param-inputs {
+        margin-left: 30px;
+    }
+
+    .param-inputs fieldset {
+        border: none;
+        padding: 0;
+    }
+    .param-inputs input {
+        border: none;
+    }
+    h3 input {
+        border: none;
+        width: 120px;
+        text-align: center;
+    }
+
+    legend {
+        margin-bottom: 5px;
+    }
+    .param-inputs legend {
+        font-size: 100%;
+        border: none;
+        margin-bottom: 0;
+    }
+    label {
+        font-weight: normal;
+        margin-bottom: 0;
+    }
+
+    .response {
+      border: solid 1px black;
+      background-color: #CCC;
+      padding: 20px;
+      max-height: 400px;
+      overflow: scroll;
+    }
+
+    .description {
+        font-size: 80%;
+    }
+
+    fieldset {
+        margin-bottom: 5px;
+    }
+
+    legend, label {
+        position: relative;
+    }
+
+    .send-toggle {
+        font-size: 80%;
+        cursor: pointer;
+        display: none;
+    }
+    :hover > .send-toggle {
+        display: inline;
+    }
+
+    .strikethrough {
+        text-decoration: line-through;
+    }
+}

data/lib/api_explorer/version.rb

@@ -1,3 +1,3 @@
 module ApiExplorer
-  VERSION = "0.0.5"
+  VERSION = "0.0.6"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_api_explorer
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.6
   prerelease: 
 platform: ruby
 authors:
@@ -150,8 +150,10 @@ files:
 - app/controllers/api_explorer/application_controller.rb
 - app/helpers/api_explorer/application_helper.rb
 - app/helpers/api_explorer/explorer_helper.rb
-- app/assets/stylesheets/api_explorer/explorer.css
+- app/assets/stylesheets/api_explorer/explorer.scss
+- app/assets/stylesheets/api_explorer.css.scss
 - app/assets/javascripts/api_explorer/serialize_object.js
+- app/assets/javascripts/api_explorer/explorer.coffee
 - app/assets/javascripts/api_explorer.js
 - app/views/api_explorer/explorer/_node.html.erb
 - app/views/api_explorer/explorer/perform_request.html.erb

data/app/assets/stylesheets/api_explorer/explorer.css

@@ -1,44 +0,0 @@
-.api-explorer .hidden {
-  display: none; }
-.api-explorer .params .params {
-  margin-left: 30px; }
-.api-explorer .param-inputs .param-inputs {
-  margin-left: 30px; }
-.api-explorer .param-inputs fieldset {
-  border: none;
-  padding: 0; }
-.api-explorer .param-inputs input {
-  border: none; }
-.api-explorer h3 input {
-  border: none;
-  width: 120px;
-  text-align: center; }
-.api-explorer legend {
-  margin-bottom: 5px; }
-.api-explorer .param-inputs legend {
-  font-size: 100%;
-  border: none;
-  margin-bottom: 0; }
-.api-explorer label {
-  font-weight: normal;
-  margin-bottom: 0; }
-.api-explorer .response {
-  border: solid 1px black;
-  background-color: #CCC;
-  padding: 20px;
-  max-height: 400px;
-  overflow: scroll; }
-.api-explorer .description {
-  font-size: 80%; }
-.api-explorer fieldset {
-  margin-bottom: 5px; }
-.api-explorer legend, .api-explorer label {
-  position: relative; }
-.api-explorer .send-toggle {
-  font-size: 80%;
-  cursor: pointer;
-  display: none; }
-.api-explorer :hover > .send-toggle {
-  display: inline; }
-.api-explorer .strikethrough {
-  text-decoration: line-through; }