openapi-explorer 0.9.346 → 0.9.348

package/dist/es/openapi-explorer.js

@@ -644,14 +644,23 @@ export default class OpenApiExplorer extends LitElement {
       return;
     }
 
-    let repeatedElementIndex;
+    this.isIntersectionObserverActive = false;
+    this.scrollTo(navEl.dataset.contentId, scrollNavItemToView);
+    setTimeout(() => {
+      this.isIntersectionObserverActive = true;
+    }, 300);
+  }
 
-    if (navEl.dataset.contentId === 'section') {
-      const navSectionSlot = this.shadowRoot.querySelector('slot.custom-nav-section');
-      const assignedNodes = navSectionSlot && navSectionSlot.assignedNodes();
-      repeatedElementIndex = assignedNodes && [].findIndex.call(assignedNodes, slot => slot === event.target);
+  scrollToCustomNavSectionTarget(event, scrollNavItemToView = true) {
+    const navEl = event.currentTarget;
+
+    if (!navEl.dataset.contentId) {
+      return;
     }
 
+    const navSectionSlot = this.shadowRoot.querySelector('slot.custom-nav-section');
+    const assignedNodes = navSectionSlot === null || navSectionSlot === void 0 ? void 0 : navSectionSlot.assignedNodes();
+    const repeatedElementIndex = assignedNodes && [].findIndex.call(assignedNodes, slot => slot === event.target);
     this.isIntersectionObserverActive = false;
     this.scrollTo(navEl.dataset.contentId, scrollNavItemToView, repeatedElementIndex);
     setTimeout(() => {
@@ -674,7 +683,7 @@ export default class OpenApiExplorer extends LitElement {
     this.explorerLocation = elementId; // Convert to Async and to the background, so that we can be sure that the operation has been expanded and put into view before trying to directly scroll to it (or it won't be found in the next line and even if it is, it might not be able to be scrolled into view)
 
     await sleep(0);
-    const contentEl = this.shadowRoot.getElementById(elementId);
+    const contentEl = this.shadowRoot.getElementById(elementId !== null && elementId !== void 0 && elementId.startsWith('section') ? 'section' : elementId);
 
     if (!contentEl) {
       return;
@@ -704,17 +713,21 @@ export default class OpenApiExplorer extends LitElement {
 
     if (responseEl) {
       responseEl.resetSelection();
-    } // Update Location Hash
+    } // Update NavBar View and Styles
 
 
-    replaceState(elementId); // Update NavBar View and Styles
-
     let newNavEl = this.shadowRoot.getElementById(`link-${elementId}`);
 
-    if (elementId === 'section') {
+    if (elementId !== null && elementId !== void 0 && elementId.startsWith('section')) {
       const navSectionSlot = this.shadowRoot.querySelector('slot.custom-nav-section');
-      const assignedNodes = navSectionSlot && navSectionSlot.assignedNodes();
-      newNavEl = assignedNodes && assignedNodes[repeatedElementIndex || 0];
+      const assignedNodes = navSectionSlot === null || navSectionSlot === void 0 ? void 0 : navSectionSlot.assignedNodes();
+      const customSectionRepeatedElementIndex = (elementId.replace('section--', '') || 1) - 1;
+      newNavEl = assignedNodes === null || assignedNodes === void 0 ? void 0 : assignedNodes[customSectionRepeatedElementIndex || repeatedElementIndex || 0]; // Update Location Hash
+
+      replaceState(`section--${repeatedElementIndex + 1 || 1}`);
+    } else {
+      // Update Location Hash
+      replaceState(elementId);
     }
 
     if (!newNavEl) {
@@ -736,7 +749,7 @@ export default class OpenApiExplorer extends LitElement {
     }
 
     const navSectionSlot = this.shadowRoot.querySelector('slot.custom-nav-section');
-    const assignedNodes = navSectionSlot && navSectionSlot.assignedNodes();
+    const assignedNodes = navSectionSlot === null || navSectionSlot === void 0 ? void 0 : navSectionSlot.assignedNodes();
     (assignedNodes || []).filter((n, nodeIndex) => nodeIndex !== repeatedElementIndex).forEach(node => {
       node.classList.remove('active');
     });

package/dist/es/templates/focused-endpoint-template.js

@@ -45,7 +45,7 @@ export default function focusedEndpointTemplate() {
     focusedTemplate = securitySchemeTemplate.call(this);
   } else if (focusElId === 'servers' && this.allowServerSelection === 'true') {
     focusedTemplate = serverTemplate.call(this);
-  } else if (focusElId === 'section') {
+  } else if (focusElId.startsWith('section')) {
     focusedTemplate = html` <section id="section" class="observe-me"> <slot name="custom-section"></slot> </section>`;
   } else if (focusElId.startsWith('cmp--') && !this.hideComponents) {
     focusedTemplate = componentsTemplate.call(this);

package/dist/es/templates/navbar-template.js

@@ -38,7 +38,7 @@ export function expandCollapseAllComponents() {
 export default function navbarTemplate() {
   var _this$resolvedSpec$co;
 
-  return html` <nav class="nav-bar ${this.renderStyle}" part="section-navbar"> ${this.allowSearch === 'false' && this.allowAdvancedSearch === 'false' ? '' : html` <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px;${this.allowAdvancedSearch === 'false' ? 'border-bottom: 1px solid var(--nav-hover-bg-color)' : ''}"> ${this.allowSearch === 'false' ? '' : html` <div style="display:flex;flex:1;line-height:22px"> <input id="nav-bar-search" part="textbox textbox-nav-filter" style="width:100%;padding-right:20px;color:var(--nav-hover-text-color);border-color:var(--secondary-color);background-color:var(--nav-hover-bg-color)" type="text" placeholder="Filter" @change="${this.onSearchChange}" spellcheck="false"> <div style="margin:6px 5px 0 -24px;font-size:var(--font-size-regular);cursor:pointer">&#x21a9;</div> </div> ${this.matchPaths ? html` <div @click="${this.onClearSearch}" style="margin-left:5px;cursor:pointer;align-self:center;color:var(--nav-text-color)" class="small-font-size primary-text bold-text"> CLEAR </div>` : ''} `} ${this.allowAdvancedSearch === 'false' || this.matchPaths ? '' : html` <button class="m-btn primary" part="btn btn-fill btn-search" style="margin-left:5px" @click="${this.onShowSearchModalClicked}"> Search </button> `} </div> `} ${html`<nav class="nav-scroll" part="navbar-scroll"> ${this.showInfo === 'false' || !this.resolvedSpec.info ? '' : html`<div class="nav-bar-info" id="link-overview" data-content-id="overview" @click="${e => this.scrollToEventTarget(e, false)}"> ${this.isV1 && this.resolvedSpec.info.title || 'Overview'} </div>`} ${this.allowServerSelection === 'false' ? '' : html`<div class="nav-bar-info" id="link-servers" data-content-id="servers" @click="${e => this.scrollToEventTarget(e, false)}"> API Servers </div>`} ${this.allowAuthentication === 'false' || !this.resolvedSpec.securitySchemes ? '' : html`<div class="nav-bar-info" id="link-auth" data-content-id="auth" @click="${e => this.scrollToEventTarget(e, false)}"> Authentication </div>`} <slot name="nav-section" class="custom-nav-section" data-content-id="section" @click="${e => this.scrollToEventTarget(e, false)}"></slot> <div class="sticky-scroll-element"> <div class="nav-bar-section" part="navbar-operations-header"> <slot name="operations-header"> <div class="nav-bar-section-title">OPERATIONS</div> </slot> <div style="" part="navbar-operations-header-collapse"> ${this.resolvedSpec.tags.length > 1 && this.resolvedSpec.tags.some(tag => tag.paths.some(path => pathIsInSearch(this.matchPaths, path))) ? html` ${this.operationsCollapsed ? html`<div @click="${() => {
+  return html` <nav class="nav-bar ${this.renderStyle}" part="section-navbar"> ${this.allowSearch === 'false' && this.allowAdvancedSearch === 'false' ? '' : html` <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px;${this.allowAdvancedSearch === 'false' ? 'border-bottom: 1px solid var(--nav-hover-bg-color)' : ''}"> ${this.allowSearch === 'false' ? '' : html` <div style="display:flex;flex:1;line-height:22px"> <input id="nav-bar-search" part="textbox textbox-nav-filter" style="width:100%;padding-right:20px;color:var(--nav-hover-text-color);border-color:var(--secondary-color);background-color:var(--nav-hover-bg-color)" type="text" placeholder="Filter" @change="${this.onSearchChange}" spellcheck="false"> <div style="margin:6px 5px 0 -24px;font-size:var(--font-size-regular);cursor:pointer">&#x21a9;</div> </div> ${this.matchPaths ? html` <div @click="${this.onClearSearch}" style="margin-left:5px;cursor:pointer;align-self:center;color:var(--nav-text-color)" class="small-font-size primary-text bold-text"> CLEAR </div>` : ''} `} ${this.allowAdvancedSearch === 'false' || this.matchPaths ? '' : html` <button class="m-btn primary" part="btn btn-fill btn-search" style="margin-left:5px" @click="${this.onShowSearchModalClicked}"> Search </button> `} </div> `} ${html`<nav class="nav-scroll" part="navbar-scroll"> ${this.showInfo === 'false' || !this.resolvedSpec.info ? '' : html`<div class="nav-bar-info" id="link-overview" data-content-id="overview" @click="${e => this.scrollToEventTarget(e, false)}"> ${this.isV1 && this.resolvedSpec.info.title || 'Overview'} </div>`} ${this.allowServerSelection === 'false' ? '' : html`<div class="nav-bar-info" id="link-servers" data-content-id="servers" @click="${e => this.scrollToEventTarget(e, false)}"> API Servers </div>`} ${this.allowAuthentication === 'false' || !this.resolvedSpec.securitySchemes ? '' : html`<div class="nav-bar-info" id="link-auth" data-content-id="auth" @click="${e => this.scrollToEventTarget(e, false)}"> Authentication </div>`} <slot name="nav-section" class="custom-nav-section" data-content-id="section" @click="${e => this.scrollToCustomNavSectionTarget(e, false)}"></slot> <div class="sticky-scroll-element"> <div class="nav-bar-section" part="navbar-operations-header"> <slot name="operations-header"> <div class="nav-bar-section-title">OPERATIONS</div> </slot> <div style="" part="navbar-operations-header-collapse"> ${this.resolvedSpec.tags.length > 1 && this.resolvedSpec.tags.some(tag => tag.paths.some(path => pathIsInSearch(this.matchPaths, path))) ? html` ${this.operationsCollapsed ? html`<div @click="${() => {
     expandCollapseAll.call(this);
   }}" style="font-size:16px;transform:rotate(0);cursor:pointer">▸</div>` : html`<div @click="${() => {
     expandCollapseAll.call(this);

package/dist/es/utils/spec-parser.js

@@ -1,6 +1,7 @@
 import OpenApiResolver from 'openapi-resolver/dist/openapi-resolver.browser';
 import { marked } from 'marked';
 import { invalidCharsRegEx } from './common-utils';
+import cloneDeep from 'lodash.clonedeep';
 export default async function ProcessSpec(specUrlOrObject, serverUrl = '') {
   const inputSpecIsAUrl = typeof specUrlOrObject === 'string' && specUrlOrObject.match(/^http/) || typeof specUrlOrObject === 'object' && typeof specUrlOrObject.href === 'string';
   let jsonParsedSpec;
@@ -237,14 +238,12 @@ function groupByTags(openApiSpec) {
 
 
   for (const pathOrHookName in pathsAndWebhooks) {
-    const commonParams = pathsAndWebhooks[pathOrHookName].parameters;
-    const commonPathProp = {
-      servers: pathsAndWebhooks[pathOrHookName].servers || [],
-      parameters: pathsAndWebhooks[pathOrHookName].parameters || []
-    };
+    const commonPathPropServers = pathsAndWebhooks[pathOrHookName].servers || [];
     const isWebhook = pathsAndWebhooks[pathOrHookName]._type === 'webhook'; // eslint-disable-line no-underscore-dangle
 
     supportedMethods.forEach(methodName => {
+      const commonParams = cloneDeep(pathsAndWebhooks[pathOrHookName].parameters);
+
       if (pathsAndWebhooks[pathOrHookName][methodName]) {
         const pathOrHookObj = openApiSpec.paths[pathOrHookName][methodName]; // If path.methods are tagged, else generate it from path
 
@@ -327,7 +326,7 @@ function groupByTags(openApiSpec) {
             path: pathOrHookName,
             operationId: pathOrHookObj.operationId,
             elementId: `${methodName}-${pathOrHookName.replace(invalidCharsRegEx, '-')}`,
-            servers: pathOrHookObj.servers ? commonPathProp.servers.concat(pathOrHookObj.servers) : commonPathProp.servers,
+            servers: pathOrHookObj.servers ? commonPathPropServers.concat(pathOrHookObj.servers) : commonPathPropServers,
             parameters: finalParameters,
             requestBody: pathOrHookObj.requestBody,
             responses: pathOrHookObj.responses,

package/dist/lib/openapi-explorer.js

@@ -681,14 +681,23 @@ class OpenApiExplorer extends _litElement.LitElement {
       return;
     }
 
-    let repeatedElementIndex;
+    this.isIntersectionObserverActive = false;
+    this.scrollTo(navEl.dataset.contentId, scrollNavItemToView);
+    setTimeout(() => {
+      this.isIntersectionObserverActive = true;
+    }, 300);
+  }
 
-    if (navEl.dataset.contentId === 'section') {
-      const navSectionSlot = this.shadowRoot.querySelector('slot.custom-nav-section');
-      const assignedNodes = navSectionSlot && navSectionSlot.assignedNodes();
-      repeatedElementIndex = assignedNodes && [].findIndex.call(assignedNodes, slot => slot === event.target);
+  scrollToCustomNavSectionTarget(event, scrollNavItemToView = true) {
+    const navEl = event.currentTarget;
+
+    if (!navEl.dataset.contentId) {
+      return;
     }
 
+    const navSectionSlot = this.shadowRoot.querySelector('slot.custom-nav-section');
+    const assignedNodes = navSectionSlot === null || navSectionSlot === void 0 ? void 0 : navSectionSlot.assignedNodes();
+    const repeatedElementIndex = assignedNodes && [].findIndex.call(assignedNodes, slot => slot === event.target);
     this.isIntersectionObserverActive = false;
     this.scrollTo(navEl.dataset.contentId, scrollNavItemToView, repeatedElementIndex);
     setTimeout(() => {
@@ -711,7 +720,7 @@ class OpenApiExplorer extends _litElement.LitElement {
     this.explorerLocation = elementId; // Convert to Async and to the background, so that we can be sure that the operation has been expanded and put into view before trying to directly scroll to it (or it won't be found in the next line and even if it is, it might not be able to be scrolled into view)
 
     await (0, _commonUtils.sleep)(0);
-    const contentEl = this.shadowRoot.getElementById(elementId);
+    const contentEl = this.shadowRoot.getElementById(elementId !== null && elementId !== void 0 && elementId.startsWith('section') ? 'section' : elementId);
 
     if (!contentEl) {
       return;
@@ -741,17 +750,21 @@ class OpenApiExplorer extends _litElement.LitElement {
 
     if (responseEl) {
       responseEl.resetSelection();
-    } // Update Location Hash
+    } // Update NavBar View and Styles
 
 
-    (0, _commonUtils.replaceState)(elementId); // Update NavBar View and Styles
-
     let newNavEl = this.shadowRoot.getElementById(`link-${elementId}`);
 
-    if (elementId === 'section') {
+    if (elementId !== null && elementId !== void 0 && elementId.startsWith('section')) {
       const navSectionSlot = this.shadowRoot.querySelector('slot.custom-nav-section');
-      const assignedNodes = navSectionSlot && navSectionSlot.assignedNodes();
-      newNavEl = assignedNodes && assignedNodes[repeatedElementIndex || 0];
+      const assignedNodes = navSectionSlot === null || navSectionSlot === void 0 ? void 0 : navSectionSlot.assignedNodes();
+      const customSectionRepeatedElementIndex = (elementId.replace('section--', '') || 1) - 1;
+      newNavEl = assignedNodes === null || assignedNodes === void 0 ? void 0 : assignedNodes[customSectionRepeatedElementIndex || repeatedElementIndex || 0]; // Update Location Hash
+
+      (0, _commonUtils.replaceState)(`section--${repeatedElementIndex + 1 || 1}`);
+    } else {
+      // Update Location Hash
+      (0, _commonUtils.replaceState)(elementId);
     }
 
     if (!newNavEl) {
@@ -773,7 +786,7 @@ class OpenApiExplorer extends _litElement.LitElement {
     }
 
     const navSectionSlot = this.shadowRoot.querySelector('slot.custom-nav-section');
-    const assignedNodes = navSectionSlot && navSectionSlot.assignedNodes();
+    const assignedNodes = navSectionSlot === null || navSectionSlot === void 0 ? void 0 : navSectionSlot.assignedNodes();
     (assignedNodes || []).filter((n, nodeIndex) => nodeIndex !== repeatedElementIndex).forEach(node => {
       node.classList.remove('active');
     });

package/dist/lib/templates/focused-endpoint-template.js

@@ -59,7 +59,7 @@ function focusedEndpointTemplate() {
     focusedTemplate = _securitySchemeTemplate.default.call(this);
   } else if (focusElId === 'servers' && this.allowServerSelection === 'true') {
     focusedTemplate = _serverTemplate.default.call(this);
-  } else if (focusElId === 'section') {
+  } else if (focusElId.startsWith('section')) {
     focusedTemplate = (0, _litElement.html)` <section id="section" class="observe-me"> <slot name="custom-section"></slot> </section>`;
   } else if (focusElId.startsWith('cmp--') && !this.hideComponents) {
     focusedTemplate = _componentsTemplate.default.call(this);

package/dist/lib/templates/navbar-template.js

@@ -48,7 +48,7 @@ function expandCollapseAllComponents() {
 function navbarTemplate() {
   var _this$resolvedSpec$co;
 
-  return (0, _litElement.html)` <nav class="nav-bar ${this.renderStyle}" part="section-navbar"> ${this.allowSearch === 'false' && this.allowAdvancedSearch === 'false' ? '' : (0, _litElement.html)` <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px;${this.allowAdvancedSearch === 'false' ? 'border-bottom: 1px solid var(--nav-hover-bg-color)' : ''}"> ${this.allowSearch === 'false' ? '' : (0, _litElement.html)` <div style="display:flex;flex:1;line-height:22px"> <input id="nav-bar-search" part="textbox textbox-nav-filter" style="width:100%;padding-right:20px;color:var(--nav-hover-text-color);border-color:var(--secondary-color);background-color:var(--nav-hover-bg-color)" type="text" placeholder="Filter" @change="${this.onSearchChange}" spellcheck="false"> <div style="margin:6px 5px 0 -24px;font-size:var(--font-size-regular);cursor:pointer">&#x21a9;</div> </div> ${this.matchPaths ? (0, _litElement.html)` <div @click="${this.onClearSearch}" style="margin-left:5px;cursor:pointer;align-self:center;color:var(--nav-text-color)" class="small-font-size primary-text bold-text"> CLEAR </div>` : ''} `} ${this.allowAdvancedSearch === 'false' || this.matchPaths ? '' : (0, _litElement.html)` <button class="m-btn primary" part="btn btn-fill btn-search" style="margin-left:5px" @click="${this.onShowSearchModalClicked}"> Search </button> `} </div> `} ${(0, _litElement.html)`<nav class="nav-scroll" part="navbar-scroll"> ${this.showInfo === 'false' || !this.resolvedSpec.info ? '' : (0, _litElement.html)`<div class="nav-bar-info" id="link-overview" data-content-id="overview" @click="${e => this.scrollToEventTarget(e, false)}"> ${this.isV1 && this.resolvedSpec.info.title || 'Overview'} </div>`} ${this.allowServerSelection === 'false' ? '' : (0, _litElement.html)`<div class="nav-bar-info" id="link-servers" data-content-id="servers" @click="${e => this.scrollToEventTarget(e, false)}"> API Servers </div>`} ${this.allowAuthentication === 'false' || !this.resolvedSpec.securitySchemes ? '' : (0, _litElement.html)`<div class="nav-bar-info" id="link-auth" data-content-id="auth" @click="${e => this.scrollToEventTarget(e, false)}"> Authentication </div>`} <slot name="nav-section" class="custom-nav-section" data-content-id="section" @click="${e => this.scrollToEventTarget(e, false)}"></slot> <div class="sticky-scroll-element"> <div class="nav-bar-section" part="navbar-operations-header"> <slot name="operations-header"> <div class="nav-bar-section-title">OPERATIONS</div> </slot> <div style="" part="navbar-operations-header-collapse"> ${this.resolvedSpec.tags.length > 1 && this.resolvedSpec.tags.some(tag => tag.paths.some(path => (0, _commonUtils.pathIsInSearch)(this.matchPaths, path))) ? (0, _litElement.html)` ${this.operationsCollapsed ? (0, _litElement.html)`<div @click="${() => {
+  return (0, _litElement.html)` <nav class="nav-bar ${this.renderStyle}" part="section-navbar"> ${this.allowSearch === 'false' && this.allowAdvancedSearch === 'false' ? '' : (0, _litElement.html)` <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px;${this.allowAdvancedSearch === 'false' ? 'border-bottom: 1px solid var(--nav-hover-bg-color)' : ''}"> ${this.allowSearch === 'false' ? '' : (0, _litElement.html)` <div style="display:flex;flex:1;line-height:22px"> <input id="nav-bar-search" part="textbox textbox-nav-filter" style="width:100%;padding-right:20px;color:var(--nav-hover-text-color);border-color:var(--secondary-color);background-color:var(--nav-hover-bg-color)" type="text" placeholder="Filter" @change="${this.onSearchChange}" spellcheck="false"> <div style="margin:6px 5px 0 -24px;font-size:var(--font-size-regular);cursor:pointer">&#x21a9;</div> </div> ${this.matchPaths ? (0, _litElement.html)` <div @click="${this.onClearSearch}" style="margin-left:5px;cursor:pointer;align-self:center;color:var(--nav-text-color)" class="small-font-size primary-text bold-text"> CLEAR </div>` : ''} `} ${this.allowAdvancedSearch === 'false' || this.matchPaths ? '' : (0, _litElement.html)` <button class="m-btn primary" part="btn btn-fill btn-search" style="margin-left:5px" @click="${this.onShowSearchModalClicked}"> Search </button> `} </div> `} ${(0, _litElement.html)`<nav class="nav-scroll" part="navbar-scroll"> ${this.showInfo === 'false' || !this.resolvedSpec.info ? '' : (0, _litElement.html)`<div class="nav-bar-info" id="link-overview" data-content-id="overview" @click="${e => this.scrollToEventTarget(e, false)}"> ${this.isV1 && this.resolvedSpec.info.title || 'Overview'} </div>`} ${this.allowServerSelection === 'false' ? '' : (0, _litElement.html)`<div class="nav-bar-info" id="link-servers" data-content-id="servers" @click="${e => this.scrollToEventTarget(e, false)}"> API Servers </div>`} ${this.allowAuthentication === 'false' || !this.resolvedSpec.securitySchemes ? '' : (0, _litElement.html)`<div class="nav-bar-info" id="link-auth" data-content-id="auth" @click="${e => this.scrollToEventTarget(e, false)}"> Authentication </div>`} <slot name="nav-section" class="custom-nav-section" data-content-id="section" @click="${e => this.scrollToCustomNavSectionTarget(e, false)}"></slot> <div class="sticky-scroll-element"> <div class="nav-bar-section" part="navbar-operations-header"> <slot name="operations-header"> <div class="nav-bar-section-title">OPERATIONS</div> </slot> <div style="" part="navbar-operations-header-collapse"> ${this.resolvedSpec.tags.length > 1 && this.resolvedSpec.tags.some(tag => tag.paths.some(path => (0, _commonUtils.pathIsInSearch)(this.matchPaths, path))) ? (0, _litElement.html)` ${this.operationsCollapsed ? (0, _litElement.html)`<div @click="${() => {
     expandCollapseAll.call(this);
   }}" style="font-size:16px;transform:rotate(0);cursor:pointer">▸</div>` : (0, _litElement.html)`<div @click="${() => {
     expandCollapseAll.call(this);

package/dist/lib/utils/spec-parser.js

@@ -9,6 +9,8 @@ var _marked = require("marked");
 
 var _commonUtils = require("./common-utils");
 
+var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 async function ProcessSpec(specUrlOrObject, serverUrl = '') {
@@ -248,14 +250,12 @@ function groupByTags(openApiSpec) {
 
 
   for (const pathOrHookName in pathsAndWebhooks) {
-    const commonParams = pathsAndWebhooks[pathOrHookName].parameters;
-    const commonPathProp = {
-      servers: pathsAndWebhooks[pathOrHookName].servers || [],
-      parameters: pathsAndWebhooks[pathOrHookName].parameters || []
-    };
+    const commonPathPropServers = pathsAndWebhooks[pathOrHookName].servers || [];
     const isWebhook = pathsAndWebhooks[pathOrHookName]._type === 'webhook'; // eslint-disable-line no-underscore-dangle
 
     supportedMethods.forEach(methodName => {
+      const commonParams = (0, _lodash.default)(pathsAndWebhooks[pathOrHookName].parameters);
+
       if (pathsAndWebhooks[pathOrHookName][methodName]) {
         const pathOrHookObj = openApiSpec.paths[pathOrHookName][methodName]; // If path.methods are tagged, else generate it from path
 
@@ -338,7 +338,7 @@ function groupByTags(openApiSpec) {
             path: pathOrHookName,
             operationId: pathOrHookObj.operationId,
             elementId: `${methodName}-${pathOrHookName.replace(_commonUtils.invalidCharsRegEx, '-')}`,
-            servers: pathOrHookObj.servers ? commonPathProp.servers.concat(pathOrHookObj.servers) : commonPathProp.servers,
+            servers: pathOrHookObj.servers ? commonPathPropServers.concat(pathOrHookObj.servers) : commonPathPropServers,
             parameters: finalParameters,
             requestBody: pathOrHookObj.requestBody,
             responses: pathOrHookObj.responses,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openapi-explorer",
-  "version": "0.9.346",
+  "version": "0.9.348",
   "description": "OpenAPI Explorer - API viewer with dynamically generated components, documentation, and interaction console",
   "author": "Rhosys Developers <developers@rhosys.ch>",
   "repository": {