feat: implemented asyncapi-social-plugin in playground

library/src/styles/default.css

@@ -13,7 +13,7 @@
     @apply lg:relative lg:block lg:w-64 lg:h-auto;
   }
 
-  .container\:xl .sidebar--wrapper{
+  .container\:xl .sidebar--wrapper {
     @apply xl:w-full;
     @apply sm:w-full;
   }

playground/app/page.tsx

@@ -16,6 +16,7 @@ import {
 } from '@/components';
 import { defaultConfig, parse, debounce } from '@/utils';
 import * as specs from '@/specs';
+import SocialMediaPlugin from 'asyncapi-social-plugin';
 
 const defaultSchema = specs.streetlights;
 
@@ -93,7 +94,11 @@ class Playground extends Component<unknown, State> {
             </Tabs>
           </CodeEditorsWrapper>
           <AsyncApiWrapper>
-            <AsyncApi schema={schema} config={parsedConfig} />
+            <AsyncApi
+              schema={schema}
+              config={parsedConfig}
+              plugins={[SocialMediaPlugin]}
+            />
           </AsyncApiWrapper>
         </SplitWrapper>
       </PlaygroundWrapper>

playground/package.json

@@ -10,6 +10,7 @@
     "@codemirror/lang-yaml": "^6.0.0",
     "@uiw/codemirror-theme-material": "^4.21.24",
     "@uiw/react-codemirror": "^4.21.24",
+    "asyncapi-social-plugin": "^1.0.0",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18",

playground/specs/streetlights.ts

@@ -2,6 +2,8 @@ export const streetlights = `asyncapi: '2.6.0'
 id: 'urn:com:smartylighting:streetlights:server'
 info:
   x-x: AsyncAPISpec
+  x-linkedin: https://www.linkedin.com/company/asyncapi
+
   title: Streetlights API
   version: '1.0.0'
   description: |