move umami setup to ts

hate · hate · commit d06e5672cb77 · 2025-10-10T19:24:35.000-04:00
diff --git a/apps/web/index.html b/apps/web/index.html
@@ -8,16 +8,6 @@
   <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
   <link rel="apple-touch-icon" href="/favicon.svg" />
-  <script>
-    // Analytics will be loaded dynamically based on environment variables
-    if ( typeof __ANALYTICS_ENABLED__ !== 'undefined' && __ANALYTICS_ENABLED__ ) {
-      const script = document.createElement( 'script' );
-      script.async = true;
-      script.src = __ANALYTICS_URL__;
-      script.setAttribute( 'data-website-id', __ANALYTICS_WEBSITE_ID__ );
-      document.head.appendChild( script );
-    }
-  </script>
 </head>
 
 <body class="bg-slate-950 text-slate-100">
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
@@ -3,6 +3,15 @@ import ReactDOM from "react-dom/client";
 import App from "./App";
 import "./styles.css";
 
+// Load analytics script if enabled
+if (import.meta.env.VITE_ANALYTICS_ENABLED === 'true') {
+  const script = document.createElement('script');
+  script.defer = true;
+  script.src = import.meta.env.VITE_ANALYTICS_URL;
+  script.setAttribute('data-website-id', import.meta.env.VITE_ANALYTICS_WEBSITE_ID);
+  document.head.appendChild(script);
+}
+
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <App />
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
@@ -3,10 +3,4 @@ import react from "@vitejs/plugin-react";
 
 export default defineConfig({
   plugins: [react()],
-  define: {
-    // Make environment variables available at build time
-    __ANALYTICS_URL__: JSON.stringify(process.env.VITE_ANALYTICS_URL || "https://analytics.website/script.js"),
-    __ANALYTICS_WEBSITE_ID__: JSON.stringify(process.env.VITE_ANALYTICS_WEBSITE_ID || "YOUR_WEBSITE_ID"),
-    __ANALYTICS_ENABLED__: JSON.stringify(process.env.VITE_ANALYTICS_ENABLED === "true"),
-  },
 });
