feat: add Chatbase (#584)

fadeev · web-flow · commit 7a0c69516add · 2025-03-21T19:55:50.000+03:00
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/src/lib/scripts/chatbase.ts b/src/lib/scripts/chatbase.ts
@@ -0,0 +1,28 @@
+export const chatbaseScript = `
+  (function(){
+    if(!window.chatbase||window.chatbase("getState")!=="initialized"){
+      window.chatbase=(...arguments)=>{
+        if(!window.chatbase.q){window.chatbase.q=[]}
+        window.chatbase.q.push(arguments)
+      };
+      window.chatbase=new Proxy(window.chatbase,{
+        get(target,prop){
+          if(prop==="q"){return target.q}
+          return(...args)=>target(prop,...args)
+        }
+      })
+    }
+    const onLoad=function(){
+      const script=document.createElement("script");
+      script.src="https://www.chatbase.co/embed.min.js";
+      script.id="HwoQ2Sf9rFFtdW59sbYKF";
+      script.domain="www.chatbase.co";
+      document.body.appendChild(script)
+    };
+    if(document.readyState==="complete"){
+      onLoad()
+    }else{
+      window.addEventListener("load",onLoad)
+    }
+  })();
+`;
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -3,6 +3,7 @@ import Document, { DocumentContext, Head, Html, Main, NextScript } from "next/do
 import React from "react";
 
 import { createEmotionCache } from "~/lib/helpers/createEmotionCache";
+import { chatbaseScript } from "~/lib/scripts/chatbase";
 
 export default class MyDocument extends Document {
   static async getInitialProps(ctx: DocumentContext) {
@@ -41,6 +42,7 @@ export default class MyDocument extends Document {
         <body className="no-scrollbar">
           <Main />
           <NextScript />
+          <script dangerouslySetInnerHTML={{ __html: chatbaseScript }} />
         </body>
       </Html>
     );
