fixes #245 - JSON Tree component should use quotes for the keys

Author: mrin9

src/components/api-request.js

@@ -584,9 +584,7 @@ export default class ApiRequest extends LitElement {
                     data-example-format = "${v.exampleFormat}"
                     style="width:100%; resize:vertical;"
                     .textContent = "${this.fillRequestFieldsWithExample === 'true' ? (v.exampleFormat === 'text' ? v.exampleValue : JSON.stringify(v.exampleValue, null, 2)) : ''}"
-                  >
-                  </textarea>
-
+                  ></textarea>
                 </div>  
               `)}
 
@@ -935,8 +933,7 @@ export default class ApiRequest extends LitElement {
               <pre style="white-space:pre; max-height:400px; overflow:auto">${responseFormat
                 ? html`<code>${unsafeHTML(Prism.highlight(this.responseText, Prism.languages[responseFormat], responseFormat))}</code>`
                 : `${this.responseText}`
-              }
-              </pre>
+              }</pre>
             </div>`
         }
         <div class="tab-content col m-markdown" style="flex:1;display:${this.activeResponseTab === 'headers' ? 'flex' : 'none'};" >

src/components/json-tree.js

@@ -99,7 +99,7 @@ export default class JsonTree extends LitElement {
       <div class="inside-bracket">
         ${Object.keys(data).map((key, i, a) => html`
           <div class="item"> 
-            ${detailType === 'pure_object' ? html`${key}:` : ''}
+            ${detailType === 'pure_object' ? html`"${key}":` : ''}
             ${this.generateTree(data[key], i === (a.length - 1))}
           </div>`)
         }