feat: switch to the new parser-api

components/Bindings.js

@@ -5,19 +5,18 @@ import { FormatHelpers } from '../helpers/format';
 
 export function Bindings({ name = 'Binding specific information', item }) {
   const bindings = item.bindings();
-  if (!bindings || !Object.keys(bindings).length) {
+  if (bindings.isEmpty()) {
     return null;
   }
 
-  const renderBindings = Object.entries(bindings).map(
-    ([bindingName, binding]) => {
-      const schema = SchemaHelpers.jsonToSchema(binding);
-      const schemaName = `${FormatHelpers.inlineCode(bindingName)} ${name}`;
-      return (
-        <Schema schemaName={schemaName} schema={schema} key={bindingName} />
-      );
-    },
-  );
+  const renderBindings = bindings.all().map(binding => {
+    const protocol = binding.protocol();
+    const schema = SchemaHelpers.jsonToSchema(binding);
+    const schemaName = `${FormatHelpers.inlineCode(protocol)} ${name}`;
+    return (
+      <Schema schemaName={schemaName} schema={schema} key={protocol} />
+    );
+  });
 
   return (
     <>

components/Extensions.js

@@ -3,8 +3,8 @@ 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) {
+  const extensions = SchemaHelpers.getCustomExtensions(item) || {};
+  if (Object.keys(extensions || {}).length === 0) {
     return null;
   }
 

components/FrontMatter.js

@@ -4,9 +4,10 @@ import * as fs from 'fs';
 import * as yaml from 'yaml';
 
 export function FrontMatter({ asyncapi, params }) {
+  const info = asyncapi.info();
   const frontMatter = yaml.parse(fs.readFileSync(params.frontMatter, 'utf8'));
   let frontMatterStr = yaml.stringify(frontMatter);
-  frontMatterStr = frontMatterStr.split('{{title}}').join(asyncapi.info().title());
-  frontMatterStr = frontMatterStr.split('{{version}}').join(params.version || asyncapi.info().version());
+  frontMatterStr = frontMatterStr.split('{{title}}').join(info.title());
+  frontMatterStr = frontMatterStr.split('{{version}}').join(params.version || info.version());
   return <Text newLines={2}>{`---\n${frontMatterStr}---`}</Text>;
 }

components/Info.js

@@ -6,12 +6,13 @@ import { Header, Link, Image, List, NewLine } from './common';
 export function Info({ asyncapi, params = {} }) {
   const info = asyncapi.info();
 
-  const specId = asyncapi.id();
-  const externalDocs = asyncapi.externalDocs();
-  const license = info.license();
-  const termsOfService = info.termsOfService();
   const defaultContentType = asyncapi.defaultContentType();
+  const specId = info.id();
+  const termsOfService = info.termsOfService();
+  const license = info.license();
   const contact = info.contact();
+  const externalDocs = info.externalDocs();
+  const extensions = info.extensions();
 
   const infoList = [];
   if (specId) {
@@ -86,9 +87,9 @@ export function Info({ asyncapi, params = {} }) {
         {info.title()} {params.version || info.version()} documentation
       </Header>
 
-      {info.hasExt('x-logo') && (
+      {extensions.has('x-logo') && (
         <Text>
-          <Image src={info.ext('x-logo')} desc={`${info.title()} logo`} />
+          <Image src={extensions.get('x-logo').value()} desc={`${info.title()} logo`} />
         </Text>
       )}
 
@@ -104,7 +105,7 @@ export function Info({ asyncapi, params = {} }) {
           <Link
             href={externalDocs.url()}
           >
-            {externalDocs.hasDescription() ? externalDocs.description() : 'Find more info here.'}
+            {externalDocs.description() || 'Find more info here.'}
           </Link>
         </Text>
       )}
@@ -115,9 +116,7 @@ export function Info({ asyncapi, params = {} }) {
         </Text>
       )}
 
-      {asyncapi.hasTags() && (
-        <Tags name="Specification tags" tags={asyncapi.tags()} />
-      )}
+      <Tags name="Specification tags" item={info} />
     </Text>
   );
 }

components/Message.js

@@ -1,19 +1,20 @@
 import { IndentationTypes, Text } from '@asyncapi/generator-react-sdk';
-import { generateExample, getPayloadExamples, getHeadersExamples } from '@asyncapi/generator-filters';
 
 import { Bindings } from './Bindings';
 import { Extensions } from './Extensions';
 import { Schema } from './Schema';
 import { Tags } from './Tags';
 import { Header, ListItem, Link, BlockQuote, CodeBlock, NewLine } from './common';
 
+import { MessageHelpers } from '../helpers/message';
+
 export function Message({ message }) { // NOSONAR
   if (!message) {
     return null;
   }
 
   // check typeof as fallback for older version than `2.4.0`
-  const messageId = typeof message.id === 'function' && message.id();
+  const messageId = typeof message.messageId === 'function' && message.messageId();
   const headers = message.headers();
   const payload = message.payload();
   const correlationId = message.correlationId();
@@ -25,8 +26,9 @@ export function Message({ message }) { // NOSONAR
   if (message.title()) {
     header += ` ${message.title()}`;
   }
-  if (message.uid()) {
-    header += ` \`${message.uid()}\``;
+  const id = message.messageId() || message.name() || message.id();
+  if (id) {
+    header += ` \`${id}\``;
   }
 
   return (
@@ -81,7 +83,7 @@ export function Message({ message }) { // NOSONAR
           <Link
             href={externalDocs.url()}
           >
-            {externalDocs.hasDescription() ? externalDocs.description() : 'Find more info here.'}
+            {externalDocs.description() || 'Find more info here.'}
           </Link>
         </Text>
       )}
@@ -108,56 +110,64 @@ export function Message({ message }) { // NOSONAR
       />
       <Extensions name="Message extensions" item={message} />
 
-      {message.hasTags() && (
-        <Tags name="Message tags" tags={message.tags()} />
-      )}
+      <Tags name="Message tags" item={message} />
     </>
   );
 }
 
 function Examples({ type = 'headers', message }) {
   if (type === 'headers') {
-    const ex = getHeadersExamples(message);
+    const ex = MessageHelpers.getHeadersExamples(message);
     if (ex) {
       return (
         <>
           <BlockQuote>Examples of headers</BlockQuote>
-          <Example examples={ex} />
+          <ExamplesRenderer examples={ex} />
         </>
       );
     }
 
+    const headers = message.headers();
+    if (!headers) {
+      return null;
+    }
+
     return (
       <>
         <BlockQuote>Examples of headers _(generated)_</BlockQuote>
         <Text newLines={2}>
-          <CodeBlock language='json'>{generateExample(message.headers().json())}</CodeBlock>
+          <CodeBlock language='json'>{MessageHelpers.generateExample(headers.json())}</CodeBlock>
         </Text>
       </>
     );
   } 
 
-  const examples = getPayloadExamples(message);
+  const examples = MessageHelpers.getPayloadExamples(message);
   if (examples) {
     return (
       <>
         <BlockQuote>Examples of payload</BlockQuote>
-        <Example examples={examples} />
+        <ExamplesRenderer examples={examples} />
       </>
     );
   }
 
+  const payload = message.payload();
+  if (!payload) {
+    return null;
+  }
+
   return (
     <>
       <BlockQuote>Examples of payload _(generated)_</BlockQuote>
       <Text newLines={2}>
-        <CodeBlock language='json'>{generateExample(message.payload().json())}</CodeBlock>
+        <CodeBlock language='json'>{MessageHelpers.generateExample(payload.json())}</CodeBlock>
       </Text>
     </>
   );
 }
 
-function Example({ examples = [] }) {
+function ExamplesRenderer({ examples }) {
   if (examples.length === 0) {
     return null;
   }

components/Operations.js

@@ -4,7 +4,7 @@ import { Bindings } from './Bindings';
 import { Extensions } from './Extensions';
 import { Message } from './Message';
 import { Schema } from './Schema';
-import { Security } from './Servers';
+import { Security } from './Security';
 import { Tags } from './Tags';
 import { Header, ListItem, Link } from './common';
 
@@ -13,36 +13,39 @@ import { FormatHelpers } from '../helpers/format';
 
 export function Operations({ asyncapi }) {
   const channels = asyncapi.channels();
-  if (!Object.keys(channels).length) {
+  if (channels.isEmpty()) {
     return null;
   }
 
   const operationsList = [];
-  Object.entries(channels).forEach(([channelName, channel]) => {
-    if (channel.hasPublish()) {
-      operationsList.push(
-        <Operation
-          key={`pub-${channelName}`}
-          type='publish'
-          asyncapi={asyncapi}
-          operation={channel.publish()}
-          channelName={channelName}
-          channel={channel}
-        />
-      );
-    }
-    if (channel.hasSubscribe()) {
-      operationsList.push(
-        <Operation
-          key={`sub-${channelName}`}
-          type='subscribe'
-          asyncapi={asyncapi}
-          operation={channel.subscribe()}
-          channelName={channelName}
-          channel={channel}
-        />
-      );
-    }
+  channels.all().map(channel => {
+    const channelName = channel.address();
+    channel.operations().all().forEach(operation => {
+      if (operation.action() === 'publish') {
+        operationsList.push(
+          <Operation
+            key={`pub-${channelName}`}
+            type='publish'
+            asyncapi={asyncapi}
+            operation={operation}
+            channelName={channelName}
+            channel={channel}
+          />
+        );
+      }
+      if (operation.action() === 'subscribe') {
+        operationsList.push(
+          <Operation
+            key={`sub-${channelName}`}
+            type='subscribe'
+            asyncapi={asyncapi}
+            operation={operation}
+            channelName={channelName}
+            channel={channel}
+          />
+        );
+      }
+    });
   });
 
   return (
@@ -55,15 +58,15 @@ export function Operations({ asyncapi }) {
   );
 }
 
-function Operation({ type, asyncapi, operation, channelName, channel }) { // NOSONAR
+function Operation({ type, operation, channelName, channel }) { // NOSONAR
   if (!operation || !channel) {
     return null;
   }
 
-  const operationId = operation.id();
+  const operationId = operation.operationId();
   const externalDocs = operation.externalDocs();
   // check typeof as fallback for older version than `2.2.0`
-  const servers = typeof channel.servers === 'function' && channel.servers();
+  const servers = typeof channel.servers === 'function' && channel.servers().all();
   // check typeof as fallback for older version than `2.4.0`
   const security = typeof operation.security === 'function' && operation.security();
   const renderedType = type === 'publish' ? 'PUB' : 'SUB';
@@ -88,8 +91,9 @@ function Operation({ type, asyncapi, operation, channelName, channel }) { // NOS
             <ListItem>
               Available only on servers:{' '}
               {servers.map(s => {
-                const slug = FormatHelpers.slugify(s);
-                return `[${s}](#${slug}-server)`;
+                const serverId = s.id();
+                const slug = FormatHelpers.slugify(serverId);
+                return `[${serverId}](#${slug}-server)`;
               }).join(', ')}
             </ListItem>
           )}
@@ -112,18 +116,16 @@ function Operation({ type, asyncapi, operation, channelName, channel }) { // NOS
           <Link
             href={externalDocs.url()}
           >
-            {externalDocs.hasDescription() ? externalDocs.description() : 'Find more info here.'}
+            {externalDocs.description() || 'Find more info here.'}
           </Link>
         </Text>
       )}
 
-      {operation.hasTags() && (
-        <Tags name="Operation tags" tags={operation.tags()} />
-      )}
+      <Tags name="Operation tags" item={operation} />
 
       <OperationParameters channel={channel} />
 
-      <Security security={security} asyncapi={asyncapi} header='Additional security requirements' />
+      <Security security={security} header='Additional security requirements' />
 
       <Bindings
         name="Channel specific information"
@@ -143,7 +145,7 @@ function Operation({ type, asyncapi, operation, channelName, channel }) { // NOS
 }
 
 function OperationParameters({ channel }) {
-  const parameters = SchemaHelpers.parametersToSchema(channel.parameters());
+  const parameters = SchemaHelpers.parametersToSchema(channel.parameters().all());
   if (!parameters) {
     return null;
   }
@@ -157,11 +159,10 @@ function OperationParameters({ channel }) {
 }
 
 function OperationMessages({ operation }) {
-  const hasMessages = operation.hasMultipleMessages() || !!operation.message(0);
-  if (!hasMessages) {
+  const messages = operation.messages().all();
+  if (messages.length === 0) {
     return null;
   }
-  const messages = operation.messages();
 
   return (
     <>
@@ -170,8 +171,8 @@ function OperationMessages({ operation }) {
           Accepts **one of** the following messages:
         </Text>
       )}
-      {messages.map(msg => (
-        <Message title={`Message \`${msg.uid()}\``} message={msg} key={msg.uid()} />
+      {messages.map((msg, idx) => (
+        <Message message={msg} key={idx} />
       ))}
     </>
   );