OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/07/2024 04:34:11 AM	rwxr-xr-x
📄 app.jsx	621 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📁 auth	-	08/07/2024 04:34:04 AM	rwxr-xr-x
📄 clear.jsx	599 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 contact.jsx	1.14 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 content-type.jsx	1.71 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 copy-to-clipboard-btn.jsx	740 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 curl.jsx	1.11 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 debug.jsx	1.05 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 deep-link.jsx	475 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 errors.jsx	4.03 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 example.jsx	1.14 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 examples-select-value-retainer.jsx	8.08 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 examples-select.jsx	3.9 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 execute.jsx	3.4 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 footer.jsx	156 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 headers.jsx	1.81 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 info.jsx	3.99 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 initialized-input.jsx	1.43 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 jump-to-path.jsx	191 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 layout-utils.jsx	5.37 KB	08/07/2024 04:33:53 AM	rw-r--r--
📁 layouts	-	08/07/2024 04:34:05 AM	rwxr-xr-x
📄 license.jsx	1.01 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 live-response.jsx	4.67 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 online-validator-badge.jsx	3.15 KB	08/07/2024 04:33:53 AM	rw-r--r--
📄 openapi-version.jsx	314 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 operation-extension-row.jsx	411 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 operation-extensions.jsx	970 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 operation-summary-method.jsx	535 bytes	08/07/2024 04:33:53 AM	rw-r--r--
📄 operation-summary-path.jsx	1.38 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 operation-summary.jsx	3.57 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 operation-tag.jsx	3.63 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 operation.jsx	9.93 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 operations.jsx	2.8 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 overview.jsx	3.57 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 param-body.jsx	4.85 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 parameter-extension.jsx	302 bytes	08/07/2024 04:33:54 AM	rw-r--r--
📄 parameter-include-empty.jsx	1.43 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 parameter-row.jsx	14.28 KB	08/07/2024 04:33:54 AM	rw-r--r--
📁 parameters	-	08/07/2024 04:34:05 AM	rwxr-xr-x
📄 property.jsx	376 bytes	08/07/2024 04:33:54 AM	rw-r--r--
📁 providers	-	08/07/2024 04:34:05 AM	rwxr-xr-x
📄 response-body.jsx	5.97 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 response-extension.jsx	316 bytes	08/07/2024 04:33:54 AM	rw-r--r--
📄 response.jsx	9.31 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 responses.jsx	6.59 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 svg-assets.jsx	3.15 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 system-wrapper.jsx	0 bytes	08/07/2024 04:33:54 AM	rw-r--r--
📄 try-it-out-button.jsx	1.36 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 version-pragma-filter.jsx	1.84 KB	08/07/2024 04:33:54 AM	rw-r--r--
📄 version-stamp.jsx	271 bytes	08/07/2024 04:33:54 AM	rw-r--r--

Editing: live-response.jsx

import React from "react"
import PropTypes from "prop-types"
import ImPropTypes from "react-immutable-proptypes"

const Headers = ( { headers } )=>{
  return (
    <div>
      <h5>Response headers</h5>
      <pre className="microlight">{headers}</pre>
    </div>)
}
Headers.propTypes = {
  headers: PropTypes.array.isRequired
}

const Duration = ( { duration } ) => {
  return (
    <div>
      <h5>Request duration</h5>
      <pre className="microlight">{duration} ms</pre>
    </div>
  )
}
Duration.propTypes = {
  duration: PropTypes.number.isRequired
}

export default class LiveResponse extends React.Component {
  static propTypes = {
    response: ImPropTypes.map,
    path: PropTypes.string.isRequired,
    method: PropTypes.string.isRequired,
    displayRequestDuration: PropTypes.bool.isRequired,
    specSelectors: PropTypes.object.isRequired,
    getComponent: PropTypes.func.isRequired,
    getConfigs: PropTypes.func.isRequired
  }

shouldComponentUpdate(nextProps) {
    // BUG: props.response is always coming back as a new Immutable instance
    // same issue as responses.jsx (tryItOutResponse)
    return this.props.response !== nextProps.response
      || this.props.path !== nextProps.path
      || this.props.method !== nextProps.method
      || this.props.displayRequestDuration !== nextProps.displayRequestDuration
  }

render() {
    const { response, getComponent, getConfigs, displayRequestDuration, specSelectors, path, method } = this.props
    const { showMutatedRequest, requestSnippetsEnabled } = getConfigs()

const curlRequest = showMutatedRequest ? specSelectors.mutatedRequestFor(path, method) : specSelectors.requestFor(path, method)
    const status = response.get("status")
    const url = curlRequest.get("url")
    const headers = response.get("headers").toJS()
    const notDocumented = response.get("notDocumented")
    const isError = response.get("error")
    const body = response.get("text")
    const duration = response.get("duration")
    const headersKeys = Object.keys(headers)
    const contentType = headers["content-type"] || headers["Content-Type"]

const ResponseBody = getComponent("responseBody")
    const returnObject = headersKeys.map(key => {
      var joinedHeaders = Array.isArray(headers[key]) ? headers[key].join() : headers[key]
      return <span className="headerline" key={key}> {key}: {joinedHeaders} </span>
    })
    const hasHeaders = returnObject.length !== 0
    const Markdown = getComponent("Markdown", true)
    const RequestSnippets = getComponent("RequestSnippets", true)
    const Curl = getComponent("curl", true)

return (
      <div>
        { curlRequest && requestSnippetsEnabled 
          ? <RequestSnippets request={ curlRequest }/>
          : <Curl request={ curlRequest } />
        }
        { url && <div>
            <div className="request-url">
              <h4>Request URL</h4>
              <pre className="microlight">{url}</pre>
            </div>
          </div>
        }
        <h4>Server response</h4>
        <table className="responses-table live-responses-table">
          <thead>
          <tr className="responses-header">
            <td className="col_header response-col_status">Code</td>
            <td className="col_header response-col_description">Details</td>
          </tr>
          </thead>
          <tbody>
            <tr className="response">
              <td className="response-col_status">
                { status }
                {
                  notDocumented ? <div className="response-undocumented">
                                    <i> Undocumented </i>
                                  </div>
                                : null
                }
              </td>
              <td className="response-col_description">
                {
                  isError ? <Markdown source={`${response.get("name") !== "" ? `${response.get("name")}: ` : ""}${response.get("message")}`}/>
                          : null
                }
                {
                  body ? <ResponseBody content={ body }
                                       contentType={ contentType }
                                       url={ url }
                                       headers={ headers }
                                       getConfigs={ getConfigs }
                                       getComponent={ getComponent }/>
                       : null
                }
                {
                  hasHeaders ? <Headers headers={ returnObject }/> : null
                }
                {
                  displayRequestDuration && duration ? <Duration duration={ duration } /> : null
                }
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    )
  }
}