Set the OTEL_EXPORTER_OTLP_ENDPOINT env var on dev workers

.env.example

@@ -58,4 +58,5 @@ COORDINATOR_SECRET=coordinator-secret # generate the actual secret with `openssl
 # DEPLOY_REGISTRY_HOST=${APP_ORIGIN} # This is the host that the deploy CLI will use to push images to the registry
 # CONTAINER_REGISTRY_ORIGIN=<Container registry origin e.g. https://registry.digitalocean.com>
 # CONTAINER_REGISTRY_USERNAME=<Container registry username e.g. Digital ocean email address>
-# CONTAINER_REGISTRY_PASSWORD=<Container registry password e.g. Digital ocean PAT>
+# CONTAINER_REGISTRY_PASSWORD=<Container registry password e.g. Digital ocean PAT>
+# DEV_OTEL_EXPORTER_OTLP_ENDPOINT="http://0.0.0.0:4318"

apps/webapp/app/env.server.ts

@@ -82,6 +82,7 @@ const EnvironmentSchema = z.object({
   CONTAINER_REGISTRY_USERNAME: z.string().optional(),
   CONTAINER_REGISTRY_PASSWORD: z.string().optional(),
   DEPLOY_REGISTRY_HOST: z.string().optional(),
+  DEV_OTEL_EXPORTER_OTLP_ENDPOINT: z.string().optional(),
 });
 
 export type Environment = z.infer<typeof EnvironmentSchema>;

apps/webapp/app/v3/environmentVariables/environmentVariablesRepository.server.ts

@@ -30,7 +30,7 @@ function parseSecretKey(key: string) {
 const SecretValue = z.object({ secret: z.string() });
 
 export class EnvironmentVariablesRepository implements Repository {
-  constructor(private prismaClient: PrismaClient = prisma) {}
+  constructor(private prismaClient: PrismaClient = prisma) { }
 
   async create(
     projectId: string,
@@ -415,7 +415,12 @@ export class EnvironmentVariablesRepository implements Repository {
     }
 
     if (environment.type === "DEVELOPMENT") {
-      return [];
+      return [
+        {
+          key: "OTEL_EXPORTER_OTLP_ENDPOINT",
+          value: env.DEV_OTEL_EXPORTER_OTLP_ENDPOINT ?? env.APP_ORIGIN,
+        }
+      ];
     }
 
     return [