Feat(planning#831): Added api doc component

components/ApiDoc.tsx

+import React, { useEffect } from 'react'
+
+function ApiDoc({ specUrl }) {
+    useEffect(() => {
+        import('rapidoc')
+    }, [])
+
+    return (
+        <>
+            <rapi-doc
+                spec-url={specUrl}
+                render-style="read"
+                show-header="false"
+                allow-server-selection="false"
+                allow-authentication="true"
+            />
+        </>
+    )
+}
+
+export default ApiDoc

declarations.d.ts

+declare namespace JSX {
+    interface IntrinsicElements {
+      'rapi-doc': any;
+    }
+  }

package.json

@@ -25,6 +25,7 @@
     "json5": "2.2.3",
     "minimist": "1.2.8",
     "next": "13.4.19",
+    "rapidoc": "^9.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "remark": "^14.0.3",

tsconfig.json

@@ -23,6 +23,11 @@
     },
     "incremental": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "declarations.d.ts"
+  ],
   "exclude": ["node_modules"]
 }