fixed server variable updates

Author: mrin9

dist/rapidoc-min.js

@@ -21,13 +21,16 @@
   -->
 
   <rapi-doc 
-    id="thedoc" 
-    spec-url="./specs/additional-props.yaml" 
-    theme="dark"
-    render-style = "read"   
+    id = "thedoc" 
+    spec-url = "./specs/server.yaml" 
+    theme = "dark"
+    render-style = "read"
     regular-font = 'Open Sans'
     schema-style = 'tree'
     goto-path= 'post-/person'
+    api-key-name = "my-key"
+    api-key-location = "header"
+    api-key-value = "mye-password"
   > </rapi-doc>
 
 

dist/rapidoc-min.js.gz

@@ -7,13 +7,17 @@ function onApiServerChange(e, server) {
   }
 }
 
-function onApiServerVarChange(e, variableKey, serverObj) {
-  const regex = new RegExp(`{${variableKey}}`, 'g');
-  serverObj.computedUrl = serverObj.url.replace(regex, e.currentTarget.value);
+function onApiServerVarChange(e, serverObj) {
+  const inputEls = [...e.currentTarget.closest('table').querySelectorAll('input')];
+  let tempUrl = serverObj.url;
+  inputEls.forEach((v) => {
+    const regex = new RegExp(`{${v.dataset.var}}`, 'g');
+    tempUrl = tempUrl.replace(regex, v.value);
+  });
+  serverObj.computedUrl = tempUrl;
   this.requestUpdate();
 }
 
-
 function serverVarsTemplate() {
   // const selectedServerObj = this.resolvedSpec.servers.find((v) => (v.url === this.selectedServer));
   return this.selectedServer && this.selectedServer.variables
@@ -27,9 +31,10 @@ function serverVarsTemplate() {
             <input 
               type = "text" 
               spellcheck = "false" 
-              style = "width:100%" 
+              style = "width:100%"
+              data-var = "${kv[0]}"
               value = "${kv[1].default}"
-              @input = ${(e) => { onApiServerVarChange.call(this, e, kv[0], this.selectedServer); }}
+              @input = ${(e) => { onApiServerVarChange.call(this, e, this.selectedServer); }}
             />
           </td>
         </tr>