@ic-reactor/react 2.0.1 → 3.0.0-beta.1

package/README.md

@@ -1,121 +1,147 @@
-`@ic-reactor/react` is a comprehensive React library designed to streamline interactions with the Internet Computer (IC) blockchain. It provides React hooks and utilities for efficient state management, authentication, and interaction with IC actors.
+# @ic-reactor/react
+
+**The Ultimate React Hooks for the Internet Computer.**  
+Connect your React application to the Internet Computer Blockchain in seconds. using the power of [TanStack Query](https://tanstack.com/query).
 
 ## Features
 
-- **React Hooks Integration**: Custom hooks for managing blockchain actor states and authentication within React applications.
-- **Type-Safe Actor Interactions**: Type-safe interaction with IC actors using the provided actor declaration file.
-- **Efficient State Management**: Utilize the power of Zustand for global state management in React components.
-- **Asynchronous Data Handling**: Easy handling of asynchronous operations related to IC actors.
-- **Authentication Support**: Integrated hooks for managing authentication with the IC blockchain.
-- **Auto-Refresh and Query Capabilities**: Support for auto-refreshing data and querying IC actors.
+- ⚛️ **React Query Integration**: Full power of TanStack Query (Caching, Refetching, Suspense).
+- 🔄 ** Type-Safe**: Full TypeScript support with automatic type inference from your Candid files.
+- 🔐 **Authentication**: Easy-to-use authentication hooks with Internet Identity and other providers.
+- 🚀 **Performance**: Efficient caching and state management tailored for IC.
 
 ## Installation
 
-Install the package using npm:
-
 ```bash
-npm install @ic-reactor/react
+npm install @ic-reactor/react @ic-reactor/core @tanstack/react-query @icp-sdk/core @icp-sdk/auth
 ```
 
-or using yarn:
+## Quick Start
 
-```bash
-yarn add @ic-reactor/react
-```
+### 1. Initialize the Actor
+
+Create your actor hooks using `createActorHooks`. This is the "One Stop Shop" for interacting with your canister.
 
-## Usage
+```typescript
+// src/hooks/actor.ts
+import { createActorHooks } from "@ic-reactor/react"
+import { canisterId, idlFactory } from "../declarations/my_canister"
 
-Here's a simple example to get you started:
+export const { useActorQuery, useActorMutation, useAuth, reactor } =
+  createActorHooks({
+    canisterId,
+    idlFactory,
+  })
+```
 
-First, create an actor declaration file:
+### 2. Authentication (Auto-Initializes Session)
 
-```ts
-// actor.ts
-import { canisterId, idlFactory, actor } from "declaration/actor"
-import { createReactor } from "@ic-reactor/react"
+The `useAuth` hook automatically initializes the agent and restores any previous session on first use.
 
-type Actor = typeof actor
+```tsx
+// src/App.tsx
+import { useAuth } from "./hooks/actor"
 
-export const { useActorStore, useAuth, useQueryCall } = createReactor<Actor>({
-  canisterId,
-  idlFactory,
-  host: "https://localhost:4943",
-})
+function App() {
+  // useAuth() auto-initializes - no separate setup needed!
+  const { isAuthenticated, login, logout } = useAuth()
+
+  return (
+    <div>
+      {isAuthenticated ? (
+        <button onClick={logout}>Logout</button>
+      ) : (
+        <button onClick={login}>Login with II</button>
+      )}
+      <Dashboard />
+    </div>
+  )
+}
 ```
 
-Then, use the `useQueryCall` hook to call your canister method:
-
-```jsx
-// Balance.tsx
-import { useQueryCall } from "./actor"
-
-const Balance = ({ principal }) => {
-  const { call, data, loading, error } = useQueryCall({
-    functionName: "get_balance",
-    args: [principal],
-    refetchInterval: 1000,
-    refetchOnMount: true,
-    onLoading: () => console.log("Loading..."),
-    onSuccess: (data) => console.log("Success!", data),
-    onError: (error) => console.log("Error!", error),
+### 3. Use in Components
+
+Now you can use your hooks directly in your components!
+
+```tsx
+// src/Dashboard.tsx
+import { useActorQuery, useActorMutation } from "./hooks/actor"
+
+function Dashboard() {
+  // Query: Fetch data (auto-cached!)
+  const { data: balance } = useActorQuery({
+    functionName: "icrc1_balance_of",
+    args: [{ owner: Principal.fromText("...") }],
+  })
+
+  // Update: Execute state changes
+  const { mutate: transfer, isPending } = useActorMutation({
+    functionName: "icrc1_transfer",
+    onSuccess: () => {
+      console.log("Transfer successful!")
+    }
   })
 
   return (
     <div>
-      <button onClick={call} disabled={loading}>
-        {loading ? "Loading..." : "Refresh"}
+      <h1>Balance: {balance?.toString()}</h1>
+      <button onClick={() => transfer(...)} disabled={isPending}>
+        Transfer
       </button>
-      {loading && <p>Loading...</p>}
-      {data && <p>Balance: {data}</p>}
-      {error && <p>Error: {error}</p>}
     </div>
   )
 }
+```
 
-export default Balance
+### Form Friendly (CandidAdapter)
+
+If you want your hooks to automatically handle type transformations (e.g., converting `bigint` to `string` for simple form binding), set `autoCodecs: true`.
+
+```typescript
+export const { useActorQuery } = createActorHooks({
+  canisterId,
+  idlFactory,
+  autoCodecs: true, // Returns stringified values for bigint, principal, small blobs
+})
 ```
 
-## Authentication
+### Authentication
 
-`@ic-reactor/react` provides a custom hook for managing authentication with the IC blockchain. To use it, first create an authentication declaration file:
+The `createActorHooks` function returns authentication hooks directly.
 
-```jsx
-// Login.tsx
-import { useAuth } from "./actor"
+```typescript
+import { useAuth } from "./hooks/actor"
 
-const Login = () => {
-  const {
-    login,
-    logout,
-    loginLoading,
-    loginError,
-    identity,
-    authenticating,
-    authenticated,
-  } = useAuth()
+function LoginButton() {
+  const { login, logout, identity, isAuthenticated } = useAuth()
 
   return (
     <div>
-      <h2>Login:</h2>
-      <div>
-        {loginLoading && <div>Loading...</div>}
-        {loginError ? <div>{JSON.stringify(loginError)}</div> : null}
-        {identity && <div>{identity.getPrincipal().toText()}</div>}
-      </div>
-      {authenticated ? (
-        <div>
-          <button onClick={logout}>Logout</button>
-        </div>
+      {isAuthenticated ? (
+        <button onClick={logout}>Logout</button>
       ) : (
-        <div>
-          <button onClick={login} disabled={authenticating}>
-            Login
-          </button>
-        </div>
+        <button onClick={login}>Login</button>
       )}
     </div>
   )
 }
+```
+
+### Dynamic Queries
+
+Need to create queries on the fly? Use `createQuery`.
+
+```typescript
+import { createQuery } from "@ic-reactor/react"
 
-export default Login
+const balanceQuery = createQuery(reactor, {
+  functionName: "icrc1_balance_of",
+  select: (balance) => balance.toString() + " ICP",
+})
+
+const { data } = balanceQuery.useQuery()
 ```
+
+## License
+
+MIT

package/dist/createActorHooks.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Actor Hooks Factory - Creates a full set of React hooks for a reactor instance.
+ *
+ * This is the primary entry point for using the library in React applications.
+ * It generates type-safe hooks for:
+ * - Queries (useActorQuery)
+ * - Suspense Queries (useActorSuspenseQuery)
+ * - Infinite Queries (useActorInfiniteQuery)
+ * - Suspense Infinite Queries (useActorSuspenseInfiniteQuery)
+ * - Mutations (useActorMutation)
+ *
+ * @example
+ * const { useActorQuery, useActorMutation } = createActorHooks(reactor)
+ *
+ * // In component
+ * const { data } = useActorQuery({ functionName: 'get_user' })
+ * const { mutate } = useActorMutation({ functionName: 'update_user' })
+ */
+import { Reactor, DisplayReactor, ReactorReturnErr, ReactorReturnOk, BaseActor, FunctionName, TransformKey } from "@ic-reactor/core";
+import { UseQueryResult, UseSuspenseQueryResult, UseInfiniteQueryResult, UseSuspenseInfiniteQueryResult, UseMutationResult, InfiniteData } from "@tanstack/react-query";
+import { InfiniteQueryConfig } from "./createInfiniteQuery";
+import { SuspenseInfiniteQueryConfig } from "./createSuspenseInfiniteQuery";
+import { QueryConfig, SuspenseQueryConfig, MutationConfig } from "./types";
+export type ActorHooks<A, T extends TransformKey> = {
+    useActorQuery: {
+        <M extends FunctionName<A>>(config: QueryConfig<A, M, T, ReactorReturnOk<A, M, T>>): UseQueryResult<ReactorReturnOk<A, M, T>, ReactorReturnErr<A, M, T>>;
+        <M extends FunctionName<A>, TData>(config: QueryConfig<A, M, T, TData>): UseQueryResult<TData, ReactorReturnErr<A, M, T>>;
+    };
+    useActorSuspenseQuery: {
+        <M extends FunctionName<A>>(config: SuspenseQueryConfig<A, M, T, ReactorReturnOk<A, M, T>>): UseSuspenseQueryResult<ReactorReturnOk<A, M, T>, ReactorReturnErr<A, M, T>>;
+        <M extends FunctionName<A>, TData>(config: SuspenseQueryConfig<A, M, T, TData>): UseSuspenseQueryResult<TData, ReactorReturnErr<A, M, T>>;
+    };
+    useActorInfiniteQuery: <M extends FunctionName<A>, TPageParam = unknown>(config: InfiniteQueryConfig<A, M, T, TPageParam>) => UseInfiniteQueryResult<InfiniteData<ReactorReturnOk<A, M, T>, TPageParam>, ReactorReturnErr<A, M, T>>;
+    useActorSuspenseInfiniteQuery: <M extends FunctionName<A>, TPageParam = unknown>(config: SuspenseInfiniteQueryConfig<A, M, T, TPageParam>) => UseSuspenseInfiniteQueryResult<InfiniteData<ReactorReturnOk<A, M, T>, TPageParam>, ReactorReturnErr<A, M, T>>;
+    useActorMutation: <M extends FunctionName<A>>(config: MutationConfig<A, M, T>) => UseMutationResult<ReactorReturnOk<A, M, T>, ReactorReturnErr<A, M, T>>;
+};
+export declare function createActorHooks<A>(reactor: DisplayReactor<A>): ActorHooks<A, "display">;
+export declare function createActorHooks<A = BaseActor, T extends TransformKey = "candid">(reactor: Reactor<A, T>): ActorHooks<A, T>;
+//# sourceMappingURL=createActorHooks.d.ts.map

package/dist/createActorHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createActorHooks.d.ts","sourceRoot":"","sources":["../src/createActorHooks.ts"],"names":[],"mappings":"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"}

package/dist/createActorHooks.js

@@ -0,0 +1,30 @@
+import { createQuery } from "./createQuery";
+import { createSuspenseQuery } from "./createSuspenseQuery";
+import { createInfiniteQuery } from "./createInfiniteQuery";
+import { createSuspenseInfiniteQuery, } from "./createSuspenseInfiniteQuery";
+import { createMutation } from "./createMutation";
+export function createActorHooks(reactor) {
+    return {
+        useActorQuery: ((config) => {
+            const { select, ...options } = config;
+            return createQuery(reactor, config).useQuery(options);
+        }),
+        useActorSuspenseQuery: ((config) => {
+            const { select, ...options } = config;
+            return createSuspenseQuery(reactor, config).useSuspenseQuery(options);
+        }),
+        useActorInfiniteQuery: ((config) => {
+            const { select, ...options } = config;
+            return createInfiniteQuery(reactor, config).useInfiniteQuery(options);
+        }),
+        useActorSuspenseInfiniteQuery: ((config) => {
+            const { select, ...options } = config;
+            return createSuspenseInfiniteQuery(reactor, config).useSuspenseInfiniteQuery(options);
+        }),
+        useActorMutation: ((config) => {
+            const { onSuccess, refetchQueries, ...options } = config;
+            return createMutation(reactor, config).useMutation(options);
+        }),
+    };
+}
+//# sourceMappingURL=createActorHooks.js.map

package/dist/createActorHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createActorHooks.js","sourceRoot":"","sources":["../src/createActorHooks.ts"],"names":[],"mappings":"AAmCA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAuB,MAAM,uBAAuB,CAAA;AAChF,OAAO,EACL,2BAA2B,GAE5B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAwDjD,MAAM,UAAU,gBAAgB,CAC9B,OAAsB;IAEtB,OAAO;QACL,aAAa,EAAE,CAAC,CAAC,MAAW,EAAE,EAAE;YAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,MAAM,CAAA;YACrC,OAAO,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QACvD,CAAC,CAAsC;QAEvC,qBAAqB,EAAE,CAAC,CAAC,MAAW,EAAE,EAAE;YACtC,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,MAAM,CAAA;YACrC,OAAO,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QACvE,CAAC,CAA8C;QAE/C,qBAAqB,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE;YACjC,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,MAAM,CAAA;YACrC,OAAO,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QACvE,CAAC,CAA8C;QAE/C,6BAA6B,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE;YACzC,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,MAAM,CAAA;YACrC,OAAO,2BAA2B,CAChC,OAAO,EACP,MAAM,CACP,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAA;QACrC,CAAC,CAAsD;QAEvD,gBAAgB,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5B,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,OAAO,EAAE,GAAG,MAAM,CAAA;YACxD,OAAO,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAC7D,CAAC,CAAyC;KAC3C,CAAA;AACH,CAAC"}

package/dist/createAuthHooks.d.ts

@@ -0,0 +1,37 @@
+import { ClientManager, AgentState } from "@ic-reactor/core";
+import { Principal } from "@icp-sdk/core/principal";
+import { Identity } from "@icp-sdk/core/agent";
+import { AuthClientLoginOptions } from "@icp-sdk/auth/client";
+export interface UseAuthReturn {
+    authenticate: () => Promise<Identity | undefined>;
+    login: (options?: AuthClientLoginOptions) => Promise<void>;
+    logout: (options?: {
+        returnTo?: string;
+    }) => Promise<void>;
+    isAuthenticated: boolean;
+    isAuthenticating: boolean;
+    principal: Principal | null;
+    identity: Identity | null;
+    error: Error | undefined;
+}
+export interface CreateAuthHooksReturn {
+    useAgentState: () => AgentState;
+    useUserPrincipal: () => Principal | null;
+    useAuth: () => UseAuthReturn;
+}
+/**
+ * Create authentication hooks for managing user sessions with Internet Identity.
+ *
+ * @example
+ * const { useAuth, useUserPrincipal, useAgentState } = createAuthHooks(clientManager)
+ *
+ * function App() {
+ *   const { login, logout, principal, isAuthenticated } = useAuth()
+ *
+ *   return isAuthenticated
+ *     ? <button onClick={logout}>Logout {principal?.toText()}</button>
+ *     : <button onClick={login}>Login with II</button>
+ * }
+ */
+export declare const createAuthHooks: (clientManager: ClientManager) => CreateAuthHooksReturn;
+//# sourceMappingURL=createAuthHooks.d.ts.map

package/dist/createAuthHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAuthHooks.d.ts","sourceRoot":"","sources":["../src/createAuthHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAA;IACjD,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,sBAAsB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1D,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1D,eAAe,EAAE,OAAO,CAAA;IACxB,gBAAgB,EAAE,OAAO,CAAA;IACzB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAA;IACzB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,UAAU,CAAA;IAC/B,gBAAgB,EAAE,MAAM,SAAS,GAAG,IAAI,CAAA;IACxC,OAAO,EAAE,MAAM,aAAa,CAAA;CAC7B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAe,aAAa,KAC3B,qBAiGF,CAAA"}

package/dist/createAuthHooks.js

@@ -0,0 +1,94 @@
+import { useSyncExternalStore, useEffect, useRef, useMemo } from "react";
+/**
+ * Create authentication hooks for managing user sessions with Internet Identity.
+ *
+ * @example
+ * const { useAuth, useUserPrincipal, useAgentState } = createAuthHooks(clientManager)
+ *
+ * function App() {
+ *   const { login, logout, principal, isAuthenticated } = useAuth()
+ *
+ *   return isAuthenticated
+ *     ? <button onClick={logout}>Logout {principal?.toText()}</button>
+ *     : <button onClick={login}>Login with II</button>
+ * }
+ */
+export const createAuthHooks = (clientManager) => {
+    /**
+     * Subscribe to agent state changes.
+     * Returns the current agent state (agent, isInitialized, etc.)
+     */
+    const useAgentState = () => useSyncExternalStore((callback) => clientManager.subscribeAgentState(callback), () => clientManager.agentState, 
+    // Server snapshot - provide initial state for SSR
+    () => clientManager.agentState);
+    /**
+     * Subscribe to authentication state changes.
+     * Returns auth state (isAuthenticated, isAuthenticating, identity, error)
+     */
+    const useAuthState = () => useSyncExternalStore((callback) => clientManager.subscribeAuthState(callback), () => clientManager.authState, 
+    // Server snapshot - provide initial state for SSR
+    () => clientManager.authState);
+    /**
+     * Main authentication hook that provides login/logout methods and auth state.
+     * Automatically initializes the session on first use, restoring any previous session.
+     *
+     * @example
+     * function AuthButton() {
+     *   const { login, logout, isAuthenticated, isAuthenticating } = useAuth()
+     *
+     *   if (isAuthenticated) {
+     *     return <button onClick={logout}>Logout</button>
+     *   }
+     *   return (
+     *     <button onClick={login} disabled={isAuthenticating}>
+     *       {isAuthenticating ? "Connecting..." : "Login"}
+     *     </button>
+     *   )
+     * }
+     */
+    const useAuth = () => {
+        const { login, logout, authenticate } = clientManager;
+        const { isAuthenticated, isAuthenticating, identity, error } = useAuthState();
+        // Track if we've already initialized to avoid duplicate calls
+        const initializedRef = useRef(false);
+        // Auto-initialize on first mount to restore previous session
+        useEffect(() => {
+            if (!initializedRef.current) {
+                initializedRef.current = true;
+                clientManager.initialize();
+            }
+        }, []);
+        const principal = useMemo(() => (identity ? identity.getPrincipal() : null), [identity]);
+        return {
+            authenticate,
+            login,
+            logout,
+            isAuthenticated,
+            isAuthenticating,
+            principal,
+            identity,
+            error,
+        };
+    };
+    /**
+     * Get the current user's Principal.
+     * Returns null if not authenticated.
+     *
+     * @example
+     * function UserInfo() {
+     *   const principal = useUserPrincipal()
+     *   if (!principal) return null
+     *   return <span>Logged in as: {principal.toText()}</span>
+     * }
+     */
+    const useUserPrincipal = () => {
+        const { identity } = useAuthState();
+        return identity ? identity.getPrincipal() : null;
+    };
+    return {
+        useAuth,
+        useAgentState,
+        useUserPrincipal,
+    };
+};
+//# sourceMappingURL=createAuthHooks.js.map

package/dist/createAuthHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAuthHooks.js","sourceRoot":"","sources":["../src/createAuthHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAuBxE;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,aAA4B,EACL,EAAE;IACzB;;;OAGG;IACH,MAAM,aAAa,GAAG,GAAe,EAAE,CACrC,oBAAoB,CAClB,CAAC,QAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EACzD,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU;IAC9B,kDAAkD;IAClD,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAC/B,CAAA;IAEH;;;OAGG;IACH,MAAM,YAAY,GAAG,GAAc,EAAE,CACnC,oBAAoB,CAClB,CAAC,QAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EACxD,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS;IAC7B,kDAAkD;IAClD,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAC9B,CAAA;IAEH;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,OAAO,GAAG,GAAkB,EAAE;QAClC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,CAAA;QACrD,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,GAC1D,YAAY,EAAE,CAAA;QAEhB,8DAA8D;QAC9D,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAEpC,6DAA6D;QAC7D,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC5B,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,aAAa,CAAC,UAAU,EAAE,CAAA;YAC5B,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACjD,CAAC,QAAQ,CAAC,CACX,CAAA;QAED,OAAO;YACL,YAAY;YACZ,KAAK;YACL,MAAM;YACN,eAAe;YACf,gBAAgB;YAChB,SAAS;YACT,QAAQ;YACR,KAAK;SACN,CAAA;IACH,CAAC,CAAA;IAED;;;;;;;;;;OAUG;IACH,MAAM,gBAAgB,GAAG,GAAqB,EAAE;QAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAA;QACnC,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAClD,CAAC,CAAA;IAED,OAAO;QACL,OAAO;QACP,aAAa;QACb,gBAAgB;KACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/createInfiniteQuery.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Infinite Query Factory - Generic wrapper for React Query paginated canister data
+ *
+ * Creates unified fetch/hook/refetch functions for any paginated canister method.
+ * Works with any Reactor instance.
+ *
+ * @example
+ * const postsQuery = createInfiniteQuery(reactor, {
+ *   functionName: "get_posts",
+ *   initialPageParam: 0,
+ *   getArgs: (cursor) => [{ cursor, limit: 10 }],
+ *   getNextPageParam: (lastPage) => lastPage.nextCursor,
+ * })
+ *
+ * // In component
+ * const { data, fetchNextPage, hasNextPage } = postsQuery.useInfiniteQuery()
+ *
+ * // Flatten all pages
+ * const allPosts = data?.pages.flatMap(page => page.posts)
+ *
+ * // Invalidate cache
+ * postsQuery.refetch()
+ */
+import type { Reactor, FunctionName, ReactorArgs, BaseActor, TransformKey, ReactorReturnOk, ReactorReturnErr } from "@ic-reactor/core";
+import { QueryKey, InfiniteData, UseInfiniteQueryResult, UseInfiniteQueryOptions } from "@tanstack/react-query";
+import { CallConfig } from "@icp-sdk/core/agent";
+import { NoInfer } from "./types";
+/** The raw page data type returned by the query function */
+export type InfiniteQueryPageData<A = BaseActor, M extends FunctionName<A> = FunctionName<A>, T extends TransformKey = "candid"> = ReactorReturnOk<A, M, T>;
+/** The error type for infinite queries */
+export type InfiniteQueryError<A = BaseActor, M extends FunctionName<A> = FunctionName<A>, T extends TransformKey = "candid"> = ReactorReturnErr<A, M, T>;
+/**
+ * Configuration for createActorInfiniteQuery.
+ *
+ * @template A - The actor interface type
+ * @template M - The method name on the actor
+ * @template T - The transformation key (identity, display, etc.)
+ * @template TPageParam - The type of the page parameter
+ * @template TSelected - The type returned after select transformation
+ */
+export interface InfiniteQueryConfig<A = BaseActor, M extends FunctionName<A> = FunctionName<A>, T extends TransformKey = "candid", TPageParam = unknown, TSelected = InfiniteData<InfiniteQueryPageData<A, M, T>, TPageParam>> {
+    /** The method to call on the canister */
+    functionName: M;
+    /** Call configuration for the actor method */
+    callConfig?: CallConfig;
+    /** Custom query key (optional, auto-generated if not provided) */
+    queryKey?: QueryKey;
+    /** Initial page parameter */
+    initialPageParam: TPageParam;
+    /** Function to get args from page parameter */
+    getArgs: (pageParam: TPageParam) => ReactorArgs<A, M, T>;
+    /** Function to determine next page parameter */
+    getNextPageParam: (lastPage: InfiniteQueryPageData<A, M, T>, allPages: InfiniteQueryPageData<A, M, T>[], lastPageParam: TPageParam, allPageParams: TPageParam[]) => TPageParam | undefined | null;
+    /** Function to determine previous page parameter (for bi-directional) */
+    getPreviousPageParam?: (firstPage: InfiniteQueryPageData<A, M, T>, allPages: InfiniteQueryPageData<A, M, T>[], firstPageParam: TPageParam, allPageParams: TPageParam[]) => TPageParam | undefined | null;
+    /** Maximum number of pages to keep in cache */
+    maxPages?: number;
+    /** How long data stays fresh before refetching (default: 5 min) */
+    staleTime?: number;
+    /** Transform the raw InfiniteData result before returning */
+    select?: (data: InfiniteData<InfiniteQueryPageData<A, M, T>, TPageParam>) => TSelected;
+}
+/**
+ * Configuration for createActorInfiniteQueryFactory (without initialPageParam, getArgs determined at call time).
+ */
+export type InfiniteQueryFactoryConfig<A = BaseActor, M extends FunctionName<A> = FunctionName<A>, T extends TransformKey = "candid", TPageParam = unknown, TSelected = InfiniteData<InfiniteQueryPageData<A, M, T>, TPageParam>> = Omit<InfiniteQueryConfig<A, M, T, TPageParam, TSelected>, "getArgs">;
+/**
+ * useInfiniteQuery hook with chained select support.
+ */
+export interface UseInfiniteQueryWithSelect<TPageData, TPageParam, TSelected = InfiniteData<TPageData, TPageParam>, TError = Error> {
+    (options?: Omit<UseInfiniteQueryOptions<TPageData, TError, TSelected, QueryKey, TPageParam>, "select" | "queryKey" | "queryFn" | "initialPageParam" | "getNextPageParam" | "getPreviousPageParam">): UseInfiniteQueryResult<TSelected, TError>;
+    <TFinal = TSelected>(options: Omit<UseInfiniteQueryOptions<TPageData, TError, TFinal, QueryKey, TPageParam>, "queryKey" | "queryFn" | "select" | "initialPageParam" | "getNextPageParam" | "getPreviousPageParam"> & {
+        select: (data: TSelected) => TFinal;
+    }): UseInfiniteQueryResult<TFinal, TError>;
+}
+/**
+ * Result from createActorInfiniteQuery
+ *
+ * @template TPageData - The raw page data type
+ * @template TPageParam - The page parameter type
+ * @template TSelected - The type after select transformation
+ * @template TError - The error type
+ */
+export interface InfiniteQueryResult<TPageData, TPageParam, TSelected = InfiniteData<TPageData, TPageParam>, TError = Error> {
+    /** Fetch first page in loader (uses ensureQueryData for cache-first) */
+    fetch: () => Promise<TSelected>;
+    /** React hook for components - supports pagination */
+    useInfiniteQuery: UseInfiniteQueryWithSelect<TPageData, TPageParam, TSelected, TError>;
+    /** Invalidate and refetch cache */
+    refetch: () => Promise<void>;
+    /** Get query key (for advanced React Query usage) */
+    getQueryKey: () => QueryKey;
+    /**
+     * Read data directly from cache without fetching.
+     * Returns undefined if data is not in cache.
+     */
+    getCacheData: {
+        (): TSelected | undefined;
+        <TFinal>(select: (data: TSelected) => TFinal): TFinal | undefined;
+    };
+}
+export declare function createInfiniteQuery<A, T extends TransformKey, M extends FunctionName<A> = FunctionName<A>, TPageParam = unknown, TSelected = InfiniteData<InfiniteQueryPageData<A, M, T>, TPageParam>>(reactor: Reactor<A, T>, config: InfiniteQueryConfig<NoInfer<A>, M, T, TPageParam, TSelected>): InfiniteQueryResult<InfiniteQueryPageData<A, M, T>, TPageParam, TSelected, InfiniteQueryError<A, M, T>>;
+/**
+ * Create an infinite query factory that accepts getArgs at call time.
+ * Useful when pagination logic varies by context.
+ *
+ * @template A - The actor interface type
+ * @template M - The method name on the actor
+ * @template T - The transformation key (identity, display, etc.)
+ * @template TPageParam - The page parameter type
+ * @template TSelected - The type returned after select transformation
+ *
+ * @param reactor - The Reactor instance
+ * @param config - Infinite query configuration (without getArgs)
+ * @returns A function that accepts getArgs and returns an ActorInfiniteQueryResult
+ *
+ * @example
+ * const getPostsQuery = createActorInfiniteQueryFactory(reactor, {
+ *   functionName: "get_posts",
+ *   initialPageParam: 0,
+ *   getNextPageParam: (lastPage) => lastPage.nextCursor,
+ * })
+ *
+ * // Create query with specific args builder
+ * const userPostsQuery = getPostsQuery((cursor) => [{ userId, cursor, limit: 10 }])
+ * const { data, fetchNextPage } = userPostsQuery.useInfiniteQuery()
+ */
+export declare function createInfiniteQueryFactory<A, T extends TransformKey, M extends FunctionName<A> = FunctionName<A>, TPageParam = unknown, TSelected = InfiniteData<InfiniteQueryPageData<A, M, T>, TPageParam>>(reactor: Reactor<A, T>, config: InfiniteQueryFactoryConfig<NoInfer<A>, M, T, TPageParam, TSelected>): (getArgs: (pageParam: TPageParam) => ReactorArgs<A, M, T>) => InfiniteQueryResult<InfiniteQueryPageData<A, M, T>, TPageParam, TSelected, InfiniteQueryError<A, M, T>>;
+//# sourceMappingURL=createInfiniteQuery.d.ts.map

package/dist/createInfiniteQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInfiniteQuery.d.ts","sourceRoot":"","sources":["../src/createInfiniteQuery.ts"],"names":[],"mappings":"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"}