feat: creates new playground with next.js

asyncapi · Feb 29, 2024 · 9f09665 · 9f09665
1 parent d63f9ab
commit 9f09665
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 28 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -19,3 +19,5 @@ npm-debug.log*
 lerna-debug.log*
 /**/*.tgz
 /.github
+
+playground/.next/
diff --git a/library/src/helpers/specification.ts b/library/src/helpers/specification.ts
@@ -85,7 +85,6 @@ export class SpecificationHelpers {
    */
   static serversTags(spec: AsyncAPIDocumentInterface) {
     const tags: Record<string, string[]> = {};
-
     Object.entries(spec.servers()).forEach(([_, server]) => {
       if (server.tags().length > 0) {
         server

diff --git a/playground/app/layout.tsx b/playground/app/layout.tsx
@@ -1,11 +1,11 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
+import { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
-  title: "AsyncAPI React Playground App",
+  title: 'AsyncAPI React Playground App',
 };
 
 export default function RootLayout({

diff --git a/playground/components/Navigation.tsx b/playground/components/Navigation.tsx
@@ -9,23 +9,21 @@ import {
   NavigationHeaderEditorText,
 } from './styled';
 
-const NavigationComponent = () => {
-  return (
-    <NavigationWrapper>
-      <NavigationHeader>
-        <NavigationHeaderH1>
-          <NavigationHeaderIcon
-            src="https://avatars0.githubusercontent.com/u/16401334?v=4&s=200"
-            alt="AsyncAPI logo"
-          />
-          <NavigationHeaderAsyncApiText>
-            AsyncAPI React
-          </NavigationHeaderAsyncApiText>
-          <NavigationHeaderEditorText>editor</NavigationHeaderEditorText>
-        </NavigationHeaderH1>
-      </NavigationHeader>
-    </NavigationWrapper>
-  );
-};
+const NavigationComponent = () => (
+  <NavigationWrapper>
+    <NavigationHeader>
+      <NavigationHeaderH1>
+        <NavigationHeaderIcon
+          src="https://avatars0.githubusercontent.com/u/16401334?v=4&s=200"
+          alt="AsyncAPI logo"
+        />
+        <NavigationHeaderAsyncApiText>
+          AsyncAPI React
+        </NavigationHeaderAsyncApiText>
+        <NavigationHeaderEditorText>editor</NavigationHeaderEditorText>
+      </NavigationHeaderH1>
+    </NavigationHeader>
+  </NavigationWrapper>
+);
 
 export default NavigationComponent;
diff --git a/playground/tailwind.config.ts b/playground/tailwind.config.ts
@@ -1,10 +1,10 @@
-import type { Config } from "tailwindcss";
+import { Config } from 'tailwindcss';
 
 const config: Config = {
   content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   theme: {
     extend: {},