From 323acfa309f802ee4d764bf0236a67aa696b73d4 Mon Sep 17 00:00:00 2001
From: babamovandrej <andrejbabamov@gmail.com>
Date: Fri, 29 Aug 2025 16:07:51 +0200
Subject: [PATCH] Add posthog provider so user clicks can be tracked

---
 .env                              |  2 ++
 package-lock.json                 | 14 ++++++++++----
 package.json                      |  2 +-
 src/App.tsx                       | 15 +++++++++------
 src/configuration/constants.ts    |  2 ++
 src/providers/PosthogProvider.tsx | 17 +++++++++++++++++
 tsconfig.app.tsbuildinfo          |  1 +
 tsconfig.node.tsbuildinfo         |  1 +
 8 files changed, 43 insertions(+), 11 deletions(-)
 create mode 100644 .env
 create mode 100644 src/configuration/constants.ts
 create mode 100644 src/providers/PosthogProvider.tsx
 create mode 100644 tsconfig.app.tsbuildinfo
 create mode 100644 tsconfig.node.tsbuildinfo

diff --git a/.env b/.env
new file mode 100644
index 0000000..7b6c9b4
--- /dev/null
+++ b/.env
@@ -0,0 +1,2 @@
+VITE_POSTHOG_KEY=phc_kxHXmEv7QsprWFycWDXes61D1qEvoBzYvzBECXyNOmP
+VITE_POSTHOG_DOMAIN=https://app.concero.io/posthog
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 0d6af52..b14cc98 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
 			"dependencies": {
 				"@concero/ui-kit": "^0.2.21",
 				"@formspree/react": "^3.0.0",
-				"posthog-js": "^1.232.0",
+				"posthog-js": "^1.261.0",
 				"react": "^18.0.0",
 				"react-dom": "^18.3.1",
 				"react-helmet-async": "^2.0.5",
@@ -1700,6 +1700,11 @@
 				"node": ">=14"
 			}
 		},
+		"node_modules/@posthog/core": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@posthog/core/-/core-1.0.2.tgz",
+			"integrity": "sha512-hWk3rUtJl2crQK0WNmwg13n82hnTwB99BT99/XI5gZSvIlYZ1TPmMZE8H2dhJJ98J/rm9vYJ/UXNzw3RV5HTpQ=="
+		},
 		"node_modules/@rolldown/pluginutils": {
 			"version": "1.0.0-beta.9",
 			"resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.9.tgz",
@@ -8607,10 +8612,11 @@
 			}
 		},
 		"node_modules/posthog-js": {
-			"version": "1.249.4",
-			"resolved": "https://registry.npmjs.org/posthog-js/-/posthog-js-1.249.4.tgz",
-			"integrity": "sha512-Qq4cxDZ1P9BkwguuoVNTiLGQiET9vrzwjYWLS3DduKhRXqEzERLl9tOq2X8ZNPbo+D207+FILdWg/dTKUItfDg==",
+			"version": "1.261.0",
+			"resolved": "https://registry.npmjs.org/posthog-js/-/posthog-js-1.261.0.tgz",
+			"integrity": "sha512-jyiXqyrCU+VlpbNNVRA6OQYAVut0XZMYNELCZH+XvTd981VqbE4jXn4XCBreo7XCL2gdPgDVxUVOuzNvEuKcmw==",
 			"dependencies": {
+				"@posthog/core": "1.0.2",
 				"core-js": "^3.38.1",
 				"fflate": "^0.4.8",
 				"preact": "^10.19.3",
diff --git a/package.json b/package.json
index 8b8d5c0..58caa32 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
 	"dependencies": {
 		"@concero/ui-kit": "^0.2.21",
 		"@formspree/react": "^3.0.0",
-		"posthog-js": "^1.232.0",
+		"posthog-js": "^1.261.0",
 		"react": "^18.0.0",
 		"react-dom": "^18.3.1",
 		"react-helmet-async": "^2.0.5",
diff --git a/src/App.tsx b/src/App.tsx
index a016f96..76c8cdb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,16 +6,19 @@ import { Footer } from './components/footer/Footer'
 import { HelmetProvider } from 'react-helmet-async'
 import { ModalProvider } from './reducer/modalProvider'
 import { ModalManager } from './components/common/ModalManager/ModalManager'
+import { PosthogProvider } from './providers/PosthogProvider'
 
 function App() {
 	return (
 		<HelmetProvider>
-			<ModalProvider>
-				<ModalManager />
-				<Header />
-				<Home />
-				<Footer />
-			</ModalProvider>
+			<PosthogProvider>
+				<ModalProvider>
+					<ModalManager />
+					<Header />
+					<Home />
+					<Footer />
+				</ModalProvider>
+			</PosthogProvider>
 		</HelmetProvider>
 	)
 }
diff --git a/src/configuration/constants.ts b/src/configuration/constants.ts
new file mode 100644
index 0000000..069f4da
--- /dev/null
+++ b/src/configuration/constants.ts
@@ -0,0 +1,2 @@
+export const posthog_key = import.meta.env.VITE_POSTHOG_KEY ?? ''
+export const posthog_domain = import.meta.env.VITE_POSTHOG_DOMAIN ?? ''
diff --git a/src/providers/PosthogProvider.tsx b/src/providers/PosthogProvider.tsx
new file mode 100644
index 0000000..9fb06db
--- /dev/null
+++ b/src/providers/PosthogProvider.tsx
@@ -0,0 +1,17 @@
+import type { FC, PropsWithChildren } from 'react'
+import type { PostHogConfig } from 'posthog-js'
+import { posthog_domain, posthog_key } from '@/configuration/constants'
+import { PostHogProvider as PHProvider } from 'posthog-js/react'
+
+export const PosthogProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
+	const options: Partial<PostHogConfig> = {
+		api_host: posthog_domain,
+		autocapture: false,
+	}
+
+	return (
+		<PHProvider apiKey={posthog_key} options={options}>
+			{children}
+		</PHProvider>
+	)
+}
diff --git a/tsconfig.app.tsbuildinfo b/tsconfig.app.tsbuildinfo
new file mode 100644
index 0000000..6961668
--- /dev/null
+++ b/tsconfig.app.tsbuildinfo
@@ -0,0 +1 @@
+{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/assets/icons/averagetxtime.tsx","./src/assets/icons/blog.tsx","./src/assets/icons/bridge.tsx","./src/assets/icons/chainintegrations.tsx","./src/assets/icons/clipboard.tsx","./src/assets/icons/close.tsx","./src/assets/icons/closetrail.tsx","./src/assets/icons/cost.tsx","./src/assets/icons/discord.tsx","./src/assets/icons/discorddark.tsx","./src/assets/icons/documentation.tsx","./src/assets/icons/download.tsx","./src/assets/icons/expand.tsx","./src/assets/icons/lanca.tsx","./src/assets/icons/lancaname.tsx","./src/assets/icons/liquidity.tsx","./src/assets/icons/liquidityreq.tsx","./src/assets/icons/mainnetvolume.tsx","./src/assets/icons/medium.tsx","./src/assets/icons/mediumdark.tsx","./src/assets/icons/menu.tsx","./src/assets/icons/messagetime.tsx","./src/assets/icons/messaging.tsx","./src/assets/icons/opentrail.tsx","./src/assets/icons/rewards.tsx","./src/assets/icons/right.tsx","./src/assets/icons/search.tsx","./src/assets/icons/swap.tsx","./src/assets/icons/time.tsx","./src/assets/icons/totaltx.tsx","./src/assets/icons/twitter.tsx","./src/assets/icons/twitterdark.tsx","./src/assets/icons/warning.tsx","./src/assets/icons/whitepaper.tsx","./src/components/build/build.tsx","./src/components/chains/chains.tsx","./src/components/common/brandcolors/brandcolors.tsx","./src/components/common/brandcolors/color/color.tsx","./src/components/common/brandlogo/brandlogo.tsx","./src/components/common/brandmodal/brandmodal.tsx","./src/components/common/brandnotallowed/brandnotallowed.tsx","./src/components/common/brandtypography/brandtypograhpy.tsx","./src/components/common/buildinfo/buildinfo.tsx","./src/components/common/chain/chain.tsx","./src/components/common/chainsmodal/chainsmodal.tsx","./src/components/common/contactmodal/contactmodal.tsx","./src/components/common/contactmodal/success/success.tsx","./src/components/common/datawidget/datawidget.tsx","./src/components/common/infowidget/infowidget.tsx","./src/components/common/lancaaction/lancaaction.tsx","./src/components/common/metatags/metatags.tsx","./src/components/common/modalmanager/modalmanager.tsx","./src/components/common/navigationwidget/navifgationwidget.tsx","./src/components/common/nochains/nochains.tsx","./src/components/common/securitypartner/securitypartner.tsx","./src/components/common/showcasewidget/showcasewidget.tsx","./src/components/common/socialicon/socialicon.tsx","./src/components/common/wordanimation/wordanimation.tsx","./src/components/data/data.tsx","./src/components/footer/footer.tsx","./src/components/footer/copyright/copyright.tsx","./src/components/footer/developers/developers.tsx","./src/components/footer/ecosystem/ecosystem.tsx","./src/components/footer/social/social.tsx","./src/components/header/header.tsx","./src/components/header/actions/actions.tsx","./src/components/header/burger/burger.tsx","./src/components/header/burger/burgeractions/burgeractions.tsx","./src/components/header/burger/burgeritem/burgeritem.tsx","./src/components/header/logo/logo.tsx","./src/components/header/navigation/navigaton.tsx","./src/components/header/navigation/dropdown/dropdown.tsx","./src/components/header/navigation/dropdown/dropdownitem/dropdownitem.tsx","./src/components/header/navigation/navigationitem/navigationitem.tsx","./src/components/hero/hero.tsx","./src/components/roadmap/roadmap.tsx","./src/components/roadmap/depin/depin.tsx","./src/components/roadmap/permissionless/permissionless.tsx","./src/components/roadmap/vms/vms.tsx","./src/components/security/security.tsx","./src/components/whyus/whyus.tsx","./src/configuration/chains.ts","./src/configuration/constants.ts","./src/configuration/links.ts","./src/hooks/usecontactform.ts","./src/hooks/usemediaquery.ts","./src/pages/home.tsx","./src/providers/posthogprovider.tsx","./src/reducer/modalcontext.ts","./src/reducer/modalprovider.tsx","./src/reducer/modalreducer.ts"],"version":"5.7.3"}
\ No newline at end of file
diff --git a/tsconfig.node.tsbuildinfo b/tsconfig.node.tsbuildinfo
new file mode 100644
index 0000000..0440098
--- /dev/null
+++ b/tsconfig.node.tsbuildinfo
@@ -0,0 +1 @@
+{"root":["./vite.config.ts"],"version":"5.7.3"}
\ No newline at end of file