feat!: update to parser API v3 (#459)

Co-authored-by: Lukasz Gornicki <[email protected]>

Author: jonaslagoni

helpers/all.js

@@ -133,7 +133,9 @@ export function includeFile(pathFile) {
  * and annotates that specification is parsed.
  */
 export function stringifySpec(asyncapi) {
-  return stringify(asyncapi);
+  const stringifiedDoc = stringify(asyncapi);
+  if(stringifiedDoc === undefined) throw new Error("Unable to stringify parsed AsyncAPI document passed by the generator. Please report an issue in https://github.com/asyncapi/html-template repository.")
+  return stringifiedDoc
 }
 
 /**

package-lock.json

@@ -39,24 +39,24 @@
   "dependencies": {
     "@asyncapi/generator-react-sdk": "^1.0.0",
     "@asyncapi/react-component": "^1.0.1",
-    "@asyncapi/parser": "^3.0.0-next-major-spec.3",
+    "@asyncapi/parser": "^3.0.0-next-major-spec.14",
     "highlight.js": "10.7.3",
     "puppeteer": "^14.1.0",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "sync-fetch": "^0.5.2"
   },
   "devDependencies": {
-    "@asyncapi/cli": "^0.58.5",
+    "@asyncapi/cli": "^1.1.8",
     "cross-env": "^7.0.3",
     "jest": "^26.6.3",
     "jest-esm-transformer": "^1.0.0",
     "markdown-toc": "^1.2.0"
   },
   "generator": {
     "renderer": "react",
-    "apiVersion": "v2",
-    "generator": ">=1.13.0 <2.0.0",
+    "apiVersion": "v3",
+    "generator": ">=1.15.0 <2.0.0",
     "parameters": {
       "sidebarOrganization": {
         "description": "Defines how the sidebar should be organized. 'byTags' to categorize operations by tags in the root of the document, `byTagsNoRoot` does the same but for pub/sub tags.",

package.json

@@ -8,7 +8,8 @@ const parser = new Parser();
 
 describe('Index component', () => {
   it('should render AsyncAPI v3 document', async () => {
-    const { document } = await fromFile(parser, asyncapi_v3_path).parse();
+    const { document, diagnostics } = await fromFile(parser, asyncapi_v3_path).parse();
+    console.log(diagnostics);
     expect(document).not.toBeUndefined();
     const result = render(<Index asyncapi={document} params={{}}/>);
     const actual = result.trim();

test/components/__snapshots__/index.test.js.snap

@@ -16,7 +16,7 @@ info:
 
 servers:
   production:
-    url: mqtt://test.mosquitto.org:{port}
+    url: test.mosquitto.org:{port}
     protocol: mqtt
     description: Test broker
     variables:
@@ -26,8 +26,18 @@ servers:
         enum:
           - '1883'
           - '8883'
+    security:
+      - apiKey: []
+      - supportedOauthFlows:
+        - streetlights:on
+        - streetlights:off
+        - streetlights:dim
+      - openIdConnectWellKnown: []
 
 defaultContentType: application/json
+tags:
+  - name: One
+  - name: Two
 
 channels:
   smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured:
@@ -37,30 +47,13 @@ channels:
         $ref: '#/components/parameters/streetlightId'
     publish:
       summary: Inform about environmental lighting conditions of a particular streetlight.
-      description: |
-        This is the description with **bold** text.
-        
-        On multiple lines.
       operationId: receiveLightMeasurement
-      tags:
-        - name: oparation-tag1
-          externalDocs: 
-            description: External docs description 1
-            url: https://www.asyncapi.com/
-        - name: oparation-tag2
-          description: Description 2
-          externalDocs:
-            url: "https://www.asyncapi.com/"
-        - name: oparation-tag3
-        - name: oparation-tag4
-          description: Description 4
-        - name: message-tag5
-          externalDocs:  
-            url: "https://www.asyncapi.com/"
       traits:
         - $ref: '#/components/operationTraits/kafka'
       message:
         $ref: '#/components/messages/lightMeasured'
+      tags:
+        - name: One     
 
   smartylighting/streetlights/1/0/action/{streetlightId}/turn/on:
     parameters:
@@ -72,6 +65,8 @@ channels:
         - $ref: '#/components/operationTraits/kafka'
       message:
         $ref: '#/components/messages/turnOnOff'
+      tags:
+        - name: Two          
 
   smartylighting/streetlights/1/0/action/{streetlightId}/turn/off:
     parameters:
@@ -83,6 +78,8 @@ channels:
         - $ref: '#/components/operationTraits/kafka'
       message:
         $ref: '#/components/messages/turnOnOff'
+      tags:
+        - name: One          
 
   smartylighting/streetlights/1/0/action/{streetlightId}/dim:
     parameters:
@@ -94,13 +91,8 @@ channels:
         - $ref: '#/components/operationTraits/kafka'
       message:
         $ref: '#/components/messages/dimLight'
-  some.channel:
-    subscribe:
-      description: this description shows in markdown
-      message:
-        oneOf:
-          - $ref: '#/components/messages/successMessage'
-          - $ref: '#/components/messages/failureMessage'
+      tags:
+        - name: Two          
 
 components:
   messages:
@@ -109,21 +101,6 @@ components:
       title: Light measured
       summary: Inform about environmental lighting conditions of a particular streetlight.
       contentType: application/json
-      tags:
-        - name: message-tag1
-          externalDocs: 
-            description: External docs description 1
-            url: https://www.asyncapi.com/
-        - name: message-tag2
-          description: Description 2
-          externalDocs:
-            url: "https://www.asyncapi.com/"
-        - name: message-tag3
-        - name: message-tag4
-          description: Description 4
-        - name: message-tag5
-          externalDocs:  
-            url: "https://www.asyncapi.com/"
       traits:
         - $ref: '#/components/messageTraits/commonHeaders'
       payload:
@@ -144,31 +121,7 @@ components:
         - $ref: '#/components/messageTraits/commonHeaders'
       payload:
         $ref: "#/components/schemas/dimLightPayload"
-    successMessage:
-      name: Success
-      payload:
-          type: object
-          properties:
-            result:
-              type: string
-              examples:
-                - success
-    failureMessage:
-      name: Failure
-      payload:
-          type: object
-          properties:
-            error:
-              type: object
-              properties:
-                errorCode:
-                  type: integer              
-                errorMessage:
-                  type: string
-          examples:
-            - error:
-                errorCode: 404
-                errorMessage: Something messed up
+
   schemas:
     lightMeasuredPayload:
       type: object
@@ -177,7 +130,6 @@ components:
           type: integer
           minimum: 0
           description: Light intensity measured in lumens.
-          x-pi: false
         sentAt:
           $ref: "#/components/schemas/sentAt"
     turnOnOffPayload:
@@ -189,7 +141,6 @@ components:
             - on
             - off
           description: Whether to turn on or off the light.
-          x-pi: false
         sentAt:
           $ref: "#/components/schemas/sentAt"
     dimLightPayload:
@@ -261,9 +212,9 @@ components:
             type: integer
             minimum: 0
             maximum: 100
-
+  
   operationTraits:
     kafka:
       bindings:
         kafka:
-          clientId: my-app-id
+          clientId: my-app-id