Supabase integration (#5296)

* Basic Supabase integration

* Tests for Supabase integration

* Lint fixes; changelog entry

* Changelog entry update

Author: alwx

CHANGELOG.md

@@ -11,6 +11,7 @@
 ### Features
 
 - Adds GraphQL integration ([#5299](https://github.com/getsentry/sentry-react-native/pull/5299))
+- Adds Supabase integration ([#5296](https://github.com/getsentry/sentry-react-native/pull/5296))
 
 ### Dependencies
 

packages/core/src/js/integrations/exports.ts

@@ -26,6 +26,7 @@ export { breadcrumbsIntegration } from './breadcrumbs';
 export { primitiveTagIntegration } from './primitiveTagIntegration';
 export { logEnricherIntegration } from './logEnricherIntegration';
 export { graphqlIntegration } from './graphql';
+export { supabaseIntegration } from './supabase';
 
 export {
   browserApiErrorsIntegration,

packages/core/src/js/integrations/supabase.ts

@@ -0,0 +1,15 @@
+import { supabaseIntegration as browserSupabaseIntegration } from '@sentry/browser';
+import type { Integration } from '@sentry/core';
+
+type SupabaseReactNativeIntegrationOptions = {
+  supabaseClient: unknown;
+};
+
+/**
+ * Use this integration to instrument your Supabase client.
+ *
+ * Learn more about Supabase at https://supabase.com
+ */
+export function supabaseIntegration(options: SupabaseReactNativeIntegrationOptions): Integration {
+  return browserSupabaseIntegration({ supabaseClient: options.supabaseClient });
+}

packages/core/test/integrations/supabase.test.ts

@@ -0,0 +1,29 @@
+import { supabaseIntegration as browserSupabaseIntegration } from '@sentry/browser';
+import { supabaseIntegration } from '../../src/js';
+
+jest.mock('@sentry/browser', () => ({
+  supabaseIntegration: jest.fn(),
+}));
+
+function createMockClient() {
+  return {
+    init: jest.fn(),
+  };
+}
+
+describe('supabase', () => {
+  afterEach(() => {
+    jest.resetAllMocks();
+  });
+
+  // this test is sufficient to test the integration because everything else
+  // is covered by the integration tests in the @sentry/browser package
+  it('passes React Native options to browserSupabaseIntegration', () => {
+    const mockClient = createMockClient();
+    supabaseIntegration({ supabaseClient: mockClient });
+
+    expect(browserSupabaseIntegration).toHaveBeenCalledWith({
+      supabaseClient: mockClient,
+    });
+  });
+});