openapi-explorer 2.1.645 → 2.1.648

package/dist/es/components/api-request.js

@@ -496,7 +496,9 @@ export default class ApiRequest extends LitElement {
     const requestBodyContainerEl = requestPanelEl.querySelector('.request-body-container');
     let pathUrl = `${this.serverUrl.replace(/\/$/, '')}${this.path.replaceAll(' ', '')}`; // Generate URL using Path Params
 
+    const pathParameterMap = {};
     pathParamEls.map(el => {
+      pathParameterMap[el.dataset.pname] = el.value;
       pathUrl = pathUrl.replace(`{${el.dataset.pname}}`, encodeURIComponent(el.value) || '-');
     }); // Handle relative serverUrls
 
@@ -511,15 +513,18 @@ export default class ApiRequest extends LitElement {
       headers: new Headers()
     }; // Query Params
 
+    const queryParameterMap = {};
     queryParamEls.forEach(el => {
       if (!el.dataset.array || el.dataset.array === 'false') {
         if (el.value !== '') {
+          queryParameterMap[el.dataset.pname] = el.value;
           fetchUrl.searchParams.append(el.dataset.pname, el.value);
         }
       } else {
         const paramSerializeStyle = el.dataset.paramSerializeStyle;
         const paramSerializeExplode = el.dataset.paramSerializeExplode;
         const values = Array.isArray(el.value) ? el.value.filter(v => v !== '') : [];
+        queryParameterMap[el.dataset.pname] = values;
 
         if (values.length > 0) {
           if (paramSerializeStyle === 'spaceDelimited') {
@@ -727,6 +732,8 @@ export default class ApiRequest extends LitElement {
     return {
       fetchOptions,
       fetchUrl,
+      path: pathParameterMap,
+      query: queryParameterMap,
       curlParts: {
         data: curlData,
         form: curlForm
@@ -752,7 +759,9 @@ export default class ApiRequest extends LitElement {
     const tryBtnEl = this.querySelectorAll('.btn-execute')[0];
     const {
       fetchOptions,
-      fetchUrl
+      fetchUrl,
+      path,
+      query
     } = this.recomputeFetchOptions();
     this.responseIsBlob = false;
     this.respContentDisposition = '';
@@ -766,6 +775,8 @@ export default class ApiRequest extends LitElement {
     const fetchRequest = {
       explorerLocation: this.elementId,
       url: fetchUrl.toString(),
+      path,
+      query,
       options: fetchOptions,
       ...fetchOptions
     };

package/dist/es/languages/index.js

@@ -1,8 +1,8 @@
 import i18next from 'i18next';
 import en from './en.js';
 import fr from './fr.js';
-export async function initI18n() {
-  const initLang = window.navigator.language.substring(0, 2);
+export async function initI18n(resolvedSpecLanguage) {
+  const initLang = (resolvedSpecLanguage || window.navigator.language).substring(0, 2);
   await i18next.init({
     lng: initLang,
     fallbackLng: 'en',

package/dist/es/openapi-explorer.js

@@ -270,7 +270,6 @@ export default class OpenApiExplorer extends LitElement {
     this.handleResize = this.handleResize.bind(this);
     window.addEventListener('resize', this.handleResize);
     this.loading = true;
-    initI18n();
     const parent = this.parentElement;
 
     if (parent) {
@@ -456,6 +455,8 @@ export default class OpenApiExplorer extends LitElement {
     this.matchPaths = '';
 
     try {
+      var _spec$info;
+
       this.resolvedSpec = null;
       this.loading = true;
       this.loadFailed = false;
@@ -468,6 +469,8 @@ export default class OpenApiExplorer extends LitElement {
         return;
       }
 
+      initI18n((_spec$info = spec.info) === null || _spec$info === void 0 ? void 0 : _spec$info['x-locale']);
+
       if (!this.serverUrl) {
         var _spec$servers$, _spec$servers$2;
 

package/dist/lib/components/api-request.js

@@ -516,7 +516,9 @@ class ApiRequest extends _lit.LitElement {
     const requestBodyContainerEl = requestPanelEl.querySelector('.request-body-container');
     let pathUrl = `${this.serverUrl.replace(/\/$/, '')}${this.path.replaceAll(' ', '')}`; // Generate URL using Path Params
 
+    const pathParameterMap = {};
     pathParamEls.map(el => {
+      pathParameterMap[el.dataset.pname] = el.value;
       pathUrl = pathUrl.replace(`{${el.dataset.pname}}`, encodeURIComponent(el.value) || '-');
     }); // Handle relative serverUrls
 
@@ -531,15 +533,18 @@ class ApiRequest extends _lit.LitElement {
       headers: new Headers()
     }; // Query Params
 
+    const queryParameterMap = {};
     queryParamEls.forEach(el => {
       if (!el.dataset.array || el.dataset.array === 'false') {
         if (el.value !== '') {
+          queryParameterMap[el.dataset.pname] = el.value;
           fetchUrl.searchParams.append(el.dataset.pname, el.value);
         }
       } else {
         const paramSerializeStyle = el.dataset.paramSerializeStyle;
         const paramSerializeExplode = el.dataset.paramSerializeExplode;
         const values = Array.isArray(el.value) ? el.value.filter(v => v !== '') : [];
+        queryParameterMap[el.dataset.pname] = values;
 
         if (values.length > 0) {
           if (paramSerializeStyle === 'spaceDelimited') {
@@ -747,6 +752,8 @@ class ApiRequest extends _lit.LitElement {
     return {
       fetchOptions,
       fetchUrl,
+      path: pathParameterMap,
+      query: queryParameterMap,
       curlParts: {
         data: curlData,
         form: curlForm
@@ -772,7 +779,9 @@ class ApiRequest extends _lit.LitElement {
     const tryBtnEl = this.querySelectorAll('.btn-execute')[0];
     const {
       fetchOptions,
-      fetchUrl
+      fetchUrl,
+      path,
+      query
     } = this.recomputeFetchOptions();
     this.responseIsBlob = false;
     this.respContentDisposition = '';
@@ -786,6 +795,8 @@ class ApiRequest extends _lit.LitElement {
     const fetchRequest = {
       explorerLocation: this.elementId,
       url: fetchUrl.toString(),
+      path,
+      query,
       options: fetchOptions,
       ...fetchOptions
     };

package/dist/lib/languages/index.js

@@ -12,8 +12,8 @@ var _fr = _interopRequireDefault(require("./fr.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-async function initI18n() {
-  const initLang = window.navigator.language.substring(0, 2);
+async function initI18n(resolvedSpecLanguage) {
+  const initLang = (resolvedSpecLanguage || window.navigator.language).substring(0, 2);
   await _i18next.default.init({
     lng: initLang,
     fallbackLng: 'en',

package/dist/lib/openapi-explorer.js

@@ -300,7 +300,6 @@ class OpenApiExplorer extends _lit.LitElement {
     this.handleResize = this.handleResize.bind(this);
     window.addEventListener('resize', this.handleResize);
     this.loading = true;
-    (0, _index.initI18n)();
     const parent = this.parentElement;
 
     if (parent) {
@@ -486,6 +485,8 @@ class OpenApiExplorer extends _lit.LitElement {
     this.matchPaths = '';
 
     try {
+      var _spec$info;
+
       this.resolvedSpec = null;
       this.loading = true;
       this.loadFailed = false;
@@ -498,6 +499,8 @@ class OpenApiExplorer extends _lit.LitElement {
         return;
       }
 
+      (0, _index.initI18n)((_spec$info = spec.info) === null || _spec$info === void 0 ? void 0 : _spec$info['x-locale']);
+
       if (!this.serverUrl) {
         var _spec$servers$, _spec$servers$2;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openapi-explorer",
-  "version": "2.1.645",
+  "version": "2.1.648",
   "description": "OpenAPI Explorer - API viewer with dynamically generated components, documentation, and interaction console",
   "author": "Authress Developers <developers@authress.io>",
   "type": "module",