**This is the new version of swagger-ui, 3.x. Want to learn more? Check out our [FAQ](http://swagger.io/new-ui-faq/).**

For the older version of swagger-ui, refer to the [*2.x branch*](https://github.com/swagger-api/swagger-ui/tree/2.x).

If you'd like to make modifications to the codebase, run the dev server with: `npm run dev`.

Swagger UI works in the latest versions of Chrome, Safari, Firefox, Edge and IE11.

CORS is a technique to prevent websites from doing bad things with your personal data. Most browsers + JavaScript toolkits not only support CORS but enforce it, which has implications for your API server which supports Swagger.

"deps-license": "license-checker --production --csv --out $npm_package_config_deps_check_dir/licenses.csv && license-checker --development --csv --out $npm_package_config_deps_check_dir/licenses-dev.csv",

"deps-size": "webpack -p --config webpack.check.js --json | webpack-bundle-size-analyzer >| $npm_package_config_deps_check_dir/sizes.txt",

"deps-check": "npm run deps-license && npm run deps-size",

},

"dependencies": {

"brace": "0.7.0",

"btoa": "^1.1.2",

"debounce": "1.0.0",

"react": "^15.4.0",

"react-addons-perf": "0.14.8",

"react-addons-shallow-compare": "0.14.8",

"react-collapse": "2.3.1",

"react-dom": "^15.4.0",

"react-height": "^2.0.0",

"css-loader": "0.22.0",

"deep-extend": "^0.4.1",

"deepmerge": "^1.3.2",

"extract-text-webpack-plugin": "0.8.2",

"file-loader": "0.8.4",

"html-webpack-plugin": "^2.28.0",

"imports-loader": "0.6.5",

"json-loader": "0.5.3",

"less": "2.5.3",

"less-loader": "2.2.1",

"license-checker": "^8.0.4",

}

onClick =() => {

let definitions = authSelectors.definitionsToAuthorize()

authActions.showDefinitions(definitions)

}

render() {

const ApiKeyAuth = getComponent("apiKeyAuth")

const BasicAuth = getComponent("basicAuth")

const Oauth2 = getComponent("oauth2", true)

const Button = getComponent("Button")

let authorized = authSelectors.authorized()

let authorizedAuth = definitions.filter( (definition, key) => {

authSelectors: PropTypes.object.isRequired,

authActions: PropTypes.object.isRequired,

errSelectors: PropTypes.object.isRequired,

}

constructor(props, context) {

import React, { PropTypes } from "react"

import ImPropTypes from "react-immutable-proptypes"

const noop = ()=>{}

import React, { PropTypes } from "react"

import Collapse from "react-collapse"

export default class Errors extends React.Component {

import React, { Component, PropTypes } from "react"

export default class Execute extends Component {

onChangeProducesWrapper = ( val ) => this.props.specActions.changeProducesValue([this.props.path, this.props.method], val)

render(){

return (

<button className="btn execute opblock-control__btn" onClick={ this.onClick }>

Execute

import OriCollapse from "react-collapse"

import _Markdown from "react-remarkable"

function xclass(...args) {

return args.filter(a => !!a).join(" ").trim()

const {

hide,

keepContents,

tablet,

desktop,

large,

...rest

} = this.props

import React, { Component, PropTypes } from "react"

import ImPropTypes from "react-immutable-proptypes"

import { List } from "immutable"

const braceOpen = "{"

const braceClose = "}"

let format = schema.get("format")

let xml = schema.get("xml")

let enumArray = schema.get("enum")

let properties = schema.filter( ( v, key) => ["enum", "type", "format", "$$ref"].indexOf(key) === -1 )

let style = required ? { fontWeight: "bold" } : {}

let propStyle = { color: "#999", fontStyle: "italic" }

}

render(){

return <div className="model-box">

<Model { ...this.props } depth={ 1 } expandDepth={ this.props.expandDepth || 0 }/>

</div>

export default class Models extends Component {

static propTypes = {

getComponent: PropTypes.func,

}

render(){

let { specSelectors, getComponent, layoutSelectors, layoutActions } = this.props

let definitions = specSelectors.definitions()

const Model = getComponent("model")

const Collapse = getComponent("Collapse")

if (!definitions.size) return null

return <section className={ showModels ? "models is-open" : "models"}>

<span>Models</span>

<svg width="20" height="20">

<use xlinkHref="#large-arrow" />

export default class OnlineValidatorBadge extends React.Component {

constructor(props, context) {

super(props, context)

let { specSelectors, getConfigs } = props

return null

}

<a target="_blank" href={`${ this.state.validatorUrl }/debug?url=${ this.state.url }`}>

<img alt="Online validator badge" src={`${ this.state.validatorUrl }?url=${ this.state.url }`} />

</a>

import React, { PropTypes } from "react"

import shallowCompare from "react-addons-shallow-compare"

import { getList } from "core/utils"

import * as CustomPropTypes from "core/proptypes"

specActions,

specSelectors,

authActions,

} = this.props

let summary = operation.get("summary")

import React, { PropTypes } from "react"

export default class Operations extends React.Component {

const Operation = getComponent("operation")

const Collapse = getComponent("Collapse")

let showSummary = layoutSelectors.showSummary()

{

taggedOps.map( (tagObj, tag) => {

let operations = tagObj.get("operations")

let showTagId = ["overview-tags", tag]

let showTag = layoutSelectors.isShown(showTagId, true)

<Collapse isOpened={showTag} animated>

{

operations.map( op => {

let showOpIdPrefix = "operations"

let showOpId = id

let shown = layoutSelectors.isShown([showOpIdPrefix, showOpId])

import React, { Component, PropTypes } from "react"

import shallowCompare from "react-addons-shallow-compare"

import { getSampleSchema } from "core/utils"

const NOOP = Function.prototype

}

updateValues = (props) => {

let parameter = specSelectors ? specSelectors.getParameter(pathMethod, param.get("name")) : {}

let isXml = /xml/i.test(consumesValue)

let paramValue = isXml ? parameter.get("value_xml") : parameter.get("value")

import React, { Component, PropTypes } from "react"

import ImPropTypes from "react-immutable-proptypes"

const eachMap = (iterable, fn) => iterable.valueSeq().filter(Im.Map.isMap).map(fn)

</thead>

<tbody>

{

<ParameterRow fn={ fn }

getComponent={ getComponent }

param={ parameter }

import React, { PropTypes } from "react"

import { getSampleSchema } from "core/utils"

const getExampleComponent = ( sampleResponse, examples, HighlightCode ) => {