patch: re-add fathom

potts99 · potts99 · commit 9810044819cc · 2024-11-06T21:21:14.000Z
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -12,12 +12,12 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-  "next": "^14.2.15",
-  "nextra": "^3.0.15",
-  "nextra-theme-docs": "^3.0.15",
-  "react": "^18.3.1",
-  "react-dom": "^18.3.1",
-  "react-spinners": "^0.13.8"
+    "next": "^14.2.15",
+    "nextra": "^3.0.15",
+    "nextra-theme-docs": "^3.0.15",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-spinners": "^0.13.8"
   },
   "devDependencies": {
     "@types/react": "18.2.38",
diff --git a/apps/landing/package.json b/apps/landing/package.json
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "fathom-client": "^3.7.2",
     "lucide-react": "^0.454.0",
     "next": "15.0.2",
     "react": "19.0.0-rc-02c0e824-20241028",
diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx
@@ -1,9 +1,11 @@
 import type { Metadata } from "next";
 import "./globals.css";
+import Fathom from "@/component/Fathom";
 
 export const metadata: Metadata = {
   title: "Peppermint",
-  description: "Peppermint is a self-hosted issue tracker for your projects or help desk.",
+  description:
+    "Peppermint is a self-hosted issue tracker for your projects or help desk.",
 };
 
 export default function RootLayout({
@@ -13,9 +15,8 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body
-        className={`antialiased`}
-      >
+      <body className={`antialiased`}>
+        <Fathom />
         {children}
       </body>
     </html>
diff --git a/apps/landing/src/component/Fathom.tsx b/apps/landing/src/component/Fathom.tsx
@@ -0,0 +1,39 @@
+// Fathom.tsx
+"use client";
+
+import { load, trackPageview } from "fathom-client";
+import { useEffect, Suspense } from "react";
+import { usePathname, useSearchParams } from "next/navigation";
+
+function TrackPageView() {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+
+  // Load the Fathom script on mount
+  useEffect(() => {
+    //@ts-ignore
+    load(process.env.NEXT_PUBLIC_FATHOM_ID, {
+      auto: false,
+    });
+  }, []);
+
+  // Record a pageview when route changes
+  useEffect(() => {
+    if (!pathname) return;
+
+    trackPageview({
+      url: pathname + searchParams?.toString(),
+      referrer: document.referrer,
+    });
+  }, [pathname, searchParams]);
+
+  return null;
+}
+
+export default function Fathom() {
+  return (
+    <Suspense fallback={null}>
+      <TrackPageView />
+    </Suspense>
+  );
+}
diff --git a/yarn.lock b/yarn.lock
@@ -7887,6 +7887,7 @@ __metadata:
     nextra-theme-docs: "npm:^3.0.15"
     react: "npm:^18.3.1"
     react-dom: "npm:^18.3.1"
+    react-spinners: "npm:^0.13.8"
   languageName: unknown
   linkType: soft
 
@@ -8987,6 +8988,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fathom-client@npm:^3.7.2":
+  version: 3.7.2
+  resolution: "fathom-client@npm:3.7.2"
+  checksum: 10c0/f198669fba3aa14c4f1adc2b5afdce282503945fe3ac3d842ab7a6d46c90cf4a703ccad99abcbc71faa095348d9940a2d1aa0cf718c58e4d8479fa5dcb88aff2
+  languageName: node
+  linkType: hard
+
 "fault@npm:^2.0.0":
   version: 2.0.1
   resolution: "fault@npm:2.0.1"
@@ -11287,6 +11295,7 @@ __metadata:
     "@types/react-dom": "npm:^18"
     eslint: "npm:^8"
     eslint-config-next: "npm:15.0.2"
+    fathom-client: "npm:^3.7.2"
     lucide-react: "npm:^0.454.0"
     next: "npm:15.0.2"
     postcss: "npm:^8"
@@ -15171,6 +15180,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-spinners@npm:^0.13.8":
+  version: 0.13.8
+  resolution: "react-spinners@npm:0.13.8"
+  peerDependencies:
+    react: ^16.0.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0
+  checksum: 10c0/59a030ece288f045a443e0b720c94636fc00667bcb8cd5a36ed8342cc2bc52a98106a676875551b3389ae5943bd7c4d4aa2ede0fb914bbde4322211f0f0120a8
+  languageName: node
+  linkType: hard
+
 "react-style-singleton@npm:^2.2.1":
   version: 2.2.1
   resolution: "react-style-singleton@npm:2.2.1"
