diff --git a/package.json b/package.json index 70eb3b64..c13c38f9 100644 --- a/package.json +++ b/package.json @@ -62,7 +62,6 @@ "next-compose-plugins": "2.2.1", "next-transpile-modules": "10.0.0", "octokit": "3.1.0", - "posthog-js": "1.75.2", "query-string": "8.1.0", "raw-loader": "4.0.2", "react": "18.2.0", diff --git a/pages/_app.tsx b/pages/_app.tsx index b051fa67..5dc0f8fd 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -22,7 +22,6 @@ import { BreakpointProvider } from '@src/components/contexts/BreakpointProvider' import DocSearchStyles from '@src/components/DocSearchStyles' import { type FooterVariant } from '@src/components/FooterFull' import GlobalStyles from '@src/components/GlobalStyles' -import { usePosthog } from '@src/components/hooks/usePosthog' import PrimaryPage from '@src/components/PrimaryPage' import { type GlobalProps } from '@src/utils/getGlobalProps' @@ -72,7 +71,6 @@ const Link = forwardRef( ) function App({ Component, pageProps }: MyAppProps) { - usePosthog() const { globalProps, ...pgProps } = pageProps const gProps = { // @ts-expect-error diff --git a/src/components/hooks/usePosthog.tsx b/src/components/hooks/usePosthog.tsx deleted file mode 100644 index 76a094cc..00000000 --- a/src/components/hooks/usePosthog.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import { useEffect } from 'react' - -import { useRouter } from 'next/router' - -import { posthog } from 'posthog-js' - -function setAllowTracking(on?: boolean) { - // Checking for POSTHOG_API_KEY prevents posthog error when calling - // opt_in_capturing() or opt_out_capturing() without having run - // posthog.init() first. This generally only occurs when running locally. - if (window && process.env.NEXT_PUBLIC_POSTHOG_API_KEY) { - if (on && !posthog.has_opted_in_capturing()) { - posthog.opt_in_capturing() - // Make sure to capture initial page view after opting in - posthog.capture('$pageview') - } else if (!on && !posthog.has_opted_out_capturing()) { - posthog.opt_out_capturing() - } - } -} - -export function usePosthog() { - const router = useRouter() - - useEffect(() => { - if (process.env.NEXT_PUBLIC_POSTHOG_API_KEY) { - posthog.init(process.env.NEXT_PUBLIC_POSTHOG_API_KEY, { - api_host: - process.env.NEXT_PUBLIC_POSTHOG_API_HOST || - 'https://posthog.plural.sh', - opt_out_capturing_by_default: !window.Cookiebot?.consent?.statistics, - loaded: () => { - setAllowTracking(window.Cookiebot?.consent?.statistics) - }, - }) - } - }, []) - - // Turn tracking on and off when cookie prefs change - useEffect(() => { - const onCookiePrefChange = () => { - setAllowTracking(window.Cookiebot?.consent?.statistics) - } - - window.addEventListener('CookiebotOnAccept', onCookiePrefChange) - window.addEventListener('CookiebotOnDecline', onCookiePrefChange) - - return () => { - window.removeEventListener('CookiebotOnAccept', onCookiePrefChange) - window.removeEventListener('CookiebotOnDecline', onCookiePrefChange) - } - }, []) - - // Track route change events - useEffect(() => { - const handleRouteChange = () => posthog.capture('$pageview') - - router.events.on('routeChangeComplete', handleRouteChange) - - return () => { - router.events.off('routeChangeComplete', handleRouteChange) - } - }, [router.events]) -} diff --git a/src/data/getStackTabData.tsx b/src/data/getStackTabData.tsx index 0986b35f..7dcf9cd9 100644 --- a/src/data/getStackTabData.tsx +++ b/src/data/getStackTabData.tsx @@ -19,7 +19,6 @@ export const getStackTabData = ({ 'growthbook', 'clickhouse', 'datahub', - 'posthog', 'jitsu', 'lightdash', ].includes(repo.name) diff --git a/yarn.lock b/yarn.lock index 6055e799..6faf5247 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9882,13 +9882,6 @@ __metadata: languageName: node linkType: hard -"fflate@npm:^0.4.1": - version: 0.4.8 - resolution: "fflate@npm:0.4.8" - checksum: 29d8cbe44d5e7f53e7f5a160ac7f9cc025480c7b3bfd85c5f898cbe20dfa2dad4732daa534982664bf30b35896a90af44ea33ede5d94c5ffd1b8b0c0a0a56ca2 - languageName: node - linkType: hard - "figures@npm:^3.0.0": version: 3.2.0 resolution: "figures@npm:3.2.0" @@ -13799,7 +13792,6 @@ __metadata: npm-run-all: 4.1.5 octokit: 3.1.0 postcss: 8.4.27 - posthog-js: 1.75.2 prettier: 3.2.5 prettier-plugin-tailwindcss: 0.5.11 query-string: 8.1.0 @@ -13981,15 +13973,6 @@ __metadata: languageName: node linkType: hard -"posthog-js@npm:1.75.2": - version: 1.75.2 - resolution: "posthog-js@npm:1.75.2" - dependencies: - fflate: ^0.4.1 - checksum: 99814e568f8da11f469d151f6b40da81feadf4fe0ccf0be4eca97fee683de608b5addf3ea707b79bbaac26d5d6582fe66a21a8d61a14682fca9fbfc5018906b3 - languageName: node - linkType: hard - "prelude-ls@npm:^1.2.1": version: 1.2.1 resolution: "prelude-ls@npm:1.2.1"