fix(svelte): Make component tracking compatible with Svelte 5

Author: Lms24

packages/svelte/src/performance.ts

@@ -1,7 +1,6 @@
 import { getCurrentScope } from '@sentry/browser';
 import type { Span, Transaction } from '@sentry/types';
 import { afterUpdate, beforeUpdate, onMount } from 'svelte';
-import { current_component } from 'svelte/internal';
 
 import { getRootSpan } from '@sentry/core';
 import { DEFAULT_COMPONENT_NAME, UI_SVELTE_INIT, UI_SVELTE_UPDATE } from './constants';
@@ -35,7 +34,7 @@ export function trackComponent(options?: TrackComponentOptions): void {
 
   // current_component.ctor.name is likely to give us the component's name automatically
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  const componentName = `<${customComponentName || current_component.constructor.name || DEFAULT_COMPONENT_NAME}>`;
+  const componentName = `<${customComponentName || DEFAULT_COMPONENT_NAME}>`;
 
   let initSpan: Span | undefined = undefined;
   if (mergedOptions.trackInit) {
@@ -56,6 +55,7 @@ function recordInitSpan(transaction: Transaction, componentName: string): Span {
   });
 
   onMount(() => {
+    console.log('END SPAN', componentName);
     initSpan.end();
   });
 

packages/svelte/src/preprocessors.ts

@@ -21,6 +21,8 @@ export const FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID = 'FIRST_PASS_COMPONENT_TR
 export function componentTrackingPreprocessor(options?: ComponentTrackingInitOptions): PreprocessorGroup {
   const mergedOptions = { ...defaultComponentTrackingOptions, ...options };
 
+  console.log('mergedOptions', mergedOptions);
+
   const visitedFiles = new Set<string>();
   const visitedFilesMarkup = new Set<string>();
 

packages/svelte/src/types.ts

@@ -60,5 +60,10 @@ export type ComponentTrackingInitOptions = {
 } & SpanOptions;
 
 export type TrackComponentOptions = {
+  /**
+   * The name of the component to be used in the recorded spans.
+   *
+   * @default to <Svelte Component> if not specified
+   */
   componentName?: string;
 } & SpanOptions;