try_api 0.0.12 → 0.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 34ee36a0c9d678a55f6e241d85786fac362fae39
-  data.tar.gz: 190f16dd6e4e1933a27016ed2877f17464f0093a
+  metadata.gz: 14627511634ee5fad98223da11b1720cb558bf5b
+  data.tar.gz: 403b9964183f5e69fb51b3b18e196a443a42d777
 SHA512:
-  metadata.gz: 97eb4371a89219c16eadba4ad76a9f8d960f1a145adb03734b9cd1d59be98f0524ff8e681bfe6c966262e6fff379b7bfa9d467948fece63e184fa74e12141f1a
-  data.tar.gz: e125d625a741a073aea6cb8a423cfc86f11a23f53479d5ed1b0cf6dfae1c1e6a59fd798c5891eb2fa0e497dc293d560e50ea585daf5195a83dedc8243e807d5e
+  metadata.gz: 42358fedce57083f07b1efa2bd95026369a6d0f41389c114b00106b922ffe328e2c92ebc76a96c7343e1a40b73043f5195279df2e46943bef66d29fdf81bcf8a
+  data.tar.gz: 2b4126286f8370ee76144b6adf5de294bb3486c218843f56bef827b2a60b6c1748990cdacb6be6ab83b29e706ca429280f0522aed3989ff94235b40a5ae85fc4

data/app/assets/javascripts/try_api/application.js.coffee

@@ -1,5 +1,5 @@
-#= require try_api/bower_components/bootstrap/dist/js/bootstrap.min.js
 #= require try_api/bower_components/highlightjs/highlight.pack.min.js
+#= require try_api/bower_components/angular-bootstrap/ui-bootstrap.js
 #= require try_api/bower_components/angular-bootstrap/ui-bootstrap-tpls.js
 #= require try_api/bower_components/angular-highlightjs/angular-highlightjs.min.js
 #= require try_api/bower_components/ladda/dist/spin.min.js
@@ -33,8 +33,8 @@ $ ->
 
 TryApiApp = angular.module('TryApiApp', [
   'ui.bootstrap'
+  'ngAnimate'
   'formInput.image'
-#    'formInput.file'
   'angular-ladda'
   'param'
   'params'

data/app/assets/stylesheets/try_api/application.css.sass

@@ -4,6 +4,7 @@
 //= require try_api/bower_components/ladda/dist/ladda.min.css
 //= require try_api/bower_components/ladda/dist/ladda-themeless.min.css
 //= require try_api/bower_components/components-font-awesome/css/font-awesome.css
+//= require try_api/bower_components/angular-bootstrap/ui-bootstrap-csp.css
 
 body
   margin: 0
@@ -20,28 +21,26 @@ body
   button
     outline: none !important
 
-  code
-    margin: 6px 0
-
   .row.is-flex
-    display: -webkit-box
-    display: -webkit-flex
-    display: -ms-flexbox
-    display: flex
-    -webkit-flex-wrap: wrap
-    -ms-flex-wrap: wrap
-    flex-wrap: wrap
-
-    & > [class*='col-']
+    @media (min-width: 1000px)
       display: -webkit-box
       display: -webkit-flex
       display: -ms-flexbox
       display: flex
-      -webkit-box-orient: vertical
-      -webkit-box-direction: normal
-      -webkit-flex-direction: column
-      -ms-flex-direction: column
-      flex-direction: column
+      -webkit-flex-wrap: wrap
+      -ms-flex-wrap: wrap
+      flex-wrap: wrap
+
+      & > [class*='col-']
+        display: -webkit-box
+        display: -webkit-flex
+        display: -ms-flexbox
+        display: flex
+        -webkit-box-orient: vertical
+        -webkit-box-direction: normal
+        -webkit-flex-direction: column
+        -ms-flex-direction: column
+        flex-direction: column
 
   .try-api
     &-sidebar
@@ -124,7 +123,7 @@ body
           padding: 10px 15px
           &-code, code
             color: #b1bdc4
-            margin: 6px 0
+            margin: 0
             padding: 20px 40px
             background: #272b2d
             border-radius: 5px
@@ -136,6 +135,30 @@ body
             font-size: 16px
             text-transform: uppercase
 
+          &-response
+            margin: 2px 0
+            &-header
+              background-color: #272b2d
+              padding: 3px
+              cursor: pointer
+              border-top-right-radius: 5px
+              border-top-left-radius: 5px
+              position: relative
+              i.fa
+                position: absolute
+                top: 7px
+                right: 5px
+              .label
+                padding: .2em 0.6em 0.16em 0.9em
+              &.collapsed
+                border-bottom-right-radius: 5px
+                border-bottom-left-radius: 5px
+
+            &-body
+              code
+                border-top-left-radius: 0
+                border-top-right-radius: 0
+
   .error-page
     margin: auto
     position: absolute
@@ -287,6 +310,3 @@ body
         width: 15px
         height: 15px
         cursor: pointer
-
-
-

data/app/models/try_api/example_response.rb

@@ -3,12 +3,14 @@ module TryApi
     typesafe_accessor :code, Integer
     typesafe_accessor :response, String
     typesafe_accessor :type, String
+    typesafe_accessor :project, TryApi::Project
 
     class << self
-      def parse(hash)
+      def parse(hash:, project:)
         return nil if hash.blank?
         instance = self.new
         instance.code = hash[:code]
+        instance.project = project
         instance.response = hash[:response]
         instance.type = hash[:type]
         instance
@@ -25,7 +27,7 @@ module TryApi
     end
 
     def description
-      self.class.descriptions[self.code]
+      self.class.descriptions[self.code].to_s.humanize
     end
 
     def color
@@ -44,5 +46,17 @@ module TryApi
           'default'
       end
     end
+
+    def to_json
+      super.merge color: color, description: description, isCollapsed: true
+    end
+
+    def response=(input)
+      if input['var:']
+        @response = self.project.variables[input.gsub('var:', '')]
+      else
+        @response = input
+      end
+    end
   end
 end

data/app/models/try_api/method.rb

@@ -24,7 +24,7 @@ module TryApi
         instance.example_responses = []
         if hash[:example_responses].is_a? Array
           hash[:example_responses].each do |example|
-            instance.example_responses << TryApi::ExampleResponse.parse(example)
+            instance.example_responses << TryApi::ExampleResponse.parse(hash: example, project: project)
           end
         else
         #   TODO raise exception ?

data/app/models/try_api/project.rb

@@ -5,6 +5,7 @@ module TryApi
     typesafe_accessor :host, String
     typesafe_accessor :port, Integer
     typesafe_accessor :api_prefix, String
+    typesafe_accessor :variables, Hash, {}
 
     class << self
       def parse(hash)
@@ -13,6 +14,7 @@ module TryApi
         instance.host = hash[:host]
         instance.port = hash[:port]
         instance.api_prefix = hash[:api_prefix]
+        instance.variables = hash[:variables]
         instance.menu_items = []
         hash[:menu_items].each do |category|
           instance.menu_items << TryApi::MenuItem.parse(hash: category, project: instance)

data/app/views/layouts/try_api/application.html.erb

@@ -8,6 +8,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-animate.js"></script>
 
     <%= stylesheet_link_tag "try_api/application", :media => "all", :async => false %>
     <%= javascript_include_tag "try_api/application", :media => "all", :async => false %>

data/app/views/try_api/pages/index.html

@@ -72,14 +72,15 @@
                     </div>
                 </div>
                 <div class="col-md-6 method-example"><h1>Example responses</h1>
-                    <div ng-repeat="example in method.example_responses">
-                        <div class="response">
+                    <div ng-repeat="example in method.example_responses" class="method-example-response">
+                        <div class="method-example-response-header" ng-click="example.isCollapsed = !example.isCollapsed" ng-class="{ 'collapsed': example.isCollapsed }">
                             <span class="label label-{{ example.color }}">
                                 {{ example.code }}
                             </span>
-                            {{ example.description }}
+                            &nbsp;{{ example.description }}
+                            <i class="fa" ng-class=" example.isCollapsed ? 'fa-chevron-left' : 'fa-chevron-down' "></i>
                         </div>
-                        <div hljs="" hljs-language="{{ example.type }}" hljs-source="example.response">
+                        <div class="method-example-response-body" hljs="" hljs-language="{{ example.type }}" hljs-source="example.response"  uib-collapse="example.isCollapsed">
 
                         </div>
                     </div>

data/lib/generators/try_api/templates/config/try_api.yml

@@ -2,6 +2,11 @@ project_name: 'My awesome project'
 host: 'http://localhost'
 port: 3000
 api_prefix: 'api/v1'
+variables:
+  access_denied_error: >
+    {
+      "errors": ["Access Denied !"]
+    }
 menu_items:
   -
     title: 'Introduction'
@@ -113,10 +118,7 @@ menu_items:
             type: 'json'
           -
             code: 401
-            response: >
-              {
-                "error": "Access Denied !"
-              }
+            response: var:access_denied_error # You can move repeatable parts to variable
             type: 'json'
   -
     title: 'Registration steps'
@@ -178,10 +180,7 @@ menu_items:
             type: 'json'
           -
             code: 401
-            response: >
-              {
-                "errors": ["Access Denied !"]
-              }
+            response: var:access_denied_error # You can move repeatable parts to variable
             type: 'json'
           -
             code: 422
@@ -246,10 +245,7 @@ menu_items:
             type: 'json'
           -
             code: 401
-            response: >
-              {
-                "errors": ["Access Denied !"]
-              }
+            response:  var:access_denied_error # You can move repeatable parts to variable
             type: 'json'
           -
             code: 422
@@ -329,10 +325,7 @@ menu_items:
             type: 'json'
           -
             code: 401
-            response: >
-              {
-                "errors": ["Access Denied !"]
-              }
+            response:  var:access_denied_error # You can move repeatable parts to variable
             type: 'json'
           -
             code: 422

data/lib/try_api/version.rb

@@ -1,3 +1,3 @@
 module TryApi
-  VERSION = "0.0.12"
+  VERSION = "0.0.13"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: try_api
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.0.13
 platform: ruby
 authors:
 - Mykhaylo Skubenych
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-09-02 00:00:00.000000000 Z
+date: 2016-09-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails