wip: optionally load fathom when env vars are set (#281)

Author: johann-crabnebula

clients/web/package.json

@@ -60,6 +60,7 @@
     "@sentry/browser": "^7.101.0",
     "@sentry/vite-plugin": "^2.14.0",
     "@solid-primitives/map": "^0.4.9",
+    "@solid-primitives/script-loader": "^2.1.2",
     "@solidjs/router": "^0.12.0",
     "@tanstack/solid-virtual": "^3.0.4",
     "clsx": "^2.1.0",

clients/web/pnpm-lock.yaml

@@ -0,0 +1,8 @@
+import { createScriptLoader } from "@solid-primitives/script-loader";
+
+export function loadFathom() {
+  const fathomUrl = import.meta.env.VITE_FATHOM_URL;
+  const fathomId = import.meta.env.VITE_FATHOM_ID;
+  if (fathomUrl && fathomId)
+    createScriptLoader({ src: fathomUrl, "data-site": fathomId, defer: true });
+}

clients/web/src/lib/load-fathom.ts

@@ -3,6 +3,7 @@ import "~/css/global.css";
 import Entry from "./entry";
 import * as Sentry from "@sentry/browser";
 import { DEV } from "solid-js";
+import { loadFathom } from "./lib/load-fathom";
 
 if (!DEV) {
   Sentry.init({
@@ -11,6 +12,7 @@ if (!DEV) {
     integrations: (def) => [...def, Sentry.browserTracingIntegration()],
     tracesSampleRate: 0.1,
   });
+  loadFathom();
 }
 
 const app = document.getElementById("app");

clients/web/src/render-client.tsx

@@ -26,7 +26,7 @@
     "jsx": "preserve",
     "jsxImportSource": "solid-js",
 
-    "types": ["vitest/globals"]
+    "types": ["vitest/globals", "vite/client"]
   },
   "include": ["src", "tests"]
 }