recover persisted api keys on all pages

Author: ruchevits

src/templates/main-body-template.js

@@ -6,7 +6,7 @@ import focusedEndpointTemplate from '~/templates/focused-endpoint-template';
 import overviewTemplate from '~/templates/overview-template';
 import endpointTemplate from '~/templates/endpoint-template';
 import serverTemplate from '~/templates/server-template';
-import securitySchemeTemplate from '~/templates/security-scheme-template';
+import securitySchemeTemplate, { recoverPersistedApiKeys } from '~/templates/security-scheme-template';
 import headerTemplate from '~/templates/header-template';
 import navbarTemplate from '~/templates/navbar-template';
 import advancedSearchTemplate from '~/templates/advance-search-template';
@@ -17,6 +17,9 @@ export default function mainBodyTemplate(isMini = false, showExpandCollapse = tr
   if (!this.resolvedSpec) {
     return '';
   }
+  if (this.persistAuth === 'true') {
+    recoverPersistedApiKeys.call(this);
+  }
   const newTheme = {
     bg1: isValidHexColor(this.bgColor) ? this.bgColor : '',
     fg1: isValidHexColor(this.textColor) ? this.textColor : '',

src/templates/security-scheme-template.js

@@ -48,6 +48,13 @@ function setPersistedApiKeys(obj) {
   localStorage.setItem(localStorageKey, JSON.stringify(obj));
 }
 
+export function recoverPersistedApiKeys() {
+  const rapidocLs = getPersistedApiKeys.call(this);
+  Object.values(rapidocLs).forEach((p) => {
+    applyApiKey.call(this, p.securitySchemeId, p.username, p.password, p.value);
+  });
+}
+
 function onApiKeyChange(securitySchemeId) {
   let apiKeyValue = '';
   const securityObj = this.resolvedSpec.securitySchemes.find((v) => (v.securitySchemeId === securitySchemeId));
@@ -371,12 +378,6 @@ function removeApiKey(securitySchemeId) {
 
 export default function securitySchemeTemplate() {
   if (!this.resolvedSpec) { return ''; }
-  if (this.persistAuth === 'true') {
-    const rapidocLs = getPersistedApiKeys.call(this);
-    Object.values(rapidocLs).forEach((p) => {
-      applyApiKey.call(this, p.securitySchemeId, p.username, p.password, p.value);
-    });
-  }
   const providedApiKeys = this.resolvedSpec.securitySchemes?.filter((v) => (v.finalKeyValue));
   if (!providedApiKeys) {
     return;