Feat: Enable Poshog and Sentry for OSS (#23)

feat: enable posthog and sentry for oss

docker-compose.yaml

@@ -59,7 +59,7 @@ services:
       - app-network
 
   api:
-    image: ${REGISTRY:-dograhai}/dograh-api:latest 
+    image: ${REGISTRY:-dograhai}/dograh-api:latest
     volumes:
       - shared-tmp:/tmp
     environment:
@@ -169,22 +169,18 @@ services:
   ui:
     image: ${REGISTRY:-dograhai}/dograh-ui:latest
     environment:
-      NEXT_PUBLIC_NODE_ENV: "local"
-      NEXT_PUBLIC_AUTH_PROVIDER: "local"
-      # Client-side URL (from browser)
-      NEXT_PUBLIC_BACKEND_URL: "http://localhost:8000"
       # Server-side URL (SSR, internal Docker network)
       BACKEND_URL: "http://api:8000"
-
+      NODE_ENV: "oss"
-      # Controls some feature flags like voicemail detection
-      NEXT_PUBLIC_DEPLOYMENT_MODE: "oss"
 
       # Posthog
-      NEXT_PUBLIC_ENABLE_POSTHOG: "true"
+      ENABLE_POSTHOG: "${ENABLE_POSTHOG:-true}"
-      NEXT_PUBLIC_POSTHOG_KEY: "phc_st6dverimoydkpM5m0a9aeAr8znUYWznEaQa8v80E2D"
+      POSTHOG_KEY: "phc_ItizB1dP6yv7ZYobbcqrpxTdbomDA8hJFSEmAMdYvIr"
+      POSTHOG_HOST: "https://us.posthog.com"
 
       # Sentry
-      NEXT_PUBLIC_ENABLE_SENTRY: "false"
+      ENABLE_SENTRY: "${ENABLE_SENTRY:-true}"
+      SENTRY_DSN: "https://d9387fed5f80e90781f1dbd9b2c0994c@o4509486225096704.ingest.us.sentry.io/4510124708200448"
     ports:
       - "3010:3000"
     depends_on:

ui/Dockerfile

@@ -28,12 +28,12 @@ COPY public ./public
 COPY src ./src
 
 # Set build-time environment variables (needed for Next.js build)
-ENV NEXT_PUBLIC_NODE_ENV=local
+ENV NEXT_PUBLIC_NODE_ENV="oss"
-ENV NEXT_PUBLIC_AUTH_PROVIDER=local
+ENV NEXT_PUBLIC_AUTH_PROVIDER="local"
-ENV NEXT_PUBLIC_DEPLOYMENT_MODE=oss
+ENV NEXT_PUBLIC_DEPLOYMENT_MODE="oss"
 ENV NEXT_PUBLIC_BACKEND_URL="http://localhost:8000"
 ENV BACKEND_URL="http://api:8000"
-ENV NEXT_TELEMETRY_DISABLED=1
+ENV NEXT_TELEMETRY_DISABLED="1"
 
 # Build the application with standalone mode
 RUN npm run build && \

ui/next.config.ts

@@ -9,9 +9,9 @@ const nextConfig: NextConfig = {
   },
   async rewrites() {
     return [
-      // API proxy for backend calls
+      // API proxy for backend calls (excluding Next.js API routes)
       {
-        source: "/api/:path*",
+        source: "/api/:path((?!config|auth).*)*",
         destination: `${process.env.BACKEND_URL || 'http://localhost:8000'}/api/:path*`,
       },
       {

ui/src/app/api/config/posthog/route.ts

@@ -0,0 +1,16 @@
+/*
+  Route to enable/ disable posthog from a NextJS backend route,
+  rather than NEXT_PUBLIC_* keys, since NEXT_PUBLIC_* keys are
+  injected during build time, and we need to provide the option
+  to OSS users to disable telemetry from docker-compose.yaml
+*/
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  return NextResponse.json({
+    enabled: process.env.ENABLE_POSTHOG === 'true',
+    key: process.env.POSTHOG_KEY || '',
+    host: process.env.POSTHOG_HOST || '/ingest',
+    uiHost: process.env.POSTHOG_UI_HOST || 'https://us.posthog.com',
+  });
+}

ui/src/app/api/config/sentry/route.ts

@@ -0,0 +1,9 @@
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  return NextResponse.json({
+    enabled: process.env.ENABLE_SENTRY === 'true',
+    dsn: process.env.SENTRY_DSN || '',
+    environment: process.env.NODE_ENV || 'development',
+  });
+}

ui/src/instrumentation-client.ts

@@ -5,53 +5,91 @@
 import * as Sentry from "@sentry/nextjs";
 import posthog from "posthog-js";
 
-// Only initialize Sentry if explicitly enabled and DSN is provided
+// Initialize Sentry - prioritize NEXT_PUBLIC env vars, fallback to API
-const enableSentry = process.env.NEXT_PUBLIC_ENABLE_SENTRY === 'true' &&
+const initSentry = () => {
-                     process.env.NEXT_PUBLIC_SENTRY_DSN;
+  const hasPublicConfig = process.env.NEXT_PUBLIC_ENABLE_SENTRY === 'true' &&
+                         process.env.NEXT_PUBLIC_SENTRY_DSN;
 
-if (enableSentry) {
+  if (hasPublicConfig) {
-  Sentry.init({
+    // Use client-side environment variables
-    dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+    Sentry.init({
+      dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+      integrations: [Sentry.replayIntegration()],
+      replaysSessionSampleRate: 0.1,
+      replaysOnErrorSampleRate: 1.0,
+      debug: false,
+      enabled: process.env.NEXT_PUBLIC_NODE_ENV === 'production'
+    });
+    console.log('Sentry initialized from NEXT_PUBLIC config');
+  } else {
+    // Fallback to API-based configuration
+    fetch('/api/config/sentry')
+      .then(res => res.json())
+      .then(config => {
+        if (config.enabled && config.dsn) {
+          Sentry.init({
+            dsn: config.dsn,
+            integrations: [Sentry.replayIntegration()],
+            replaysSessionSampleRate: 0.1,
+            replaysOnErrorSampleRate: 1.0,
+            debug: false,
+            enabled: config.environment === 'production'
+          });
+          console.log('Sentry initialized from API config');
+        } else {
+          console.log('Sentry disabled (not enabled or DSN not configured)');
+        }
+      })
+      .catch(err => {
+        console.error('Failed to fetch Sentry configuration:', err);
+      });
+  }
+};
 
-    // Add optional integrations for additional features
+initSentry();
-    integrations: [
-      Sentry.replayIntegration(),
-    ],
 
-    // Define how likely Replay events are sampled.
+// Initialize PostHog - prioritize NEXT_PUBLIC env vars, fallback to API
-    // This sets the sample rate to be 10%. You may want this to be 100% while
+const initPostHog = () => {
-    // in development and sample at a lower rate in production
+  const hasPublicConfig = process.env.NEXT_PUBLIC_ENABLE_POSTHOG === 'true' &&
-    replaysSessionSampleRate: 0.1,
+                         process.env.NEXT_PUBLIC_POSTHOG_KEY;
 
-    // Define how likely Replay events are sampled when an error occurs.
+  if (hasPublicConfig) {
-    replaysOnErrorSampleRate: 1.0,
+    // Use client-side environment variables
+    posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
+      api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST || '/ingest',
+      ui_host: process.env.NEXT_PUBLIC_POSTHOG_UI_HOST || 'https://us.posthog.com',
+      capture_pageview: 'history_change',
+      capture_pageleave: true,
+      capture_exceptions: true,
+      debug: process.env.NEXT_PUBLIC_NODE_ENV === 'development',
+    });
+    console.log('PostHog initialized from NEXT_PUBLIC config');
+  } else {
+    // Fallback to API-based configuration
+    fetch('/api/config/posthog')
+      .then(res => res.json())
+      .then(config => {
+        if (config.enabled && config.key) {
+          posthog.init(config.key, {
+            api_host: config.host,
+            ui_host: config.uiHost,
+            capture_pageview: 'history_change',
+            capture_pageleave: true,
+            capture_exceptions: true,
+            debug: process.env.NEXT_PUBLIC_NODE_ENV === 'development',
+          });
+          console.log('PostHog initialized from API config');
+        } else {
+          console.log('PostHog disabled (not enabled or key not configured)');
+        }
+      })
+      .catch(err => {
+        console.error('Failed to fetch PostHog configuration:', err);
+      });
+  }
+};
 
-    // Setting this option to true will print useful information to the console while you're setting up Sentry.
+initPostHog();
-    debug: false,
-    enabled: process.env.NEXT_PUBLIC_NODE_ENV === 'production'
-  });
-  console.log('Sentry initialized for client-side error tracking');
-} else {
-  console.log('Sentry disabled (NEXT_PUBLIC_ENABLE_SENTRY=false or DSN not configured)');
-}
-
-// Only initialize PostHog if explicitly enabled and key is provided
-const shouldEnablePostHog = process.env.NEXT_PUBLIC_ENABLE_POSTHOG === 'true' &&
-                           process.env.NEXT_PUBLIC_POSTHOG_KEY;
-
-if (shouldEnablePostHog) {//FIXME: remove default empty value
-  posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY||'', {
-    api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST || "/ingest",//https://us.i.posthog.com
-    ui_host: process.env.NEXT_PUBLIC_POSTHOG_UI_HOST || "https://us.posthog.com",
-    capture_pageview: 'history_change',
-    capture_pageleave: true,    // Enable pageleave capture
-    capture_exceptions: true,   // Capture exceptions via Error Tracking
-    debug: process.env.NEXT_PUBLIC_NODE_ENV === 'development',  // Enable debug in development
-  });
-  console.log('PostHog analytics initialized');
-} else {
-  console.log('PostHog disabled (NEXT_PUBLIC_ENABLE_POSTHOG=false or key not configured)');
-}
 
 
 export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;