support vercel audience analytics

apps/web/package.json

@@ -15,9 +15,11 @@
     "@editorjs/editorjs": "^2.25.0",
     "@editorjs/header": "^2.6.2",
     "@editorjs/paragraph": "^2.8.0",
+    "@formbricks/ui": "workspace:*",
     "@headlessui/react": "^1.7.3",
     "@heroicons/react": "^2.0.12",
     "@snoopforms/react": "workspace:*",
+    "@vercel/analytics": "^0.1.1",
     "bcryptjs": "^2.4.3",
     "chart.js": "^3.9.1",
     "crypto": "^1.0.1",
@@ -40,10 +42,12 @@
     "sanitize-html": "^2.7.2",
     "sharp": "^0.31.1",
     "swr": "^1.3.0",
-    "@formbricks/ui": "workspace:*",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
+    "@formbricks/database": "workspace:*",
+    "@formbricks/tailwind-config": "workspace:*",
+    "@formbricks/tsconfig": "workspace:*",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.7",
@@ -51,14 +55,11 @@
     "@types/node": "18.11.0",
     "@types/react": "^18.0.21",
     "autoprefixer": "^10.4.12",
-    "@formbricks/database": "workspace:*",
     "eslint": "8.25.0",
     "eslint-config-formbricks": "workspace:*",
     "postcss": "^8.4.18",
-    "@formbricks/tailwind-config": "workspace:*",
     "tailwindcss": "^3.1.8",
     "ts-node": "^10.9.1",
-    "@formbricks/tsconfig": "workspace:*",
     "typescript": "4.8.4"
   }
 }

apps/web/pages/_app.tsx

@@ -1,3 +1,4 @@
+import { Analytics } from "@vercel/analytics/react";
 import "highlight.js/styles/tokyo-night-dark.css";
 import { SessionProvider } from "next-auth/react";
 import { ToastContainer } from "react-toastify";
@@ -11,6 +12,7 @@ function SnoopApp({ Component, pageProps: { session, ...pageProps } }) {
     <SessionProvider session={session}>
       <Component {...pageProps} />
       <ToastContainer />
+      <Analytics />
     </SessionProvider>
   );
 }

pnpm-lock.yaml

@@ -32,6 +32,7 @@ importers:
       '@types/bcryptjs': ^2.4.2
       '@types/node': 18.11.0
       '@types/react': ^18.0.21
+      '@vercel/analytics': ^0.1.1
       autoprefixer: ^10.4.12
       bcryptjs: ^2.4.3
       chart.js: ^3.9.1
@@ -70,6 +71,7 @@ importers:
       '@headlessui/react': 1.7.3_biqbaboplfbrettd7655fr4n2y
       '@heroicons/react': 2.0.12_react@18.2.0
       '@snoopforms/react': link:../../packages/snoopforms-react
+      '@vercel/analytics': 0.1.1_react@18.2.0
       bcryptjs: 2.4.3
       chart.js: 3.9.1
       crypto: 1.0.1
@@ -1129,7 +1131,7 @@ packages:
       tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1'
     dependencies:
       mini-svg-data-uri: 1.4.4
-      tailwindcss: 3.1.8_postcss@8.4.18
+      tailwindcss: 3.1.8_neo3lunb2qpadwxplzw7r2isgm
     dev: true
 
   /@tailwindcss/line-clamp/0.4.2_tailwindcss@3.1.8:
@@ -1326,6 +1328,14 @@ packages:
       eslint-visitor-keys: 3.3.0
     dev: false
 
+  /@vercel/analytics/0.1.1_react@18.2.0:
+    resolution: {integrity: sha512-34on7YtVt/yT8+QX7c5K2bcKYXnax06sQiK2PUdlQ1ABg5699mPdLGOSpS1gF//kR1s9oig4MCJ+N9nOjpaS6g==}
+    peerDependencies:
+      react: ^16.8||^17||^18
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /@webassemblyjs/ast/1.11.1:
     resolution: {integrity: sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==}
     dependencies: