From 5bbe66d81c525b240cfa18d162ee74d57d33fd7e Mon Sep 17 00:00:00 2001 From: Oleg Shilov Date: Fri, 9 Feb 2024 16:21:37 +0300 Subject: [PATCH 01/11] chore(deps): add posthog to deps --- package.json | 1 + yarn.lock | 25 +++++++++++++++++++++++++ 2 files changed, 26 insertions(+) diff --git a/package.json b/package.json index 4d99f7322..73778a3f3 100644 --- a/package.json +++ b/package.json @@ -65,6 +65,7 @@ "nanoid": "5.0.4", "next": "14.0.4", "next-intl": "3.4.2", + "posthog-js": "1.105.6", "qrcode.react": "3.1.0", "react": "18.2.0", "react-countdown": "2.3.5", diff --git a/yarn.lock b/yarn.lock index 47fb0ec23..fb80b54b8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3212,6 +3212,7 @@ __metadata: postcss: "npm:8.4.32" postcss-import: "npm:16.0.0" postcss-preset-env: "npm:9.3.0" + posthog-js: "npm:1.105.6" prettier: "npm:3.1.1" prettier-plugin-tailwindcss: "npm:0.5.10" qrcode.react: "npm:3.1.0" @@ -14885,6 +14886,13 @@ __metadata: languageName: node linkType: hard +"fflate@npm:^0.4.8": + version: 0.4.8 + resolution: "fflate@npm:0.4.8" + checksum: c0c75029bcbefd0b47cede4ad2a3698f571e38d3d93dfbb96d744c655ec3bf5e31111044c2c01fa3965109874f5be8b5a6b3686b958392693689665cbabf3ece + languageName: node + linkType: hard + "figures@npm:3.2.0, figures@npm:^3.2.0": version: 3.2.0 resolution: "figures@npm:3.2.0" @@ -23313,6 +23321,16 @@ __metadata: languageName: node linkType: hard +"posthog-js@npm:1.105.6": + version: 1.105.6 + resolution: "posthog-js@npm:1.105.6" + dependencies: + fflate: "npm:^0.4.8" + preact: "npm:^10.19.3" + checksum: 21b09f98c943197b054821b7705cde37e8198a366a78f15bb2ee9636ea51542cd7241857f199b970c8a6dcef34961504943f924627325549ba011feb151e4a50 + languageName: node + linkType: hard + "preact@npm:^10.12.0, preact@npm:^10.16.0": version: 10.19.3 resolution: "preact@npm:10.19.3" @@ -23320,6 +23338,13 @@ __metadata: languageName: node linkType: hard +"preact@npm:^10.19.3": + version: 10.19.4 + resolution: "preact@npm:10.19.4" + checksum: e79051c08d61c6723a4535606c9136ea752f8bae984ae8056039e2a56f6d58d6200aa941850478dc822dca38c16469d23368e9f75d7a7e57f9ca4df70a305d0f + languageName: node + linkType: hard + "prebuild-install@npm:^7.1.1": version: 7.1.1 resolution: "prebuild-install@npm:7.1.1" From 0aa5485d8cec3175b0145f6f33464847dc3e485a Mon Sep 17 00:00:00 2001 From: Oleg Shilov Date: Fri, 9 Feb 2024 16:23:53 +0300 Subject: [PATCH 02/11] feat(islamic-website): add posthog integration to islamic website --- .env.example | 3 + apps/islamic-website/app/[locale]/layout.tsx | 122 +++++++++--------- apps/islamic-website/providers/posthog.tsx | 14 ++ .../utils/posthog-page-view.tsx | 26 ++++ 4 files changed, 105 insertions(+), 60 deletions(-) create mode 100644 apps/islamic-website/providers/posthog.tsx create mode 100644 apps/islamic-website/utils/posthog-page-view.tsx diff --git a/.env.example b/.env.example index 443c25954..8dbecb3f4 100644 --- a/.env.example +++ b/.env.example @@ -21,3 +21,6 @@ TURNSTILE_SITEKEY=example_turnstile_sitekey NX_AIRDROP_ENDPOINT=airdrop.local INDEXER_ENDPOINT=indexer.local + +NEXT_PUBLIC_POSTHOG_KEY=ph_project_api_key +NEXT_PUBLIC_POSTHOG_HOST=ph_instance_address diff --git a/apps/islamic-website/app/[locale]/layout.tsx b/apps/islamic-website/app/[locale]/layout.tsx index 11799b388..df14846e2 100644 --- a/apps/islamic-website/app/[locale]/layout.tsx +++ b/apps/islamic-website/app/[locale]/layout.tsx @@ -15,7 +15,9 @@ import { Footer } from '../../components/footer/footer'; import Header, { MobileHeader } from '../../components/header/header'; import { DEPLOY_URL, VERCEL_ENV } from '../../constants'; import { alexandriaFont, handjetFont, vcrFont } from '../../fonts'; +import { PHProvider } from '../../providers/posthog'; import { SOCIAL_LINKS } from '../../social-links'; +import { PostHogPageView } from '../../utils/posthog-page-view'; import 'swiper/css'; import 'swiper/css/navigation'; import '../../styles/global.css'; @@ -88,35 +90,34 @@ export default async function LocaleLayout({ vcrFont.variable, )} > - - {isScamBannerShow && } - - {isMobileUserAgent ? ( - - ) : ( -
- )} - -
{children}
-