ensure spec is not null in various templates

Author: mrin9

src/index.js

@@ -1,4 +1,3 @@
-// import '~/styles/css/main.css';
 import RapiDoc from '~/rapidoc';
 import OAuthReceiver from '~/oauth-receiver';
 

src/templates/components-template.js

@@ -23,6 +23,7 @@ function componentBodyTemplate(sComponent) {
 }
 
 export default function componentsTemplate() {
+  if (!this.resolvedSpec) { return ''; }
   return html`
   ${this.resolvedSpec.components.map((component) => html`
     <div id="cmp--${component.name.toLowerCase()}" class='regular-font section-gap--read-mode observe-me' style="border-top:1px solid var(--primary-color);">

src/templates/endpoint-template.js

@@ -133,6 +133,7 @@ function endpointBodyTemplate(path) {
 }
 
 export default function endpointTemplate() {
+  if (!this.resolvedSpec) { return ''; }
   return html`
     <div style="display:flex; justify-content:flex-end;"> 
       <span @click="${(e) => onExpandCollapseAll(e, 'expand-all')}" style="color:var(--primary-color); cursor:pointer;">

src/templates/expanded-endpoint-template.js

@@ -102,6 +102,7 @@ export function expandedEndpointBodyTemplate(path, tagName = '') {
 }
 
 export default function expandedEndpointTemplate() {
+  if (!this.resolvedSpec) { return ''; }
   return html`
   ${this.resolvedSpec.tags.map((tag) => html`
     <section id="${tag.elementId}" part="section-tag" class="regular-font section-gap--read-mode observe-me" style="border-top:1px solid var(--primary-color);">

src/templates/focused-endpoint-template.js

@@ -55,7 +55,7 @@ function focusedTagBodyTemplate(tag) {
 }
 
 export default function focusedEndpointTemplate() {
-  if (!this.focusedElementId) {
+  if (!this.focusedElementId || !this.resolvedSpec) {
     return;
   }
   const focusElId = this.focusedElementId;

src/templates/security-scheme-template.js

@@ -313,6 +313,7 @@ function oAuthFlowTemplate(flowName, clientId, clientSecret, apiKeyId, authFlow)
 }
 
 export default function securitySchemeTemplate() {
+  if (!this.resolvedSpec) { return ''; }
   const providedApiKeys = this.resolvedSpec.securitySchemes?.filter((v) => (v.finalKeyValue));
   if (!providedApiKeys) {
     return;

src/templates/server-template.js

@@ -73,6 +73,7 @@ function serverVarsTemplate() {
 }
 
 export default function serverTemplate() {
+  if (!this.resolvedSpec) { return ''; }
   return html`
   <section id = 'servers' part="section-servers" style="margin-top:24px; margin-bottom:24px;" class='regular-font observe-me ${'read focused'.includes(this.renderStyle) ? 'section-gap--read-mode' : 'section-gap'}'>
     <div class = 'sub-title'>API SERVER</div>