From 66c27d3b024cca61744f53e54e29e57cec957a6f Mon Sep 17 00:00:00 2001 From: Andrew Liu <159852527+aliu39@users.noreply.github.com> Date: Thu, 13 Feb 2025 13:55:03 -0800 Subject: [PATCH 1/7] feat(flags): document statsig browser integration --- .../configuration/integrations/statsig.mdx | 40 +++++++++++++++++++ .../javascript/common/feature-flags/index.mdx | 1 + .../configuration/integrations/javascript.mdx | 1 + .../configuration/statsig/javascript.mdx | 20 ++++++++++ 4 files changed, 62 insertions(+) create mode 100644 docs/platforms/javascript/common/configuration/integrations/statsig.mdx create mode 100644 platform-includes/configuration/statsig/javascript.mdx diff --git a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx new file mode 100644 index 0000000000000..e757bc1d82e78 --- /dev/null +++ b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx @@ -0,0 +1,40 @@ +--- +title: Statsig +description: "Learn how to use Sentry with Statsig." +notSupported: + - javascript.aws-lambda + - javascript.azure-functions + - javascript.bun + - javascript.capacitor + - javascript.cloudflare + - javascript.connect + - javascript.cordova + - javascript.deno + - javascript.electron + - javascript.express + - javascript.fastify + - javascript.gcp-functions + - javascript.hapi + - javascript.koa + - javascript.nestjs + - javascript.nodejs + - javascript.wasm +--- + + + + + +This integration only works inside a browser environment. It is only available from a package-based install (e.g. `npm` or `yarn`). + + + +The [Statsig](https://www.statsig.com) integration tracks feature flag evaluations produced by the Statsig SDK. These evaluations are held in memory, and in the event an error occurs, sent to Sentry for review and analysis. **At the moment, we only support boolean flag evaluations from Statsig's `checkGate` method**. Learn more about [feature gates](https://docs.statsig.com/feature-flags/working-with/). + +This integration is available in Sentry SDK **versions 9.0.0 and higher**, or **versions 8.55.0 and higher for v8.** + +_Import name: `Sentry.statsigIntegration`_ + + + + diff --git a/docs/platforms/javascript/common/feature-flags/index.mdx b/docs/platforms/javascript/common/feature-flags/index.mdx index dd577dc9e26ed..09d45bdaab58d 100644 --- a/docs/platforms/javascript/common/feature-flags/index.mdx +++ b/docs/platforms/javascript/common/feature-flags/index.mdx @@ -35,6 +35,7 @@ Evaluation tracking requires enabling an SDK integration. Integrations are provi - [Generic](/platforms/javascript/configuration/integrations/featureflags/) - [LaunchDarkly](/platforms/javascript/configuration/integrations/launchdarkly/) - [OpenFeature](/platforms/javascript/configuration/integrations/openfeature/) +- [Statsig](/platforms/javascript/configuration/integrations/statsig/) - [Unleash](/platforms/javascript/configuration/integrations/unleash/) ## Enable Change Tracking diff --git a/platform-includes/configuration/integrations/javascript.mdx b/platform-includes/configuration/integrations/javascript.mdx index e534fc4d4c43a..61d8b6cf3b6a9 100644 --- a/platform-includes/configuration/integrations/javascript.mdx +++ b/platform-includes/configuration/integrations/javascript.mdx @@ -25,4 +25,5 @@ | [`replayIntegration`](./replay) | | | | ✓ | ✓ | | [`replayCanvasIntegration`](./replaycanvas) | | | | ✓ | | | [`reportingObserverIntegration`](./reportingobserver) | | ✓ | | | | +| [`statsigIntegration`](./statsig) | | | | | ✓ | | [`unleashIntegration`](./unleash) | | | | | ✓ | diff --git a/platform-includes/configuration/statsig/javascript.mdx b/platform-includes/configuration/statsig/javascript.mdx new file mode 100644 index 0000000000000..69210d2b8b1d4 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/browser'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". From 5d6477c3aebb11d03f05e30d7cbbafdf5d999220 Mon Sep 17 00:00:00 2001 From: Andrew Liu <159852527+aliu39@users.noreply.github.com> Date: Thu, 13 Feb 2025 14:12:02 -0800 Subject: [PATCH 2/7] Add / --- .../javascript/common/configuration/integrations/statsig.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx index e757bc1d82e78..21e39e0637909 100644 --- a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx +++ b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx @@ -29,7 +29,7 @@ This integration only works inside a browser environment. It is only available f -The [Statsig](https://www.statsig.com) integration tracks feature flag evaluations produced by the Statsig SDK. These evaluations are held in memory, and in the event an error occurs, sent to Sentry for review and analysis. **At the moment, we only support boolean flag evaluations from Statsig's `checkGate` method**. Learn more about [feature gates](https://docs.statsig.com/feature-flags/working-with/). +The [Statsig](https://www.statsig.com/) integration tracks feature flag evaluations produced by the Statsig SDK. These evaluations are held in memory, and in the event an error occurs, sent to Sentry for review and analysis. **At the moment, we only support boolean flag evaluations from Statsig's `checkGate` method**. Learn more about [feature gates](https://docs.statsig.com/feature-flags/working-with/). This integration is available in Sentry SDK **versions 9.0.0 and higher**, or **versions 8.55.0 and higher for v8.** From 5040d6e8b6cae49e2fc083c35c774cd7adcf2f4b Mon Sep 17 00:00:00 2001 From: Andrew Liu <159852527+aliu39@users.noreply.github.com> Date: Thu, 13 Feb 2025 15:43:40 -0800 Subject: [PATCH 3/7] Specify sdk name --- .../javascript/common/configuration/integrations/statsig.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx index 21e39e0637909..d0ce15ce5d8b4 100644 --- a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx +++ b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx @@ -29,7 +29,7 @@ This integration only works inside a browser environment. It is only available f -The [Statsig](https://www.statsig.com/) integration tracks feature flag evaluations produced by the Statsig SDK. These evaluations are held in memory, and in the event an error occurs, sent to Sentry for review and analysis. **At the moment, we only support boolean flag evaluations from Statsig's `checkGate` method**. Learn more about [feature gates](https://docs.statsig.com/feature-flags/working-with/). +The [Statsig](https://www.statsig.com/) integration tracks feature flag evaluations produced by the Statsig JavaScript Client SDK. These evaluations are held in memory, and in the event an error occurs, sent to Sentry for review and analysis. **At the moment, we only support boolean flag evaluations from Statsig's `checkGate` method**. Learn more about [feature gates](https://docs.statsig.com/feature-flags/working-with/). This integration is available in Sentry SDK **versions 9.0.0 and higher**, or **versions 8.55.0 and higher for v8.** From 13030e45a05c8827963630d9bbfa95997774fa34 Mon Sep 17 00:00:00 2001 From: Andrew Liu <159852527+aliu39@users.noreply.github.com> Date: Thu, 13 Feb 2025 15:54:35 -0800 Subject: [PATCH 4/7] Statsig feature gates --- .../javascript/common/configuration/integrations/statsig.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx index d0ce15ce5d8b4..d0ee4a2edf4db 100644 --- a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx +++ b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx @@ -29,7 +29,7 @@ This integration only works inside a browser environment. It is only available f -The [Statsig](https://www.statsig.com/) integration tracks feature flag evaluations produced by the Statsig JavaScript Client SDK. These evaluations are held in memory, and in the event an error occurs, sent to Sentry for review and analysis. **At the moment, we only support boolean flag evaluations from Statsig's `checkGate` method**. Learn more about [feature gates](https://docs.statsig.com/feature-flags/working-with/). +The [Statsig](https://www.statsig.com/) integration tracks feature flag evaluations produced by the Statsig JavaScript Client SDK. These evaluations are held in memory, and in the event an error occurs, sent to Sentry for review and analysis. **At the moment, we only support boolean flag evaluations from Statsig's `checkGate` method**. Learn more about [Statsig feature gates](https://docs.statsig.com/feature-flags/working-with/). This integration is available in Sentry SDK **versions 9.0.0 and higher**, or **versions 8.55.0 and higher for v8.** From 3f6c770beb7302c60a38def613d017069b3bd47b Mon Sep 17 00:00:00 2001 From: Andrew Liu <159852527+aliu39@users.noreply.github.com> Date: Thu, 13 Feb 2025 15:55:01 -0800 Subject: [PATCH 5/7] Fix node name in notSupported list --- .../javascript/common/configuration/integrations/statsig.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx index d0ee4a2edf4db..de7ec53a68fdb 100644 --- a/docs/platforms/javascript/common/configuration/integrations/statsig.mdx +++ b/docs/platforms/javascript/common/configuration/integrations/statsig.mdx @@ -17,7 +17,7 @@ notSupported: - javascript.hapi - javascript.koa - javascript.nestjs - - javascript.nodejs + - javascript.node - javascript.wasm --- From bc801a5d2325f31f6519ac880699b0e93144b457 Mon Sep 17 00:00:00 2001 From: Andrew Liu <159852527+aliu39@users.noreply.github.com> Date: Fri, 14 Feb 2025 11:00:44 -0800 Subject: [PATCH 6/7] Improve statsigClient comment Co-authored-by: Billy Vong --- platform-includes/configuration/statsig/javascript.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/platform-includes/configuration/statsig/javascript.mdx b/platform-includes/configuration/statsig/javascript.mdx index 69210d2b8b1d4..cfae3819cdf88 100644 --- a/platform-includes/configuration/statsig/javascript.mdx +++ b/platform-includes/configuration/statsig/javascript.mdx @@ -4,7 +4,7 @@ Before using this integration, you need to install and instrument Statsig in you import * as Sentry from '@sentry/browser'; import { StatsigClient } from '@statsig/js-client'; -const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see SDK reference. +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. Sentry.init({ dsn: '___PUBLIC_DSN___', From b2815ff3b3474cbafc2e7bde135fc981b54979e5 Mon Sep 17 00:00:00 2001 From: Andrew Liu <159852527+aliu39@users.noreply.github.com> Date: Fri, 14 Feb 2025 11:25:45 -0800 Subject: [PATCH 7/7] Add platform config --- .../statsig/javascript.angular.mdx | 20 +++++++++++++++++++ .../statsig/javascript.astro.mdx | 20 +++++++++++++++++++ .../statsig/javascript.ember.mdx | 20 +++++++++++++++++++ .../statsig/javascript.gatsby.mdx | 20 +++++++++++++++++++ .../statsig/javascript.nextjs.mdx | 20 +++++++++++++++++++ .../configuration/statsig/javascript.nuxt.mdx | 20 +++++++++++++++++++ .../statsig/javascript.react.mdx | 20 +++++++++++++++++++ .../statsig/javascript.remix.mdx | 20 +++++++++++++++++++ .../statsig/javascript.solid.mdx | 20 +++++++++++++++++++ .../statsig/javascript.solidstart.mdx | 20 +++++++++++++++++++ .../statsig/javascript.svelte.mdx | 20 +++++++++++++++++++ .../statsig/javascript.sveltekit.mdx | 20 +++++++++++++++++++ .../configuration/statsig/javascript.vue.mdx | 20 +++++++++++++++++++ 13 files changed, 260 insertions(+) create mode 100644 platform-includes/configuration/statsig/javascript.angular.mdx create mode 100644 platform-includes/configuration/statsig/javascript.astro.mdx create mode 100644 platform-includes/configuration/statsig/javascript.ember.mdx create mode 100644 platform-includes/configuration/statsig/javascript.gatsby.mdx create mode 100644 platform-includes/configuration/statsig/javascript.nextjs.mdx create mode 100644 platform-includes/configuration/statsig/javascript.nuxt.mdx create mode 100644 platform-includes/configuration/statsig/javascript.react.mdx create mode 100644 platform-includes/configuration/statsig/javascript.remix.mdx create mode 100644 platform-includes/configuration/statsig/javascript.solid.mdx create mode 100644 platform-includes/configuration/statsig/javascript.solidstart.mdx create mode 100644 platform-includes/configuration/statsig/javascript.svelte.mdx create mode 100644 platform-includes/configuration/statsig/javascript.sveltekit.mdx create mode 100644 platform-includes/configuration/statsig/javascript.vue.mdx diff --git a/platform-includes/configuration/statsig/javascript.angular.mdx b/platform-includes/configuration/statsig/javascript.angular.mdx new file mode 100644 index 0000000000000..5e40a15ddf45f --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.angular.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/angular'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.astro.mdx b/platform-includes/configuration/statsig/javascript.astro.mdx new file mode 100644 index 0000000000000..e9dc64f8c6c74 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.astro.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/astro'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.ember.mdx b/platform-includes/configuration/statsig/javascript.ember.mdx new file mode 100644 index 0000000000000..e359ccb64ff6a --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.ember.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/ember'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.gatsby.mdx b/platform-includes/configuration/statsig/javascript.gatsby.mdx new file mode 100644 index 0000000000000..304f3c9a146ed --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.gatsby.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/gatsby'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.nextjs.mdx b/platform-includes/configuration/statsig/javascript.nextjs.mdx new file mode 100644 index 0000000000000..33bbcbe28dd78 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.nextjs.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/nextjs'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.nuxt.mdx b/platform-includes/configuration/statsig/javascript.nuxt.mdx new file mode 100644 index 0000000000000..9349ee9616f61 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.nuxt.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/nuxt'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.react.mdx b/platform-includes/configuration/statsig/javascript.react.mdx new file mode 100644 index 0000000000000..9af3335a11585 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.react.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/react'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.remix.mdx b/platform-includes/configuration/statsig/javascript.remix.mdx new file mode 100644 index 0000000000000..70d716204a90f --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.remix.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/remix'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.solid.mdx b/platform-includes/configuration/statsig/javascript.solid.mdx new file mode 100644 index 0000000000000..d93a5cff80db6 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.solid.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/solid'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.solidstart.mdx b/platform-includes/configuration/statsig/javascript.solidstart.mdx new file mode 100644 index 0000000000000..00d862edf2308 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.solidstart.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/solidstart'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.svelte.mdx b/platform-includes/configuration/statsig/javascript.svelte.mdx new file mode 100644 index 0000000000000..2b3980fc2e802 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.svelte.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/svelte'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.sveltekit.mdx b/platform-includes/configuration/statsig/javascript.sveltekit.mdx new file mode 100644 index 0000000000000..1d7c8d7412aa9 --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.sveltekit.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/sveltekit'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false". diff --git a/platform-includes/configuration/statsig/javascript.vue.mdx b/platform-includes/configuration/statsig/javascript.vue.mdx new file mode 100644 index 0000000000000..32d05783be00d --- /dev/null +++ b/platform-includes/configuration/statsig/javascript.vue.mdx @@ -0,0 +1,20 @@ +Before using this integration, you need to install and instrument Statsig in your app. Learn more by reading [Statsig's SDK reference](https://docs.statsig.com/client/javascript-sdk) and [quickstart guide](https://docs.statsig.com/guides/first-feature). + +```javascript +import * as Sentry from '@sentry/vue'; +import { StatsigClient } from '@statsig/js-client'; + +const statsigClient = new StatsigClient( YOUR_SDK_KEY, { userID: 'my-user-id' }, {} ); // see Statsig SDK reference. + +Sentry.init({ + dsn: '___PUBLIC_DSN___', + integrations: [Sentry.statsigIntegration({featureFlagClient: statsigClient})], +}); + +await statsigClient.initializeAsync(); // or statsigClient.initializeSync(); + +const result = statsigClient.checkGate('my-feature-gate'); +Sentry.captureException(new Error('something went wrong')); +``` + +Visit the Sentry website and confirm that your error event has recorded the feature flag "my-feature-gate" and its value "false".