rapidoc/components/schema: allow JSON schema content data

This change allow usage of <schema-tree> and <schema-table> custom
element with a child <pre> block containing a JSON schema.

Fixes rapi-doc#253

Author: proppy

src/components/schema-table.js

@@ -3,6 +3,7 @@ import marked from 'marked';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html';
 import FontStyles from '@/styles/font-styles';
 import SchemaStyles from '@/styles/schema-styles';
+import { schemaInObjectNotation } from '@/utils/schema-utils';
 
 export default class SchemaTable extends LitElement {
   static get properties() {
@@ -17,6 +18,9 @@ export default class SchemaTable extends LitElement {
     super.connectedCallback();
     if (!this.schemaExpandLevel || this.schemaExpandLevel < 1) { this.schemaExpandLevel = 99999; }
     if (!this.schemaDescriptionExpanded || !'true false'.includes(this.schemaDescriptionExpanded)) { this.schemaDescriptionExpanded = 'false'; }
+    if (!this.data) {
+      this.data = schemaInObjectNotation(JSON.parse(this.querySelector('pre').textContent), {});
+    }
   }
 
   static get styles() {

src/components/schema-tree.js

@@ -4,6 +4,7 @@ import { unsafeHTML } from 'lit-html/directives/unsafe-html';
 import FontStyles from '@/styles/font-styles';
 import SchemaStyles from '@/styles/schema-styles';
 import BorderStyles from '@/styles/border-styles';
+import { schemaInObjectNotation } from '@/utils/schema-utils';
 
 export default class SchemaTree extends LitElement {
   static get properties() {
@@ -18,6 +19,9 @@ export default class SchemaTree extends LitElement {
     super.connectedCallback();
     if (!this.schemaExpandLevel || this.schemaExpandLevel < 1) { this.schemaExpandLevel = 99999; }
     if (!this.schemaDescriptionExpanded || !'true false'.includes(this.schemaDescriptionExpanded)) { this.schemaDescriptionExpanded = 'false'; }
+    if (!this.data) {
+      this.data = schemaInObjectNotation(JSON.parse(this.querySelector('pre').textContent), {});
+    }
   }
 
   static get styles() {