feat: include sentry baggage when initializing web components

Author: arielweinberger

package.json

@@ -53,7 +53,7 @@
     "devDependencies": {
         "@eslint/compat": "^1.4.0",
         "@eslint/js": "^9.37.0",
-        "@imagine.dev/web-components": "^0.0.138",
+        "@imagine.dev/web-components": "^0.0.139",
         "@melt-ui/pp": "^0.3.2",
         "@melt-ui/svelte": "^0.86.6",
         "@playwright/test": "^1.56.0",

pnpm-lock.yaml

@@ -19,9 +19,15 @@ export function identify(userId: string) {
     }
 }
 
-export function getTraceId(): string | undefined {
+export function getTraceData(): {
+    sentryTraceId?: string;
+    sentryBaggage?: string;
+} {
     const traceData = Sentry.getTraceData();
-    return traceData['sentry-trace'];
+    return {
+        sentryTraceId: traceData['sentry-trace'],
+        sentryBaggage: traceData.baggage
+    };
 }
 
 export function setupSentry({ withSessionReplay }: { withSessionReplay: boolean }) {

src/lib/sentry.ts

@@ -5,7 +5,7 @@ import { goto } from '$app/navigation';
 import { resolve } from '$app/paths';
 import { ensureMonacoStyles } from './monaco-style-manager';
 import DEV_CSS_URL from '@imagine.dev/web-components/imagine-web-components.css?url';
-import { getSessionId, getTraceId } from '$lib/sentry';
+import { getSessionId, getTraceData } from '$lib/sentry';
 import type * as WebComponentsType from '@imagine.dev/web-components/web-components';
 
 const COMPONENT_SELECTOR = 'imagine-web-components-wrapper[data-appwrite-studio]';
@@ -285,6 +285,7 @@ export async function initImagine(
         const { initImagineConfig, initImagineRouting } = await getWebComponents();
 
         if (!configInitialized) {
+            const { sentryTraceId, sentryBaggage } = getTraceData();
             initImagineConfig(
                 {
                     AI_SERVICE_ENDPOINT: env.PUBLIC_AI_SERVICE_BASE_URL,
@@ -294,7 +295,8 @@ export async function initImagine(
                 {
                     initialTheme: get(app).themeInUse,
                     consoleSessionId: getSessionId(userId),
-                    sentryTraceId: getTraceId(),
+                    sentryTraceId,
+                    sentryBaggage,
                     callbacks
                 }
             );