Begin refactor of endpoint functions

packages/api-explorer-ui/src/Doc.jsx

@@ -21,6 +21,7 @@ class Doc extends React.Component {
       loading: false,
       showAuthBox: false,
       needsAuth: false,
+      responseTabClass: 'hub-reference-right hub-reference-results tabber-parent',
     };
     this.onChange = this.onChange.bind(this);
     this.oas = new Oas(this.props.oas);
@@ -75,8 +76,7 @@ class Doc extends React.Component {
                 formData={this.state.formData}
               />
             </div>
-            {/* TODO  add ClassNames*/}
-            <div className="hub-reference-right hub-reference-results tabber-parent">
+            <div className={this.state.responseTabClass}>
               <div className="hub-reference-results-slider">
                 <div className="hub-reference-results-explorer code-sample" />
                 <div className="hub-reference-results-examples code-sample">

packages/api-explorer-ui/src/lib/code-sample-response.js

@@ -0,0 +1,37 @@
+const { constructRequest } = require('fetch-har');
+const { statusCodes } = require('./statuscodes');
+
+const req = constructRequest;
+
+function result(res) {
+  const data = res.responseJSON ? JSON.stringify(res.responseJSON, undefined, 2) : res.responseText;
+
+  const isBinary = !!res.getAllResponseHeaders().match(/Content-Disposition: attachment;/);
+
+  const headersFormatted = [];
+
+  req.headers.forEach((ele, i) => {
+    headersFormatted.push(`${i} : ${ele}`);
+  });
+
+  let responseHeaders = res.getAllResponseHeaders();
+  responseHeaders = responseHeaders
+    .filter(responseHeaders.split('\n'), v => !v.match(/x-final-url:/i))
+    .join('\n');
+
+  const results = {
+    init: true,
+    method: req.method,
+    requestHeaders: headersFormatted.join('\n'),
+    responseHeaders,
+    isBinary,
+    url: req.url,
+    data: res.responseText,
+    statusCode: statusCodes(res.status || 404),
+    dataString: data,
+  };
+
+  this.setState({ responseTabClass: 'hub-reference-right hub-reference-results tabber-parent on' });
+
+  setTab('[data-tab=result]');
+}