From 31ab1a7c67bb32527464e858c3d4e451f4c16977 Mon Sep 17 00:00:00 2001
From: Ae0h <dontlisten33@gmail.com>
Date: Fri, 22 Nov 2024 11:47:12 -0800
Subject: [PATCH] feat: Cookbook Onboard integration

---
 app/.gitignore                     |  1 +
 app/app/layout.tsx                 |  3 +++
 app/src/components/AskCookbook.tsx | 15 +++++++++++++++
 app/vercel.json                    |  3 +++
 4 files changed, 22 insertions(+)
 create mode 100644 app/src/components/AskCookbook.tsx
 create mode 100644 app/vercel.json

diff --git a/app/.gitignore b/app/.gitignore
index e051a5be..75c874ba 100644
--- a/app/.gitignore
+++ b/app/.gitignore
@@ -10,3 +10,4 @@ yarn-error.log*
 .pnpm-debug.log*
 .env*.local
 .env
+.vercel
diff --git a/app/app/layout.tsx b/app/app/layout.tsx
index 78da66ce..0951f65f 100644
--- a/app/app/layout.tsx
+++ b/app/app/layout.tsx
@@ -9,6 +9,8 @@ import {
     WithContext,
 } from 'schema-dts';
 
+import AskCookbook from '@/components/AskCookbook';
+
 import { Theme } from './theme';
 
 export const metadata = {
@@ -63,6 +65,7 @@ export default function RootLayout(properties) {
                     data-domain="docs.ens.domains"
                     src="https://plausible.io/js/script.js"
                 ></script>
+                <AskCookbook />
             </body>
         </html>
     );
diff --git a/app/src/components/AskCookbook.tsx b/app/src/components/AskCookbook.tsx
new file mode 100644
index 00000000..37498715
--- /dev/null
+++ b/app/src/components/AskCookbook.tsx
@@ -0,0 +1,15 @@
+///** It's a public API key, so it's safe to expose it here */
+const COOKBOOK_PUBLIC_API_KEY =
+    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI2NmJlNWY2ZDZkMjk4YjBkZjY5YTRmYjAiLCJpYXQiOjE3MjM3NTIzMDEsImV4cCI6MjAzOTMyODMwMX0.VramSR-VHSbgdQfscWvoahAuYMhLbc8i1_7wW50z_IU';
+
+export default function AskCookbook() {
+    return (
+        <>
+            <div id="__cookbook" data-api-key={COOKBOOK_PUBLIC_API_KEY}></div>
+            <script
+                src="https://cdn.jsdelivr.net/npm/@cookbookdev/docsbot/dist/standalone/index.cjs.js"
+                defer
+            ></script>
+        </>
+    );
+}
diff --git a/app/vercel.json b/app/vercel.json
new file mode 100644
index 00000000..5998aa97
--- /dev/null
+++ b/app/vercel.json
@@ -0,0 +1,3 @@
+{
+    "buildCommand": "pnpm run build --debug"
+}
\ No newline at end of file