Merge pull request #1500 from supabase/feat/update-storage-version-to-support-new-host

feat: bump storage version, and expose StorageClientOptions

Author: itslenny

package-lock.json

@@ -55,7 +55,7 @@
     "@supabase/node-fetch": "2.6.15",
     "@supabase/postgrest-js": "1.19.4",
     "@supabase/realtime-js": "2.11.15",
-    "@supabase/storage-js": "2.7.1"
+    "@supabase/storage-js": "^2.10.4"
   },
   "devDependencies": {
     "@sebbo2002/semantic-release-jsr": "^1.0.0",

package.json

@@ -42,6 +42,10 @@ export default class SupabaseClient<
    */
   auth: SupabaseAuthClient
   realtime: RealtimeClient
+  /**
+   * Supabase Storage allows you to manage user-generated content, such as photos or videos.
+   */
+  storage: SupabaseStorageClient
 
   protected realtimeUrl: URL
   protected authUrl: URL
@@ -64,6 +68,7 @@ export default class SupabaseClient<
    * @param options.auth.persistSession Set to "true" if you want to automatically save the user session into local storage.
    * @param options.auth.detectSessionInUrl Set to "true" if you want to automatically detects OAuth grants in the URL and signs in the user.
    * @param options.realtime Options passed along to realtime-js constructor.
+   * @param options.storage Options passed along to the storage-js constructor.
    * @param options.global.fetch A custom fetch implementation.
    * @param options.global.headers Any additional headers to send with each network request.
    */
@@ -130,6 +135,13 @@ export default class SupabaseClient<
       fetch: this.fetch,
     })
 
+    this.storage = new SupabaseStorageClient(
+      this.storageUrl.href,
+      this.headers,
+      this.fetch,
+      options?.storage
+    )
+
     if (!settings.accessToken) {
       this._listenForAuthEvents()
     }
@@ -145,13 +157,6 @@ export default class SupabaseClient<
     })
   }
 
-  /**
-   * Supabase Storage allows you to manage user-generated content, such as photos or videos.
-   */
-  get storage(): SupabaseStorageClient {
-    return new SupabaseStorageClient(this.storageUrl.href, this.headers, this.fetch)
-  }
-
   // NOTE: signatures must be kept in sync with PostgrestClient.from
   from<
     TableName extends string & keyof Schema['Tables'],

src/SupabaseClient.ts

@@ -50,6 +50,7 @@ export function applySettingDefaults<
       ...DEFAULT_REALTIME_OPTIONS,
       ...realtimeOptions,
     },
+    storage: {},
     global: {
       ...DEFAULT_GLOBAL_OPTIONS,
       ...globalOptions,

src/lib/helpers.ts

@@ -1,6 +1,7 @@
 import { AuthClient } from '@supabase/auth-js'
 import { RealtimeClientOptions } from '@supabase/realtime-js'
 import { PostgrestError } from '@supabase/postgrest-js'
+import { StorageClientOptions } from '@supabase/storage-js/dist/module/StorageClient'
 
 type AuthClientOptions = ConstructorParameters<typeof AuthClient>[0]
 
@@ -56,6 +57,7 @@ export type SupabaseClientOptions<SchemaName> = {
    * Options passed to the realtime-js instance
    */
   realtime?: RealtimeClientOptions
+  storage?: StorageClientOptions
   global?: {
     /**
      * A custom `fetch` implementation.