coderomm
diff --git a/‎apps/collabydraw/app/layout.tsx‎
Lines changed: 19 additions & 0 deletions b/‎apps/collabydraw/app/layout.tsx‎
Lines changed: 19 additions & 0 deletions
diff --git a/‎apps/collabydraw/canvas-engine/CanvasEngine.ts‎
Lines changed: 1 addition & 3 deletions b/‎apps/collabydraw/canvas-engine/CanvasEngine.ts‎
Lines changed: 1 addition & 3 deletions
diff --git a/‎apps/collabydraw/package.json‎
Lines changed: 1 addition & 0 deletions b/‎apps/collabydraw/package.json‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎apps/collabydraw/test/test.html‎
Lines changed: 0 additions & 78 deletions b/‎apps/collabydraw/test/test.html‎
Lines changed: 0 additions & 78 deletions
diff --git a/‎pnpm-lock.yaml‎
Lines changed: 34 additions & 0 deletions b/‎pnpm-lock.yaml‎
Lines changed: 34 additions & 0 deletions
@@ -5,6 +5,8 @@ import Provider from "./provider";
 import { Toaster } from "sonner";
 import { ThemeProvider } from "@/components/theme-provider";
 import { baseMetadata, jsonLdSchema } from "@/utils/metadata";
+import Script from "next/script";
+import { Analytics } from "@vercel/analytics/react"
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -37,6 +39,22 @@ export default function RootLayout({
   return (
     <html lang="en">
       <head>
+        <Script
+          strategy="afterInteractive"
+          src="https://www.googletagmanager.com/gtag/js?id=G-85S7XMW3W2"
+        />
+        <Script
+          id="google-analytics"
+          strategy="afterInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){dataLayer.push(arguments);}
+              gtag('js', new Date());
+              gtag('config', 'G-85S7XMW3W2');
+            `,
+          }}
+        />
         <script
           type="application/ld+json"
           dangerouslySetInnerHTML={{
@@ -53,6 +71,7 @@ export default function RootLayout({
           </ThemeProvider>
           <Toaster />
         </Provider>
+        <Analytics/>
       </body>
     </html>
   );
 
@@ -141,6 +141,7 @@ export class CanvasEngine {
     if (!this.isStandalone && this.token && this.roomId) {
       console.log("✅Connecting to WebSocket…");
       this.connectWebSocket();
+      console.log("✅Connected to WebSocket…");
     }
   }
 
@@ -1047,9 +1048,6 @@ export class CanvasEngine {
         textarea.style.width = `${Math.max(span!.offsetWidth + 10, 50)}px`;
         textarea.style.height = `${Math.max(span!.offsetHeight, 20)}px`;
       });
-
-      console.log("span.offsetWidth= ", span.offsetWidth);
-      console.log("textarea.style.width= ", textarea.style.width);
     };
 
     textarea.addEventListener("input", () => {
 
@@ -21,6 +21,7 @@
     "@radix-ui/react-separator": "^1.1.2",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.8",
+    "@vercel/analytics": "^1.5.0",
     "axios": "^1.7.9",
     "bcrypt": "^5.1.1",
     "class-variance-authority": "^0.7.1",