From 362d83146cf141b6163d5d0cf502a3a83bd08387 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wojciech=20Moz=CC=87ejko?= <wojciech.mozejko@schibsted.pl>
Date: Wed, 19 Oct 2016 12:47:34 +0200
Subject: [PATCH] Add support for multiple response codes

---
 components/documentation/documentation.tag |  4 +-
 components/method/response.tag             | 67 ----------------
 components/method/responses.tag            | 89 ++++++++++++++++++++++
 components/resource/method.tag             |  4 +-
 index.hbs                                  | 11 +++
 package.json                               |  2 +-
 6 files changed, 104 insertions(+), 73 deletions(-)
 delete mode 100644 components/method/response.tag
 create mode 100644 components/method/responses.tag

diff --git a/components/documentation/documentation.tag b/components/documentation/documentation.tag
index b89049f..effb2b7 100644
--- a/components/documentation/documentation.tag
+++ b/components/documentation/documentation.tag
@@ -1,7 +1,7 @@
 <documentation>
-  <div class="ui row grid">
-    <a name={ encodeURIComponent(documentation.title()) }></a>
+  <a name={ encodeURIComponent(documentation.title()) }></a>
 
+  <div class="ui row grid">
     <div class="seven wide column">
       <h2 class="ui dividing header">
         { documentation.title() }
diff --git a/components/method/response.tag b/components/method/response.tag
deleted file mode 100644
index 57651c3..0000000
--- a/components/method/response.tag
+++ /dev/null
@@ -1,67 +0,0 @@
-<method-response>
-  <div class="ui secondary pointing menu js-tab">
-    <a class="item active" data-tab="schema-{ methodId }">
-      <i class="code disabled icon"></i> Schema
-    </a>
-
-    <a class="item" data-tab="example-{ methodId }">
-      <i class="info disabled icon"></i> Example
-    </a>
-
-    <a class="item" data-tab="try-{ methodId }">
-      <i class="eyedropper disabled icon"></i> Try
-    </a>
-  </div>
-
-  <div class="ui bottom attached tab active js-json" data-tab="schema-{ methodId }">
-    { JSON.stringify(jsonSchema) }
-  </div>
-
-  <div class="ui bottom attached tab js-json" data-tab="example-{ methodId }">
-    { response.body()[0].example().value() }
-  </div>
-
-  <div class="ui bottom attached tab" data-tab="try-{ methodId }">
-  </div>
-
-  <script>
-    if (!opts.response) return
-
-    this.$RefParser = require('json-schema-ref-parser')
-    this.response = opts.response
-    this.method = this.response.parent()
-
-    this.dereference = (schema) => {
-      var data, done = false
-      var resolver = this.parent.app.make('schema-resolver')
-
-      this.$RefParser.dereference(schema, { resolve: { raml: resolver }}, function(err, schema) {
-        if (err) {
-          console.error(err)
-          return done = true
-        }
-
-        data = schema
-        done = true
-      })
-
-      require('deasync').loopWhile(function(){ return !done })
-
-      return data
-    }
-
-    if (this.method) {
-      this.jsonSchema = this.response.body()[0].schemaContent()
-
-      try {
-        this.jsonSchema = JSON.parse(this.jsonSchema)
-      } catch(e) {}
-
-      this.jsonSchema = this.dereference(this.jsonSchema)
-      this.methodId = this.method.methodId().replace(/[\W]/g, '_')
-    } else {
-      this.jsonSchema = {}
-      this.methodId = ''
-    }
-  </script>
-</method-response>
diff --git a/components/method/responses.tag b/components/method/responses.tag
new file mode 100644
index 0000000..764c972
--- /dev/null
+++ b/components/method/responses.tag
@@ -0,0 +1,89 @@
+<method-responses>
+  <div class="ui secondary pointing menu js-tab">
+    <a class="ui dropdown item">
+      <span>{ responses[0].code().value() }</span>
+      <i class="dropdown icon"></i>
+      <div class="menu">
+        <div class="item" each={ response in responses } data-response-code={ response.code().value() } }>
+          { response.code().value() }
+        </div>
+      </div>
+    </a>
+
+    <a class="item active" data-tab="schema-{ methodId }">
+      <i class="code disabled icon"></i> Schema
+    </a>
+
+    <a class="item" data-tab="example-{ methodId }">
+      <i class="info disabled icon"></i> Example
+    </a>
+
+    <a class="item" data-tab="try-{ methodId }">
+      <i class="eyedropper disabled icon"></i> Try
+    </a>
+  </div>
+
+  <div class="ui bottom attached tab active" data-tab="schema-{ methodId }">
+    <div class={ ui: true, tab: true, 'js-json': true, active: isFirstResponse(response) }
+        each={ response in responses }
+        data-response-code={ response.code().value() } }>
+      { parseSchema(response.body()[0].schemaContent()) }
+    </div>
+  </div>
+
+  <div class="ui bottom attached tab" data-tab="example-{ methodId }">
+    <div class={ ui: true, tab: true, 'js-json': true, active: isFirstResponse(response) }
+        each={ response in responses }
+        data-response-code={ response.code().value() } }>
+      { response.body()[0].example().value() }
+    </div>
+  </div>
+
+  <div class="ui bottom attached tab" data-tab="try-{ methodId }">
+  </div>
+
+  <script>
+    this.$RefParser = require('json-schema-ref-parser')
+    this.method = opts.method
+
+    this.dereference = (schema) => {
+      var data, done = false
+      var resolver = this.parent.app.make('schema-resolver')
+
+      this.$RefParser.dereference(schema, { resolve: { raml: resolver }}, function(err, schema) {
+        if (err) {
+          console.error(err)
+          return done = true
+        }
+
+        data = schema
+        done = true
+      })
+
+      require('deasync').loopWhile(function(){ return !done })
+
+      return data
+    }
+
+    this.parseSchema = (schema) => {
+      this.jsonSchema = schema
+
+      try {
+        this.jsonSchema = JSON.parse(schema)
+      } catch(e) {}
+
+      let derefenced = this.dereference(this.jsonSchema)
+
+      return JSON.stringify(derefenced)
+    }
+
+    this.isFirstResponse = (response) => {
+      return this.responses[0].code().value() == response.code().value()
+    }
+
+    this.on('update', () => {
+      this.responses = this.method.responses()
+      this.methodId = this.method.methodId().replace(/[\W]/g, '_')
+    })
+  </script>
+</method-responses>
diff --git a/components/resource/method.tag b/components/resource/method.tag
index c1fa8dc..ab4d264 100644
--- a/components/resource/method.tag
+++ b/components/resource/method.tag
@@ -7,9 +7,7 @@
     </div>
 
     <div class="nine wide column third-column">
-      <method-response each={ response in method.responses() }
-        response={ response }>
-      </method-response>
+      <method-responses if={ method.responses().length } method={ method } />
     </div>
   </div>
 
diff --git a/index.hbs b/index.hbs
index 05bf30e..de8a513 100644
--- a/index.hbs
+++ b/index.hbs
@@ -50,8 +50,19 @@
 
     <script>
       $(function() {
+        $('.ui.dropdown').dropdown()
         $('.js-tab .item').tab()
 
+        $('.js-tab .item[data-response-code]').click(function () {
+          var responseCode = $(this).data('response-code')
+          var $tab = $('.tab[data-response-code="' + responseCode + '"]')
+
+          $(this).parents('a').first().find('span').text(responseCode)
+
+          $tab.parent().find('.tab').removeClass('active')
+          $tab.addClass('active')
+        })
+
         $('.js-json').each(function(node) {
           try {
             var json = $(this).text()
diff --git a/package.json b/package.json
index aca2db0..80de109 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "raml1-doc",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "Generate HTML documentation using RAML",
   "main": "index.js",
   "scripts": {