@sentry/svelte 9.0.0-alpha.1 → 9.0.0-alpha.2

package/build/cjs/config.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const preprocessors = require('./preprocessors.js');
 
-const DEFAULT_SENTRY_OPTIONS = {
+const defaultSentryOptions = {
   componentTracking: preprocessors.defaultComponentTrackingOptions,
 };
 
@@ -19,32 +19,25 @@ function withSentryConfig(
   sentryOptions,
 ) {
   const mergedOptions = {
-    ...DEFAULT_SENTRY_OPTIONS,
+    ...defaultSentryOptions,
     ...sentryOptions,
+    componentTracking: {
+      ...defaultSentryOptions.componentTracking,
+      ...sentryOptions?.componentTracking,
+    },
   };
 
   const originalPreprocessors = getOriginalPreprocessorArray(originalConfig);
 
-  // Map is insertion-order-preserving. It's important to add preprocessors
-  // to this map in the right order we want to see them being executed.
-  // see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
-  const sentryPreprocessors = new Map();
-
-  const shouldTrackComponents = mergedOptions.componentTracking?.trackComponents;
-  if (shouldTrackComponents) {
-    const firstPassPreproc = preprocessors.componentTrackingPreprocessor(mergedOptions.componentTracking);
-    sentryPreprocessors.set(firstPassPreproc.sentryId || '', firstPassPreproc);
+  // Bail if users already added the preprocessor
+  if (originalPreprocessors.find((p) => !!(p ).sentryId)) {
+    return originalConfig;
   }
 
-  // We prioritize user-added preprocessors, so we don't insert sentry processors if they
-  // have already been added by users.
-  originalPreprocessors.forEach((p) => {
-    if (p.sentryId) {
-      sentryPreprocessors.delete(p.sentryId);
-    }
-  });
-
-  const mergedPreprocessors = [...sentryPreprocessors.values(), ...originalPreprocessors];
+  const mergedPreprocessors = [...originalPreprocessors];
+  if (mergedOptions.componentTracking.trackComponents) {
+    mergedPreprocessors.unshift(preprocessors.componentTrackingPreprocessor(mergedOptions.componentTracking));
+  }
 
   return {
     ...originalConfig,

package/build/cjs/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../src/config.ts"],"sourcesContent":["import type { PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nimport { componentTrackingPreprocessor, defaultComponentTrackingOptions } from './preprocessors';\nimport type { SentryPreprocessorGroup, SentrySvelteConfigOptions, SvelteConfig } from './types';\n\nconst DEFAULT_SENTRY_OPTIONS: SentrySvelteConfigOptions = {\n  componentTracking: defaultComponentTrackingOptions,\n};\n\n/**\n * Add Sentry options to the Svelte config to be exported from the user's `svelte.config.js` file.\n *\n * @param originalConfig The existing config to be exported prior to adding Sentry\n * @param sentryOptions The configuration of the Sentry-added options\n *\n * @return The wrapped and modified config to be exported\n */\nexport function withSentryConfig(\n  originalConfig: SvelteConfig,\n  sentryOptions?: SentrySvelteConfigOptions,\n): SvelteConfig {\n  const mergedOptions = {\n    ...DEFAULT_SENTRY_OPTIONS,\n    ...sentryOptions,\n  };\n\n  const originalPreprocessors = getOriginalPreprocessorArray(originalConfig);\n\n  // Map is insertion-order-preserving. It's important to add preprocessors\n  // to this map in the right order we want to see them being executed.\n  // see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map\n  const sentryPreprocessors = new Map<string, SentryPreprocessorGroup>();\n\n  const shouldTrackComponents = mergedOptions.componentTracking?.trackComponents;\n  if (shouldTrackComponents) {\n    const firstPassPreproc: SentryPreprocessorGroup = componentTrackingPreprocessor(mergedOptions.componentTracking);\n    sentryPreprocessors.set(firstPassPreproc.sentryId || '', firstPassPreproc);\n  }\n\n  // We prioritize user-added preprocessors, so we don't insert sentry processors if they\n  // have already been added by users.\n  originalPreprocessors.forEach((p: SentryPreprocessorGroup) => {\n    if (p.sentryId) {\n      sentryPreprocessors.delete(p.sentryId);\n    }\n  });\n\n  const mergedPreprocessors = [...sentryPreprocessors.values(), ...originalPreprocessors];\n\n  return {\n    ...originalConfig,\n    preprocess: mergedPreprocessors,\n  };\n}\n\n/**\n * Standardizes the different ways the user-provided preprocessor option can be specified.\n * Users can specify an array of preprocessors, a single one or no preprocessor.\n *\n * @param originalConfig the user-provided svelte config oject\n * @return an array of preprocessors or an empty array if no preprocessors were specified\n */\nfunction getOriginalPreprocessorArray(originalConfig: SvelteConfig): PreprocessorGroup[] {\n  if (originalConfig.preprocess) {\n    if (Array.isArray(originalConfig.preprocess)) {\n      return originalConfig.preprocess;\n    }\n    return [originalConfig.preprocess];\n  }\n  return [];\n}\n"],"names":["defaultComponentTrackingOptions","componentTrackingPreprocessor"],"mappings":";;;;AAKA,MAAM,sBAAsB,GAA8B;AAC1D,EAAE,iBAAiB,EAAEA,6CAA+B;AACpD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB;AAChC,EAAE,cAAc;AAChB,EAAE,aAAa;AACf,EAAgB;AAChB,EAAE,MAAM,gBAAgB;AACxB,IAAI,GAAG,sBAAsB;AAC7B,IAAI,GAAG,aAAa;AACpB,GAAG;;AAEH,EAAE,MAAM,qBAAsB,GAAE,4BAA4B,CAAC,cAAc,CAAC;;AAE5E;AACA;AACA;AACA,EAAE,MAAM,mBAAoB,GAAE,IAAI,GAAG,EAAmC;;AAExE,EAAE,MAAM,qBAAsB,GAAE,aAAa,CAAC,iBAAiB,EAAE,eAAe;AAChF,EAAE,IAAI,qBAAqB,EAAE;AAC7B,IAAI,MAAM,gBAAgB,GAA4BC,2CAA6B,CAAC,aAAa,CAAC,iBAAiB,CAAC;AACpH,IAAI,mBAAmB,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAA,IAAY,EAAE,EAAE,gBAAgB,CAAC;AAC9E;;AAEA;AACA;AACA,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,KAA8B;AAChE,IAAI,IAAI,CAAC,CAAC,QAAQ,EAAE;AACpB,MAAM,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC5C;AACA,GAAG,CAAC;;AAEJ,EAAE,MAAM,mBAAA,GAAsB,CAAC,GAAG,mBAAmB,CAAC,MAAM,EAAE,EAAE,GAAG,qBAAqB,CAAC;;AAEzF,EAAE,OAAO;AACT,IAAI,GAAG,cAAc;AACrB,IAAI,UAAU,EAAE,mBAAmB;AACnC,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,4BAA4B,CAAC,cAAc,EAAqC;AACzF,EAAE,IAAI,cAAc,CAAC,UAAU,EAAE;AACjC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE;AAClD,MAAM,OAAO,cAAc,CAAC,UAAU;AACtC;AACA,IAAI,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC;AACtC;AACA,EAAE,OAAO,EAAE;AACX;;;;"}
+{"version":3,"file":"config.js","sources":["../../src/config.ts"],"sourcesContent":["import type { PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nimport { componentTrackingPreprocessor, defaultComponentTrackingOptions } from './preprocessors';\nimport type { SentryPreprocessorGroup, SentrySvelteConfigOptions, SvelteConfig } from './types';\n\nconst defaultSentryOptions: SentrySvelteConfigOptions = {\n  componentTracking: defaultComponentTrackingOptions,\n};\n\n/**\n * Add Sentry options to the Svelte config to be exported from the user's `svelte.config.js` file.\n *\n * @param originalConfig The existing config to be exported prior to adding Sentry\n * @param sentryOptions The configuration of the Sentry-added options\n *\n * @return The wrapped and modified config to be exported\n */\nexport function withSentryConfig(\n  originalConfig: SvelteConfig,\n  sentryOptions?: SentrySvelteConfigOptions,\n): SvelteConfig {\n  const mergedOptions = {\n    ...defaultSentryOptions,\n    ...sentryOptions,\n    componentTracking: {\n      ...defaultSentryOptions.componentTracking,\n      ...sentryOptions?.componentTracking,\n    },\n  };\n\n  const originalPreprocessors = getOriginalPreprocessorArray(originalConfig);\n\n  // Bail if users already added the preprocessor\n  if (originalPreprocessors.find((p: PreprocessorGroup) => !!(p as SentryPreprocessorGroup).sentryId)) {\n    return originalConfig;\n  }\n\n  const mergedPreprocessors = [...originalPreprocessors];\n  if (mergedOptions.componentTracking.trackComponents) {\n    mergedPreprocessors.unshift(componentTrackingPreprocessor(mergedOptions.componentTracking));\n  }\n\n  return {\n    ...originalConfig,\n    preprocess: mergedPreprocessors,\n  };\n}\n\n/**\n * Standardizes the different ways the user-provided preprocessor option can be specified.\n * Users can specify an array of preprocessors, a single one or no preprocessor.\n *\n * @param originalConfig the user-provided svelte config oject\n * @return an array of preprocessors or an empty array if no preprocessors were specified\n */\nfunction getOriginalPreprocessorArray(originalConfig: SvelteConfig): PreprocessorGroup[] {\n  if (originalConfig.preprocess) {\n    if (Array.isArray(originalConfig.preprocess)) {\n      return originalConfig.preprocess;\n    }\n    return [originalConfig.preprocess];\n  }\n  return [];\n}\n"],"names":["defaultComponentTrackingOptions","componentTrackingPreprocessor"],"mappings":";;;;AAKA,MAAM,oBAAoB,GAA8B;AACxD,EAAE,iBAAiB,EAAEA,6CAA+B;AACpD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB;AAChC,EAAE,cAAc;AAChB,EAAE,aAAa;AACf,EAAgB;AAChB,EAAE,MAAM,gBAAgB;AACxB,IAAI,GAAG,oBAAoB;AAC3B,IAAI,GAAG,aAAa;AACpB,IAAI,iBAAiB,EAAE;AACvB,MAAM,GAAG,oBAAoB,CAAC,iBAAiB;AAC/C,MAAM,GAAG,aAAa,EAAE,iBAAiB;AACzC,KAAK;AACL,GAAG;;AAEH,EAAE,MAAM,qBAAsB,GAAE,4BAA4B,CAAC,cAAc,CAAC;;AAE5E;AACA,EAAE,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAwB,CAAC,CAAC,CAAC,CAAA,GAA8B,QAAQ,CAAC,EAAE;AACvG,IAAI,OAAO,cAAc;AACzB;;AAEA,EAAE,MAAM,mBAAoB,GAAE,CAAC,GAAG,qBAAqB,CAAC;AACxD,EAAE,IAAI,aAAa,CAAC,iBAAiB,CAAC,eAAe,EAAE;AACvD,IAAI,mBAAmB,CAAC,OAAO,CAACC,2CAA6B,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAC/F;;AAEA,EAAE,OAAO;AACT,IAAI,GAAG,cAAc;AACrB,IAAI,UAAU,EAAE,mBAAmB;AACnC,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,4BAA4B,CAAC,cAAc,EAAqC;AACzF,EAAE,IAAI,cAAc,CAAC,UAAU,EAAE;AACjC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE;AAClD,MAAM,OAAO,cAAc,CAAC,UAAU;AACtC;AACA,IAAI,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC;AACtC;AACA,EAAE,OAAO,EAAE;AACX;;;;"}

package/build/cjs/performance.js

@@ -3,13 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const browser = require('@sentry/browser');
 const svelte = require('svelte');
 const core = require('@sentry/core');
-const constants = require('./constants.js');
 
 const defaultTrackComponentOptions
 
  = {
   trackInit: true,
-  trackUpdates: true,
+  trackUpdates: false,
 };
 
 /**
@@ -26,21 +25,27 @@ function trackComponent(options) {
 
   const customComponentName = mergedOptions.componentName;
 
-  const componentName = `<${customComponentName || constants.DEFAULT_COMPONENT_NAME}>`;
+  const componentName = `<${customComponentName || 'Svelte Component'}>`;
 
   if (mergedOptions.trackInit) {
     recordInitSpan(componentName);
   }
 
   if (mergedOptions.trackUpdates) {
-    recordUpdateSpans(componentName);
+    try {
+      recordUpdateSpans(componentName);
+    } catch {
+      core.logger.warn(
+        "Cannot track component updates. This is likely because you're using Svelte 5 in Runes mode. Set `trackUpdates: false` in `withSentryConfig` or `trackComponent` to disable this warning.",
+      );
+    }
   }
 }
 
 function recordInitSpan(componentName) {
   const initSpan = core.startInactiveSpan({
     onlyIfParent: true,
-    op: constants.UI_SVELTE_INIT,
+    op: 'ui.svelte.init',
     name: componentName,
     attributes: { [browser.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },
   });
@@ -55,7 +60,7 @@ function recordUpdateSpans(componentName) {
   svelte.beforeUpdate(() => {
     updateSpan = core.startInactiveSpan({
       onlyIfParent: true,
-      op: constants.UI_SVELTE_UPDATE,
+      op: 'ui.svelte.update',
       name: componentName,
       attributes: { [browser.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },
     });

package/build/cjs/performance.js.map

@@ -1 +1 @@
-{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport { afterUpdate, beforeUpdate, onMount } from 'svelte';\n\nimport { startInactiveSpan } from '@sentry/core';\nimport { DEFAULT_COMPONENT_NAME, UI_SVELTE_INIT, UI_SVELTE_UPDATE } from './constants';\nimport type { TrackComponentOptions } from './types';\n\nconst defaultTrackComponentOptions: {\n  trackInit: boolean;\n  trackUpdates: boolean;\n  componentName?: string;\n} = {\n  trackInit: true,\n  trackUpdates: true,\n};\n\n/**\n * Tracks the Svelte component's initialization and mounting operation as well as\n * updates and records them as spans.\n *\n * This function is injected automatically into your Svelte components' code\n * if you are using the withSentryConfig wrapper.\n *\n * Alternatively, you can call it yourself if you don't want to use the preprocessor.\n */\nexport function trackComponent(options?: TrackComponentOptions): void {\n  const mergedOptions = { ...defaultTrackComponentOptions, ...options };\n\n  const customComponentName = mergedOptions.componentName;\n\n  const componentName = `<${customComponentName || DEFAULT_COMPONENT_NAME}>`;\n\n  if (mergedOptions.trackInit) {\n    recordInitSpan(componentName);\n  }\n\n  if (mergedOptions.trackUpdates) {\n    recordUpdateSpans(componentName);\n  }\n}\n\nfunction recordInitSpan(componentName: string): void {\n  const initSpan = startInactiveSpan({\n    onlyIfParent: true,\n    op: UI_SVELTE_INIT,\n    name: componentName,\n    attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n  });\n\n  onMount(() => {\n    initSpan.end();\n  });\n}\n\nfunction recordUpdateSpans(componentName: string): void {\n  let updateSpan: Span | undefined;\n  beforeUpdate(() => {\n    updateSpan = startInactiveSpan({\n      onlyIfParent: true,\n      op: UI_SVELTE_UPDATE,\n      name: componentName,\n      attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n    });\n  });\n\n  afterUpdate(() => {\n    if (!updateSpan) {\n      return;\n    }\n    updateSpan.end();\n    updateSpan = undefined;\n  });\n}\n"],"names":["DEFAULT_COMPONENT_NAME","startInactiveSpan","UI_SVELTE_INIT","SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN","onMount","beforeUpdate","UI_SVELTE_UPDATE","afterUpdate"],"mappings":";;;;;;;AAQA,MAAM;;AAIN,GAAI;AACJ,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,YAAY,EAAE,IAAI;AACpB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,cAAc,CAAC,OAAO,EAAgC;AACtE,EAAE,MAAM,gBAAgB,EAAE,GAAG,4BAA4B,EAAE,GAAG,OAAA,EAAS;;AAEvE,EAAE,MAAM,mBAAA,GAAsB,aAAa,CAAC,aAAa;;AAEzD,EAAE,MAAM,aAAc,GAAE,CAAC,CAAC,EAAE,mBAAA,IAAuBA,gCAAsB,CAAC,CAAC,CAAC;;AAE5E,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,cAAc,CAAC,aAAa,CAAC;AACjC;;AAEA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,CAAC;AACpC;AACA;;AAEA,SAAS,cAAc,CAAC,aAAa,EAAgB;AACrD,EAAE,MAAM,QAAA,GAAWC,sBAAiB,CAAC;AACrC,IAAI,YAAY,EAAE,IAAI;AACtB,IAAI,EAAE,EAAEC,wBAAc;AACtB,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,UAAU,EAAE,EAAE,CAACC,wCAAgC,GAAG,kBAAkB;AACxE,GAAG,CAAC;;AAEJ,EAAEC,cAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE;AAClB,GAAG,CAAC;AACJ;;AAEA,SAAS,iBAAiB,CAAC,aAAa,EAAgB;AACxD,EAAE,IAAI,UAAU;AAChB,EAAEC,mBAAY,CAAC,MAAM;AACrB,IAAI,UAAA,GAAaJ,sBAAiB,CAAC;AACnC,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,EAAE,EAAEK,0BAAgB;AAC1B,MAAM,IAAI,EAAE,aAAa;AACzB,MAAM,UAAU,EAAE,EAAE,CAACH,wCAAgC,GAAG,kBAAkB;AAC1E,KAAK,CAAC;AACN,GAAG,CAAC;;AAEJ,EAAEI,kBAAW,CAAC,MAAM;AACpB,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM;AACN;AACA,IAAI,UAAU,CAAC,GAAG,EAAE;AACpB,IAAI,UAAA,GAAa,SAAS;AAC1B,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport { afterUpdate, beforeUpdate, onMount } from 'svelte';\n\nimport { logger, startInactiveSpan } from '@sentry/core';\nimport type { TrackComponentOptions } from './types';\n\nconst defaultTrackComponentOptions: {\n  trackInit: boolean;\n  trackUpdates: boolean;\n  componentName?: string;\n} = {\n  trackInit: true,\n  trackUpdates: false,\n};\n\n/**\n * Tracks the Svelte component's initialization and mounting operation as well as\n * updates and records them as spans.\n *\n * This function is injected automatically into your Svelte components' code\n * if you are using the withSentryConfig wrapper.\n *\n * Alternatively, you can call it yourself if you don't want to use the preprocessor.\n */\nexport function trackComponent(options?: TrackComponentOptions): void {\n  const mergedOptions = { ...defaultTrackComponentOptions, ...options };\n\n  const customComponentName = mergedOptions.componentName;\n\n  const componentName = `<${customComponentName || 'Svelte Component'}>`;\n\n  if (mergedOptions.trackInit) {\n    recordInitSpan(componentName);\n  }\n\n  if (mergedOptions.trackUpdates) {\n    try {\n      recordUpdateSpans(componentName);\n    } catch {\n      logger.warn(\n        \"Cannot track component updates. This is likely because you're using Svelte 5 in Runes mode. Set `trackUpdates: false` in `withSentryConfig` or `trackComponent` to disable this warning.\",\n      );\n    }\n  }\n}\n\nfunction recordInitSpan(componentName: string): void {\n  const initSpan = startInactiveSpan({\n    onlyIfParent: true,\n    op: 'ui.svelte.init',\n    name: componentName,\n    attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n  });\n\n  onMount(() => {\n    initSpan.end();\n  });\n}\n\nfunction recordUpdateSpans(componentName: string): void {\n  let updateSpan: Span | undefined;\n  beforeUpdate(() => {\n    updateSpan = startInactiveSpan({\n      onlyIfParent: true,\n      op: 'ui.svelte.update',\n      name: componentName,\n      attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n    });\n  });\n\n  afterUpdate(() => {\n    if (!updateSpan) {\n      return;\n    }\n    updateSpan.end();\n    updateSpan = undefined;\n  });\n}\n"],"names":["logger","startInactiveSpan","SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN","onMount","beforeUpdate","afterUpdate"],"mappings":";;;;;;AAOA,MAAM;;AAIN,GAAI;AACJ,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,YAAY,EAAE,KAAK;AACrB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,cAAc,CAAC,OAAO,EAAgC;AACtE,EAAE,MAAM,gBAAgB,EAAE,GAAG,4BAA4B,EAAE,GAAG,OAAA,EAAS;;AAEvE,EAAE,MAAM,mBAAA,GAAsB,aAAa,CAAC,aAAa;;AAEzD,EAAE,MAAM,aAAc,GAAE,CAAC,CAAC,EAAE,mBAAA,IAAuB,kBAAkB,CAAC,CAAC,CAAC;;AAExE,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,cAAc,CAAC,aAAa,CAAC;AACjC;;AAEA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,IAAI;AACR,MAAM,iBAAiB,CAAC,aAAa,CAAC;AACtC,MAAM,MAAM;AACZ,MAAMA,WAAM,CAAC,IAAI;AACjB,QAAQ,0LAA0L;AAClM,OAAO;AACP;AACA;AACA;;AAEA,SAAS,cAAc,CAAC,aAAa,EAAgB;AACrD,EAAE,MAAM,QAAA,GAAWC,sBAAiB,CAAC;AACrC,IAAI,YAAY,EAAE,IAAI;AACtB,IAAI,EAAE,EAAE,gBAAgB;AACxB,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,UAAU,EAAE,EAAE,CAACC,wCAAgC,GAAG,kBAAkB;AACxE,GAAG,CAAC;;AAEJ,EAAEC,cAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE;AAClB,GAAG,CAAC;AACJ;;AAEA,SAAS,iBAAiB,CAAC,aAAa,EAAgB;AACxD,EAAE,IAAI,UAAU;AAChB,EAAEC,mBAAY,CAAC,MAAM;AACrB,IAAI,UAAA,GAAaH,sBAAiB,CAAC;AACnC,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,EAAE,EAAE,kBAAkB;AAC5B,MAAM,IAAI,EAAE,aAAa;AACzB,MAAM,UAAU,EAAE,EAAE,CAACC,wCAAgC,GAAG,kBAAkB;AAC1E,KAAK,CAAC;AACN,GAAG,CAAC;;AAEJ,EAAEG,kBAAW,CAAC,MAAM;AACpB,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM;AACN;AACA,IAAI,UAAU,CAAC,GAAG,EAAE;AACpB,IAAI,UAAA,GAAa,SAAS;AAC1B,GAAG,CAAC;AACJ;;;;"}

package/build/cjs/preprocessors.js

@@ -5,7 +5,7 @@ const MagicString = require('magic-string');
 const defaultComponentTrackingOptions = {
   trackComponents: true,
   trackInit: true,
-  trackUpdates: true,
+  trackUpdates: false,
 };
 
 const FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID = 'FIRST_PASS_COMPONENT_TRACKING_PREPROCESSOR';

package/build/cjs/preprocessors.js.map

@@ -1 +1 @@
-{"version":3,"file":"preprocessors.js","sources":["../../src/preprocessors.ts"],"sourcesContent":["import MagicString from 'magic-string';\nimport type { PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nimport type { ComponentTrackingInitOptions, SentryPreprocessorGroup, TrackComponentOptions } from './types';\n\nexport const defaultComponentTrackingOptions: Required<ComponentTrackingInitOptions> = {\n  trackComponents: true,\n  trackInit: true,\n  trackUpdates: true,\n};\n\nexport const FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID = 'FIRST_PASS_COMPONENT_TRACKING_PREPROCESSOR';\n\n/**\n * Svelte Preprocessor to inject Sentry performance monitoring related code\n * into Svelte components.\n */\nexport function componentTrackingPreprocessor(options?: ComponentTrackingInitOptions): PreprocessorGroup {\n  const mergedOptions = { ...defaultComponentTrackingOptions, ...options };\n\n  const visitedFiles = new Set<string>();\n  const visitedFilesMarkup = new Set<string>();\n\n  const preprocessor: PreprocessorGroup = {\n    // This markup hook is called once per .svelte component file, before the `script` hook is called\n    // We use it to check if the passed component has a <script> tag. If it doesn't, we add one to inject our\n    // code later on, when the `script` hook is executed.\n    markup: ({ content, filename }) => {\n      const finalFilename = filename || 'unknown';\n      const shouldInject = shouldInjectFunction(mergedOptions.trackComponents, finalFilename, {}, visitedFilesMarkup);\n\n      if (shouldInject && !hasScriptTag(content)) {\n        // Insert a <script> tag into the component file where we can later on inject our code.\n        // We have to add a placeholder to the script tag because for empty script tags,\n        // the `script` preprocessor hook won't be called\n        // Note: The space between <script> and </script> is important! Without any content,\n        // the `script` hook wouldn't  be executed for the added script tag.\n        const s = new MagicString(content);\n        s.prepend('<script>\\n</script>\\n');\n        return { code: s.toString(), map: s.generateMap().toString() };\n      }\n\n      return { code: content };\n    },\n\n    // This script hook is called whenever a Svelte component's <script> content is preprocessed.\n    // `content` contains the script code as a string\n    script: ({ content, filename, attributes }) => {\n      // TODO: Not sure when a filename could be undefined. Using this 'unknown' fallback for the time being\n      const finalFilename = filename || 'unknown';\n\n      if (!shouldInjectFunction(mergedOptions.trackComponents, finalFilename, attributes, visitedFiles)) {\n        return { code: content };\n      }\n\n      const { trackInit, trackUpdates } = mergedOptions;\n      const trackComponentOptions: TrackComponentOptions = {\n        trackInit,\n        trackUpdates,\n        componentName: getBaseName(finalFilename),\n      };\n\n      const importStmt = 'import { trackComponent } from \"@sentry/svelte\";\\n';\n      const functionCall = `trackComponent(${JSON.stringify(trackComponentOptions)});\\n`;\n\n      const s = new MagicString(content);\n      s.prepend(functionCall).prepend(importStmt);\n\n      const updatedCode = s.toString();\n      const updatedSourceMap = s.generateMap().toString();\n\n      return { code: updatedCode, map: updatedSourceMap };\n    },\n  };\n\n  const sentryPreprocessor: SentryPreprocessorGroup = {\n    ...preprocessor,\n    sentryId: FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID,\n  };\n\n  return sentryPreprocessor;\n}\n\nfunction shouldInjectFunction(\n  trackComponents: Required<ComponentTrackingInitOptions['trackComponents']>,\n  filename: string,\n  attributes: Record<string, string | boolean>,\n  visitedFiles: Set<string>,\n): boolean {\n  // We do cannot inject our function multiple times into the same component\n  // This can happen when a component has multiple <script> blocks\n  if (visitedFiles.has(filename)) {\n    return false;\n  }\n  visitedFiles.add(filename);\n\n  // We can't inject our function call into <script context=\"module\"> blocks\n  // because the code inside is not executed when the component is instantiated but\n  // when the module is first imported.\n  // see: https://svelte.dev/docs#component-format-script-context-module\n  if (attributes.context === 'module') {\n    return false;\n  }\n\n  if (!trackComponents) {\n    return false;\n  }\n\n  if (Array.isArray(trackComponents)) {\n    const componentName = getBaseName(filename);\n    return trackComponents.some(allowed => allowed === componentName);\n  }\n\n  return true;\n}\n\nfunction getBaseName(filename: string): string {\n  const segments = filename.split('/');\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return segments[segments.length - 1]!.replace('.svelte', '');\n}\n\nfunction hasScriptTag(content: string): boolean {\n  // This regex is taken from the Svelte compiler code.\n  // They use this regex to find matching script tags that are passed to the `script` preprocessor hook:\n  // https://github.com/sveltejs/svelte/blob/bb83eddfc623437528f24e9fe210885b446e72fa/src/compiler/preprocess/index.ts#L144\n  // However, we remove the first part of the regex to not match HTML comments\n  const scriptTagRegex = /<script(\\s[^]*?)?(?:>([^]*?)<\\/script\\s*>|\\/>)/gi;\n\n  // Regex testing is not a super safe way of checking for the presence of a <script> tag in the Svelte\n  // component file but I think we can use it as a start.\n  // A case that is not covered by regex-testing HTML is e.g. nested <script> tags but I cannot\n  // think of why one would do this in Svelte components. For instance, the Svelte compiler errors\n  // when there's more than one top-level script tag.\n  return scriptTagRegex.test(content);\n}\n"],"names":["MagicString"],"mappings":"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"}
+{"version":3,"file":"preprocessors.js","sources":["../../src/preprocessors.ts"],"sourcesContent":["import MagicString from 'magic-string';\nimport type { PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nimport type { ComponentTrackingInitOptions, SentryPreprocessorGroup, TrackComponentOptions } from './types';\n\nexport const defaultComponentTrackingOptions: Required<ComponentTrackingInitOptions> = {\n  trackComponents: true,\n  trackInit: true,\n  trackUpdates: false,\n};\n\nexport const FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID = 'FIRST_PASS_COMPONENT_TRACKING_PREPROCESSOR';\n\n/**\n * Svelte Preprocessor to inject Sentry performance monitoring related code\n * into Svelte components.\n */\nexport function componentTrackingPreprocessor(options?: ComponentTrackingInitOptions): PreprocessorGroup {\n  const mergedOptions = { ...defaultComponentTrackingOptions, ...options };\n\n  const visitedFiles = new Set<string>();\n  const visitedFilesMarkup = new Set<string>();\n\n  const preprocessor: PreprocessorGroup = {\n    // This markup hook is called once per .svelte component file, before the `script` hook is called\n    // We use it to check if the passed component has a <script> tag. If it doesn't, we add one to inject our\n    // code later on, when the `script` hook is executed.\n    markup: ({ content, filename }) => {\n      const finalFilename = filename || 'unknown';\n      const shouldInject = shouldInjectFunction(mergedOptions.trackComponents, finalFilename, {}, visitedFilesMarkup);\n\n      if (shouldInject && !hasScriptTag(content)) {\n        // Insert a <script> tag into the component file where we can later on inject our code.\n        // We have to add a placeholder to the script tag because for empty script tags,\n        // the `script` preprocessor hook won't be called\n        // Note: The space between <script> and </script> is important! Without any content,\n        // the `script` hook wouldn't  be executed for the added script tag.\n        const s = new MagicString(content);\n        s.prepend('<script>\\n</script>\\n');\n        return { code: s.toString(), map: s.generateMap().toString() };\n      }\n\n      return { code: content };\n    },\n\n    // This script hook is called whenever a Svelte component's <script> content is preprocessed.\n    // `content` contains the script code as a string\n    script: ({ content, filename, attributes }) => {\n      // TODO: Not sure when a filename could be undefined. Using this 'unknown' fallback for the time being\n      const finalFilename = filename || 'unknown';\n\n      if (!shouldInjectFunction(mergedOptions.trackComponents, finalFilename, attributes, visitedFiles)) {\n        return { code: content };\n      }\n\n      const { trackInit, trackUpdates } = mergedOptions;\n      const trackComponentOptions: TrackComponentOptions = {\n        trackInit,\n        trackUpdates,\n        componentName: getBaseName(finalFilename),\n      };\n\n      const importStmt = 'import { trackComponent } from \"@sentry/svelte\";\\n';\n      const functionCall = `trackComponent(${JSON.stringify(trackComponentOptions)});\\n`;\n\n      const s = new MagicString(content);\n      s.prepend(functionCall).prepend(importStmt);\n\n      const updatedCode = s.toString();\n      const updatedSourceMap = s.generateMap().toString();\n\n      return { code: updatedCode, map: updatedSourceMap };\n    },\n  };\n\n  const sentryPreprocessor: SentryPreprocessorGroup = {\n    ...preprocessor,\n    sentryId: FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID,\n  };\n\n  return sentryPreprocessor;\n}\n\nfunction shouldInjectFunction(\n  trackComponents: Required<ComponentTrackingInitOptions['trackComponents']>,\n  filename: string,\n  attributes: Record<string, string | boolean>,\n  visitedFiles: Set<string>,\n): boolean {\n  // We do cannot inject our function multiple times into the same component\n  // This can happen when a component has multiple <script> blocks\n  if (visitedFiles.has(filename)) {\n    return false;\n  }\n  visitedFiles.add(filename);\n\n  // We can't inject our function call into <script context=\"module\"> blocks\n  // because the code inside is not executed when the component is instantiated but\n  // when the module is first imported.\n  // see: https://svelte.dev/docs#component-format-script-context-module\n  if (attributes.context === 'module') {\n    return false;\n  }\n\n  if (!trackComponents) {\n    return false;\n  }\n\n  if (Array.isArray(trackComponents)) {\n    const componentName = getBaseName(filename);\n    return trackComponents.some(allowed => allowed === componentName);\n  }\n\n  return true;\n}\n\nfunction getBaseName(filename: string): string {\n  const segments = filename.split('/');\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return segments[segments.length - 1]!.replace('.svelte', '');\n}\n\nfunction hasScriptTag(content: string): boolean {\n  // This regex is taken from the Svelte compiler code.\n  // They use this regex to find matching script tags that are passed to the `script` preprocessor hook:\n  // https://github.com/sveltejs/svelte/blob/bb83eddfc623437528f24e9fe210885b446e72fa/src/compiler/preprocess/index.ts#L144\n  // However, we remove the first part of the regex to not match HTML comments\n  const scriptTagRegex = /<script(\\s[^]*?)?(?:>([^]*?)<\\/script\\s*>|\\/>)/gi;\n\n  // Regex testing is not a super safe way of checking for the presence of a <script> tag in the Svelte\n  // component file but I think we can use it as a start.\n  // A case that is not covered by regex-testing HTML is e.g. nested <script> tags but I cannot\n  // think of why one would do this in Svelte components. For instance, the Svelte compiler errors\n  // when there's more than one top-level script tag.\n  return scriptTagRegex.test(content);\n}\n"],"names":["MagicString"],"mappings":"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"}

package/build/cjs/sdk.js

@@ -13,53 +13,8 @@ function init(options) {
 
   core.applySdkMetadata(opts, 'svelte');
 
-  const client = browser.init(opts);
-
-  detectAndReportSvelteKit();
-
-  return client;
-}
-
-/**
- * Adds a global event processor to detect if the SDK is initialized in a SvelteKit frontend,
- * in which case we add SvelteKit an event.modules entry to outgoing events.
- * SvelteKit detection is performed only once, when the event processor is called for the
- * first time. We cannot perform this check upfront (directly when init is called) because
- * at this time, the HTML element might not yet be accessible.
- */
-function detectAndReportSvelteKit() {
-  let detectedSvelteKit = undefined;
-
-  const svelteKitProcessor = event => {
-    if (detectedSvelteKit === undefined) {
-      detectedSvelteKit = isSvelteKitApp();
-    }
-    if (detectedSvelteKit) {
-      event.modules = {
-        svelteKit: 'latest',
-        ...event.modules,
-      };
-    }
-    return event;
-  };
-  svelteKitProcessor.id = 'svelteKitProcessor';
-
-  browser.addEventProcessor(svelteKitProcessor);
-}
-
-/**
- * To actually detect a SvelteKit frontend, we search the DOM for a special
- * div that's inserted by SvelteKit when the page is rendered. It's identified
- * by its id, 'svelte-announcer', and it's used to improve page accessibility.
- * This div is not present when only using Svelte without SvelteKit.
- *
- * @see https://github.com/sveltejs/kit/issues/307 for more information
- */
-function isSvelteKitApp() {
-  return !!browser.WINDOW.document.querySelector('div#svelte-announcer');
+  return browser.init(opts);
 }
 
-exports.detectAndReportSvelteKit = detectAndReportSvelteKit;
 exports.init = init;
-exports.isSvelteKitApp = isSvelteKitApp;
 //# sourceMappingURL=sdk.js.map

package/build/cjs/sdk.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport { WINDOW } from '@sentry/browser';\nimport { addEventProcessor, init as browserInit } from '@sentry/browser';\nimport type { Client, EventProcessor } from '@sentry/core';\nimport { applySdkMetadata } from '@sentry/core';\n/**\n * Inits the Svelte SDK\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'svelte');\n\n  const client = browserInit(opts);\n\n  detectAndReportSvelteKit();\n\n  return client;\n}\n\n/**\n * Adds a global event processor to detect if the SDK is initialized in a SvelteKit frontend,\n * in which case we add SvelteKit an event.modules entry to outgoing events.\n * SvelteKit detection is performed only once, when the event processor is called for the\n * first time. We cannot perform this check upfront (directly when init is called) because\n * at this time, the HTML element might not yet be accessible.\n */\nexport function detectAndReportSvelteKit(): void {\n  let detectedSvelteKit: boolean | undefined = undefined;\n\n  const svelteKitProcessor: EventProcessor = event => {\n    if (detectedSvelteKit === undefined) {\n      detectedSvelteKit = isSvelteKitApp();\n    }\n    if (detectedSvelteKit) {\n      event.modules = {\n        svelteKit: 'latest',\n        ...event.modules,\n      };\n    }\n    return event;\n  };\n  svelteKitProcessor.id = 'svelteKitProcessor';\n\n  addEventProcessor(svelteKitProcessor);\n}\n\n/**\n * To actually detect a SvelteKit frontend, we search the DOM for a special\n * div that's inserted by SvelteKit when the page is rendered. It's identified\n * by its id, 'svelte-announcer', and it's used to improve page accessibility.\n * This div is not present when only using Svelte without SvelteKit.\n *\n * @see https://github.com/sveltejs/kit/issues/307 for more information\n */\nexport function isSvelteKitApp(): boolean {\n  return !!WINDOW.document.querySelector('div#svelte-announcer');\n}\n"],"names":["applySdkMetadata","browserInit","addEventProcessor","WINDOW"],"mappings":";;;;;AAKA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE,EAAE,MAAM,OAAO;AACf,IAAI,GAAG,OAAO;AACd,GAAG;;AAEH,EAAEA,qBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC;;AAElC,EAAE,MAAM,MAAO,GAAEC,YAAW,CAAC,IAAI,CAAC;;AAElC,EAAE,wBAAwB,EAAE;;AAE5B,EAAE,OAAO,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,wBAAwB,GAAS;AACjD,EAAE,IAAI,iBAAiB,GAAwB,SAAS;;AAExD,EAAE,MAAM,kBAAkB,GAAmB,SAAS;AACtD,IAAI,IAAI,iBAAkB,KAAI,SAAS,EAAE;AACzC,MAAM,iBAAkB,GAAE,cAAc,EAAE;AAC1C;AACA,IAAI,IAAI,iBAAiB,EAAE;AAC3B,MAAM,KAAK,CAAC,OAAA,GAAU;AACtB,QAAQ,SAAS,EAAE,QAAQ;AAC3B,QAAQ,GAAG,KAAK,CAAC,OAAO;AACxB,OAAO;AACP;AACA,IAAI,OAAO,KAAK;AAChB,GAAG;AACH,EAAE,kBAAkB,CAAC,EAAG,GAAE,oBAAoB;;AAE9C,EAAEC,yBAAiB,CAAC,kBAAkB,CAAC;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,cAAc,GAAY;AAC1C,EAAE,OAAO,CAAC,CAACC,cAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC;AAChE;;;;;;"}
+{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport { init as browserInit } from '@sentry/browser';\nimport type { Client } from '@sentry/core';\nimport { applySdkMetadata } from '@sentry/core';\n/**\n * Inits the Svelte SDK\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'svelte');\n\n  return browserInit(opts);\n}\n"],"names":["applySdkMetadata","browserInit"],"mappings":";;;;;AAIA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE,EAAE,MAAM,OAAO;AACf,IAAI,GAAG,OAAO;AACd,GAAG;;AAEH,EAAEA,qBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC;;AAElC,EAAE,OAAOC,YAAW,CAAC,IAAI,CAAC;AAC1B;;;;"}

package/build/esm/config.js

@@ -1,6 +1,6 @@
 import { componentTrackingPreprocessor, defaultComponentTrackingOptions } from './preprocessors.js';
 
-const DEFAULT_SENTRY_OPTIONS = {
+const defaultSentryOptions = {
   componentTracking: defaultComponentTrackingOptions,
 };
 
@@ -17,32 +17,25 @@ function withSentryConfig(
   sentryOptions,
 ) {
   const mergedOptions = {
-    ...DEFAULT_SENTRY_OPTIONS,
+    ...defaultSentryOptions,
     ...sentryOptions,
+    componentTracking: {
+      ...defaultSentryOptions.componentTracking,
+      ...sentryOptions?.componentTracking,
+    },
   };
 
   const originalPreprocessors = getOriginalPreprocessorArray(originalConfig);
 
-  // Map is insertion-order-preserving. It's important to add preprocessors
-  // to this map in the right order we want to see them being executed.
-  // see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
-  const sentryPreprocessors = new Map();
-
-  const shouldTrackComponents = mergedOptions.componentTracking?.trackComponents;
-  if (shouldTrackComponents) {
-    const firstPassPreproc = componentTrackingPreprocessor(mergedOptions.componentTracking);
-    sentryPreprocessors.set(firstPassPreproc.sentryId || '', firstPassPreproc);
+  // Bail if users already added the preprocessor
+  if (originalPreprocessors.find((p) => !!(p ).sentryId)) {
+    return originalConfig;
   }
 
-  // We prioritize user-added preprocessors, so we don't insert sentry processors if they
-  // have already been added by users.
-  originalPreprocessors.forEach((p) => {
-    if (p.sentryId) {
-      sentryPreprocessors.delete(p.sentryId);
-    }
-  });
-
-  const mergedPreprocessors = [...sentryPreprocessors.values(), ...originalPreprocessors];
+  const mergedPreprocessors = [...originalPreprocessors];
+  if (mergedOptions.componentTracking.trackComponents) {
+    mergedPreprocessors.unshift(componentTrackingPreprocessor(mergedOptions.componentTracking));
+  }
 
   return {
     ...originalConfig,

package/build/esm/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../src/config.ts"],"sourcesContent":["import type { PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nimport { componentTrackingPreprocessor, defaultComponentTrackingOptions } from './preprocessors';\nimport type { SentryPreprocessorGroup, SentrySvelteConfigOptions, SvelteConfig } from './types';\n\nconst DEFAULT_SENTRY_OPTIONS: SentrySvelteConfigOptions = {\n  componentTracking: defaultComponentTrackingOptions,\n};\n\n/**\n * Add Sentry options to the Svelte config to be exported from the user's `svelte.config.js` file.\n *\n * @param originalConfig The existing config to be exported prior to adding Sentry\n * @param sentryOptions The configuration of the Sentry-added options\n *\n * @return The wrapped and modified config to be exported\n */\nexport function withSentryConfig(\n  originalConfig: SvelteConfig,\n  sentryOptions?: SentrySvelteConfigOptions,\n): SvelteConfig {\n  const mergedOptions = {\n    ...DEFAULT_SENTRY_OPTIONS,\n    ...sentryOptions,\n  };\n\n  const originalPreprocessors = getOriginalPreprocessorArray(originalConfig);\n\n  // Map is insertion-order-preserving. It's important to add preprocessors\n  // to this map in the right order we want to see them being executed.\n  // see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map\n  const sentryPreprocessors = new Map<string, SentryPreprocessorGroup>();\n\n  const shouldTrackComponents = mergedOptions.componentTracking?.trackComponents;\n  if (shouldTrackComponents) {\n    const firstPassPreproc: SentryPreprocessorGroup = componentTrackingPreprocessor(mergedOptions.componentTracking);\n    sentryPreprocessors.set(firstPassPreproc.sentryId || '', firstPassPreproc);\n  }\n\n  // We prioritize user-added preprocessors, so we don't insert sentry processors if they\n  // have already been added by users.\n  originalPreprocessors.forEach((p: SentryPreprocessorGroup) => {\n    if (p.sentryId) {\n      sentryPreprocessors.delete(p.sentryId);\n    }\n  });\n\n  const mergedPreprocessors = [...sentryPreprocessors.values(), ...originalPreprocessors];\n\n  return {\n    ...originalConfig,\n    preprocess: mergedPreprocessors,\n  };\n}\n\n/**\n * Standardizes the different ways the user-provided preprocessor option can be specified.\n * Users can specify an array of preprocessors, a single one or no preprocessor.\n *\n * @param originalConfig the user-provided svelte config oject\n * @return an array of preprocessors or an empty array if no preprocessors were specified\n */\nfunction getOriginalPreprocessorArray(originalConfig: SvelteConfig): PreprocessorGroup[] {\n  if (originalConfig.preprocess) {\n    if (Array.isArray(originalConfig.preprocess)) {\n      return originalConfig.preprocess;\n    }\n    return [originalConfig.preprocess];\n  }\n  return [];\n}\n"],"names":[],"mappings":";;AAKA,MAAM,sBAAsB,GAA8B;AAC1D,EAAE,iBAAiB,EAAE,+BAA+B;AACpD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB;AAChC,EAAE,cAAc;AAChB,EAAE,aAAa;AACf,EAAgB;AAChB,EAAE,MAAM,gBAAgB;AACxB,IAAI,GAAG,sBAAsB;AAC7B,IAAI,GAAG,aAAa;AACpB,GAAG;;AAEH,EAAE,MAAM,qBAAsB,GAAE,4BAA4B,CAAC,cAAc,CAAC;;AAE5E;AACA;AACA;AACA,EAAE,MAAM,mBAAoB,GAAE,IAAI,GAAG,EAAmC;;AAExE,EAAE,MAAM,qBAAsB,GAAE,aAAa,CAAC,iBAAiB,EAAE,eAAe;AAChF,EAAE,IAAI,qBAAqB,EAAE;AAC7B,IAAI,MAAM,gBAAgB,GAA4B,6BAA6B,CAAC,aAAa,CAAC,iBAAiB,CAAC;AACpH,IAAI,mBAAmB,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAA,IAAY,EAAE,EAAE,gBAAgB,CAAC;AAC9E;;AAEA;AACA;AACA,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,KAA8B;AAChE,IAAI,IAAI,CAAC,CAAC,QAAQ,EAAE;AACpB,MAAM,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC5C;AACA,GAAG,CAAC;;AAEJ,EAAE,MAAM,mBAAA,GAAsB,CAAC,GAAG,mBAAmB,CAAC,MAAM,EAAE,EAAE,GAAG,qBAAqB,CAAC;;AAEzF,EAAE,OAAO;AACT,IAAI,GAAG,cAAc;AACrB,IAAI,UAAU,EAAE,mBAAmB;AACnC,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,4BAA4B,CAAC,cAAc,EAAqC;AACzF,EAAE,IAAI,cAAc,CAAC,UAAU,EAAE;AACjC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE;AAClD,MAAM,OAAO,cAAc,CAAC,UAAU;AACtC;AACA,IAAI,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC;AACtC;AACA,EAAE,OAAO,EAAE;AACX;;;;"}
+{"version":3,"file":"config.js","sources":["../../src/config.ts"],"sourcesContent":["import type { PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nimport { componentTrackingPreprocessor, defaultComponentTrackingOptions } from './preprocessors';\nimport type { SentryPreprocessorGroup, SentrySvelteConfigOptions, SvelteConfig } from './types';\n\nconst defaultSentryOptions: SentrySvelteConfigOptions = {\n  componentTracking: defaultComponentTrackingOptions,\n};\n\n/**\n * Add Sentry options to the Svelte config to be exported from the user's `svelte.config.js` file.\n *\n * @param originalConfig The existing config to be exported prior to adding Sentry\n * @param sentryOptions The configuration of the Sentry-added options\n *\n * @return The wrapped and modified config to be exported\n */\nexport function withSentryConfig(\n  originalConfig: SvelteConfig,\n  sentryOptions?: SentrySvelteConfigOptions,\n): SvelteConfig {\n  const mergedOptions = {\n    ...defaultSentryOptions,\n    ...sentryOptions,\n    componentTracking: {\n      ...defaultSentryOptions.componentTracking,\n      ...sentryOptions?.componentTracking,\n    },\n  };\n\n  const originalPreprocessors = getOriginalPreprocessorArray(originalConfig);\n\n  // Bail if users already added the preprocessor\n  if (originalPreprocessors.find((p: PreprocessorGroup) => !!(p as SentryPreprocessorGroup).sentryId)) {\n    return originalConfig;\n  }\n\n  const mergedPreprocessors = [...originalPreprocessors];\n  if (mergedOptions.componentTracking.trackComponents) {\n    mergedPreprocessors.unshift(componentTrackingPreprocessor(mergedOptions.componentTracking));\n  }\n\n  return {\n    ...originalConfig,\n    preprocess: mergedPreprocessors,\n  };\n}\n\n/**\n * Standardizes the different ways the user-provided preprocessor option can be specified.\n * Users can specify an array of preprocessors, a single one or no preprocessor.\n *\n * @param originalConfig the user-provided svelte config oject\n * @return an array of preprocessors or an empty array if no preprocessors were specified\n */\nfunction getOriginalPreprocessorArray(originalConfig: SvelteConfig): PreprocessorGroup[] {\n  if (originalConfig.preprocess) {\n    if (Array.isArray(originalConfig.preprocess)) {\n      return originalConfig.preprocess;\n    }\n    return [originalConfig.preprocess];\n  }\n  return [];\n}\n"],"names":[],"mappings":";;AAKA,MAAM,oBAAoB,GAA8B;AACxD,EAAE,iBAAiB,EAAE,+BAA+B;AACpD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB;AAChC,EAAE,cAAc;AAChB,EAAE,aAAa;AACf,EAAgB;AAChB,EAAE,MAAM,gBAAgB;AACxB,IAAI,GAAG,oBAAoB;AAC3B,IAAI,GAAG,aAAa;AACpB,IAAI,iBAAiB,EAAE;AACvB,MAAM,GAAG,oBAAoB,CAAC,iBAAiB;AAC/C,MAAM,GAAG,aAAa,EAAE,iBAAiB;AACzC,KAAK;AACL,GAAG;;AAEH,EAAE,MAAM,qBAAsB,GAAE,4BAA4B,CAAC,cAAc,CAAC;;AAE5E;AACA,EAAE,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAwB,CAAC,CAAC,CAAC,CAAA,GAA8B,QAAQ,CAAC,EAAE;AACvG,IAAI,OAAO,cAAc;AACzB;;AAEA,EAAE,MAAM,mBAAoB,GAAE,CAAC,GAAG,qBAAqB,CAAC;AACxD,EAAE,IAAI,aAAa,CAAC,iBAAiB,CAAC,eAAe,EAAE;AACvD,IAAI,mBAAmB,CAAC,OAAO,CAAC,6BAA6B,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAC/F;;AAEA,EAAE,OAAO;AACT,IAAI,GAAG,cAAc;AACrB,IAAI,UAAU,EAAE,mBAAmB;AACnC,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,4BAA4B,CAAC,cAAc,EAAqC;AACzF,EAAE,IAAI,cAAc,CAAC,UAAU,EAAE;AACjC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE;AAClD,MAAM,OAAO,cAAc,CAAC,UAAU;AACtC;AACA,IAAI,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC;AACtC;AACA,EAAE,OAAO,EAAE;AACX;;;;"}

package/build/esm/package.json

@@ -1 +1 @@
-{"type":"module","version":"9.0.0-alpha.1","sideEffects":false}
+{"type":"module","version":"9.0.0-alpha.2","sideEffects":false}

package/build/esm/performance.js

@@ -1,13 +1,12 @@
 import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/browser';
 import { onMount, beforeUpdate, afterUpdate } from 'svelte';
-import { startInactiveSpan } from '@sentry/core';
-import { UI_SVELTE_INIT, UI_SVELTE_UPDATE, DEFAULT_COMPONENT_NAME } from './constants.js';
+import { logger, startInactiveSpan } from '@sentry/core';
 
 const defaultTrackComponentOptions
 
  = {
   trackInit: true,
-  trackUpdates: true,
+  trackUpdates: false,
 };
 
 /**
@@ -24,21 +23,27 @@ function trackComponent(options) {
 
   const customComponentName = mergedOptions.componentName;
 
-  const componentName = `<${customComponentName || DEFAULT_COMPONENT_NAME}>`;
+  const componentName = `<${customComponentName || 'Svelte Component'}>`;
 
   if (mergedOptions.trackInit) {
     recordInitSpan(componentName);
   }
 
   if (mergedOptions.trackUpdates) {
-    recordUpdateSpans(componentName);
+    try {
+      recordUpdateSpans(componentName);
+    } catch {
+      logger.warn(
+        "Cannot track component updates. This is likely because you're using Svelte 5 in Runes mode. Set `trackUpdates: false` in `withSentryConfig` or `trackComponent` to disable this warning.",
+      );
+    }
   }
 }
 
 function recordInitSpan(componentName) {
   const initSpan = startInactiveSpan({
     onlyIfParent: true,
-    op: UI_SVELTE_INIT,
+    op: 'ui.svelte.init',
     name: componentName,
     attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },
   });
@@ -53,7 +58,7 @@ function recordUpdateSpans(componentName) {
   beforeUpdate(() => {
     updateSpan = startInactiveSpan({
       onlyIfParent: true,
-      op: UI_SVELTE_UPDATE,
+      op: 'ui.svelte.update',
       name: componentName,
       attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },
     });

package/build/esm/performance.js.map

@@ -1 +1 @@
-{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport { afterUpdate, beforeUpdate, onMount } from 'svelte';\n\nimport { startInactiveSpan } from '@sentry/core';\nimport { DEFAULT_COMPONENT_NAME, UI_SVELTE_INIT, UI_SVELTE_UPDATE } from './constants';\nimport type { TrackComponentOptions } from './types';\n\nconst defaultTrackComponentOptions: {\n  trackInit: boolean;\n  trackUpdates: boolean;\n  componentName?: string;\n} = {\n  trackInit: true,\n  trackUpdates: true,\n};\n\n/**\n * Tracks the Svelte component's initialization and mounting operation as well as\n * updates and records them as spans.\n *\n * This function is injected automatically into your Svelte components' code\n * if you are using the withSentryConfig wrapper.\n *\n * Alternatively, you can call it yourself if you don't want to use the preprocessor.\n */\nexport function trackComponent(options?: TrackComponentOptions): void {\n  const mergedOptions = { ...defaultTrackComponentOptions, ...options };\n\n  const customComponentName = mergedOptions.componentName;\n\n  const componentName = `<${customComponentName || DEFAULT_COMPONENT_NAME}>`;\n\n  if (mergedOptions.trackInit) {\n    recordInitSpan(componentName);\n  }\n\n  if (mergedOptions.trackUpdates) {\n    recordUpdateSpans(componentName);\n  }\n}\n\nfunction recordInitSpan(componentName: string): void {\n  const initSpan = startInactiveSpan({\n    onlyIfParent: true,\n    op: UI_SVELTE_INIT,\n    name: componentName,\n    attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n  });\n\n  onMount(() => {\n    initSpan.end();\n  });\n}\n\nfunction recordUpdateSpans(componentName: string): void {\n  let updateSpan: Span | undefined;\n  beforeUpdate(() => {\n    updateSpan = startInactiveSpan({\n      onlyIfParent: true,\n      op: UI_SVELTE_UPDATE,\n      name: componentName,\n      attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n    });\n  });\n\n  afterUpdate(() => {\n    if (!updateSpan) {\n      return;\n    }\n    updateSpan.end();\n    updateSpan = undefined;\n  });\n}\n"],"names":[],"mappings":";;;;;AAQA,MAAM;;AAIN,GAAI;AACJ,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,YAAY,EAAE,IAAI;AACpB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,cAAc,CAAC,OAAO,EAAgC;AACtE,EAAE,MAAM,gBAAgB,EAAE,GAAG,4BAA4B,EAAE,GAAG,OAAA,EAAS;;AAEvE,EAAE,MAAM,mBAAA,GAAsB,aAAa,CAAC,aAAa;;AAEzD,EAAE,MAAM,aAAc,GAAE,CAAC,CAAC,EAAE,mBAAA,IAAuB,sBAAsB,CAAC,CAAC,CAAC;;AAE5E,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,cAAc,CAAC,aAAa,CAAC;AACjC;;AAEA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,CAAC;AACpC;AACA;;AAEA,SAAS,cAAc,CAAC,aAAa,EAAgB;AACrD,EAAE,MAAM,QAAA,GAAW,iBAAiB,CAAC;AACrC,IAAI,YAAY,EAAE,IAAI;AACtB,IAAI,EAAE,EAAE,cAAc;AACtB,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,UAAU,EAAE,EAAE,CAAC,gCAAgC,GAAG,kBAAkB;AACxE,GAAG,CAAC;;AAEJ,EAAE,OAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE;AAClB,GAAG,CAAC;AACJ;;AAEA,SAAS,iBAAiB,CAAC,aAAa,EAAgB;AACxD,EAAE,IAAI,UAAU;AAChB,EAAE,YAAY,CAAC,MAAM;AACrB,IAAI,UAAA,GAAa,iBAAiB,CAAC;AACnC,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,EAAE,EAAE,gBAAgB;AAC1B,MAAM,IAAI,EAAE,aAAa;AACzB,MAAM,UAAU,EAAE,EAAE,CAAC,gCAAgC,GAAG,kBAAkB;AAC1E,KAAK,CAAC;AACN,GAAG,CAAC;;AAEJ,EAAE,WAAW,CAAC,MAAM;AACpB,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM;AACN;AACA,IAAI,UAAU,CAAC,GAAG,EAAE;AACpB,IAAI,UAAA,GAAa,SAAS;AAC1B,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport { afterUpdate, beforeUpdate, onMount } from 'svelte';\n\nimport { logger, startInactiveSpan } from '@sentry/core';\nimport type { TrackComponentOptions } from './types';\n\nconst defaultTrackComponentOptions: {\n  trackInit: boolean;\n  trackUpdates: boolean;\n  componentName?: string;\n} = {\n  trackInit: true,\n  trackUpdates: false,\n};\n\n/**\n * Tracks the Svelte component's initialization and mounting operation as well as\n * updates and records them as spans.\n *\n * This function is injected automatically into your Svelte components' code\n * if you are using the withSentryConfig wrapper.\n *\n * Alternatively, you can call it yourself if you don't want to use the preprocessor.\n */\nexport function trackComponent(options?: TrackComponentOptions): void {\n  const mergedOptions = { ...defaultTrackComponentOptions, ...options };\n\n  const customComponentName = mergedOptions.componentName;\n\n  const componentName = `<${customComponentName || 'Svelte Component'}>`;\n\n  if (mergedOptions.trackInit) {\n    recordInitSpan(componentName);\n  }\n\n  if (mergedOptions.trackUpdates) {\n    try {\n      recordUpdateSpans(componentName);\n    } catch {\n      logger.warn(\n        \"Cannot track component updates. This is likely because you're using Svelte 5 in Runes mode. Set `trackUpdates: false` in `withSentryConfig` or `trackComponent` to disable this warning.\",\n      );\n    }\n  }\n}\n\nfunction recordInitSpan(componentName: string): void {\n  const initSpan = startInactiveSpan({\n    onlyIfParent: true,\n    op: 'ui.svelte.init',\n    name: componentName,\n    attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n  });\n\n  onMount(() => {\n    initSpan.end();\n  });\n}\n\nfunction recordUpdateSpans(componentName: string): void {\n  let updateSpan: Span | undefined;\n  beforeUpdate(() => {\n    updateSpan = startInactiveSpan({\n      onlyIfParent: true,\n      op: 'ui.svelte.update',\n      name: componentName,\n      attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n    });\n  });\n\n  afterUpdate(() => {\n    if (!updateSpan) {\n      return;\n    }\n    updateSpan.end();\n    updateSpan = undefined;\n  });\n}\n"],"names":[],"mappings":";;;;AAOA,MAAM;;AAIN,GAAI;AACJ,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,YAAY,EAAE,KAAK;AACrB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,cAAc,CAAC,OAAO,EAAgC;AACtE,EAAE,MAAM,gBAAgB,EAAE,GAAG,4BAA4B,EAAE,GAAG,OAAA,EAAS;;AAEvE,EAAE,MAAM,mBAAA,GAAsB,aAAa,CAAC,aAAa;;AAEzD,EAAE,MAAM,aAAc,GAAE,CAAC,CAAC,EAAE,mBAAA,IAAuB,kBAAkB,CAAC,CAAC,CAAC;;AAExE,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,cAAc,CAAC,aAAa,CAAC;AACjC;;AAEA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,IAAI;AACR,MAAM,iBAAiB,CAAC,aAAa,CAAC;AACtC,MAAM,MAAM;AACZ,MAAM,MAAM,CAAC,IAAI;AACjB,QAAQ,0LAA0L;AAClM,OAAO;AACP;AACA;AACA;;AAEA,SAAS,cAAc,CAAC,aAAa,EAAgB;AACrD,EAAE,MAAM,QAAA,GAAW,iBAAiB,CAAC;AACrC,IAAI,YAAY,EAAE,IAAI;AACtB,IAAI,EAAE,EAAE,gBAAgB;AACxB,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,UAAU,EAAE,EAAE,CAAC,gCAAgC,GAAG,kBAAkB;AACxE,GAAG,CAAC;;AAEJ,EAAE,OAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE;AAClB,GAAG,CAAC;AACJ;;AAEA,SAAS,iBAAiB,CAAC,aAAa,EAAgB;AACxD,EAAE,IAAI,UAAU;AAChB,EAAE,YAAY,CAAC,MAAM;AACrB,IAAI,UAAA,GAAa,iBAAiB,CAAC;AACnC,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,EAAE,EAAE,kBAAkB;AAC5B,MAAM,IAAI,EAAE,aAAa;AACzB,MAAM,UAAU,EAAE,EAAE,CAAC,gCAAgC,GAAG,kBAAkB;AAC1E,KAAK,CAAC;AACN,GAAG,CAAC;;AAEJ,EAAE,WAAW,CAAC,MAAM;AACpB,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM;AACN;AACA,IAAI,UAAU,CAAC,GAAG,EAAE;AACpB,IAAI,UAAA,GAAa,SAAS;AAC1B,GAAG,CAAC;AACJ;;;;"}

package/build/esm/preprocessors.js

@@ -3,7 +3,7 @@ import MagicString from 'magic-string';
 const defaultComponentTrackingOptions = {
   trackComponents: true,
   trackInit: true,
-  trackUpdates: true,
+  trackUpdates: false,
 };
 
 const FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID = 'FIRST_PASS_COMPONENT_TRACKING_PREPROCESSOR';

package/build/esm/preprocessors.js.map

@@ -1 +1 @@
-{"version":3,"file":"preprocessors.js","sources":["../../src/preprocessors.ts"],"sourcesContent":["import MagicString from 'magic-string';\nimport type { PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nimport type { ComponentTrackingInitOptions, SentryPreprocessorGroup, TrackComponentOptions } from './types';\n\nexport const defaultComponentTrackingOptions: Required<ComponentTrackingInitOptions> = {\n  trackComponents: true,\n  trackInit: true,\n  trackUpdates: true,\n};\n\nexport const FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID = 'FIRST_PASS_COMPONENT_TRACKING_PREPROCESSOR';\n\n/**\n * Svelte Preprocessor to inject Sentry performance monitoring related code\n * into Svelte components.\n */\nexport function componentTrackingPreprocessor(options?: ComponentTrackingInitOptions): PreprocessorGroup {\n  const mergedOptions = { ...defaultComponentTrackingOptions, ...options };\n\n  const visitedFiles = new Set<string>();\n  const visitedFilesMarkup = new Set<string>();\n\n  const preprocessor: PreprocessorGroup = {\n    // This markup hook is called once per .svelte component file, before the `script` hook is called\n    // We use it to check if the passed component has a <script> tag. If it doesn't, we add one to inject our\n    // code later on, when the `script` hook is executed.\n    markup: ({ content, filename }) => {\n      const finalFilename = filename || 'unknown';\n      const shouldInject = shouldInjectFunction(mergedOptions.trackComponents, finalFilename, {}, visitedFilesMarkup);\n\n      if (shouldInject && !hasScriptTag(content)) {\n        // Insert a <script> tag into the component file where we can later on inject our code.\n        // We have to add a placeholder to the script tag because for empty script tags,\n        // the `script` preprocessor hook won't be called\n        // Note: The space between <script> and </script> is important! Without any content,\n        // the `script` hook wouldn't  be executed for the added script tag.\n        const s = new MagicString(content);\n        s.prepend('<script>\\n</script>\\n');\n        return { code: s.toString(), map: s.generateMap().toString() };\n      }\n\n      return { code: content };\n    },\n\n    // This script hook is called whenever a Svelte component's <script> content is preprocessed.\n    // `content` contains the script code as a string\n    script: ({ content, filename, attributes }) => {\n      // TODO: Not sure when a filename could be undefined. Using this 'unknown' fallback for the time being\n      const finalFilename = filename || 'unknown';\n\n      if (!shouldInjectFunction(mergedOptions.trackComponents, finalFilename, attributes, visitedFiles)) {\n        return { code: content };\n      }\n\n      const { trackInit, trackUpdates } = mergedOptions;\n      const trackComponentOptions: TrackComponentOptions = {\n        trackInit,\n        trackUpdates,\n        componentName: getBaseName(finalFilename),\n      };\n\n      const importStmt = 'import { trackComponent } from \"@sentry/svelte\";\\n';\n      const functionCall = `trackComponent(${JSON.stringify(trackComponentOptions)});\\n`;\n\n      const s = new MagicString(content);\n      s.prepend(functionCall).prepend(importStmt);\n\n      const updatedCode = s.toString();\n      const updatedSourceMap = s.generateMap().toString();\n\n      return { code: updatedCode, map: updatedSourceMap };\n    },\n  };\n\n  const sentryPreprocessor: SentryPreprocessorGroup = {\n    ...preprocessor,\n    sentryId: FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID,\n  };\n\n  return sentryPreprocessor;\n}\n\nfunction shouldInjectFunction(\n  trackComponents: Required<ComponentTrackingInitOptions['trackComponents']>,\n  filename: string,\n  attributes: Record<string, string | boolean>,\n  visitedFiles: Set<string>,\n): boolean {\n  // We do cannot inject our function multiple times into the same component\n  // This can happen when a component has multiple <script> blocks\n  if (visitedFiles.has(filename)) {\n    return false;\n  }\n  visitedFiles.add(filename);\n\n  // We can't inject our function call into <script context=\"module\"> blocks\n  // because the code inside is not executed when the component is instantiated but\n  // when the module is first imported.\n  // see: https://svelte.dev/docs#component-format-script-context-module\n  if (attributes.context === 'module') {\n    return false;\n  }\n\n  if (!trackComponents) {\n    return false;\n  }\n\n  if (Array.isArray(trackComponents)) {\n    const componentName = getBaseName(filename);\n    return trackComponents.some(allowed => allowed === componentName);\n  }\n\n  return true;\n}\n\nfunction getBaseName(filename: string): string {\n  const segments = filename.split('/');\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return segments[segments.length - 1]!.replace('.svelte', '');\n}\n\nfunction hasScriptTag(content: string): boolean {\n  // This regex is taken from the Svelte compiler code.\n  // They use this regex to find matching script tags that are passed to the `script` preprocessor hook:\n  // https://github.com/sveltejs/svelte/blob/bb83eddfc623437528f24e9fe210885b446e72fa/src/compiler/preprocess/index.ts#L144\n  // However, we remove the first part of the regex to not match HTML comments\n  const scriptTagRegex = /<script(\\s[^]*?)?(?:>([^]*?)<\\/script\\s*>|\\/>)/gi;\n\n  // Regex testing is not a super safe way of checking for the presence of a <script> tag in the Svelte\n  // component file but I think we can use it as a start.\n  // A case that is not covered by regex-testing HTML is e.g. nested <script> tags but I cannot\n  // think of why one would do this in Svelte components. For instance, the Svelte compiler errors\n  // when there's more than one top-level script tag.\n  return scriptTagRegex.test(content);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"preprocessors.js","sources":["../../src/preprocessors.ts"],"sourcesContent":["import MagicString from 'magic-string';\nimport type { PreprocessorGroup } from 'svelte/types/compiler/preprocess';\n\nimport type { ComponentTrackingInitOptions, SentryPreprocessorGroup, TrackComponentOptions } from './types';\n\nexport const defaultComponentTrackingOptions: Required<ComponentTrackingInitOptions> = {\n  trackComponents: true,\n  trackInit: true,\n  trackUpdates: false,\n};\n\nexport const FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID = 'FIRST_PASS_COMPONENT_TRACKING_PREPROCESSOR';\n\n/**\n * Svelte Preprocessor to inject Sentry performance monitoring related code\n * into Svelte components.\n */\nexport function componentTrackingPreprocessor(options?: ComponentTrackingInitOptions): PreprocessorGroup {\n  const mergedOptions = { ...defaultComponentTrackingOptions, ...options };\n\n  const visitedFiles = new Set<string>();\n  const visitedFilesMarkup = new Set<string>();\n\n  const preprocessor: PreprocessorGroup = {\n    // This markup hook is called once per .svelte component file, before the `script` hook is called\n    // We use it to check if the passed component has a <script> tag. If it doesn't, we add one to inject our\n    // code later on, when the `script` hook is executed.\n    markup: ({ content, filename }) => {\n      const finalFilename = filename || 'unknown';\n      const shouldInject = shouldInjectFunction(mergedOptions.trackComponents, finalFilename, {}, visitedFilesMarkup);\n\n      if (shouldInject && !hasScriptTag(content)) {\n        // Insert a <script> tag into the component file where we can later on inject our code.\n        // We have to add a placeholder to the script tag because for empty script tags,\n        // the `script` preprocessor hook won't be called\n        // Note: The space between <script> and </script> is important! Without any content,\n        // the `script` hook wouldn't  be executed for the added script tag.\n        const s = new MagicString(content);\n        s.prepend('<script>\\n</script>\\n');\n        return { code: s.toString(), map: s.generateMap().toString() };\n      }\n\n      return { code: content };\n    },\n\n    // This script hook is called whenever a Svelte component's <script> content is preprocessed.\n    // `content` contains the script code as a string\n    script: ({ content, filename, attributes }) => {\n      // TODO: Not sure when a filename could be undefined. Using this 'unknown' fallback for the time being\n      const finalFilename = filename || 'unknown';\n\n      if (!shouldInjectFunction(mergedOptions.trackComponents, finalFilename, attributes, visitedFiles)) {\n        return { code: content };\n      }\n\n      const { trackInit, trackUpdates } = mergedOptions;\n      const trackComponentOptions: TrackComponentOptions = {\n        trackInit,\n        trackUpdates,\n        componentName: getBaseName(finalFilename),\n      };\n\n      const importStmt = 'import { trackComponent } from \"@sentry/svelte\";\\n';\n      const functionCall = `trackComponent(${JSON.stringify(trackComponentOptions)});\\n`;\n\n      const s = new MagicString(content);\n      s.prepend(functionCall).prepend(importStmt);\n\n      const updatedCode = s.toString();\n      const updatedSourceMap = s.generateMap().toString();\n\n      return { code: updatedCode, map: updatedSourceMap };\n    },\n  };\n\n  const sentryPreprocessor: SentryPreprocessorGroup = {\n    ...preprocessor,\n    sentryId: FIRST_PASS_COMPONENT_TRACKING_PREPROC_ID,\n  };\n\n  return sentryPreprocessor;\n}\n\nfunction shouldInjectFunction(\n  trackComponents: Required<ComponentTrackingInitOptions['trackComponents']>,\n  filename: string,\n  attributes: Record<string, string | boolean>,\n  visitedFiles: Set<string>,\n): boolean {\n  // We do cannot inject our function multiple times into the same component\n  // This can happen when a component has multiple <script> blocks\n  if (visitedFiles.has(filename)) {\n    return false;\n  }\n  visitedFiles.add(filename);\n\n  // We can't inject our function call into <script context=\"module\"> blocks\n  // because the code inside is not executed when the component is instantiated but\n  // when the module is first imported.\n  // see: https://svelte.dev/docs#component-format-script-context-module\n  if (attributes.context === 'module') {\n    return false;\n  }\n\n  if (!trackComponents) {\n    return false;\n  }\n\n  if (Array.isArray(trackComponents)) {\n    const componentName = getBaseName(filename);\n    return trackComponents.some(allowed => allowed === componentName);\n  }\n\n  return true;\n}\n\nfunction getBaseName(filename: string): string {\n  const segments = filename.split('/');\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return segments[segments.length - 1]!.replace('.svelte', '');\n}\n\nfunction hasScriptTag(content: string): boolean {\n  // This regex is taken from the Svelte compiler code.\n  // They use this regex to find matching script tags that are passed to the `script` preprocessor hook:\n  // https://github.com/sveltejs/svelte/blob/bb83eddfc623437528f24e9fe210885b446e72fa/src/compiler/preprocess/index.ts#L144\n  // However, we remove the first part of the regex to not match HTML comments\n  const scriptTagRegex = /<script(\\s[^]*?)?(?:>([^]*?)<\\/script\\s*>|\\/>)/gi;\n\n  // Regex testing is not a super safe way of checking for the presence of a <script> tag in the Svelte\n  // component file but I think we can use it as a start.\n  // A case that is not covered by regex-testing HTML is e.g. nested <script> tags but I cannot\n  // think of why one would do this in Svelte components. For instance, the Svelte compiler errors\n  // when there's more than one top-level script tag.\n  return scriptTagRegex.test(content);\n}\n"],"names":[],"mappings":"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"}

package/build/esm/sdk.js

@@ -1,4 +1,4 @@
-import { init as init$1, addEventProcessor, WINDOW } from '@sentry/browser';
+import { init as init$1 } from '@sentry/browser';
 import { applySdkMetadata } from '@sentry/core';
 
 /**
@@ -11,51 +11,8 @@ function init(options) {
 
   applySdkMetadata(opts, 'svelte');
 
-  const client = init$1(opts);
-
-  detectAndReportSvelteKit();
-
-  return client;
-}
-
-/**
- * Adds a global event processor to detect if the SDK is initialized in a SvelteKit frontend,
- * in which case we add SvelteKit an event.modules entry to outgoing events.
- * SvelteKit detection is performed only once, when the event processor is called for the
- * first time. We cannot perform this check upfront (directly when init is called) because
- * at this time, the HTML element might not yet be accessible.
- */
-function detectAndReportSvelteKit() {
-  let detectedSvelteKit = undefined;
-
-  const svelteKitProcessor = event => {
-    if (detectedSvelteKit === undefined) {
-      detectedSvelteKit = isSvelteKitApp();
-    }
-    if (detectedSvelteKit) {
-      event.modules = {
-        svelteKit: 'latest',
-        ...event.modules,
-      };
-    }
-    return event;
-  };
-  svelteKitProcessor.id = 'svelteKitProcessor';
-
-  addEventProcessor(svelteKitProcessor);
-}
-
-/**
- * To actually detect a SvelteKit frontend, we search the DOM for a special
- * div that's inserted by SvelteKit when the page is rendered. It's identified
- * by its id, 'svelte-announcer', and it's used to improve page accessibility.
- * This div is not present when only using Svelte without SvelteKit.
- *
- * @see https://github.com/sveltejs/kit/issues/307 for more information
- */
-function isSvelteKitApp() {
-  return !!WINDOW.document.querySelector('div#svelte-announcer');
+  return init$1(opts);
 }
 
-export { detectAndReportSvelteKit, init, isSvelteKitApp };
+export { init };
 //# sourceMappingURL=sdk.js.map

package/build/esm/sdk.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport { WINDOW } from '@sentry/browser';\nimport { addEventProcessor, init as browserInit } from '@sentry/browser';\nimport type { Client, EventProcessor } from '@sentry/core';\nimport { applySdkMetadata } from '@sentry/core';\n/**\n * Inits the Svelte SDK\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'svelte');\n\n  const client = browserInit(opts);\n\n  detectAndReportSvelteKit();\n\n  return client;\n}\n\n/**\n * Adds a global event processor to detect if the SDK is initialized in a SvelteKit frontend,\n * in which case we add SvelteKit an event.modules entry to outgoing events.\n * SvelteKit detection is performed only once, when the event processor is called for the\n * first time. We cannot perform this check upfront (directly when init is called) because\n * at this time, the HTML element might not yet be accessible.\n */\nexport function detectAndReportSvelteKit(): void {\n  let detectedSvelteKit: boolean | undefined = undefined;\n\n  const svelteKitProcessor: EventProcessor = event => {\n    if (detectedSvelteKit === undefined) {\n      detectedSvelteKit = isSvelteKitApp();\n    }\n    if (detectedSvelteKit) {\n      event.modules = {\n        svelteKit: 'latest',\n        ...event.modules,\n      };\n    }\n    return event;\n  };\n  svelteKitProcessor.id = 'svelteKitProcessor';\n\n  addEventProcessor(svelteKitProcessor);\n}\n\n/**\n * To actually detect a SvelteKit frontend, we search the DOM for a special\n * div that's inserted by SvelteKit when the page is rendered. It's identified\n * by its id, 'svelte-announcer', and it's used to improve page accessibility.\n * This div is not present when only using Svelte without SvelteKit.\n *\n * @see https://github.com/sveltejs/kit/issues/307 for more information\n */\nexport function isSvelteKitApp(): boolean {\n  return !!WINDOW.document.querySelector('div#svelte-announcer');\n}\n"],"names":["browserInit"],"mappings":";;;AAKA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE,EAAE,MAAM,OAAO;AACf,IAAI,GAAG,OAAO;AACd,GAAG;;AAEH,EAAE,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC;;AAElC,EAAE,MAAM,MAAO,GAAEA,MAAW,CAAC,IAAI,CAAC;;AAElC,EAAE,wBAAwB,EAAE;;AAE5B,EAAE,OAAO,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,wBAAwB,GAAS;AACjD,EAAE,IAAI,iBAAiB,GAAwB,SAAS;;AAExD,EAAE,MAAM,kBAAkB,GAAmB,SAAS;AACtD,IAAI,IAAI,iBAAkB,KAAI,SAAS,EAAE;AACzC,MAAM,iBAAkB,GAAE,cAAc,EAAE;AAC1C;AACA,IAAI,IAAI,iBAAiB,EAAE;AAC3B,MAAM,KAAK,CAAC,OAAA,GAAU;AACtB,QAAQ,SAAS,EAAE,QAAQ;AAC3B,QAAQ,GAAG,KAAK,CAAC,OAAO;AACxB,OAAO;AACP;AACA,IAAI,OAAO,KAAK;AAChB,GAAG;AACH,EAAE,kBAAkB,CAAC,EAAG,GAAE,oBAAoB;;AAE9C,EAAE,iBAAiB,CAAC,kBAAkB,CAAC;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,cAAc,GAAY;AAC1C,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC;AAChE;;;;"}
+{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport { init as browserInit } from '@sentry/browser';\nimport type { Client } from '@sentry/core';\nimport { applySdkMetadata } from '@sentry/core';\n/**\n * Inits the Svelte SDK\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'svelte');\n\n  return browserInit(opts);\n}\n"],"names":["browserInit"],"mappings":";;;AAIA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE,EAAE,MAAM,OAAO;AACf,IAAI,GAAG,OAAO;AACd,GAAG;;AAEH,EAAE,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC;;AAElC,EAAE,OAAOA,MAAW,CAAC,IAAI,CAAC;AAC1B;;;;"}

package/build/types/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA2B,yBAAyB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMhG;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC9B,cAAc,EAAE,YAAY,EAC5B,aAAa,CAAC,EAAE,yBAAyB,GACxC,YAAY,CAiCd"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA2B,yBAAyB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMhG;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC9B,cAAc,EAAE,YAAY,EAC5B,aAAa,CAAC,EAAE,yBAAyB,GACxC,YAAY,CA0Bd"}

package/build/types/performance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"performance.d.ts","sourceRoot":"","sources":["../../src/performance.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAWrD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAcpE"}
+{"version":3,"file":"performance.d.ts","sourceRoot":"","sources":["../../src/performance.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAWrD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAoBpE"}

package/build/types/sdk.d.ts

@@ -4,21 +4,4 @@ import type { Client } from '@sentry/core';
  * Inits the Svelte SDK
  */
 export declare function init(options: BrowserOptions): Client | undefined;
-/**
- * Adds a global event processor to detect if the SDK is initialized in a SvelteKit frontend,
- * in which case we add SvelteKit an event.modules entry to outgoing events.
- * SvelteKit detection is performed only once, when the event processor is called for the
- * first time. We cannot perform this check upfront (directly when init is called) because
- * at this time, the HTML element might not yet be accessible.
- */
-export declare function detectAndReportSvelteKit(): void;
-/**
- * To actually detect a SvelteKit frontend, we search the DOM for a special
- * div that's inserted by SvelteKit when the page is rendered. It's identified
- * by its id, 'svelte-announcer', and it's used to improve page accessibility.
- * This div is not present when only using Svelte without SvelteKit.
- *
- * @see https://github.com/sveltejs/kit/issues/307 for more information
- */
-export declare function isSvelteKitApp(): boolean;
 //# sourceMappingURL=sdk.d.ts.map

package/build/types/sdk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../src/sdk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,cAAc,CAAC;AAE3D;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,GAAG,SAAS,CAYhE;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAkB/C;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAExC"}
+{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../src/sdk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3C;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,GAAG,SAAS,CAQhE"}

package/build/types/types.d.ts

@@ -23,14 +23,17 @@ export type SpanOptions = {
      * onMount lifecycle hook. This span tells how long it takes a component
      * to be created and inserted into the DOM.
      *
-     * Defaults to true if component tracking is enabled
+     * @default `true` if component tracking is enabled
      */
     trackInit?: boolean;
     /**
      * If true, a span is recorded between a component's beforeUpdate and afterUpdate
      * lifecycle hooks.
      *
-     * Defaults to true if component tracking is enabled
+     * Caution: Component updates can only be tracked in Svelte versions prior to version 5
+     * or in Svelte 5 in legacy mode (i.e. without Runes).
+     *
+     * @default `false` if component tracking is enabled
      */
     trackUpdates?: boolean;
 };

package/build/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAI1E,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,CAAC;IACrD,eAAe,CAAC,EAAE,cAAc,CAAC;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,iBAAiB,CAAC,EAAE,4BAA4B,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GAAG;IACzC;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAC;CACtC,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,WAAW,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAI1E,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,CAAC;IACrD,eAAe,CAAC,EAAE,cAAc,CAAC;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,iBAAiB,CAAC,EAAE,4BAA4B,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GAAG;IACzC;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAC;CACtC,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,WAAW,CAAC"}

package/build/types-ts3.8/sdk.d.ts

@@ -4,21 +4,4 @@ import { Client } from '@sentry/core';
  * Inits the Svelte SDK
  */
 export declare function init(options: BrowserOptions): Client | undefined;
-/**
- * Adds a global event processor to detect if the SDK is initialized in a SvelteKit frontend,
- * in which case we add SvelteKit an event.modules entry to outgoing events.
- * SvelteKit detection is performed only once, when the event processor is called for the
- * first time. We cannot perform this check upfront (directly when init is called) because
- * at this time, the HTML element might not yet be accessible.
- */
-export declare function detectAndReportSvelteKit(): void;
-/**
- * To actually detect a SvelteKit frontend, we search the DOM for a special
- * div that's inserted by SvelteKit when the page is rendered. It's identified
- * by its id, 'svelte-announcer', and it's used to improve page accessibility.
- * This div is not present when only using Svelte without SvelteKit.
- *
- * @see https://github.com/sveltejs/kit/issues/307 for more information
- */
-export declare function isSvelteKitApp(): boolean;
 //# sourceMappingURL=sdk.d.ts.map

package/build/types-ts3.8/types.d.ts

@@ -23,14 +23,17 @@ export type SpanOptions = {
      * onMount lifecycle hook. This span tells how long it takes a component
      * to be created and inserted into the DOM.
      *
-     * Defaults to true if component tracking is enabled
+     * @default `true` if component tracking is enabled
      */
     trackInit?: boolean;
     /**
      * If true, a span is recorded between a component's beforeUpdate and afterUpdate
      * lifecycle hooks.
      *
-     * Defaults to true if component tracking is enabled
+     * Caution: Component updates can only be tracked in Svelte versions prior to version 5
+     * or in Svelte 5 in legacy mode (i.e. without Runes).
+     *
+     * @default `false` if component tracking is enabled
      */
     trackUpdates?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentry/svelte",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.0-alpha.2",
   "description": "Official Sentry SDK for Svelte",
   "repository": "git://github.com/getsentry/sentry-javascript.git",
   "homepage": "https://github.com/getsentry/sentry-javascript/tree/master/packages/svelte",
@@ -39,8 +39,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@sentry/browser": "9.0.0-alpha.1",
-    "@sentry/core": "9.0.0-alpha.1",
+    "@sentry/browser": "9.0.0-alpha.2",
+    "@sentry/core": "9.0.0-alpha.2",
     "magic-string": "^0.30.0"
   },
   "peerDependencies": {

package/build/cjs/constants.js

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const UI_SVELTE_INIT = 'ui.svelte.init';
-
-const UI_SVELTE_UPDATE = 'ui.svelte.update';
-
-const DEFAULT_COMPONENT_NAME = 'Svelte Component';
-
-exports.DEFAULT_COMPONENT_NAME = DEFAULT_COMPONENT_NAME;
-exports.UI_SVELTE_INIT = UI_SVELTE_INIT;
-exports.UI_SVELTE_UPDATE = UI_SVELTE_UPDATE;
-//# sourceMappingURL=constants.js.map

package/build/cjs/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const UI_SVELTE_INIT = 'ui.svelte.init';\n\nexport const UI_SVELTE_UPDATE = 'ui.svelte.update';\n\nexport const DEFAULT_COMPONENT_NAME = 'Svelte Component';\n"],"names":[],"mappings":";;AAAO,MAAM,cAAe,GAAE;;AAEvB,MAAM,gBAAiB,GAAE;;AAEzB,MAAM,sBAAuB,GAAE;;;;;;"}

package/build/esm/constants.js

@@ -1,8 +0,0 @@
-const UI_SVELTE_INIT = 'ui.svelte.init';
-
-const UI_SVELTE_UPDATE = 'ui.svelte.update';
-
-const DEFAULT_COMPONENT_NAME = 'Svelte Component';
-
-export { DEFAULT_COMPONENT_NAME, UI_SVELTE_INIT, UI_SVELTE_UPDATE };
-//# sourceMappingURL=constants.js.map

package/build/esm/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const UI_SVELTE_INIT = 'ui.svelte.init';\n\nexport const UI_SVELTE_UPDATE = 'ui.svelte.update';\n\nexport const DEFAULT_COMPONENT_NAME = 'Svelte Component';\n"],"names":[],"mappings":"AAAO,MAAM,cAAe,GAAE;;AAEvB,MAAM,gBAAiB,GAAE;;AAEzB,MAAM,sBAAuB,GAAE;;;;"}

package/build/types/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const UI_SVELTE_INIT = "ui.svelte.init";
-export declare const UI_SVELTE_UPDATE = "ui.svelte.update";
-export declare const DEFAULT_COMPONENT_NAME = "Svelte Component";
-//# sourceMappingURL=constants.d.ts.map

package/build/types/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC"}

package/build/types-ts3.8/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const UI_SVELTE_INIT = "ui.svelte.init";
-export declare const UI_SVELTE_UPDATE = "ui.svelte.update";
-export declare const DEFAULT_COMPONENT_NAME = "Svelte Component";
-//# sourceMappingURL=constants.d.ts.map