feat: render missed parts of JSON Schema (#185)

.gitignore

@@ -2,4 +2,5 @@ node_modules
 test/output
 output
 sample
-__transpiled
+__transpiled
+coverage

.sonarcloud.properties

@@ -0,0 +1,2 @@
+# Disable specific file since it would introduce more complexity to reduce it - mainly code complexity and complex template literals
+sonar.exclusions=components/Schema.js,helpers/schema.js

components/Channels.js

@@ -1,4 +1,5 @@
 import { Text } from "@asyncapi/generator-react-sdk";
+import { SchemaHelpers } from "../helpers/schema";
 
 import { Header } from "./common";
 import { Message } from "./Message";
@@ -44,14 +45,11 @@ function Channel({ channelName, channel }) {
 }
 
 function Parameters({ parameters }) {
-  const params = Object.entries(parameters).map(([paramName, param]) => (
-    <Schema schema={param.schema()} schemaName={paramName} description={param.description()} hideTitle={true} />
-  ));
-
+  const parametersSchema = SchemaHelpers.parametersToSchema(parameters);
   return (
     <Text>
       <Header type={4}>Channel Parameters</Header>
-      {params}
+      <Schema schema={parametersSchema} hideTitle={true} />
     </Text>
   );
 }

components/Extensions.js

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Schema } from './Schema';
+
+import { SchemaHelpers } from '../helpers/schema';
+
+export const Extensions = ({ name = 'Extensions', item }) => {
+  const extensions = SchemaHelpers.getCustomExtensions(item);
+  if (!extensions || !Object.keys(extensions).length) {
+    return null;
+  }
+
+  const schema = SchemaHelpers.jsonToSchema(extensions);
+  return (
+    <Schema schemaName={name} schema={schema} />
+  );
+};

components/Info.js

@@ -35,4 +35,4 @@ export function TermsOfService({ asyncapi }) {
       <Link href={termsOfService}>{termsOfService}</Link>
     </Text>
   ) : null;
-}
+}