@fluxbase/sdk-react 0.0.1-rc.26 → 0.0.1-rc.28

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import * as _fluxbase_sdk from '@fluxbase/sdk';
-import { FluxbaseClient, AuthSession, SignInCredentials, SignUpCredentials, User, QueryBuilder, RealtimeCallback, RealtimePostgresChangesPayload, ListOptions, UploadOptions, AdminAuthResponse, ListUsersOptions, EnrichedUser, APIKey, CreateAPIKeyRequest, Webhook, CreateWebhookRequest, UpdateWebhookRequest, AppSettings, UpdateAppSettingsRequest, SystemSetting, UpdateSystemSettingRequest } from '@fluxbase/sdk';
+import { FluxbaseClient, User, AuthSession, SignInCredentials, SignUpCredentials, QueryBuilder, RealtimeCallback, RealtimePostgresChangesPayload, ListOptions, UploadOptions, AdminAuthResponse, ListUsersOptions, EnrichedUser, APIKey, CreateAPIKeyRequest, Webhook, CreateWebhookRequest, UpdateWebhookRequest, AppSettings, UpdateAppSettingsRequest, SystemSetting, UpdateSystemSettingRequest } from '@fluxbase/sdk';
 export { APIKey, AdminUser, AppSettings, AuthSession, EnrichedUser, FluxbaseClient, PostgrestResponse, RealtimeChangePayload, SignInCredentials, SignUpCredentials, StorageObject, SystemSetting, User, Webhook } from '@fluxbase/sdk';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions, UseMutationOptions } from '@tanstack/react-query';
@@ -23,7 +23,7 @@ declare function useFluxbaseClient(): FluxbaseClient;
 /**
  * Hook to get the current user
  */
-declare function useUser(): _tanstack_react_query.UseQueryResult<_fluxbase_sdk.UserResponse | null, Error>;
+declare function useUser(): _tanstack_react_query.UseQueryResult<User | null, Error>;
 /**
  * Hook to get the current session
  */
@@ -48,7 +48,7 @@ declare function useUpdateUser(): _tanstack_react_query.UseMutationResult<_fluxb
  * Combined auth hook with all auth state and methods
  */
 declare function useAuth(): {
-    user: _fluxbase_sdk.UserResponse | null | undefined;
+    user: User | null | undefined;
     session: AuthSession | null | undefined;
     isLoading: boolean;
     isAuthenticated: boolean;
@@ -165,9 +165,28 @@ declare function useTableDeletes(table: string, callback: (payload: RealtimePost
 /**
  * Hook to list files in a bucket
  */
-declare function useStorageList(bucket: string, options?: ListOptions & Omit<UseQueryOptions<any[], Error>, 'queryKey' | 'queryFn'>): _tanstack_react_query.UseQueryResult<any[], Error>;
+declare function useStorageList(bucket: string, options?: ListOptions & Omit<UseQueryOptions<any[], Error>, "queryKey" | "queryFn">): _tanstack_react_query.UseQueryResult<any[], Error>;
 /**
  * Hook to upload a file to a bucket
+ *
+ * Note: You can track upload progress by passing an `onUploadProgress` callback in the options:
+ *
+ * @example
+ * ```tsx
+ * const upload = useStorageUpload('avatars')
+ *
+ * upload.mutate({
+ *   path: 'user.jpg',
+ *   file: file,
+ *   options: {
+ *     onUploadProgress: (progress) => {
+ *       console.log(`${progress.percentage}% uploaded`)
+ *     }
+ *   }
+ * })
+ * ```
+ *
+ * For automatic progress state management, use `useStorageUploadWithProgress` instead.
  */
 declare function useStorageUpload(bucket: string): _tanstack_react_query.UseMutationResult<{
     id: string;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import * as _fluxbase_sdk from '@fluxbase/sdk';
-import { FluxbaseClient, AuthSession, SignInCredentials, SignUpCredentials, User, QueryBuilder, RealtimeCallback, RealtimePostgresChangesPayload, ListOptions, UploadOptions, AdminAuthResponse, ListUsersOptions, EnrichedUser, APIKey, CreateAPIKeyRequest, Webhook, CreateWebhookRequest, UpdateWebhookRequest, AppSettings, UpdateAppSettingsRequest, SystemSetting, UpdateSystemSettingRequest } from '@fluxbase/sdk';
+import { FluxbaseClient, User, AuthSession, SignInCredentials, SignUpCredentials, QueryBuilder, RealtimeCallback, RealtimePostgresChangesPayload, ListOptions, UploadOptions, AdminAuthResponse, ListUsersOptions, EnrichedUser, APIKey, CreateAPIKeyRequest, Webhook, CreateWebhookRequest, UpdateWebhookRequest, AppSettings, UpdateAppSettingsRequest, SystemSetting, UpdateSystemSettingRequest } from '@fluxbase/sdk';
 export { APIKey, AdminUser, AppSettings, AuthSession, EnrichedUser, FluxbaseClient, PostgrestResponse, RealtimeChangePayload, SignInCredentials, SignUpCredentials, StorageObject, SystemSetting, User, Webhook } from '@fluxbase/sdk';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions, UseMutationOptions } from '@tanstack/react-query';
@@ -23,7 +23,7 @@ declare function useFluxbaseClient(): FluxbaseClient;
 /**
  * Hook to get the current user
  */
-declare function useUser(): _tanstack_react_query.UseQueryResult<_fluxbase_sdk.UserResponse | null, Error>;
+declare function useUser(): _tanstack_react_query.UseQueryResult<User | null, Error>;
 /**
  * Hook to get the current session
  */
@@ -48,7 +48,7 @@ declare function useUpdateUser(): _tanstack_react_query.UseMutationResult<_fluxb
  * Combined auth hook with all auth state and methods
  */
 declare function useAuth(): {
-    user: _fluxbase_sdk.UserResponse | null | undefined;
+    user: User | null | undefined;
     session: AuthSession | null | undefined;
     isLoading: boolean;
     isAuthenticated: boolean;
@@ -165,9 +165,28 @@ declare function useTableDeletes(table: string, callback: (payload: RealtimePost
 /**
  * Hook to list files in a bucket
  */
-declare function useStorageList(bucket: string, options?: ListOptions & Omit<UseQueryOptions<any[], Error>, 'queryKey' | 'queryFn'>): _tanstack_react_query.UseQueryResult<any[], Error>;
+declare function useStorageList(bucket: string, options?: ListOptions & Omit<UseQueryOptions<any[], Error>, "queryKey" | "queryFn">): _tanstack_react_query.UseQueryResult<any[], Error>;
 /**
  * Hook to upload a file to a bucket
+ *
+ * Note: You can track upload progress by passing an `onUploadProgress` callback in the options:
+ *
+ * @example
+ * ```tsx
+ * const upload = useStorageUpload('avatars')
+ *
+ * upload.mutate({
+ *   path: 'user.jpg',
+ *   file: file,
+ *   options: {
+ *     onUploadProgress: (progress) => {
+ *       console.log(`${progress.percentage}% uploaded`)
+ *     }
+ *   }
+ * })
+ * ```
+ *
+ * For automatic progress state management, use `useStorageUploadWithProgress` instead.
  */
 declare function useStorageUpload(bucket: string): _tanstack_react_query.UseMutationResult<{
     id: string;

package/dist/index.js

@@ -85,12 +85,13 @@ function useUser() {
   return (0, import_react_query.useQuery)({
     queryKey: ["fluxbase", "auth", "user"],
     queryFn: async () => {
-      const session = client.auth.getSession();
-      if (!session) {
+      const { data } = await client.auth.getSession();
+      if (!data?.session) {
         return null;
       }
       try {
-        return await client.auth.getCurrentUser();
+        const result = await client.auth.getCurrentUser();
+        return result.data?.user ?? null;
       } catch {
         return null;
       }
@@ -103,7 +104,10 @@ function useSession() {
   const client = useFluxbaseClient();
   return (0, import_react_query.useQuery)({
     queryKey: ["fluxbase", "auth", "session"],
-    queryFn: () => client.auth.getSession(),
+    queryFn: async () => {
+      const { data } = await client.auth.getSession();
+      return data?.session ?? null;
+    },
     staleTime: 1e3 * 60 * 5
     // 5 minutes
   });
@@ -132,8 +136,14 @@ function useSignUp() {
     },
     onSuccess: (response) => {
       if (response.data) {
-        queryClient.setQueryData(["fluxbase", "auth", "session"], response.data.session);
-        queryClient.setQueryData(["fluxbase", "auth", "user"], response.data.user);
+        queryClient.setQueryData(
+          ["fluxbase", "auth", "session"],
+          response.data.session
+        );
+        queryClient.setQueryData(
+          ["fluxbase", "auth", "user"],
+          response.data.user
+        );
       }
     }
   });
@@ -372,12 +382,19 @@ function useTableDeletes(table, callback, options) {
 }
 
 // src/use-storage.ts
+var import_react3 = require("react");
 var import_react_query4 = require("@tanstack/react-query");
 function useStorageList(bucket, options) {
   const client = useFluxbaseClient();
   const { prefix, limit, offset, ...queryOptions } = options || {};
   return (0, import_react_query4.useQuery)({
-    queryKey: ["fluxbase", "storage", bucket, "list", { prefix, limit, offset }],
+    queryKey: [
+      "fluxbase",
+      "storage",
+      bucket,
+      "list",
+      { prefix, limit, offset }
+    ],
     queryFn: async () => {
       const { data, error } = await client.storage.from(bucket).list({ prefix, limit, offset });
       if (error) {
@@ -401,7 +418,9 @@ function useStorageUpload(bucket) {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["fluxbase", "storage", bucket, "list"] });
+      queryClient.invalidateQueries({
+        queryKey: ["fluxbase", "storage", bucket, "list"]
+      });
     }
   });
 }
@@ -433,7 +452,9 @@ function useStorageDelete(bucket) {
       }
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["fluxbase", "storage", bucket, "list"] });
+      queryClient.invalidateQueries({
+        queryKey: ["fluxbase", "storage", bucket, "list"]
+      });
     }
   });
 }
@@ -477,7 +498,9 @@ function useStorageMove(bucket) {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["fluxbase", "storage", bucket, "list"] });
+      queryClient.invalidateQueries({
+        queryKey: ["fluxbase", "storage", bucket, "list"]
+      });
     }
   });
 }
@@ -494,7 +517,9 @@ function useStorageCopy(bucket) {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["fluxbase", "storage", bucket, "list"] });
+      queryClient.invalidateQueries({
+        queryKey: ["fluxbase", "storage", bucket, "list"]
+      });
     }
   });
 }
@@ -522,7 +547,9 @@ function useCreateBucket() {
       }
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["fluxbase", "storage", "buckets"] });
+      queryClient.invalidateQueries({
+        queryKey: ["fluxbase", "storage", "buckets"]
+      });
     }
   });
 }
@@ -537,7 +564,9 @@ function useDeleteBucket() {
       }
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["fluxbase", "storage", "buckets"] });
+      queryClient.invalidateQueries({
+        queryKey: ["fluxbase", "storage", "buckets"]
+      });
     }
   });
 }
@@ -592,14 +621,14 @@ function useRPCBatch(calls, options) {
 }
 
 // src/use-admin-auth.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 function useAdminAuth(options = {}) {
   const { autoCheck = true } = options;
   const client = useFluxbaseClient();
-  const [user, setUser] = (0, import_react3.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react3.useState)(autoCheck);
-  const [error, setError] = (0, import_react3.useState)(null);
-  const checkAuth = (0, import_react3.useCallback)(async () => {
+  const [user, setUser] = (0, import_react4.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react4.useState)(autoCheck);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const checkAuth = (0, import_react4.useCallback)(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -615,7 +644,7 @@ function useAdminAuth(options = {}) {
       setIsLoading(false);
     }
   }, [client]);
-  const login = (0, import_react3.useCallback)(
+  const login = (0, import_react4.useCallback)(
     async (email, password) => {
       try {
         setIsLoading(true);
@@ -638,7 +667,7 @@ function useAdminAuth(options = {}) {
     },
     [client]
   );
-  const logout = (0, import_react3.useCallback)(async () => {
+  const logout = (0, import_react4.useCallback)(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -650,10 +679,10 @@ function useAdminAuth(options = {}) {
       setIsLoading(false);
     }
   }, []);
-  const refresh = (0, import_react3.useCallback)(async () => {
+  const refresh = (0, import_react4.useCallback)(async () => {
     await checkAuth();
   }, [checkAuth]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (autoCheck) {
       checkAuth();
     }
@@ -670,15 +699,15 @@ function useAdminAuth(options = {}) {
 }
 
 // src/use-users.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 function useUsers(options = {}) {
   const { autoFetch = true, refetchInterval = 0, ...listOptions } = options;
   const client = useFluxbaseClient();
-  const [users, setUsers] = (0, import_react4.useState)([]);
-  const [total, setTotal] = (0, import_react4.useState)(0);
-  const [isLoading, setIsLoading] = (0, import_react4.useState)(autoFetch);
-  const [error, setError] = (0, import_react4.useState)(null);
-  const fetchUsers = (0, import_react4.useCallback)(async () => {
+  const [users, setUsers] = (0, import_react5.useState)([]);
+  const [total, setTotal] = (0, import_react5.useState)(0);
+  const [isLoading, setIsLoading] = (0, import_react5.useState)(autoFetch);
+  const [error, setError] = (0, import_react5.useState)(null);
+  const fetchUsers = (0, import_react5.useCallback)(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -694,28 +723,28 @@ function useUsers(options = {}) {
       setIsLoading(false);
     }
   }, [client, JSON.stringify(listOptions)]);
-  const inviteUser = (0, import_react4.useCallback)(
+  const inviteUser = (0, import_react5.useCallback)(
     async (email, role) => {
       await client.admin.inviteUser({ email, role });
       await fetchUsers();
     },
     [client, fetchUsers]
   );
-  const updateUserRole = (0, import_react4.useCallback)(
+  const updateUserRole = (0, import_react5.useCallback)(
     async (userId, role) => {
       await client.admin.updateUserRole(userId, role);
       await fetchUsers();
     },
     [client, fetchUsers]
   );
-  const deleteUser = (0, import_react4.useCallback)(
+  const deleteUser = (0, import_react5.useCallback)(
     async (userId) => {
       await client.admin.deleteUser(userId);
       await fetchUsers();
     },
     [client, fetchUsers]
   );
-  const resetPassword = (0, import_react4.useCallback)(
+  const resetPassword = (0, import_react5.useCallback)(
     async (userId) => {
       const { data, error: error2 } = await client.admin.resetUserPassword(userId);
       if (error2) {
@@ -725,12 +754,12 @@ function useUsers(options = {}) {
     },
     [client]
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (autoFetch) {
       fetchUsers();
     }
   }, [autoFetch, fetchUsers]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (refetchInterval > 0) {
       const interval = setInterval(fetchUsers, refetchInterval);
       return () => clearInterval(interval);
@@ -750,14 +779,14 @@ function useUsers(options = {}) {
 }
 
 // src/use-api-keys.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 function useAPIKeys(options = {}) {
   const { autoFetch = true } = options;
   const client = useFluxbaseClient();
-  const [keys, setKeys] = (0, import_react5.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react5.useState)(autoFetch);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const fetchKeys = (0, import_react5.useCallback)(async () => {
+  const [keys, setKeys] = (0, import_react6.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react6.useState)(autoFetch);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const fetchKeys = (0, import_react6.useCallback)(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -769,7 +798,7 @@ function useAPIKeys(options = {}) {
       setIsLoading(false);
     }
   }, [client]);
-  const createKey = (0, import_react5.useCallback)(
+  const createKey = (0, import_react6.useCallback)(
     async (request) => {
       const response = await client.admin.management.apiKeys.create(request);
       await fetchKeys();
@@ -777,28 +806,28 @@ function useAPIKeys(options = {}) {
     },
     [client, fetchKeys]
   );
-  const updateKey = (0, import_react5.useCallback)(
+  const updateKey = (0, import_react6.useCallback)(
     async (keyId, update) => {
       await client.admin.management.apiKeys.update(keyId, update);
       await fetchKeys();
     },
     [client, fetchKeys]
   );
-  const revokeKey = (0, import_react5.useCallback)(
+  const revokeKey = (0, import_react6.useCallback)(
     async (keyId) => {
       await client.admin.management.apiKeys.revoke(keyId);
       await fetchKeys();
     },
     [client, fetchKeys]
   );
-  const deleteKey = (0, import_react5.useCallback)(
+  const deleteKey = (0, import_react6.useCallback)(
     async (keyId) => {
       await client.admin.management.apiKeys.delete(keyId);
       await fetchKeys();
     },
     [client, fetchKeys]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (autoFetch) {
       fetchKeys();
     }
@@ -816,14 +845,14 @@ function useAPIKeys(options = {}) {
 }
 
 // src/use-admin-hooks.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 function useAppSettings(options = {}) {
   const { autoFetch = true } = options;
   const client = useFluxbaseClient();
-  const [settings, setSettings] = (0, import_react6.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react6.useState)(autoFetch);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const fetchSettings = (0, import_react6.useCallback)(async () => {
+  const [settings, setSettings] = (0, import_react7.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react7.useState)(autoFetch);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const fetchSettings = (0, import_react7.useCallback)(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -835,14 +864,14 @@ function useAppSettings(options = {}) {
       setIsLoading(false);
     }
   }, [client]);
-  const updateSettings = (0, import_react6.useCallback)(
+  const updateSettings = (0, import_react7.useCallback)(
     async (update) => {
       await client.admin.settings.app.update(update);
       await fetchSettings();
     },
     [client, fetchSettings]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (autoFetch) {
       fetchSettings();
     }
@@ -858,10 +887,10 @@ function useAppSettings(options = {}) {
 function useSystemSettings(options = {}) {
   const { autoFetch = true } = options;
   const client = useFluxbaseClient();
-  const [settings, setSettings] = (0, import_react6.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react6.useState)(autoFetch);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const fetchSettings = (0, import_react6.useCallback)(async () => {
+  const [settings, setSettings] = (0, import_react7.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react7.useState)(autoFetch);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const fetchSettings = (0, import_react7.useCallback)(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -873,27 +902,27 @@ function useSystemSettings(options = {}) {
       setIsLoading(false);
     }
   }, [client]);
-  const getSetting = (0, import_react6.useCallback)(
+  const getSetting = (0, import_react7.useCallback)(
     (key) => {
       return settings.find((s) => s.key === key);
     },
     [settings]
   );
-  const updateSetting = (0, import_react6.useCallback)(
+  const updateSetting = (0, import_react7.useCallback)(
     async (key, update) => {
       await client.admin.settings.system.update(key, update);
       await fetchSettings();
     },
     [client, fetchSettings]
   );
-  const deleteSetting = (0, import_react6.useCallback)(
+  const deleteSetting = (0, import_react7.useCallback)(
     async (key) => {
       await client.admin.settings.system.delete(key);
       await fetchSettings();
     },
     [client, fetchSettings]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (autoFetch) {
       fetchSettings();
     }
@@ -911,10 +940,10 @@ function useSystemSettings(options = {}) {
 function useWebhooks(options = {}) {
   const { autoFetch = true, refetchInterval = 0 } = options;
   const client = useFluxbaseClient();
-  const [webhooks, setWebhooks] = (0, import_react6.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react6.useState)(autoFetch);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const fetchWebhooks = (0, import_react6.useCallback)(async () => {
+  const [webhooks, setWebhooks] = (0, import_react7.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react7.useState)(autoFetch);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const fetchWebhooks = (0, import_react7.useCallback)(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -926,7 +955,7 @@ function useWebhooks(options = {}) {
       setIsLoading(false);
     }
   }, [client]);
-  const createWebhook = (0, import_react6.useCallback)(
+  const createWebhook = (0, import_react7.useCallback)(
     async (webhook) => {
       const created = await client.admin.management.webhooks.create(webhook);
       await fetchWebhooks();
@@ -934,7 +963,7 @@ function useWebhooks(options = {}) {
     },
     [client, fetchWebhooks]
   );
-  const updateWebhook = (0, import_react6.useCallback)(
+  const updateWebhook = (0, import_react7.useCallback)(
     async (id, update) => {
       const updated = await client.admin.management.webhooks.update(id, update);
       await fetchWebhooks();
@@ -942,20 +971,20 @@ function useWebhooks(options = {}) {
     },
     [client, fetchWebhooks]
   );
-  const deleteWebhook = (0, import_react6.useCallback)(
+  const deleteWebhook = (0, import_react7.useCallback)(
     async (id) => {
       await client.admin.management.webhooks.delete(id);
       await fetchWebhooks();
     },
     [client, fetchWebhooks]
   );
-  const testWebhook = (0, import_react6.useCallback)(
+  const testWebhook = (0, import_react7.useCallback)(
     async (id) => {
       await client.admin.management.webhooks.test(id);
     },
     [client]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (autoFetch) {
       fetchWebhooks();
     }