fix posthog fetching

motatoes · motatoes · commit b45045d1b4ff · 2025-11-04T19:05:15.000-08:00
diff --git a/ui/src/lib/env.server.ts b/ui/src/lib/env.server.ts
@@ -11,6 +11,8 @@ export type Env = {
   STATESMAN_BACKEND_URL: string
   WORKOS_REDIRECT_URI: string
   ORCHESTRATOR_GITHUB_APP_URL: string
+  POSTHOG_KEY?: string
+  POSTHOG_HOST?: string
 }
 
 export const getPublicServerConfig = createServerFn({ method: 'GET' })
@@ -21,5 +23,7 @@ export const getPublicServerConfig = createServerFn({ method: 'GET' })
       STATESMAN_BACKEND_URL: process.env.STATESMAN_BACKEND_URL ?? '',
       WORKOS_REDIRECT_URI: process.env.WORKOS_REDIRECT_URI ?? '',
       ORCHESTRATOR_GITHUB_APP_URL: process.env.ORCHESTRATOR_GITHUB_APP_URL ?? '',
+      POSTHOG_KEY: process.env.POSTHOG_KEY || process.env.NEXT_PUBLIC_POSTHOG_KEY || process.env.VITE_PUBLIC_POSTHOG_KEY || '',
+      POSTHOG_HOST: process.env.POSTHOG_HOST || process.env.NEXT_PUBLIC_POSTHOG_HOST || process.env.VITE_PUBLIC_POSTHOG_HOST || 'https://app.posthog.com',
     } as Env
 })
diff --git a/ui/src/routes/__root.tsx b/ui/src/routes/__root.tsx
@@ -45,28 +45,30 @@ export const Route = createRootRoute({
     ],
   }),
   loader: async ({ context }) => {
-    const { user } = context;
+    const { user, publicServerConfig } = context as any;
     // Only fetch sign-in URL if user is not authenticated
     const url = !user ? await getSignInUrl() : null;
     return {
       user,
       url,
-    };
+      publicServerConfig,
+    } as any;
   },
   component: DashboardRootComponent,
   notFoundComponent: () => <div>Not Found</div>,
 });
 
 function DashboardRootComponent() {
+  const data = (Route as any).useLoaderData?.() || {};
   return (
-    <DashboardRootDocument>
+    <DashboardRootDocument publicServerConfig={data.publicServerConfig}>
       <Outlet />
       <TanStackRouterDevtools position="bottom-right" />
     </DashboardRootDocument>
   );
 }
 
-function DashboardRootDocument({ children }: Readonly<{ children: ReactNode }>) {
+function DashboardRootDocument({ children, publicServerConfig }: Readonly<{ children: ReactNode, publicServerConfig?: any }>) {
   return (
     <html>
       <head>
@@ -84,14 +86,14 @@ function DashboardRootDocument({ children }: Readonly<{ children: ReactNode }>)
         <link rel="apple-touch-icon" href="/favicon.png" />
       </head>
       <body>
-        {import.meta.env.VITE_PUBLIC_POSTHOG_KEY ? (
+        {publicServerConfig?.POSTHOG_KEY ? (
           <PostHogProvider
-            apiKey={import.meta.env.VITE_PUBLIC_POSTHOG_KEY}
+            apiKey={publicServerConfig.POSTHOG_KEY}
             options={{
-              api_host: import.meta.env.VITE_PUBLIC_POSTHOG_HOST,
+              api_host: publicServerConfig.POSTHOG_HOST,
               defaults: '2025-05-24',
               capture_exceptions: true,
-              debug: import.meta.env.MODE === 'development',
+              debug: false,
             }}
           >
             {children}
diff --git a/ui/src/routes/_authenticated/_dashboard/dashboard/units.index.tsx b/ui/src/routes/_authenticated/_dashboard/dashboard/units.index.tsx
@@ -53,8 +53,11 @@ function formatBytes(bytes: number) {
   return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
 }
 
-function formatDate(date: Date) {
-  return date.toLocaleDateString('en-US', {
+function formatDate(value: any) {
+  if (!value) return '—'
+  const d = value instanceof Date ? value : new Date(value)
+  if (isNaN(d.getTime())) return '—'
+  return d.toLocaleString('en-US', {
     year: 'numeric',
     month: 'short',
     day: 'numeric',
@@ -124,7 +127,7 @@ function RouteComponent() {
       ...tempUnit,
       locked: false,
       size: 0,
-      updatedAt: new Date(),
+      updated: new Date(),
       isOptimistic: true
     }, ...prev])
   }
@@ -206,7 +209,7 @@ function RouteComponent() {
                 {unit.isOptimistic && <span className="ml-2 text-xs text-muted-foreground">(Creating...)</span>}
               </TableCell>
               <TableCell>{formatBytes(unit.size)}</TableCell>
-              <TableCell>{formatDate(unit.updatedAt || new Date())}</TableCell>
+              <TableCell>{formatDate(unit.updated)}</TableCell>
               <TableCell className="text-right">
                 {!unit.isOptimistic && (
                   <Button variant="ghost" asChild className="justify-end">
diff --git a/ui/src/vite-env.d.ts b/ui/src/vite-env.d.ts
@@ -1,13 +1 @@
 /// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_PUBLIC_POSTHOG_KEY?: string
-  readonly VITE_PUBLIC_POSTHOG_HOST?: string
-  readonly MODE?: string
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv
-}
-
-
