openapi-explorer 2.1.637 → 2.1.641

package/dist/es/templates/security-scheme-template.js

@@ -307,7 +307,7 @@ export default function securitySchemeTemplate() {
   }
 
   const providedApiKeys = schemes.filter(v => v.finalKeyValue);
-  return html` <section id="auth" part="section-auth" class="observe-me ${this.renderStyle === 'focused' ? 'section-gap--focused-mode' : 'section-gap'}"> <slot name="authentication"> <div class="section-padding"> <div class="sub-title regular-font">${getI18nText('headers.authentication')}</div> <div class="small-font-size" style="display:flex;align-items:center;min-height:30px"> ${providedApiKeys.length > 0 ? html` <div class="blue-text"> ${providedApiKeys.length} API key applied </div> <div style="flex:1"></div> <button class="m-btn thin-border" part="btn btn-outline" @click="${() => {
+  return html` <section id="auth" part="section-auth" class="observe-me ${this.renderStyle === 'focused' ? 'section-gap--focused-mode' : 'section-gap'}"> <slot name="authentication"> <div class="section-padding"> <slot name="authentication-header"> <div class="sub-title regular-font">${getI18nText('headers.authentication')}</div> </slot> <div class="small-font-size" style="display:flex;align-items:center;min-height:30px"> ${providedApiKeys.length > 0 ? html` <div class="blue-text"> ${providedApiKeys.length} API key applied </div> <div style="flex:1"></div> <button class="m-btn thin-border" part="btn btn-outline" @click="${() => {
     onClearAllApiKeys.call(this);
   }}">CLEAR ALL API KEYS</button>` : html`<div class="red-text">${getI18nText('authentication.no-api-key-applied')}</div>`} </div> ${schemes.length > 0 ? html` <table role="presentation" class="m-table" style="width:100%"> ${schemes.map(v => {
     var _v$bearerFormat, _v$bearerFormat2;
@@ -320,7 +320,7 @@ export default function securitySchemeTemplate() {
     }}"> ${v.finalKeyValue ? 'UPDATE' : 'SET'} </button>`} </form>` : ''} ${v.type && v.type.toLowerCase() === 'http' && v.scheme && v.scheme.toLowerCase() === 'basic' ? html` ${getI18nText('authentication.http-basic-desc')} <form style="display:flex"> <input type="text" value="${v.user}" placeholder="${getI18nText('authentication.username')}" spellcheck="false" class="api-key-user" style="width:100px"> <input class="api-key-password fs-exclude" data-hj-suppress data-sl="mask" type="password" value="${v.password}" placeholder="${getI18nText('authentication.password')}" spellcheck="false" style="width:100px;margin:0 5px"> <button type="submit" class="m-btn thin-border" @click="${e => {
       onApiKeyChange.call(this, v.apiKeyId, e);
     }}" part="btn btn-outline"> ${v.finalKeyValue ? 'UPDATE' : getI18nText('authentication.set')} </button> </form>` : ''} </td> </tr> ${v.type.toLowerCase() === 'oauth2' ? html` <tr> <td colspan="2" style="border:none;padding-left:48px"> ${Object.keys(v.flows).map(f => oAuthFlowTemplate.call(this, f, v, v.flows[f]))} </td> </tr> ` : ''} `;
-  })} </table>` : ''} </div> </slot> </section> `;
+  })} </table>` : ''} <slot name="authentication-footer"></slot> </div> </slot> </section> `;
 }
 
 function getOauthScopeTemplate(rawScopes) {

package/dist/es/utils/schema-utils.js

@@ -110,12 +110,12 @@ export function getTypeInfo(schema, options = {
   });
   return info;
 }
-export function getSampleValueByType(schemaObj, fallbackPropertyName, skipExampleStrings) {
+export function getSampleValueByType(schemaObj, fallbackPropertyName, skipExampleIds) {
   var _Object$values$0$valu, _Object$values$, _schemaObj$type;
 
   const example = Array.isArray(schemaObj.examples) ? schemaObj.examples[0] : (_Object$values$0$valu = (_Object$values$ = Object.values(schemaObj.examples || {})[0]) === null || _Object$values$ === void 0 ? void 0 : _Object$values$.value) !== null && _Object$values$0$valu !== void 0 ? _Object$values$0$valu : schemaObj.example;
 
-  if (skipExampleStrings && typeof example === 'string') {
+  if (skipExampleIds && typeof example === 'string' && fallbackPropertyName.match(/id$/i)) {
     return '';
   }
 
@@ -161,7 +161,7 @@ export function getSampleValueByType(schemaObj, fallbackPropertyName, skipExampl
     return null;
   }
 
-  if (skipExampleStrings && typeValue.match(/^string/g)) {
+  if (skipExampleIds && typeValue.match(/^string/g) && fallbackPropertyName.match(/id$/i)) {
     return '';
   }
 
@@ -382,7 +382,7 @@ function getSimpleValueResult(schema, config, namespace, prefix, xmlAttributes,
     return config.xml ? [xmlTagProperties] : objectExamples;
   }
 
-  const value = getSampleValueByType(schema, config.propertyName, config.skipExampleStrings);
+  const value = getSampleValueByType(schema, config.propertyName, config.skipExampleIds);
   return [value];
 }
 
@@ -659,7 +659,7 @@ export function schemaInObjectNotation(rawSchema, options, level = 0, suffix = '
 }
 /* Create Example object */
 
-export function generateExample(examples, example, schema, rawMimeType, includeReadOnly = true, includeWriteOnly = true, outputType, skipExampleStrings = false) {
+export function generateExample(examples, example, schema, rawMimeType, includeReadOnly = true, includeWriteOnly = true, outputType, skipExampleIds = false) {
   const mimeType = rawMimeType || 'application/json';
   const finalExamples = []; // First check if examples is provided
 
@@ -755,7 +755,7 @@ export function generateExample(examples, example, schema, rawMimeType, includeR
   const config = {
     includeReadOnly,
     includeWriteOnly,
-    skipExampleStrings,
+    skipExampleIds,
     xml: mimeType.toLowerCase().includes('xml')
   };
   const samples = getExampleValuesFromSchema(schema, config);

package/dist/lib/templates/security-scheme-template.js

@@ -320,7 +320,7 @@ function securitySchemeTemplate() {
   }
 
   const providedApiKeys = schemes.filter(v => v.finalKeyValue);
-  return (0, _lit.html)` <section id="auth" part="section-auth" class="observe-me ${this.renderStyle === 'focused' ? 'section-gap--focused-mode' : 'section-gap'}"> <slot name="authentication"> <div class="section-padding"> <div class="sub-title regular-font">${(0, _index.getI18nText)('headers.authentication')}</div> <div class="small-font-size" style="display:flex;align-items:center;min-height:30px"> ${providedApiKeys.length > 0 ? (0, _lit.html)` <div class="blue-text"> ${providedApiKeys.length} API key applied </div> <div style="flex:1"></div> <button class="m-btn thin-border" part="btn btn-outline" @click="${() => {
+  return (0, _lit.html)` <section id="auth" part="section-auth" class="observe-me ${this.renderStyle === 'focused' ? 'section-gap--focused-mode' : 'section-gap'}"> <slot name="authentication"> <div class="section-padding"> <slot name="authentication-header"> <div class="sub-title regular-font">${(0, _index.getI18nText)('headers.authentication')}</div> </slot> <div class="small-font-size" style="display:flex;align-items:center;min-height:30px"> ${providedApiKeys.length > 0 ? (0, _lit.html)` <div class="blue-text"> ${providedApiKeys.length} API key applied </div> <div style="flex:1"></div> <button class="m-btn thin-border" part="btn btn-outline" @click="${() => {
     onClearAllApiKeys.call(this);
   }}">CLEAR ALL API KEYS</button>` : (0, _lit.html)`<div class="red-text">${(0, _index.getI18nText)('authentication.no-api-key-applied')}</div>`} </div> ${schemes.length > 0 ? (0, _lit.html)` <table role="presentation" class="m-table" style="width:100%"> ${schemes.map(v => {
     var _v$bearerFormat, _v$bearerFormat2;
@@ -333,7 +333,7 @@ function securitySchemeTemplate() {
     }}"> ${v.finalKeyValue ? 'UPDATE' : 'SET'} </button>`} </form>` : ''} ${v.type && v.type.toLowerCase() === 'http' && v.scheme && v.scheme.toLowerCase() === 'basic' ? (0, _lit.html)` ${(0, _index.getI18nText)('authentication.http-basic-desc')} <form style="display:flex"> <input type="text" value="${v.user}" placeholder="${(0, _index.getI18nText)('authentication.username')}" spellcheck="false" class="api-key-user" style="width:100px"> <input class="api-key-password fs-exclude" data-hj-suppress data-sl="mask" type="password" value="${v.password}" placeholder="${(0, _index.getI18nText)('authentication.password')}" spellcheck="false" style="width:100px;margin:0 5px"> <button type="submit" class="m-btn thin-border" @click="${e => {
       onApiKeyChange.call(this, v.apiKeyId, e);
     }}" part="btn btn-outline"> ${v.finalKeyValue ? 'UPDATE' : (0, _index.getI18nText)('authentication.set')} </button> </form>` : ''} </td> </tr> ${v.type.toLowerCase() === 'oauth2' ? (0, _lit.html)` <tr> <td colspan="2" style="border:none;padding-left:48px"> ${Object.keys(v.flows).map(f => oAuthFlowTemplate.call(this, f, v, v.flows[f]))} </td> </tr> ` : ''} `;
-  })} </table>` : ''} </div> </slot> </section> `;
+  })} </table>` : ''} <slot name="authentication-footer"></slot> </div> </slot> </section> `;
 }
 
 function getOauthScopeTemplate(rawScopes) {

package/dist/lib/utils/schema-utils.js

@@ -127,12 +127,12 @@ function getTypeInfo(schema, options = {
   return info;
 }
 
-function getSampleValueByType(schemaObj, fallbackPropertyName, skipExampleStrings) {
+function getSampleValueByType(schemaObj, fallbackPropertyName, skipExampleIds) {
   var _Object$values$0$valu, _Object$values$, _schemaObj$type;
 
   const example = Array.isArray(schemaObj.examples) ? schemaObj.examples[0] : (_Object$values$0$valu = (_Object$values$ = Object.values(schemaObj.examples || {})[0]) === null || _Object$values$ === void 0 ? void 0 : _Object$values$.value) !== null && _Object$values$0$valu !== void 0 ? _Object$values$0$valu : schemaObj.example;
 
-  if (skipExampleStrings && typeof example === 'string') {
+  if (skipExampleIds && typeof example === 'string' && fallbackPropertyName.match(/id$/i)) {
     return '';
   }
 
@@ -178,7 +178,7 @@ function getSampleValueByType(schemaObj, fallbackPropertyName, skipExampleString
     return null;
   }
 
-  if (skipExampleStrings && typeValue.match(/^string/g)) {
+  if (skipExampleIds && typeValue.match(/^string/g) && fallbackPropertyName.match(/id$/i)) {
     return '';
   }
 
@@ -400,7 +400,7 @@ function getSimpleValueResult(schema, config, namespace, prefix, xmlAttributes,
     return config.xml ? [xmlTagProperties] : objectExamples;
   }
 
-  const value = getSampleValueByType(schema, config.propertyName, config.skipExampleStrings);
+  const value = getSampleValueByType(schema, config.propertyName, config.skipExampleIds);
   return [value];
 }
 
@@ -679,7 +679,7 @@ function schemaInObjectNotation(rawSchema, options, level = 0, suffix = '') {
 /* Create Example object */
 
 
-function generateExample(examples, example, schema, rawMimeType, includeReadOnly = true, includeWriteOnly = true, outputType, skipExampleStrings = false) {
+function generateExample(examples, example, schema, rawMimeType, includeReadOnly = true, includeWriteOnly = true, outputType, skipExampleIds = false) {
   const mimeType = rawMimeType || 'application/json';
   const finalExamples = []; // First check if examples is provided
 
@@ -775,7 +775,7 @@ function generateExample(examples, example, schema, rawMimeType, includeReadOnly
   const config = {
     includeReadOnly,
     includeWriteOnly,
-    skipExampleStrings,
+    skipExampleIds,
     xml: mimeType.toLowerCase().includes('xml')
   };
   const samples = getExampleValuesFromSchema(schema, config);

package/package.json

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