Add fathom snippet

daveearley · daveearley · commit b9ccedf31d3d · 2025-02-05T09:20:38.000Z
diff --git a/frontend/index.html b/frontend/index.html
@@ -10,6 +10,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <!--render-helmet--><title>Hi.Events</title><!--/render-helmet-->
     <!--environment-variables-->
+    <!--head-snippets-->
   </head>
   <body >
     <div id="app"><!--app-html--></div>
diff --git a/frontend/server.js b/frontend/server.js
@@ -87,7 +87,15 @@ app.use("*", async (req, res) => {
 
         const envVariablesHtml = `<script>window.hievents = ${getViteEnvironmentVariables()};</script>`;
 
+        const headSnippets = [];
+        if (process.env.VITE_FATHOM_SITE_ID) {
+            headSnippets.push(`
+                <script src="https://cdn.usefathom.com/script.js" data-spa="auto" data-site="${process.env.VITE_FATHOM_SITE_ID}" defer></script>
+            `);
+        }
+
         const html = template
+            .replace("<!--head-snippets-->", headSnippets.join("\n"))
             .replace("<!--app-html-->", appHtml)
             .replace("<!--dehydrated-state-->", `<script>window.__REHYDRATED_STATE__ = ${stringifiedState}</script>`)
             .replace("<!--environment-variables-->", envVariablesHtml)
diff --git a/frontend/src/components/common/WidgetEditor/index.tsx b/frontend/src/components/common/WidgetEditor/index.tsx
@@ -253,6 +253,7 @@ export default App;
                             <div style={{marginTop: 15, marginBottom: 15}}>
                                 <Tabs.Panel value="html">
                                     <Textarea
+                                        onChange={void 0}
                                         description={t`Place this in the <head> of your website.`}
                                         label={(
                                             <Group>
@@ -264,6 +265,7 @@ export default App;
                                         value={embedScript}
                                     />
                                     <Textarea
+                                        onChange={void 0}
                                         description={t`Paste this where you want the widget to appear.`}
                                         label={(
                                             <Group>
@@ -358,4 +360,4 @@ export default App;
             </div>
         </div>
     );
-};
+};
