@sentry/svelte 8.0.0-alpha.2 → 8.0.0-alpha.3

package/cjs/index.js

@@ -12,7 +12,14 @@ exports.init = sdk.init;
 exports.componentTrackingPreprocessor = preprocessors.componentTrackingPreprocessor;
 exports.trackComponent = performance.trackComponent;
 exports.withSentryConfig = config.withSentryConfig;
-for (const k in browser) {
-  if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = browser[k];
-}
+Object.prototype.hasOwnProperty.call(browser, '__proto__') &&
+  !Object.prototype.hasOwnProperty.call(exports, '__proto__') &&
+  Object.defineProperty(exports, '__proto__', {
+    enumerable: true,
+    value: browser['__proto__']
+  });
+
+Object.keys(browser).forEach(k => {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = browser[k];
+});
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/performance.js

@@ -23,11 +23,6 @@ const defaultTrackComponentOptions
 function trackComponent(options) {
   const mergedOptions = { ...defaultTrackComponentOptions, ...options };
 
-  const transaction = getActiveTransaction();
-  if (!transaction) {
-    return;
-  }
-
   const customComponentName = mergedOptions.componentName;
 
   // current_component.ctor.name is likely to give us the component's name automatically
@@ -36,7 +31,7 @@ function trackComponent(options) {
 
   let initSpan = undefined;
   if (mergedOptions.trackInit) {
-    initSpan = recordInitSpan(transaction, componentName);
+    initSpan = recordInitSpan(componentName);
   }
 
   if (mergedOptions.trackUpdates) {
@@ -44,12 +39,12 @@ function trackComponent(options) {
   }
 }
 
-function recordInitSpan(transaction, componentName) {
-  // eslint-disable-next-line deprecation/deprecation
-  const initSpan = transaction.startChild({
+function recordInitSpan(componentName) {
+  const initSpan = core.startInactiveSpan({
+    onlyIfParent: true,
     op: constants.UI_SVELTE_INIT,
     name: componentName,
-    origin: 'auto.ui.svelte',
+    attributes: { [browser.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },
   });
 
   svelte.onMount(() => {
@@ -64,21 +59,25 @@ function recordUpdateSpans(componentName, initSpan) {
   svelte.beforeUpdate(() => {
     // We need to get the active transaction again because the initial one could
     // already be finished or there is currently no transaction going on.
-    const transaction = getActiveTransaction();
-    if (!transaction) {
+    const activeSpan = browser.getActiveSpan();
+    if (!activeSpan) {
       return;
     }
 
     // If we are initializing the component when the update span is started, we start it as child
     // of the init span. Else, we start it as a child of the transaction.
     const parentSpan =
-      initSpan && initSpan.isRecording() && core.getRootSpan(initSpan) === transaction ? initSpan : transaction;
+      initSpan && initSpan.isRecording() && core.getRootSpan(initSpan) === core.getRootSpan(activeSpan)
+        ? initSpan
+        : core.getRootSpan(activeSpan);
+
+    if (!parentSpan) return;
 
     updateSpan = core.withActiveSpan(parentSpan, () => {
       return core.startInactiveSpan({
         op: constants.UI_SVELTE_UPDATE,
         name: componentName,
-        origin: 'auto.ui.svelte',
+        attributes: { [browser.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },
       });
     });
   });
@@ -92,10 +91,5 @@ function recordUpdateSpans(componentName, initSpan) {
   });
 }
 
-function getActiveTransaction() {
-  // eslint-disable-next-line deprecation/deprecation
-  return browser.getCurrentScope().getTransaction();
-}
-
 exports.trackComponent = trackComponent;
 //# sourceMappingURL=performance.js.map

package/cjs/performance.js.map

@@ -1 +1 @@
-{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { getCurrentScope } from '@sentry/browser';\nimport type { Span, Transaction } from '@sentry/types';\nimport { afterUpdate, beforeUpdate, onMount } from 'svelte';\nimport { current_component } from 'svelte/internal';\n\nimport { getRootSpan, startInactiveSpan, withActiveSpan } 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 * This function is injected automatically into your Svelte components' code\n * if you are using the Sentry componentTrackingPreprocessor.\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 transaction = getActiveTransaction();\n  if (!transaction) {\n    return;\n  }\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  let initSpan: Span | undefined = undefined;\n  if (mergedOptions.trackInit) {\n    initSpan = recordInitSpan(transaction, componentName);\n  }\n\n  if (mergedOptions.trackUpdates) {\n    recordUpdateSpans(componentName, initSpan);\n  }\n}\n\nfunction recordInitSpan(transaction: Transaction, componentName: string): Span {\n  // eslint-disable-next-line deprecation/deprecation\n  const initSpan = transaction.startChild({\n    op: UI_SVELTE_INIT,\n    name: componentName,\n    origin: 'auto.ui.svelte',\n  });\n\n  onMount(() => {\n    initSpan.end();\n  });\n\n  return initSpan;\n}\n\nfunction recordUpdateSpans(componentName: string, initSpan?: Span): void {\n  let updateSpan: Span | undefined;\n  beforeUpdate(() => {\n    // We need to get the active transaction again because the initial one could\n    // already be finished or there is currently no transaction going on.\n    const transaction = getActiveTransaction();\n    if (!transaction) {\n      return;\n    }\n\n    // If we are initializing the component when the update span is started, we start it as child\n    // of the init span. Else, we start it as a child of the transaction.\n    const parentSpan =\n      initSpan && initSpan.isRecording() && getRootSpan(initSpan) === transaction ? initSpan : transaction;\n\n    updateSpan = withActiveSpan(parentSpan, () => {\n      return startInactiveSpan({\n        op: UI_SVELTE_UPDATE,\n        name: componentName,\n        origin: 'auto.ui.svelte',\n      });\n    });\n  });\n\n  afterUpdate(() => {\n    if (!updateSpan) {\n      return;\n    }\n    updateSpan.end();\n    updateSpan = undefined;\n  });\n}\n\nfunction getActiveTransaction(): Transaction | undefined {\n  // eslint-disable-next-line deprecation/deprecation\n  return getCurrentScope().getTransaction();\n}\n"],"names":["current_component","DEFAULT_COMPONENT_NAME","UI_SVELTE_INIT","onMount","beforeUpdate","getRootSpan","withActiveSpan","startInactiveSpan","UI_SVELTE_UPDATE","afterUpdate","getCurrentScope"],"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;AACO,SAAS,cAAc,CAAC,OAAO,EAAgC;AACtE,EAAE,MAAM,gBAAgB,EAAE,GAAG,4BAA4B,EAAE,GAAG,OAAA,EAAS,CAAA;AACvE;AACA,EAAE,MAAM,WAAA,GAAc,oBAAoB,EAAE,CAAA;AAC5C,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,OAAM;AACV,GAAE;AACF;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,QAAQ,GAAqB,SAAS,CAAA;AAC5C,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,WAAW,cAAc,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;AACzD,GAAE;AACF;AACA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAC9C,GAAE;AACF,CAAA;AACA;AACA,SAAS,cAAc,CAAC,WAAW,EAAe,aAAa,EAAgB;AAC/E;AACA,EAAE,MAAM,QAAS,GAAE,WAAW,CAAC,UAAU,CAAC;AAC1C,IAAI,EAAE,EAAEC,wBAAc;AACtB,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,MAAM,EAAE,gBAAgB;AAC5B,GAAG,CAAC,CAAA;AACJ;AACA,EAAEC,cAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAA;AAClB,GAAG,CAAC,CAAA;AACJ;AACA,EAAE,OAAO,QAAQ,CAAA;AACjB,CAAA;AACA;AACA,SAAS,iBAAiB,CAAC,aAAa,EAAU,QAAQ,EAAe;AACzE,EAAE,IAAI,UAAU,CAAA;AAChB,EAAEC,mBAAY,CAAC,MAAM;AACrB;AACA;AACA,IAAI,MAAM,WAAA,GAAc,oBAAoB,EAAE,CAAA;AAC9C,IAAI,IAAI,CAAC,WAAW,EAAE;AACtB,MAAM,OAAM;AACZ,KAAI;AACJ;AACA;AACA;AACA,IAAI,MAAM,UAAW;AACrB,MAAM,YAAY,QAAQ,CAAC,WAAW,EAAG,IAAGC,gBAAW,CAAC,QAAQ,CAAE,KAAI,cAAc,QAAA,GAAW,WAAW,CAAA;AAC1G;AACA,IAAI,UAAA,GAAaC,mBAAc,CAAC,UAAU,EAAE,MAAM;AAClD,MAAM,OAAOC,sBAAiB,CAAC;AAC/B,QAAQ,EAAE,EAAEC,0BAAgB;AAC5B,QAAQ,IAAI,EAAE,aAAa;AAC3B,QAAQ,MAAM,EAAE,gBAAgB;AAChC,OAAO,CAAC,CAAA;AACR,KAAK,CAAC,CAAA;AACN,GAAG,CAAC,CAAA;AACJ;AACA,EAAEC,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,CAAA;AACA;AACA,SAAS,oBAAoB,GAA4B;AACzD;AACA,EAAE,OAAOC,uBAAe,EAAE,CAAC,cAAc,EAAE,CAAA;AAC3C;;;;"}
+{"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 { getRootSpan, startInactiveSpan, withActiveSpan } 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 * This function is injected automatically into your Svelte components' code\n * if you are using the Sentry componentTrackingPreprocessor.\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  let initSpan: Span | undefined = undefined;\n  if (mergedOptions.trackInit) {\n    initSpan = recordInitSpan(componentName);\n  }\n\n  if (mergedOptions.trackUpdates) {\n    recordUpdateSpans(componentName, initSpan);\n  }\n}\n\nfunction recordInitSpan(componentName: string): Span | undefined {\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  return initSpan;\n}\n\nfunction recordUpdateSpans(componentName: string, initSpan?: Span): void {\n  let updateSpan: Span | undefined;\n  beforeUpdate(() => {\n    // We need to get the active transaction again because the initial one could\n    // already be finished or there is currently no transaction going on.\n    const activeSpan = getActiveSpan();\n    if (!activeSpan) {\n      return;\n    }\n\n    // If we are initializing the component when the update span is started, we start it as child\n    // of the init span. Else, we start it as a child of the transaction.\n    const parentSpan =\n      initSpan && initSpan.isRecording() && getRootSpan(initSpan) === getRootSpan(activeSpan)\n        ? initSpan\n        : getRootSpan(activeSpan);\n\n    if (!parentSpan) return;\n\n    updateSpan = withActiveSpan(parentSpan, () => {\n      return startInactiveSpan({\n        op: UI_SVELTE_UPDATE,\n        name: componentName,\n        attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n      });\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","getRootSpan","withActiveSpan","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;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,QAAQ,GAAqB,SAAS,CAAA;AAC5C,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,QAAS,GAAE,cAAc,CAAC,aAAa,CAAC,CAAA;AAC5C,GAAE;AACF;AACA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAC9C,GAAE;AACF,CAAA;AACA;AACA,SAAS,cAAc,CAAC,aAAa,EAA4B;AACjE,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;AACA,EAAE,OAAO,QAAQ,CAAA;AACjB,CAAA;AACA;AACA,SAAS,iBAAiB,CAAC,aAAa,EAAU,QAAQ,EAAe;AACzE,EAAE,IAAI,UAAU,CAAA;AAChB,EAAEC,mBAAY,CAAC,MAAM;AACrB;AACA;AACA,IAAI,MAAM,UAAA,GAAaC,qBAAa,EAAE,CAAA;AACtC,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM,OAAM;AACZ,KAAI;AACJ;AACA;AACA;AACA,IAAI,MAAM,UAAW;AACrB,MAAM,QAAS,IAAG,QAAQ,CAAC,WAAW,EAAC,IAAKC,gBAAW,CAAC,QAAQ,CAAA,KAAMA,gBAAW,CAAC,UAAU,CAAA;AAC5F,UAAU,QAAA;AACV,UAAUA,gBAAW,CAAC,UAAU,CAAC,CAAA;AACjC;AACA,IAAI,IAAI,CAAC,UAAU,EAAE,OAAM;AAC3B;AACA,IAAI,UAAA,GAAaC,mBAAc,CAAC,UAAU,EAAE,MAAM;AAClD,MAAM,OAAOP,sBAAiB,CAAC;AAC/B,QAAQ,EAAE,EAAEQ,0BAAgB;AAC5B,QAAQ,IAAI,EAAE,aAAa;AAC3B,QAAQ,UAAU,EAAE,EAAE,CAACN,wCAAgC,GAAG,kBAAkB;AAC5E,OAAO,CAAC,CAAA;AACR,KAAK,CAAC,CAAA;AACN,GAAG,CAAC,CAAA;AACJ;AACA,EAAEO,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/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/esm/performance.js

@@ -1,7 +1,7 @@
-import { getCurrentScope } from '@sentry/browser';
+import { SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, getActiveSpan } from '@sentry/browser';
 import { onMount, beforeUpdate, afterUpdate } from 'svelte';
 import { current_component } from 'svelte/internal';
-import { getRootSpan, withActiveSpan, startInactiveSpan } from '@sentry/core';
+import { startInactiveSpan, getRootSpan, withActiveSpan } from '@sentry/core';
 import { DEFAULT_COMPONENT_NAME, UI_SVELTE_INIT, UI_SVELTE_UPDATE } from './constants.js';
 
 const defaultTrackComponentOptions
@@ -21,11 +21,6 @@ const defaultTrackComponentOptions
 function trackComponent(options) {
   const mergedOptions = { ...defaultTrackComponentOptions, ...options };
 
-  const transaction = getActiveTransaction();
-  if (!transaction) {
-    return;
-  }
-
   const customComponentName = mergedOptions.componentName;
 
   // current_component.ctor.name is likely to give us the component's name automatically
@@ -34,7 +29,7 @@ function trackComponent(options) {
 
   let initSpan = undefined;
   if (mergedOptions.trackInit) {
-    initSpan = recordInitSpan(transaction, componentName);
+    initSpan = recordInitSpan(componentName);
   }
 
   if (mergedOptions.trackUpdates) {
@@ -42,12 +37,12 @@ function trackComponent(options) {
   }
 }
 
-function recordInitSpan(transaction, componentName) {
-  // eslint-disable-next-line deprecation/deprecation
-  const initSpan = transaction.startChild({
+function recordInitSpan(componentName) {
+  const initSpan = startInactiveSpan({
+    onlyIfParent: true,
     op: UI_SVELTE_INIT,
     name: componentName,
-    origin: 'auto.ui.svelte',
+    attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },
   });
 
   onMount(() => {
@@ -62,21 +57,25 @@ function recordUpdateSpans(componentName, initSpan) {
   beforeUpdate(() => {
     // We need to get the active transaction again because the initial one could
     // already be finished or there is currently no transaction going on.
-    const transaction = getActiveTransaction();
-    if (!transaction) {
+    const activeSpan = getActiveSpan();
+    if (!activeSpan) {
       return;
     }
 
     // If we are initializing the component when the update span is started, we start it as child
     // of the init span. Else, we start it as a child of the transaction.
     const parentSpan =
-      initSpan && initSpan.isRecording() && getRootSpan(initSpan) === transaction ? initSpan : transaction;
+      initSpan && initSpan.isRecording() && getRootSpan(initSpan) === getRootSpan(activeSpan)
+        ? initSpan
+        : getRootSpan(activeSpan);
+
+    if (!parentSpan) return;
 
     updateSpan = withActiveSpan(parentSpan, () => {
       return startInactiveSpan({
         op: UI_SVELTE_UPDATE,
         name: componentName,
-        origin: 'auto.ui.svelte',
+        attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },
       });
     });
   });
@@ -90,10 +89,5 @@ function recordUpdateSpans(componentName, initSpan) {
   });
 }
 
-function getActiveTransaction() {
-  // eslint-disable-next-line deprecation/deprecation
-  return getCurrentScope().getTransaction();
-}
-
 export { trackComponent };
 //# sourceMappingURL=performance.js.map

package/esm/performance.js.map

@@ -1 +1 @@
-{"version":3,"file":"performance.js","sources":["../../src/performance.ts"],"sourcesContent":["import { getCurrentScope } from '@sentry/browser';\nimport type { Span, Transaction } from '@sentry/types';\nimport { afterUpdate, beforeUpdate, onMount } from 'svelte';\nimport { current_component } from 'svelte/internal';\n\nimport { getRootSpan, startInactiveSpan, withActiveSpan } 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 * This function is injected automatically into your Svelte components' code\n * if you are using the Sentry componentTrackingPreprocessor.\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 transaction = getActiveTransaction();\n  if (!transaction) {\n    return;\n  }\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  let initSpan: Span | undefined = undefined;\n  if (mergedOptions.trackInit) {\n    initSpan = recordInitSpan(transaction, componentName);\n  }\n\n  if (mergedOptions.trackUpdates) {\n    recordUpdateSpans(componentName, initSpan);\n  }\n}\n\nfunction recordInitSpan(transaction: Transaction, componentName: string): Span {\n  // eslint-disable-next-line deprecation/deprecation\n  const initSpan = transaction.startChild({\n    op: UI_SVELTE_INIT,\n    name: componentName,\n    origin: 'auto.ui.svelte',\n  });\n\n  onMount(() => {\n    initSpan.end();\n  });\n\n  return initSpan;\n}\n\nfunction recordUpdateSpans(componentName: string, initSpan?: Span): void {\n  let updateSpan: Span | undefined;\n  beforeUpdate(() => {\n    // We need to get the active transaction again because the initial one could\n    // already be finished or there is currently no transaction going on.\n    const transaction = getActiveTransaction();\n    if (!transaction) {\n      return;\n    }\n\n    // If we are initializing the component when the update span is started, we start it as child\n    // of the init span. Else, we start it as a child of the transaction.\n    const parentSpan =\n      initSpan && initSpan.isRecording() && getRootSpan(initSpan) === transaction ? initSpan : transaction;\n\n    updateSpan = withActiveSpan(parentSpan, () => {\n      return startInactiveSpan({\n        op: UI_SVELTE_UPDATE,\n        name: componentName,\n        origin: 'auto.ui.svelte',\n      });\n    });\n  });\n\n  afterUpdate(() => {\n    if (!updateSpan) {\n      return;\n    }\n    updateSpan.end();\n    updateSpan = undefined;\n  });\n}\n\nfunction getActiveTransaction(): Transaction | undefined {\n  // eslint-disable-next-line deprecation/deprecation\n  return getCurrentScope().getTransaction();\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;AACO,SAAS,cAAc,CAAC,OAAO,EAAgC;AACtE,EAAE,MAAM,gBAAgB,EAAE,GAAG,4BAA4B,EAAE,GAAG,OAAA,EAAS,CAAA;AACvE;AACA,EAAE,MAAM,WAAA,GAAc,oBAAoB,EAAE,CAAA;AAC5C,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,OAAM;AACV,GAAE;AACF;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,QAAQ,GAAqB,SAAS,CAAA;AAC5C,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,WAAW,cAAc,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;AACzD,GAAE;AACF;AACA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAC9C,GAAE;AACF,CAAA;AACA;AACA,SAAS,cAAc,CAAC,WAAW,EAAe,aAAa,EAAgB;AAC/E;AACA,EAAE,MAAM,QAAS,GAAE,WAAW,CAAC,UAAU,CAAC;AAC1C,IAAI,EAAE,EAAE,cAAc;AACtB,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,MAAM,EAAE,gBAAgB;AAC5B,GAAG,CAAC,CAAA;AACJ;AACA,EAAE,OAAO,CAAC,MAAM;AAChB,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAA;AAClB,GAAG,CAAC,CAAA;AACJ;AACA,EAAE,OAAO,QAAQ,CAAA;AACjB,CAAA;AACA;AACA,SAAS,iBAAiB,CAAC,aAAa,EAAU,QAAQ,EAAe;AACzE,EAAE,IAAI,UAAU,CAAA;AAChB,EAAE,YAAY,CAAC,MAAM;AACrB;AACA;AACA,IAAI,MAAM,WAAA,GAAc,oBAAoB,EAAE,CAAA;AAC9C,IAAI,IAAI,CAAC,WAAW,EAAE;AACtB,MAAM,OAAM;AACZ,KAAI;AACJ;AACA;AACA;AACA,IAAI,MAAM,UAAW;AACrB,MAAM,YAAY,QAAQ,CAAC,WAAW,EAAG,IAAG,WAAW,CAAC,QAAQ,CAAE,KAAI,cAAc,QAAA,GAAW,WAAW,CAAA;AAC1G;AACA,IAAI,UAAA,GAAa,cAAc,CAAC,UAAU,EAAE,MAAM;AAClD,MAAM,OAAO,iBAAiB,CAAC;AAC/B,QAAQ,EAAE,EAAE,gBAAgB;AAC5B,QAAQ,IAAI,EAAE,aAAa;AAC3B,QAAQ,MAAM,EAAE,gBAAgB;AAChC,OAAO,CAAC,CAAA;AACR,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,CAAA;AACA;AACA,SAAS,oBAAoB,GAA4B;AACzD;AACA,EAAE,OAAO,eAAe,EAAE,CAAC,cAAc,EAAE,CAAA;AAC3C;;;;"}
+{"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 { getRootSpan, startInactiveSpan, withActiveSpan } 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 * This function is injected automatically into your Svelte components' code\n * if you are using the Sentry componentTrackingPreprocessor.\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  let initSpan: Span | undefined = undefined;\n  if (mergedOptions.trackInit) {\n    initSpan = recordInitSpan(componentName);\n  }\n\n  if (mergedOptions.trackUpdates) {\n    recordUpdateSpans(componentName, initSpan);\n  }\n}\n\nfunction recordInitSpan(componentName: string): Span | undefined {\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  return initSpan;\n}\n\nfunction recordUpdateSpans(componentName: string, initSpan?: Span): void {\n  let updateSpan: Span | undefined;\n  beforeUpdate(() => {\n    // We need to get the active transaction again because the initial one could\n    // already be finished or there is currently no transaction going on.\n    const activeSpan = getActiveSpan();\n    if (!activeSpan) {\n      return;\n    }\n\n    // If we are initializing the component when the update span is started, we start it as child\n    // of the init span. Else, we start it as a child of the transaction.\n    const parentSpan =\n      initSpan && initSpan.isRecording() && getRootSpan(initSpan) === getRootSpan(activeSpan)\n        ? initSpan\n        : getRootSpan(activeSpan);\n\n    if (!parentSpan) return;\n\n    updateSpan = withActiveSpan(parentSpan, () => {\n      return startInactiveSpan({\n        op: UI_SVELTE_UPDATE,\n        name: componentName,\n        attributes: { [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.svelte' },\n      });\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;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,QAAQ,GAAqB,SAAS,CAAA;AAC5C,EAAE,IAAI,aAAa,CAAC,SAAS,EAAE;AAC/B,IAAI,QAAS,GAAE,cAAc,CAAC,aAAa,CAAC,CAAA;AAC5C,GAAE;AACF;AACA,EAAE,IAAI,aAAa,CAAC,YAAY,EAAE;AAClC,IAAI,iBAAiB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAC9C,GAAE;AACF,CAAA;AACA;AACA,SAAS,cAAc,CAAC,aAAa,EAA4B;AACjE,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;AACA,EAAE,OAAO,QAAQ,CAAA;AACjB,CAAA;AACA;AACA,SAAS,iBAAiB,CAAC,aAAa,EAAU,QAAQ,EAAe;AACzE,EAAE,IAAI,UAAU,CAAA;AAChB,EAAE,YAAY,CAAC,MAAM;AACrB;AACA;AACA,IAAI,MAAM,UAAA,GAAa,aAAa,EAAE,CAAA;AACtC,IAAI,IAAI,CAAC,UAAU,EAAE;AACrB,MAAM,OAAM;AACZ,KAAI;AACJ;AACA;AACA;AACA,IAAI,MAAM,UAAW;AACrB,MAAM,QAAS,IAAG,QAAQ,CAAC,WAAW,EAAC,IAAK,WAAW,CAAC,QAAQ,CAAA,KAAM,WAAW,CAAC,UAAU,CAAA;AAC5F,UAAU,QAAA;AACV,UAAU,WAAW,CAAC,UAAU,CAAC,CAAA;AACjC;AACA,IAAI,IAAI,CAAC,UAAU,EAAE,OAAM;AAC3B;AACA,IAAI,UAAA,GAAa,cAAc,CAAC,UAAU,EAAE,MAAM;AAClD,MAAM,OAAO,iBAAiB,CAAC;AAC/B,QAAQ,EAAE,EAAE,gBAAgB;AAC5B,QAAQ,IAAI,EAAE,aAAa;AAC3B,QAAQ,UAAU,EAAE,EAAE,CAAC,gCAAgC,GAAG,kBAAkB;AAC5E,OAAO,CAAC,CAAA;AACR,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,13 +1,13 @@
 {
   "name": "@sentry/svelte",
-  "version": "8.0.0-alpha.2",
+  "version": "8.0.0-alpha.3",
   "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",
   "author": "Sentry",
   "license": "MIT",
   "engines": {
-    "node": ">=14.8"
+    "node": ">=14.18"
   },
   "files": [
     "cjs",
@@ -18,6 +18,19 @@
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./types/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "require": {
+        "types": "./types/index.d.ts",
+        "default": "./cjs/index.js"
+      }
+    }
+  },
   "typesVersions": {
     "<4.9": {
       "types/index.d.ts": [
@@ -29,10 +42,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@sentry/browser": "8.0.0-alpha.2",
-    "@sentry/core": "8.0.0-alpha.2",
-    "@sentry/types": "8.0.0-alpha.2",
-    "@sentry/utils": "8.0.0-alpha.2",
+    "@sentry/browser": "8.0.0-alpha.3",
+    "@sentry/core": "8.0.0-alpha.3",
+    "@sentry/types": "8.0.0-alpha.3",
+    "@sentry/utils": "8.0.0-alpha.3",
     "magic-string": "^0.30.0"
   },
   "peerDependencies": {

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