Add type safety to fetchCredentials of PowerSyncBackendConnector in the Typescript examples (#358)

Co-authored-by: Christiaan Landman <[email protected]>

Author: guillempuche

demos/angular-supabase-todolist/src/app/supabase.service.ts

@@ -8,7 +8,7 @@ import {
   type User
 } from '@supabase/supabase-js';
 import { environment } from '../environment';
-import { type AbstractPowerSyncDatabase, type CrudEntry, UpdateType, PowerSyncBackendConnector } from '@powersync/web';
+import { type AbstractPowerSyncDatabase, type CrudEntry, UpdateType, PowerSyncBackendConnector, type PowerSyncCredentials } from '@powersync/web';
 
 /// Postgres Response codes that we cannot recover from by retrying.
 const FATAL_RESPONSE_CODES = [
@@ -67,7 +67,7 @@ export class SupabaseService implements PowerSyncBackendConnector {
     return {
       endpoint: environment.powersyncUrl,
       token: session.access_token ?? ''
-    };
+    } satisfies PowerSyncCredentials;
   }
 
   authChanges(callback: (event: AuthChangeEvent, session: Session | null) => void) {

demos/react-native-supabase-group-chat/src/lib/connector.ts

@@ -1,4 +1,4 @@
-import { AbstractPowerSyncDatabase, CrudEntry, PowerSyncBackendConnector, UpdateType } from '@powersync/react-native';
+import { AbstractPowerSyncDatabase, CrudEntry, PowerSyncBackendConnector, UpdateType, type PowerSyncCredentials } from '@powersync/react-native';
 import type { SupabaseClient } from '@supabase/supabase-js';
 
 import { config } from './config';
@@ -38,7 +38,7 @@ export class Connector implements PowerSyncBackendConnector {
     return {
       endpoint: config.powerSyncUrl,
       token: session.access_token ?? ''
-    };
+    } satisfies PowerSyncCredentials;
   }
 
   async uploadData(database: AbstractPowerSyncDatabase): Promise<void> {

demos/react-native-supabase-todolist/library/supabase/SupabaseConnector.ts

@@ -1,4 +1,4 @@
-import { AbstractPowerSyncDatabase, CrudEntry, PowerSyncBackendConnector, UpdateType } from '@powersync/react-native';
+import { AbstractPowerSyncDatabase, CrudEntry, PowerSyncBackendConnector, UpdateType, type PowerSyncCredentials } from '@powersync/react-native';
 
 import { SupabaseClient, createClient } from '@supabase/supabase-js';
 import { AppConfig } from './AppConfig';
@@ -65,7 +65,7 @@ export class SupabaseConnector implements PowerSyncBackendConnector {
     return {
       endpoint: AppConfig.powersyncUrl,
       token: session.access_token ?? ''
-    };
+    } satisfies PowerSyncCredentials;
   }
 
   async uploadData(database: AbstractPowerSyncDatabase): Promise<void> {

demos/react-native-web-supabase-todolist/library/supabase/SupabaseConnector.ts

@@ -1,4 +1,5 @@
 import { AbstractPowerSyncDatabase, CrudEntry, PowerSyncBackendConnector, UpdateType } from '@powersync/common';
+import { type PowerSyncCredentials } from '@powersync/react-native';
 
 import { SupabaseClient, createClient } from '@supabase/supabase-js';
 import { AppConfig } from './AppConfig';
@@ -65,7 +66,7 @@ export class SupabaseConnector implements PowerSyncBackendConnector {
     return {
       endpoint: AppConfig.powersyncUrl,
       token: session.access_token ?? ''
-    };
+    } satisfies PowerSyncCredentials;
   }
 
   async uploadData(database: AbstractPowerSyncDatabase): Promise<void> {

demos/react-supabase-todolist-optional-sync/src/library/powersync/SupabaseConnector.ts

@@ -3,7 +3,8 @@ import {
   BaseObserver,
   CrudEntry,
   PowerSyncBackendConnector,
-  UpdateType
+  UpdateType,
+  type PowerSyncCredentials
 } from '@powersync/web';
 
 import { Session, SupabaseClient, createClient } from '@supabase/supabase-js';
@@ -113,7 +114,7 @@ export class SupabaseConnector extends BaseObserver<SupabaseConnectorListener> i
     return {
       endpoint: this.config.powersyncUrl,
       token: session.access_token ?? ''
-    };
+    } satisfies PowerSyncCredentials;
   }
 
   async uploadData(database: AbstractPowerSyncDatabase): Promise<void> {

demos/react-supabase-todolist/src/library/powersync/SupabaseConnector.ts

@@ -3,7 +3,8 @@ import {
   BaseObserver,
   CrudEntry,
   PowerSyncBackendConnector,
-  UpdateType
+  UpdateType,
+  type PowerSyncCredentials
 } from '@powersync/web';
 
 import { Session, SupabaseClient, createClient } from '@supabase/supabase-js';
@@ -99,7 +100,7 @@ export class SupabaseConnector extends BaseObserver<SupabaseConnectorListener> i
     return {
       endpoint: this.config.powersyncUrl,
       token: session.access_token ?? ''
-    };
+    } satisfies PowerSyncCredentials;
   }
 
   async uploadData(database: AbstractPowerSyncDatabase): Promise<void> {

demos/vue-supabase-todolist/src/library/powersync/SupabaseConnector.ts

@@ -3,7 +3,8 @@ import {
   BaseObserver,
   CrudEntry,
   PowerSyncBackendConnector,
-  UpdateType
+  UpdateType,
+  type PowerSyncCredentials
 } from '@powersync/web';
 
 import { Session, SupabaseClient, createClient } from '@supabase/supabase-js';
@@ -99,7 +100,7 @@ export class SupabaseConnector extends BaseObserver<SupabaseConnectorListener> i
     return {
       endpoint: this.config.powersyncUrl,
       token: session.access_token ?? ''
-    };
+    } satisfies PowerSyncCredentials;
   }
 
   async uploadData(database: AbstractPowerSyncDatabase): Promise<void> {