Support Json spec overwrite attribute after fetch spec from URLs

dev-helpers/dev-helper-initializer.js

@@ -4,7 +4,9 @@ window.onload = function() {
   window["SwaggerUIStandalonePreset"] = window["swagger-ui-standalone-preset"]
   // Build a system
   const ui = SwaggerUIBundle({
-    url: "https://petstore.swagger.io/v2/swagger.json",
+    urls: [
+      {url:"https://petstore3.swagger.io/api/v3/openapi.json",name:"Pet Store Example",specOverwrite: {servers:[{ "url": "http://test.com" },{ "url": "http://real.org" }]}}, 
+    ],
     dom_id: "#swagger-ui",
     presets: [
       SwaggerUIBundle.presets.apis,

src/core/components/live-response.jsx

@@ -49,7 +49,7 @@ export default class LiveResponse extends React.Component {
   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")

src/core/plugins/download-url/index.js

@@ -10,7 +10,7 @@ export default function downloadUrlPlugin(toolbox) {
 
   const actions = {
     download:
-      (url) =>
+      (url, specOverwrite = null) =>
       ({ errActions, specSelectors, specActions, getConfigs }) => {
         let { fetch } = fn
         const config = getConfigs()
@@ -42,7 +42,7 @@ export default function downloadUrlPlugin(toolbox) {
             return
           }
           specActions.updateLoadingStatus("success")
-          specActions.updateSpec(res.text)
+          specActions.updateSpec(res.text, specOverwrite)
           if (specSelectors.url() !== url) {
             specActions.updateUrl(url)
           }

src/core/plugins/spec/actions.js

@@ -57,7 +57,7 @@ export function updateJsonSpec(json) {
   return {type: UPDATE_JSON, payload: json}
 }
 
-export const parseToJson = (str) => ({specActions, specSelectors, errActions}) => {
+export const parseToJson = (str, specOverwrite = null) => ({specActions, specSelectors, errActions}) => {
   let { specStr } = specSelectors
 
   let json = null
@@ -76,7 +76,12 @@ export const parseToJson = (str) => ({specActions, specSelectors, errActions}) =
     })
   }
   if(json && typeof json === "object") {
-    return specActions.updateJsonSpec(json)
+    let merged = {}
+    if (specOverwrite) {
+      console.log(specOverwrite)
+      Object.assign(merged, json, specOverwrite);
+    }
+    return specActions.updateJsonSpec(merged)
   }
   return {}
 }

src/standalone/plugins/top-bar/components/TopBar.jsx

@@ -35,10 +35,10 @@ class TopBar extends React.Component {
     })
   }
 
-  loadSpec = (url) => {
+  loadSpec = (url, specOverwrite = null) => {
     this.flushAuthData()
     this.props.specActions.updateUrl(url)
-    this.props.specActions.download(url)
+    this.props.specActions.download(url, specOverwrite)
   }
 
   onUrlSelect =(e)=> {
@@ -99,7 +99,7 @@ class TopBar extends React.Component {
         })
       }
 
-      this.loadSpec(urls[targetIndex].url)
+      this.loadSpec(urls[targetIndex].url, urls[targetIndex].specOverwrite)
     }
   }