Merge branch 'feature/mermaid-markdown' into mermaid-markdown

package.json

@@ -150,5 +150,6 @@
     "ejs": "^3.1.9",
     "markdown-it": "^14.0.0",
     "mermaid": "^10.8.0"
+    "@types/markdown-it": "^13.0.7",
   }
 }

src/PreviewMarkdown.ts

@@ -1,6 +1,7 @@
 import * as vscode from 'vscode';
 import * as path from 'path';
 import { isAsyncAPIFile } from './PreviewWebPanel';
+
 import { Parser, fromFile, AsyncAPIDocumentInterface } from '@asyncapi/parser';
 import Asyncapi from './Asyncapi';
 
@@ -10,6 +11,7 @@ const parser = new Parser();
 
 async function buildMarkdown(document:AsyncAPIDocumentInterface | undefined, context: vscode.ExtensionContext){
 
+
   let content = '';
 
   if(document !== undefined){
@@ -18,6 +20,7 @@ async function buildMarkdown(document:AsyncAPIDocumentInterface | undefined, con
   }
 
   return content;
+
 }
 
 export function previewMarkdown(context: vscode.ExtensionContext) {
@@ -54,6 +57,7 @@ export async function openAsyncAPIMarkdown(context: vscode.ExtensionContext, uri
   const { document } = await fromFile(parser, uri.fsPath).parse();   
   let result =  await buildMarkdown(document, context); 
 
+
   panel.title = path.basename(uri.fsPath);
   panel.webview.html = getWebviewContent(context, panel.webview, uri, result);
 

src/components/Info.ts

@@ -0,0 +1,61 @@
+import {AsyncAPIDocumentInterface } from '@asyncapi/parser';
+
+export default function info(asyncapi:AsyncAPIDocumentInterface) {
+
+    const info = asyncapi.info();
+    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: any = info.extensions();
+
+    const infoList = [];
+    if (specId) {
+      infoList.push(`Specification ID: \`${specId}\``);
+    }
+    if (license) {
+      infoList.push(license.url() ? (
+          `License: [${license.name()}](${license.url()})`
+      ) : `License: ${license.name()}`);
+    }
+    if (termsOfService) {
+      infoList.push(
+        `[${termsOfService}](${termsOfService})`
+      );
+    }
+    if (defaultContentType) {
+      infoList.push(
+          `Default content type: [${defaultContentType}](https://www.iana.org/assignments/media-types/${defaultContentType})`
+      );
+    }
+    if (contact) {
+      if (contact.url()) {
+        infoList.push(
+            `Support: [${contact.url()}](${contact.name() || 'Link'})`
+        );
+      }
+      if (contact.email()) {
+        infoList.push(
+            `Email support: [${`mailto:${contact.email()}`}](${contact.email()})`
+        );
+      }
+    }
+
+    return (
+        `
+# ${info.title()} ${info.version()} documentation
+    
+${
+  infoList.map((value)=>{
+    return '\n* '+ value;
+  })
+}
+
+![${info.title()}](${(extensions.get('x-logo'))?extensions.get('x-logo').value():null})
+    
+        
+#### ${info.description()}
+      `);
+}  

src/components/MermaidDiagram.ts

@@ -0,0 +1,7 @@
+import {AsyncAPIDocumentInterface } from '@asyncapi/parser';
+
+export default function mermaidDiagram(asyncapi:AsyncAPIDocumentInterface){
+
+
+    return ``;
+}

webpack.config.js

@@ -68,6 +68,7 @@ const extensionConfig = {
           from: 'src/components',
           to: 'components'
         } 
+
       ],
     }),
   ],