@sentry/svelte 8.0.0-beta.4 → 8.0.0-beta.5

package/cjs/performance.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const browser = require('@sentry/browser');
 const svelte = require('svelte');
-const internal = require('svelte/internal');
 const core = require('@sentry/core');
 const constants = require('./constants.js');
 
@@ -14,7 +13,7 @@ const defaultTrackComponentOptions
 };
 
 /**
- * Tracks the Svelte component's intialization and mounting operation as well as
+ * Tracks the Svelte component's initialization and mounting operation as well as
  * updates and records them as spans.
  *
  * This function is injected automatically into your Svelte components' code
@@ -27,9 +26,7 @@ function trackComponent(options) {
 
   const customComponentName = mergedOptions.componentName;
 
-  // 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 || internal.current_component.constructor.name || constants.DEFAULT_COMPONENT_NAME}>`;
+  const componentName = `<${customComponentName || constants.DEFAULT_COMPONENT_NAME}>`;
 
   if (mergedOptions.trackInit) {
     recordInitSpan(componentName);
@@ -56,13 +53,8 @@ function recordInitSpan(componentName) {
 function recordUpdateSpans(componentName) {
   let updateSpan;
   svelte.beforeUpdate(() => {
-    // If there is no active span, we skip
-    const activeSpan = browser.getActiveSpan();
-    if (!activeSpan) {
-      return;
-    }
-
     updateSpan = core.startInactiveSpan({
+      onlyIfParent: true,
       op: constants.UI_SVELTE_UPDATE,
       name: componentName,
       attributes: { [browser.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },

package/cjs/performance.js.map

@@ -1 +1 @@
-{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, getActiveSpan } from '@sentry/browser';\nimport type { Span } from '@sentry/types';\nimport { afterUpdate, beforeUpdate, onMount } from 'svelte';\nimport { current_component } from 'svelte/internal';\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 intialization 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  // current_component.ctor.name is likely to give us the component's name automatically\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  const componentName = `<${customComponentName || current_component.constructor.name || 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    // If there is no active span, we skip\n    const activeSpan = getActiveSpan();\n    if (!activeSpan) {\n      return;\n    }\n\n    updateSpan = startInactiveSpan({\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":["current_component","DEFAULT_COMPONENT_NAME","startInactiveSpan","UI_SVELTE_INIT","SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN","onMount","beforeUpdate","getActiveSpan","UI_SVELTE_UPDATE","afterUpdate"],"mappings":";;;;;;;;AASA,MAAM,4BAA4B;;AAIlC,GAAI;AACJ,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,YAAY,EAAE,IAAI;AACpB,CAAC,CAAA;AACD;AACA;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,CAAA;AACvE;AACA,EAAE,MAAM,mBAAA,GAAsB,aAAa,CAAC,aAAa,CAAA;AACzD;AACA;AACA;AACA,EAAE,MAAM,aAAc,GAAE,CAAC,CAAC,EAAE,mBAAoB,IAAGA,0BAAiB,CAAC,WAAW,CAAC,IAAA,IAAQC,gCAAsB,CAAC,CAAC,CAAC,CAAA;AAClH;AACA,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,cAAc,CAAC,aAAa,CAAC,CAAA;AACjC,GAAE;AACF;AACA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,CAAC,CAAA;AACpC,GAAE;AACF,CAAA;AACA;AACA,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,CAAA;AACJ;AACA,EAAEC,cAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAA;AAClB,GAAG,CAAC,CAAA;AACJ,CAAA;AACA;AACA,SAAS,iBAAiB,CAAC,aAAa,EAAgB;AACxD,EAAE,IAAI,UAAU,CAAA;AAChB,EAAEC,mBAAY,CAAC,MAAM;AACrB;AACA,IAAI,MAAM,UAAA,GAAaC,qBAAa,EAAE,CAAA;AACtC,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM,OAAM;AACZ,KAAI;AACJ;AACA,IAAI,UAAA,GAAaL,sBAAiB,CAAC;AACnC,MAAM,EAAE,EAAEM,0BAAgB;AAC1B,MAAM,IAAI,EAAE,aAAa;AACzB,MAAM,UAAU,EAAE,EAAE,CAACJ,wCAAgC,GAAG,kBAAkB;AAC1E,KAAK,CAAC,CAAA;AACN,GAAG,CAAC,CAAA;AACJ;AACA,EAAEK,kBAAW,CAAC,MAAM;AACpB,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM,OAAM;AACZ,KAAI;AACJ,IAAI,UAAU,CAAC,GAAG,EAAE,CAAA;AACpB,IAAI,UAAA,GAAa,SAAS,CAAA;AAC1B,GAAG,CAAC,CAAA;AACJ;;;;"}
+{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/browser';\nimport type { Span } from '@sentry/types';\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,4BAA4B;;AAIlC,GAAI;AACJ,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,YAAY,EAAE,IAAI;AACpB,CAAC,CAAA;AACD;AACA;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,CAAA;AACvE;AACA,EAAE,MAAM,mBAAA,GAAsB,aAAa,CAAC,aAAa,CAAA;AACzD;AACA,EAAE,MAAM,aAAc,GAAE,CAAC,CAAC,EAAE,mBAAA,IAAuBA,gCAAsB,CAAC,CAAC,CAAC,CAAA;AAC5E;AACA,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,cAAc,CAAC,aAAa,CAAC,CAAA;AACjC,GAAE;AACF;AACA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,CAAC,CAAA;AACpC,GAAE;AACF,CAAA;AACA;AACA,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,CAAA;AACJ;AACA,EAAEC,cAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAA;AAClB,GAAG,CAAC,CAAA;AACJ,CAAA;AACA;AACA,SAAS,iBAAiB,CAAC,aAAa,EAAgB;AACxD,EAAE,IAAI,UAAU,CAAA;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,CAAA;AACN,GAAG,CAAC,CAAA;AACJ;AACA,EAAEI,kBAAW,CAAC,MAAM;AACpB,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM,OAAM;AACZ,KAAI;AACJ,IAAI,UAAU,CAAC,GAAG,EAAE,CAAA;AACpB,IAAI,UAAA,GAAa,SAAS,CAAA;AAC1B,GAAG,CAAC,CAAA;AACJ;;;;"}

package/esm/performance.js

@@ -1,8 +1,7 @@
-import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, getActiveSpan } from '@sentry/browser';
+import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/browser';
 import { onMount, beforeUpdate, afterUpdate } from 'svelte';
-import { current_component } from 'svelte/internal';
 import { startInactiveSpan } from '@sentry/core';
-import { DEFAULT_COMPONENT_NAME, UI_SVELTE_INIT, UI_SVELTE_UPDATE } from './constants.js';
+import { UI_SVELTE_INIT, UI_SVELTE_UPDATE, DEFAULT_COMPONENT_NAME } from './constants.js';
 
 const defaultTrackComponentOptions
 
@@ -12,7 +11,7 @@ const defaultTrackComponentOptions
 };
 
 /**
- * Tracks the Svelte component's intialization and mounting operation as well as
+ * Tracks the Svelte component's initialization and mounting operation as well as
  * updates and records them as spans.
  *
  * This function is injected automatically into your Svelte components' code
@@ -25,9 +24,7 @@ function trackComponent(options) {
 
   const customComponentName = mergedOptions.componentName;
 
-  // 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}>`;
 
   if (mergedOptions.trackInit) {
     recordInitSpan(componentName);
@@ -54,13 +51,8 @@ function recordInitSpan(componentName) {
 function recordUpdateSpans(componentName) {
   let updateSpan;
   beforeUpdate(() => {
-    // If there is no active span, we skip
-    const activeSpan = getActiveSpan();
-    if (!activeSpan) {
-      return;
-    }
-
     updateSpan = startInactiveSpan({
+      onlyIfParent: true,
       op: UI_SVELTE_UPDATE,
       name: componentName,
       attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },

package/esm/performance.js.map

@@ -1 +1 @@
-{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, getActiveSpan } from '@sentry/browser';\nimport type { Span } from '@sentry/types';\nimport { afterUpdate, beforeUpdate, onMount } from 'svelte';\nimport { current_component } from 'svelte/internal';\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 intialization 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  // current_component.ctor.name is likely to give us the component's name automatically\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  const componentName = `<${customComponentName || current_component.constructor.name || 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    // If there is no active span, we skip\n    const activeSpan = getActiveSpan();\n    if (!activeSpan) {\n      return;\n    }\n\n    updateSpan = startInactiveSpan({\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":";;;;;;AASA,MAAM,4BAA4B;;AAIlC,GAAI;AACJ,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,YAAY,EAAE,IAAI;AACpB,CAAC,CAAA;AACD;AACA;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,CAAA;AACvE;AACA,EAAE,MAAM,mBAAA,GAAsB,aAAa,CAAC,aAAa,CAAA;AACzD;AACA;AACA;AACA,EAAE,MAAM,aAAc,GAAE,CAAC,CAAC,EAAE,mBAAoB,IAAG,iBAAiB,CAAC,WAAW,CAAC,IAAA,IAAQ,sBAAsB,CAAC,CAAC,CAAC,CAAA;AAClH;AACA,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,cAAc,CAAC,aAAa,CAAC,CAAA;AACjC,GAAE;AACF;AACA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,CAAC,CAAA;AACpC,GAAE;AACF,CAAA;AACA;AACA,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,CAAA;AACJ;AACA,EAAE,OAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAA;AAClB,GAAG,CAAC,CAAA;AACJ,CAAA;AACA;AACA,SAAS,iBAAiB,CAAC,aAAa,EAAgB;AACxD,EAAE,IAAI,UAAU,CAAA;AAChB,EAAE,YAAY,CAAC,MAAM;AACrB;AACA,IAAI,MAAM,UAAA,GAAa,aAAa,EAAE,CAAA;AACtC,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM,OAAM;AACZ,KAAI;AACJ;AACA,IAAI,UAAA,GAAa,iBAAiB,CAAC;AACnC,MAAM,EAAE,EAAE,gBAAgB;AAC1B,MAAM,IAAI,EAAE,aAAa;AACzB,MAAM,UAAU,EAAE,EAAE,CAAC,gCAAgC,GAAG,kBAAkB;AAC1E,KAAK,CAAC,CAAA;AACN,GAAG,CAAC,CAAA;AACJ;AACA,EAAE,WAAW,CAAC,MAAM;AACpB,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM,OAAM;AACZ,KAAI;AACJ,IAAI,UAAU,CAAC,GAAG,EAAE,CAAA;AACpB,IAAI,UAAA,GAAa,SAAS,CAAA;AAC1B,GAAG,CAAC,CAAA;AACJ;;;;"}
+{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/browser';\nimport type { Span } from '@sentry/types';\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,4BAA4B;;AAIlC,GAAI;AACJ,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,YAAY,EAAE,IAAI;AACpB,CAAC,CAAA;AACD;AACA;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,CAAA;AACvE;AACA,EAAE,MAAM,mBAAA,GAAsB,aAAa,CAAC,aAAa,CAAA;AACzD;AACA,EAAE,MAAM,aAAc,GAAE,CAAC,CAAC,EAAE,mBAAA,IAAuB,sBAAsB,CAAC,CAAC,CAAC,CAAA;AAC5E;AACA,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,cAAc,CAAC,aAAa,CAAC,CAAA;AACjC,GAAE;AACF;AACA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,CAAC,CAAA;AACpC,GAAE;AACF,CAAA;AACA;AACA,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,CAAA;AACJ;AACA,EAAE,OAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAA;AAClB,GAAG,CAAC,CAAA;AACJ,CAAA;AACA;AACA,SAAS,iBAAiB,CAAC,aAAa,EAAgB;AACxD,EAAE,IAAI,UAAU,CAAA;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,CAAA;AACN,GAAG,CAAC,CAAA;AACJ;AACA,EAAE,WAAW,CAAC,MAAM;AACpB,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM,OAAM;AACZ,KAAI;AACJ,IAAI,UAAU,CAAC,GAAG,EAAE,CAAA;AACpB,IAAI,UAAA,GAAa,SAAS,CAAA;AAC1B,GAAG,CAAC,CAAA;AACJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentry/svelte",
-  "version": "8.0.0-beta.4",
+  "version": "8.0.0-beta.5",
   "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",
@@ -42,14 +42,14 @@
     "access": "public"
   },
   "dependencies": {
-    "@sentry/browser": "8.0.0-beta.4",
-    "@sentry/core": "8.0.0-beta.4",
-    "@sentry/types": "8.0.0-beta.4",
-    "@sentry/utils": "8.0.0-beta.4",
+    "@sentry/browser": "8.0.0-beta.5",
+    "@sentry/core": "8.0.0-beta.5",
+    "@sentry/types": "8.0.0-beta.5",
+    "@sentry/utils": "8.0.0-beta.5",
     "magic-string": "^0.30.0"
   },
   "peerDependencies": {
-    "svelte": "3.x || 4.x"
+    "svelte": "3.x || 4.x || 5.x"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "1.4.0",

package/types/performance.d.ts

@@ -1,6 +1,6 @@
 import type { TrackComponentOptions } from './types';
 /**
- * Tracks the Svelte component's intialization and mounting operation as well as
+ * Tracks the Svelte component's initialization and mounting operation as well as
  * updates and records them as spans.
  *
  * This function is injected automatically into your Svelte components' code

package/types/performance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"performance.d.ts","sourceRoot":"","sources":["../../src/performance.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAWrD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAgBpE"}
+{"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"}

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

@@ -1,6 +1,6 @@
 import { TrackComponentOptions } from './types';
 /**
- * Tracks the Svelte component's intialization and mounting operation as well as
+ * Tracks the Svelte component's initialization and mounting operation as well as
  * updates and records them as spans.
  *
  * This function is injected automatically into your Svelte components' code