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
proppy · Jul 6, 2020 · 2900ee0 · 2900ee0
1 parent e6e5a6a
commit 2900ee0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/schema-table.js b/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() {

diff --git a/src/components/schema-tree.js b/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() {