Add Posthog sessionId to browser logs when available

Author: nodeexx

src/lib/client/logging/client.ts

@@ -5,7 +5,12 @@ import {
   enrichLoggerContextWithSentryTraceId,
 } from '$lib/shared/logging/utils';
 import type { LogLevelName } from './types';
-import { logLevelColors, logLevels, logTimestampColors } from './utils';
+import {
+  enrichLoggerContextWithPosthogSessionId,
+  logLevelColors,
+  logLevels,
+  logTimestampColors,
+} from './utils';
 
 export const logger = (function () {
   const createLogger = (methodName: LogLevelName) => {
@@ -18,7 +23,8 @@ export const logger = (function () {
         return;
       }
 
-      const contextClone = enrichLoggerContextWithSentryTraceId(context);
+      let contextClone = enrichLoggerContextWithSentryTraceId(context);
+      contextClone = enrichLoggerContextWithPosthogSessionId(contextClone);
 
       console[methodName](
         ...createLogPrefixStrings(methodName),

src/lib/client/logging/utils/index.ts

@@ -1,3 +1,6 @@
+import { posthog } from '$lib/client/posthog';
+import { getSessionId } from '$lib/client/posthog/utils';
+import type { LoggerContext } from '$lib/shared/logging/types';
 import type { LogLevelName } from '../types';
 
 export const logLevels = {
@@ -52,3 +55,21 @@ export const logTimestampColors = {
 } satisfies {
   [key in LogLevelName]: { color: string };
 };
+
+export function enrichLoggerContextWithPosthogSessionId(
+  context: LoggerContext,
+): LoggerContext {
+  if (!posthog) {
+    return { ...context };
+  }
+
+  const sessionId = getSessionId();
+  if (!sessionId) {
+    return { ...context };
+  }
+
+  return {
+    ...context,
+    posthogSessionId: getSessionId(),
+  };
+}