fix readOnly

Author: Gabriel Raniere

src/components.d.ts

@@ -21,6 +21,7 @@ import {
 } from 'openapi3-ts';
 import {
   AcessorNode,
+  OperationType,
 } from './components/openapi/util';
 import {
   LocationSegments,
@@ -111,6 +112,7 @@ export namespace Components {
   interface DocsOpenapiExample {
     'indents': number;
     'node'?: AcessorNode;
+    'operation': OperationType;
     'path': string;
     'spec': OpenAPIObject;
   }
@@ -124,6 +126,8 @@ export namespace Components {
   }
   interface DocsOpenapiSchemaNested {
     'canClose': boolean;
+    'hideReadOnly': boolean;
+    'hideWriteOnly': boolean;
     'node': AcessorNode;
     'open': boolean;
     'path': string;
@@ -541,6 +545,7 @@ declare namespace LocalJSX {
   interface DocsOpenapiExample {
     'indents'?: number;
     'node'?: AcessorNode;
+    'operation'?: OperationType;
     'path'?: string;
     'spec'?: OpenAPIObject;
   }
@@ -554,6 +559,8 @@ declare namespace LocalJSX {
   }
   interface DocsOpenapiSchemaNested {
     'canClose'?: boolean;
+    'hideReadOnly'?: boolean;
+    'hideWriteOnly'?: boolean;
     'node'?: AcessorNode;
     'open'?: boolean;
     'path'?: string;

src/components/openapi/example.tsx

@@ -1,6 +1,6 @@
 import { Component, Prop, h } from "@stencil/core";
 import { OpenAPIObject } from "openapi3-ts";
-import { generateExample, getRefPath, AcessorNode } from "./util";
+import { generateExample, getRefPath, AcessorNode, OperationType } from "./util";
 
 @Component({
   tag: 'docs-openapi-example',
@@ -10,6 +10,7 @@ export class DocsOpenapiExample {
   @Prop() path: string
   @Prop() node?: AcessorNode
   @Prop() indents: number = 2
+  @Prop() operation: OperationType
 
   private getRootAcessorNode(): AcessorNode {
     if (this.node) {
@@ -28,7 +29,7 @@ export class DocsOpenapiExample {
 
 
   render() {
-    let example = generateExample(this.spec, this.getRootAcessorNode())
+    let example = generateExample(this.spec, this.getRootAcessorNode(), this.operation)
     if (!example) return
 
     let json = JSON.stringify(example, null, this.indents)

src/components/openapi/schema-nested.tsx

@@ -16,6 +16,8 @@ export class DocsOpenapiSchemaNested {
 
   @Prop() open: boolean = false
   @Prop() canClose: boolean = true
+  @Prop() hideReadOnly: boolean = false
+  @Prop() hideWriteOnly: boolean = false
   @State() isOpen: boolean = false
 
   private getRootAcessorNode(): AcessorNode {
@@ -79,7 +81,7 @@ export class DocsOpenapiSchemaNested {
         <span class="text">{text}</span>
       </button>
       {this.isOpen ?
-        <docs-openapi-schema node={node} spec={this.spec}/> :
+        <docs-openapi-schema node={node} spec={this.spec} hideReadOnly={this.hideReadOnly}/> :
         null}
     </section>
     )

src/components/openapi/util.ts

@@ -89,7 +89,6 @@ export function normalizeObject(spec: OpenAPIObject, obj: SchemaObject): SchemaO
           return result
         }, {})
       }
-      // console.log(out, 'cheguei aqui')
       if(out.anyOf){
         console.log(out, 'anyOf')
       }

src/components/page/templates/api-route.tsx

@@ -3,7 +3,7 @@ import { toHypertext } from "../to-hypertext";
 
 import ApiServices from "../../../data/api-services.json";
 import { OpenAPIObject } from "openapi3-ts";
-import { normalizeObject } from "../../openapi/util";
+import { normalizeObject, OperationType } from "../../openapi/util";
 
 export default (props) => {
   const { page } = props;
@@ -29,6 +29,7 @@ export default (props) => {
       service,
       PathSpec?.requestBody?.content?.["application/json"]?.schema
     ),
+    operation: "WRITE" as OperationType
   };
 
   const response = {
@@ -37,6 +38,7 @@ export default (props) => {
       service,
       PathSpec?.responses?.["200"]?.content?.["application/json"]?.schema
     ),
+    operation: "READ" as OperationType
   };
 
   console.log(page)
@@ -63,6 +65,7 @@ export default (props) => {
               text={requestBody.name}
               open={true}
               canClose={false}
+              hideReadOnly = {true}
             />
           )}
         </section>
@@ -71,7 +74,13 @@ export default (props) => {
           <h2 id="example">
             <a href="#example">Exemplo</a>
           </h2>
-          {toHypertext(h, page.requestExample)}
+          {Object.keys(requestBody.schema).length > 0 && (
+            <docs-openapi-example
+              spec={service.spec}
+              node={requestBody}
+              operation={requestBody.operation}
+            />
+          )}
         </section>
       </section>
       : null}
@@ -98,7 +107,14 @@ export default (props) => {
           <h2 id="example">
             <a href="#example">Exemplo</a>
           </h2>
-          {toHypertext(h, page.responseExample)}
+          {Object.keys(response.schema).length > 0 && (
+            <docs-openapi-example
+              spec={service.spec}
+              node={response}
+              operation={response.operation}
+            />
+          )}
+          {/* {toHypertext(h, page.responseExample)} */}
         </section>
       </section>
       : null}