@instantdb/react-common 0.22.164 → 0.22.165

package/dist/commonjs/InstantReactAbstractDatabase.d.ts

@@ -1,5 +1,6 @@
 import { Auth, Storage, type AuthState, type User, type ConnectionStatus, type TransactionChunk, type RoomSchemaShape, type InstaQLOptions, type InstantConfig, type PageInfoResponse, InstantCoreDatabase, InstaQLLifecycleState, InstaQLResponse, RoomsOf, InstantSchemaDef, IInstantDatabase, ValidQuery, Streams } from '@instantdb/core';
 import { ReactNode } from 'react';
+import { type InfiniteQueryResult } from './useInfiniteQuerySubscription.ts';
 import { InstantReactRoom } from './InstantReactRoom.ts';
 export default abstract class InstantReactAbstractDatabase<Schema extends InstantSchemaDef<any, any, any>, UseDates extends boolean = false, Config extends InstantConfig<Schema, boolean> = InstantConfig<Schema, UseDates>, Rooms extends RoomSchemaShape = RoomsOf<Schema>> implements IInstantDatabase<Schema> {
     tx: import("@instantdb/core").TxChunk<Schema>;
@@ -215,6 +216,30 @@ export default abstract class InstantReactAbstractDatabase<Schema extends Instan
         data: InstaQLResponse<Schema, Q, UseDates>;
         pageInfo: PageInfoResponse<Q>;
     }>;
+    /**
+     * Subscribe to a query and incrementally load more items
+     *
+     * Only one top level namespace in the query is allowed.
+     *
+     * Changing the query or options while the subscription is active will
+     * reset the subscription and start over with new data.
+     * @example
+     * const {
+     *   data,
+     *   loadNextPage,
+     *   canLoadNextPage,
+     * } = db.useInfiniteQuery({
+     *   posts: {
+     *     $: {
+     *       limit: 20,   // Load 20 posts at a time
+     *       order: {
+     *         createdAt: 'desc',
+     *       },
+     *     },
+     *   },
+     * });
+     */
+    useInfiniteQuery: <Q extends ValidQuery<Q, Schema>>(query: Q, opts?: InstaQLOptions) => InfiniteQueryResult<Schema, Q, UseDates>;
     /**
      * Only render children if the user is signed in.
      * @see https://instantdb.com/docs/auth

package/dist/commonjs/InstantReactAbstractDatabase.d.ts.map

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

package/dist/commonjs/InstantReactAbstractDatabase.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@instantdb/core");
 const react_1 = require("react");
 const useQuery_ts_1 = require("./useQuery.js");
+const useInfiniteQuerySubscription_ts_1 = require("./useInfiniteQuerySubscription.js");
 const InstantReactRoom_ts_1 = require("./InstantReactRoom.js");
 const defaultAuthState = {
     isLoading: true,
@@ -291,6 +292,37 @@ class InstantReactAbstractDatabase {
     queryOnce = (query, opts) => {
         return this.core.queryOnce(query, opts);
     };
+    /**
+     * Subscribe to a query and incrementally load more items
+     *
+     * Only one top level namespace in the query is allowed.
+     *
+     * Changing the query or options while the subscription is active will
+     * reset the subscription and start over with new data.
+     * @example
+     * const {
+     *   data,
+     *   loadNextPage,
+     *   canLoadNextPage,
+     * } = db.useInfiniteQuery({
+     *   posts: {
+     *     $: {
+     *       limit: 20,   // Load 20 posts at a time
+     *       order: {
+     *         createdAt: 'desc',
+     *       },
+     *     },
+     *   },
+     * });
+     */
+    useInfiniteQuery = (query, opts) => {
+        const result = (0, useInfiniteQuerySubscription_ts_1.useInfiniteQuerySubscription)({
+            core: this.core,
+            query: query,
+            opts,
+        });
+        return result;
+    };
     /**
      * Only render children if the user is signed in.
      * @see https://instantdb.com/docs/auth

package/dist/commonjs/InstantReactAbstractDatabase.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstantReactAbstractDatabase.js","sourceRoot":"","sources":["../../src/InstantReactAbstractDatabase.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport {\n  // types\n  Auth,\n  Storage,\n  txInit,\n  type AuthState,\n  type User,\n  type ConnectionStatus,\n  type TransactionChunk,\n  type RoomSchemaShape,\n  type InstaQLOptions,\n  type InstantConfig,\n  type PageInfoResponse,\n  InstantCoreDatabase,\n  init as core_init,\n  InstaQLLifecycleState,\n  InstaQLResponse,\n  RoomsOf,\n  InstantSchemaDef,\n  IInstantDatabase,\n  InstantError,\n  ValidQuery,\n  Streams,\n} from '@instantdb/core';\nimport {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { useQueryInternal } from './useQuery.ts';\nimport { InstantReactRoom, rooms } from './InstantReactRoom.ts';\n\nconst defaultAuthState = {\n  isLoading: true,\n  user: undefined,\n  error: undefined,\n};\n\nexport default abstract class InstantReactAbstractDatabase<\n  // need to pull this schema out to another generic for query params, not sure why\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean = false,\n  Config extends InstantConfig<Schema, boolean> = InstantConfig<\n    Schema,\n    UseDates\n  >,\n  Rooms extends RoomSchemaShape = RoomsOf<Schema>,\n> implements IInstantDatabase<Schema>\n{\n  public tx = txInit<Schema>();\n\n  public auth: Auth;\n  public storage: Storage;\n  public streams: Streams;\n  public core: InstantCoreDatabase<Schema, UseDates>;\n\n  /** @deprecated use `core` instead */\n  public _core: InstantCoreDatabase<Schema, UseDates>;\n\n  static Store?: any;\n  static NetworkListener?: any;\n  static EventSourceImpl?: any;\n\n  constructor(\n    config: Omit<InstantConfig<Schema, UseDates>, 'useDateObjects'> & {\n      useDateObjects?: UseDates;\n    },\n    versions?: { [key: string]: string },\n  ) {\n    this.core = core_init<Schema, UseDates>(\n      config,\n      // @ts-expect-error because TS can't resolve subclass statics\n      config.Store || this.constructor.Store,\n      // @ts-expect-error because TS can't resolve subclass statics\n      this.constructor.NetworkListener,\n      versions,\n      // @ts-expect-error because TS can't resolve subclass statics\n      this.constructor.EventSourceImpl,\n    );\n    this._core = this.core;\n    this.auth = this.core.auth;\n    this.storage = this.core.storage;\n    this.streams = this.core.streams;\n  }\n\n  /**\n   * Returns a unique ID for a given `name`. It's stored in local storage,\n   * so you will get the same ID across sessions.\n   *\n   * This is useful for generating IDs that could identify a local device or user.\n   *\n   * @example\n   *  const deviceId = await db.getLocalId('device');\n   */\n  getLocalId = (name: string): Promise<string> => {\n    return this.core.getLocalId(name);\n  };\n\n  /**\n   * A hook that returns a unique ID for a given `name`. localIds are\n   * stored in local storage, so you will get the same ID across sessions.\n   *\n   * Initially returns `null`, and then loads the localId.\n   *\n   * @example\n   * const deviceId = db.useLocalId('device');\n   * if (!deviceId) return null; // loading\n   * console.log('Device ID:', deviceId)\n   */\n  useLocalId = (name: string): string | null => {\n    const [localId, setLocalId] = useState<string | null>(null);\n\n    useEffect(() => {\n      let mounted = true;\n      const f = async () => {\n        const id = await this.getLocalId(name);\n        if (!mounted) return;\n        setLocalId(id);\n      };\n      f();\n      return;\n    }, [name]);\n\n    return localId;\n  };\n\n  /**\n   * Obtain a handle to a room, which allows you to listen to topics and presence data\n   *\n   * If you don't provide a `type` or `id`, Instant will default to `_defaultRoomType` and `_defaultRoomId`\n   * as the room type and id, respectively.\n   *\n   * @see https://instantdb.com/docs/presence-and-topics\n   *\n   * @example\n   *  const room = db.room('chat', roomId);\n   *  const { peers } = db.rooms.usePresence(room);\n   */\n  room<RoomType extends string & keyof Rooms>(\n    type: RoomType = '_defaultRoomType' as RoomType,\n    id: string = '_defaultRoomId',\n  ) {\n    return new InstantReactRoom<Schema, Rooms, RoomType>(this.core, type, id);\n  }\n\n  /**\n   * Hooks for working with rooms\n   *\n   * @see https://instantdb.com/docs/presence-and-topics\n   *\n   * @example\n   *  const room = db.room('chat', roomId);\n   *  const { peers } = db.rooms.usePresence(room);\n   *  const publish = db.rooms.usePublishTopic(room, 'emoji');\n   *  // ...\n   */\n  rooms = rooms;\n\n  /**\n   * Use this to write data! You can create, update, delete, and link objects\n   *\n   * @see https://instantdb.com/docs/instaml\n   *\n   * @example\n   *   // Create a new object in the `goals` namespace\n   *   const goalId = id();\n   *   db.transact(db.tx.goals[goalId].update({title: \"Get fit\"}))\n   *\n   *   // Update the title\n   *   db.transact(db.tx.goals[goalId].update({title: \"Get super fit\"}))\n   *\n   *   // Delete it\n   *   db.transact(db.tx.goals[goalId].delete())\n   *\n   *   // Or create an association:\n   *   todoId = id();\n   *   db.transact([\n   *    db.tx.todos[todoId].update({ title: 'Go on a run' }),\n   *    db.tx.goals[goalId].link({todos: todoId}),\n   *  ])\n   */\n  transact = (\n    chunks: TransactionChunk<any, any> | TransactionChunk<any, any>[],\n  ) => {\n    return this.core.transact(chunks);\n  };\n\n  /**\n   * Use this to query your data!\n   *\n   * @see https://instantdb.com/docs/instaql\n   *\n   * @example\n   *   // listen to all goals\n   *   const { isLoading, error, data } = db.useQuery({ goals: {} });\n   *\n   *   // goals where the title is \"Get Fit\"\n   *   const { isLoading, error, data } = db.useQuery({\n   *     goals: { $: { where: { title: 'Get Fit' } } },\n   *   });\n   *\n   *   // all goals, _alongside_ their todos\n   *   const { isLoading, error, data } = db.useQuery({\n   *     goals: { todos: {} },\n   *   });\n   *\n   *   // skip if `user` is not logged in\n   *   const { isLoading, error, data } = db.useQuery(\n   *     auth.user ? { goals: {} } : null,\n   *   );\n   */\n  useQuery = <Q extends ValidQuery<Q, Schema>>(\n    query: null | Q,\n    opts?: InstaQLOptions,\n  ): InstaQLLifecycleState<Schema, Q, UseDates> => {\n    return useQueryInternal<Q, Schema, UseDates>(this.core, query, opts).state;\n  };\n\n  /**\n   * Listen for the logged in state. This is useful\n   * for deciding when to show a login screen.\n   *\n   * Check out the docs for an example `Login` component too!\n   *\n   * @see https://instantdb.com/docs/auth\n   * @example\n   *  function App() {\n   *    const { isLoading, user, error } = db.useAuth()\n   *    if (isLoading) {\n   *      return <div>Loading...</div>\n   *    }\n   *    if (error) {\n   *      return <div>Uh oh! {error.message}</div>\n   *    }\n   *    if (user) {\n   *      return <Main user={user} />\n   *    }\n   *    return <Login />\n   *  }\n   *\n   */\n  useAuth = (): AuthState => {\n    return this._useAuth();\n  };\n\n  protected _useAuth(): AuthState {\n    // We use a ref to store the result of the query.\n    // This is becuase `useSyncExternalStore` uses `Object.is`\n    // to compare the previous and next state.\n    // If we don't use a ref, the state will always be considered different, so\n    // the component will always re-render.\n    const resultCacheRef = useRef<AuthState>(\n      this.core._reactor._currentUserCached,\n    );\n\n    // Similar to `resultCacheRef`, `useSyncExternalStore` will unsubscribe\n    // if `subscribe` changes, so we use `useCallback` to memoize the function.\n    const subscribe = useCallback((cb: Function) => {\n      const unsubscribe = this.core.subscribeAuth((auth) => {\n        resultCacheRef.current = { isLoading: false, ...auth };\n        cb();\n      });\n\n      return unsubscribe;\n    }, []);\n\n    const state = useSyncExternalStore<AuthState>(\n      subscribe,\n      () => resultCacheRef.current,\n      () => defaultAuthState,\n    );\n    return state;\n  }\n\n  /**\n   * Subscribe to the currently logged in user.\n   * If the user is not logged in, this hook with throw an Error.\n   * You will want to protect any calls of this hook with a\n   * <db.SignedIn> component, or your own logic based on db.useAuth()\n   *\n   * @see https://instantdb.com/docs/auth\n   * @throws Error indicating user not signed in\n   * @example\n   *  function UserDisplay() {\n   *    const user = db.useUser()\n   *    return <div>Logged in as: {user.email}</div>\n   *  }\n   *\n   *  <db.SignedIn>\n   *    <UserDisplay />\n   *  </db.SignedIn>\n   *\n   */\n  useUser = (): User => {\n    const { user } = this.useAuth();\n    if (!user) {\n      throw new InstantError(\n        'useUser must be used within an auth-protected route',\n      );\n    }\n    return user;\n  };\n\n  /**\n   * One time query for the logged in state. This is useful\n   * for scenarios where you want to know the current auth\n   * state without subscribing to changes.\n   *\n   * @see https://instantdb.com/docs/auth\n   * @example\n   *   const user = await db.getAuth();\n   *   console.log('logged in as', user.email)\n   */\n  getAuth(): Promise<User | null> {\n    return this.core.getAuth();\n  }\n\n  /**\n   * Listen for connection status changes to Instant. Use this for things like\n   * showing connection state to users\n   *\n   * @see https://www.instantdb.com/docs/patterns#connection-status\n   * @example\n   *  function App() {\n   *    const status = db.useConnectionStatus()\n   *    const connectionState =\n   *      status === 'connecting' || status === 'opened'\n   *        ? 'authenticating'\n   *      : status === 'authenticated'\n   *        ? 'connected'\n   *      : status === 'closed'\n   *        ? 'closed'\n   *      : status === 'errored'\n   *        ? 'errored'\n   *      : 'unexpected state';\n   *\n   *    return <div>Connection state: {connectionState}</div>\n   *  }\n   */\n  useConnectionStatus = (): ConnectionStatus => {\n    const statusRef = useRef<ConnectionStatus>(\n      this.core._reactor.status as ConnectionStatus,\n    );\n\n    const subscribe = useCallback((cb: Function) => {\n      const unsubscribe = this.core.subscribeConnectionStatus((newStatus) => {\n        if (newStatus !== statusRef.current) {\n          statusRef.current = newStatus;\n          cb();\n        }\n      });\n\n      return unsubscribe;\n    }, []);\n\n    const status = useSyncExternalStore<ConnectionStatus>(\n      subscribe,\n      () => statusRef.current,\n      // For SSR, always return 'connecting' as the initial state\n      () => 'connecting',\n    );\n\n    return status;\n  };\n\n  /**\n   * Use this for one-off queries.\n   * Returns local data if available, otherwise fetches from the server.\n   * Because we want to avoid stale data, this method will throw an error\n   * if the user is offline or there is no active connection to the server.\n   *\n   * @see https://instantdb.com/docs/instaql\n   *\n   * @example\n   *\n   *  const resp = await db.queryOnce({ goals: {} });\n   *  console.log(resp.data.goals)\n   */\n  queryOnce = <Q extends ValidQuery<Q, Schema>>(\n    query: Q,\n    opts?: InstaQLOptions,\n  ): Promise<{\n    data: InstaQLResponse<Schema, Q, UseDates>;\n    pageInfo: PageInfoResponse<Q>;\n  }> => {\n    return this.core.queryOnce(query, opts);\n  };\n\n  /**\n   * Only render children if the user is signed in.\n   * @see https://instantdb.com/docs/auth\n   *\n   * @example\n   *  <db.SignedIn>\n   *    <MyComponent />\n   *  </db.SignedIn>\n   *\n   */\n  SignedIn: React.FC<{\n    children: ReactNode;\n  }> = ({ children }) => {\n    const auth = this.useAuth();\n    if (auth.isLoading || auth.error || !auth.user) return null;\n\n    return <>{children}</>;\n  };\n\n  /**\n   * Only render children if the user is signed out.\n   * @see https://instantdb.com/docs/auth\n   *\n   * @example\n   *  <db.SignedOut>\n   *    <MyComponent />\n   *  </db.SignedOut>\n   *\n   */\n  SignedOut: React.FC<{\n    children: ReactNode;\n  }> = ({ children }) => {\n    const auth = this.useAuth();\n    if (auth.isLoading || auth.error || auth.user) return null;\n    return <>{children}</>;\n  };\n}\n"]}
+{"version":3,"file":"InstantReactAbstractDatabase.js","sourceRoot":"","sources":["../../src/InstantReactAbstractDatabase.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport {\n  // types\n  Auth,\n  Storage,\n  txInit,\n  type AuthState,\n  type User,\n  type ConnectionStatus,\n  type TransactionChunk,\n  type RoomSchemaShape,\n  type InstaQLOptions,\n  type InstantConfig,\n  type PageInfoResponse,\n  InstantCoreDatabase,\n  init as core_init,\n  InstaQLLifecycleState,\n  InstaQLResponse,\n  RoomsOf,\n  InstantSchemaDef,\n  IInstantDatabase,\n  InstantError,\n  ValidQuery,\n  Streams,\n} from '@instantdb/core';\nimport {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { useQueryInternal } from './useQuery.ts';\nimport {\n  type InfiniteQueryResult,\n  useInfiniteQuerySubscription,\n} from './useInfiniteQuerySubscription.ts';\nimport { InstantReactRoom, rooms } from './InstantReactRoom.ts';\n\nconst defaultAuthState = {\n  isLoading: true,\n  user: undefined,\n  error: undefined,\n};\n\nexport default abstract class InstantReactAbstractDatabase<\n  // need to pull this schema out to another generic for query params, not sure why\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean = false,\n  Config extends InstantConfig<Schema, boolean> = InstantConfig<\n    Schema,\n    UseDates\n  >,\n  Rooms extends RoomSchemaShape = RoomsOf<Schema>,\n> implements IInstantDatabase<Schema>\n{\n  public tx = txInit<Schema>();\n\n  public auth: Auth;\n  public storage: Storage;\n  public streams: Streams;\n  public core: InstantCoreDatabase<Schema, UseDates>;\n\n  /** @deprecated use `core` instead */\n  public _core: InstantCoreDatabase<Schema, UseDates>;\n\n  static Store?: any;\n  static NetworkListener?: any;\n  static EventSourceImpl?: any;\n\n  constructor(\n    config: Omit<InstantConfig<Schema, UseDates>, 'useDateObjects'> & {\n      useDateObjects?: UseDates;\n    },\n    versions?: { [key: string]: string },\n  ) {\n    this.core = core_init<Schema, UseDates>(\n      config,\n      // @ts-expect-error because TS can't resolve subclass statics\n      config.Store || this.constructor.Store,\n      // @ts-expect-error because TS can't resolve subclass statics\n      this.constructor.NetworkListener,\n      versions,\n      // @ts-expect-error because TS can't resolve subclass statics\n      this.constructor.EventSourceImpl,\n    );\n    this._core = this.core;\n    this.auth = this.core.auth;\n    this.storage = this.core.storage;\n    this.streams = this.core.streams;\n  }\n\n  /**\n   * Returns a unique ID for a given `name`. It's stored in local storage,\n   * so you will get the same ID across sessions.\n   *\n   * This is useful for generating IDs that could identify a local device or user.\n   *\n   * @example\n   *  const deviceId = await db.getLocalId('device');\n   */\n  getLocalId = (name: string): Promise<string> => {\n    return this.core.getLocalId(name);\n  };\n\n  /**\n   * A hook that returns a unique ID for a given `name`. localIds are\n   * stored in local storage, so you will get the same ID across sessions.\n   *\n   * Initially returns `null`, and then loads the localId.\n   *\n   * @example\n   * const deviceId = db.useLocalId('device');\n   * if (!deviceId) return null; // loading\n   * console.log('Device ID:', deviceId)\n   */\n  useLocalId = (name: string): string | null => {\n    const [localId, setLocalId] = useState<string | null>(null);\n\n    useEffect(() => {\n      let mounted = true;\n      const f = async () => {\n        const id = await this.getLocalId(name);\n        if (!mounted) return;\n        setLocalId(id);\n      };\n      f();\n      return;\n    }, [name]);\n\n    return localId;\n  };\n\n  /**\n   * Obtain a handle to a room, which allows you to listen to topics and presence data\n   *\n   * If you don't provide a `type` or `id`, Instant will default to `_defaultRoomType` and `_defaultRoomId`\n   * as the room type and id, respectively.\n   *\n   * @see https://instantdb.com/docs/presence-and-topics\n   *\n   * @example\n   *  const room = db.room('chat', roomId);\n   *  const { peers } = db.rooms.usePresence(room);\n   */\n  room<RoomType extends string & keyof Rooms>(\n    type: RoomType = '_defaultRoomType' as RoomType,\n    id: string = '_defaultRoomId',\n  ) {\n    return new InstantReactRoom<Schema, Rooms, RoomType>(this.core, type, id);\n  }\n\n  /**\n   * Hooks for working with rooms\n   *\n   * @see https://instantdb.com/docs/presence-and-topics\n   *\n   * @example\n   *  const room = db.room('chat', roomId);\n   *  const { peers } = db.rooms.usePresence(room);\n   *  const publish = db.rooms.usePublishTopic(room, 'emoji');\n   *  // ...\n   */\n  rooms = rooms;\n\n  /**\n   * Use this to write data! You can create, update, delete, and link objects\n   *\n   * @see https://instantdb.com/docs/instaml\n   *\n   * @example\n   *   // Create a new object in the `goals` namespace\n   *   const goalId = id();\n   *   db.transact(db.tx.goals[goalId].update({title: \"Get fit\"}))\n   *\n   *   // Update the title\n   *   db.transact(db.tx.goals[goalId].update({title: \"Get super fit\"}))\n   *\n   *   // Delete it\n   *   db.transact(db.tx.goals[goalId].delete())\n   *\n   *   // Or create an association:\n   *   todoId = id();\n   *   db.transact([\n   *    db.tx.todos[todoId].update({ title: 'Go on a run' }),\n   *    db.tx.goals[goalId].link({todos: todoId}),\n   *  ])\n   */\n  transact = (\n    chunks: TransactionChunk<any, any> | TransactionChunk<any, any>[],\n  ) => {\n    return this.core.transact(chunks);\n  };\n\n  /**\n   * Use this to query your data!\n   *\n   * @see https://instantdb.com/docs/instaql\n   *\n   * @example\n   *   // listen to all goals\n   *   const { isLoading, error, data } = db.useQuery({ goals: {} });\n   *\n   *   // goals where the title is \"Get Fit\"\n   *   const { isLoading, error, data } = db.useQuery({\n   *     goals: { $: { where: { title: 'Get Fit' } } },\n   *   });\n   *\n   *   // all goals, _alongside_ their todos\n   *   const { isLoading, error, data } = db.useQuery({\n   *     goals: { todos: {} },\n   *   });\n   *\n   *   // skip if `user` is not logged in\n   *   const { isLoading, error, data } = db.useQuery(\n   *     auth.user ? { goals: {} } : null,\n   *   );\n   */\n  useQuery = <Q extends ValidQuery<Q, Schema>>(\n    query: null | Q,\n    opts?: InstaQLOptions,\n  ): InstaQLLifecycleState<Schema, Q, UseDates> => {\n    return useQueryInternal<Q, Schema, UseDates>(this.core, query, opts).state;\n  };\n\n  /**\n   * Listen for the logged in state. This is useful\n   * for deciding when to show a login screen.\n   *\n   * Check out the docs for an example `Login` component too!\n   *\n   * @see https://instantdb.com/docs/auth\n   * @example\n   *  function App() {\n   *    const { isLoading, user, error } = db.useAuth()\n   *    if (isLoading) {\n   *      return <div>Loading...</div>\n   *    }\n   *    if (error) {\n   *      return <div>Uh oh! {error.message}</div>\n   *    }\n   *    if (user) {\n   *      return <Main user={user} />\n   *    }\n   *    return <Login />\n   *  }\n   *\n   */\n  useAuth = (): AuthState => {\n    return this._useAuth();\n  };\n\n  protected _useAuth(): AuthState {\n    // We use a ref to store the result of the query.\n    // This is becuase `useSyncExternalStore` uses `Object.is`\n    // to compare the previous and next state.\n    // If we don't use a ref, the state will always be considered different, so\n    // the component will always re-render.\n    const resultCacheRef = useRef<AuthState>(\n      this.core._reactor._currentUserCached,\n    );\n\n    // Similar to `resultCacheRef`, `useSyncExternalStore` will unsubscribe\n    // if `subscribe` changes, so we use `useCallback` to memoize the function.\n    const subscribe = useCallback((cb: Function) => {\n      const unsubscribe = this.core.subscribeAuth((auth) => {\n        resultCacheRef.current = { isLoading: false, ...auth };\n        cb();\n      });\n\n      return unsubscribe;\n    }, []);\n\n    const state = useSyncExternalStore<AuthState>(\n      subscribe,\n      () => resultCacheRef.current,\n      () => defaultAuthState,\n    );\n    return state;\n  }\n\n  /**\n   * Subscribe to the currently logged in user.\n   * If the user is not logged in, this hook with throw an Error.\n   * You will want to protect any calls of this hook with a\n   * <db.SignedIn> component, or your own logic based on db.useAuth()\n   *\n   * @see https://instantdb.com/docs/auth\n   * @throws Error indicating user not signed in\n   * @example\n   *  function UserDisplay() {\n   *    const user = db.useUser()\n   *    return <div>Logged in as: {user.email}</div>\n   *  }\n   *\n   *  <db.SignedIn>\n   *    <UserDisplay />\n   *  </db.SignedIn>\n   *\n   */\n  useUser = (): User => {\n    const { user } = this.useAuth();\n    if (!user) {\n      throw new InstantError(\n        'useUser must be used within an auth-protected route',\n      );\n    }\n    return user;\n  };\n\n  /**\n   * One time query for the logged in state. This is useful\n   * for scenarios where you want to know the current auth\n   * state without subscribing to changes.\n   *\n   * @see https://instantdb.com/docs/auth\n   * @example\n   *   const user = await db.getAuth();\n   *   console.log('logged in as', user.email)\n   */\n  getAuth(): Promise<User | null> {\n    return this.core.getAuth();\n  }\n\n  /**\n   * Listen for connection status changes to Instant. Use this for things like\n   * showing connection state to users\n   *\n   * @see https://www.instantdb.com/docs/patterns#connection-status\n   * @example\n   *  function App() {\n   *    const status = db.useConnectionStatus()\n   *    const connectionState =\n   *      status === 'connecting' || status === 'opened'\n   *        ? 'authenticating'\n   *      : status === 'authenticated'\n   *        ? 'connected'\n   *      : status === 'closed'\n   *        ? 'closed'\n   *      : status === 'errored'\n   *        ? 'errored'\n   *      : 'unexpected state';\n   *\n   *    return <div>Connection state: {connectionState}</div>\n   *  }\n   */\n  useConnectionStatus = (): ConnectionStatus => {\n    const statusRef = useRef<ConnectionStatus>(\n      this.core._reactor.status as ConnectionStatus,\n    );\n\n    const subscribe = useCallback((cb: Function) => {\n      const unsubscribe = this.core.subscribeConnectionStatus((newStatus) => {\n        if (newStatus !== statusRef.current) {\n          statusRef.current = newStatus;\n          cb();\n        }\n      });\n\n      return unsubscribe;\n    }, []);\n\n    const status = useSyncExternalStore<ConnectionStatus>(\n      subscribe,\n      () => statusRef.current,\n      // For SSR, always return 'connecting' as the initial state\n      () => 'connecting',\n    );\n\n    return status;\n  };\n\n  /**\n   * Use this for one-off queries.\n   * Returns local data if available, otherwise fetches from the server.\n   * Because we want to avoid stale data, this method will throw an error\n   * if the user is offline or there is no active connection to the server.\n   *\n   * @see https://instantdb.com/docs/instaql\n   *\n   * @example\n   *\n   *  const resp = await db.queryOnce({ goals: {} });\n   *  console.log(resp.data.goals)\n   */\n  queryOnce = <Q extends ValidQuery<Q, Schema>>(\n    query: Q,\n    opts?: InstaQLOptions,\n  ): Promise<{\n    data: InstaQLResponse<Schema, Q, UseDates>;\n    pageInfo: PageInfoResponse<Q>;\n  }> => {\n    return this.core.queryOnce(query, opts);\n  };\n\n  /**\n   * Subscribe to a query and incrementally load more items\n   *\n   * Only one top level namespace in the query is allowed.\n   *\n   * Changing the query or options while the subscription is active will\n   * reset the subscription and start over with new data.\n   * @example\n   * const {\n   *   data,\n   *   loadNextPage,\n   *   canLoadNextPage,\n   * } = db.useInfiniteQuery({\n   *   posts: {\n   *     $: {\n   *       limit: 20,   // Load 20 posts at a time\n   *       order: {\n   *         createdAt: 'desc',\n   *       },\n   *     },\n   *   },\n   * });\n   */\n  useInfiniteQuery = <Q extends ValidQuery<Q, Schema>>(\n    query: Q,\n    opts?: InstaQLOptions,\n  ): InfiniteQueryResult<Schema, Q, UseDates> => {\n    const result = useInfiniteQuerySubscription<Schema, Q, UseDates>({\n      core: this.core,\n      query: query,\n      opts,\n    });\n    return result;\n  };\n\n  /**\n   * Only render children if the user is signed in.\n   * @see https://instantdb.com/docs/auth\n   *\n   * @example\n   *  <db.SignedIn>\n   *    <MyComponent />\n   *  </db.SignedIn>\n   *\n   */\n  SignedIn: React.FC<{\n    children: ReactNode;\n  }> = ({ children }) => {\n    const auth = this.useAuth();\n    if (auth.isLoading || auth.error || !auth.user) return null;\n\n    return <>{children}</>;\n  };\n\n  /**\n   * Only render children if the user is signed out.\n   * @see https://instantdb.com/docs/auth\n   *\n   * @example\n   *  <db.SignedOut>\n   *    <MyComponent />\n   *  </db.SignedOut>\n   *\n   */\n  SignedOut: React.FC<{\n    children: ReactNode;\n  }> = ({ children }) => {\n    const auth = this.useAuth();\n    if (auth.isLoading || auth.error || auth.user) return null;\n    return <>{children}</>;\n  };\n}\n"]}

package/dist/commonjs/useInfiniteQuerySubscription.d.ts

@@ -0,0 +1,28 @@
+import { type InstantCoreDatabase, type InstantSchemaDef, type InstaQLOptions, InstaQLResponse, ValidQuery } from '@instantdb/core';
+export type InfiniteQueryResult<Schema extends InstantSchemaDef<any, any, any>, Q extends ValidQuery<Q, Schema>, UseDates extends boolean> = {
+    error: {
+        message: string;
+    };
+    data: undefined;
+    isLoading: false;
+    canLoadNextPage: boolean;
+    loadNextPage: () => void;
+} | {
+    error: undefined;
+    data: undefined;
+    isLoading: true;
+    canLoadNextPage: boolean;
+    loadNextPage: () => void;
+} | {
+    error: undefined;
+    data: InstaQLResponse<Schema, Q, UseDates>;
+    isLoading: false;
+    canLoadNextPage: boolean;
+    loadNextPage: () => void;
+};
+export declare function useInfiniteQuerySubscription<Schema extends InstantSchemaDef<any, any, any>, Q extends ValidQuery<Q, Schema>, UseDates extends boolean>({ core, query, opts, }: {
+    core: InstantCoreDatabase<Schema, UseDates>;
+    query: Q | null;
+    opts?: InstaQLOptions;
+}): InfiniteQueryResult<Schema, Q, UseDates>;
+//# sourceMappingURL=useInfiniteQuerySubscription.d.ts.map

package/dist/commonjs/useInfiniteQuerySubscription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteQuerySubscription.d.ts","sourceRoot":"","sources":["../../src/useInfiniteQuerySubscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,eAAe,EACf,UAAU,EAGX,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,mBAAmB,CAC7B,MAAM,SAAS,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC9C,CAAC,SAAS,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,EAC/B,QAAQ,SAAS,OAAO,IAEtB;IACE,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,GACD;IACE,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,GACD;IACE,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AASN,wBAAgB,4BAA4B,CAC1C,MAAM,SAAS,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC9C,CAAC,SAAS,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,EAC/B,QAAQ,SAAS,OAAO,EACxB,EACA,IAAI,EACJ,KAAK,EACL,IAAI,GACL,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,GAAG,mBAAmB,CAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAoE3C"}

package/dist/commonjs/useInfiniteQuerySubscription.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteQuerySubscription = useInfiniteQuerySubscription;
+const core_1 = require("@instantdb/core");
+const react_1 = require("react");
+const defaultState = {
+    error: undefined,
+    data: undefined,
+    isLoading: true,
+    canLoadNextPage: false,
+};
+function useInfiniteQuerySubscription({ core, query, opts, }) {
+    const subRef = (0, react_1.useRef)(null);
+    const queryHash = (0, core_1.weakHash)(query);
+    const optsHash = (0, core_1.weakHash)(opts);
+    const snapshot = (0, core_1.getInfiniteQueryInitialSnapshot)(core, query, opts);
+    const stateCacheRef = (0, react_1.useRef)({
+        ...snapshot,
+        isLoading: !snapshot.data && !snapshot.error,
+    });
+    const subscribe = (0, react_1.useCallback)((cb) => {
+        subRef.current = null;
+        stateCacheRef.current = {
+            error: undefined,
+            data: undefined,
+            isLoading: true,
+            canLoadNextPage: false,
+        };
+        cb();
+        if (!query) {
+            return () => { };
+        }
+        const sub = core.subscribeInfiniteQuery(query, (resp) => {
+            stateCacheRef.current = {
+                ...resp,
+                isLoading: false,
+            };
+            cb();
+        }, opts);
+        subRef.current = sub;
+        return () => {
+            sub.unsubscribe();
+            if (subRef.current === sub) {
+                subRef.current = null;
+            }
+        };
+    }, [queryHash, optsHash]);
+    const state = (0, react_1.useSyncExternalStore)(subscribe, () => stateCacheRef.current, () => defaultState);
+    const loadNextPage = () => {
+        subRef.current?.loadNextPage();
+    };
+    // @ts-expect-error union type
+    return {
+        ...state,
+        loadNextPage,
+    };
+}
+//# sourceMappingURL=useInfiniteQuerySubscription.js.map

package/dist/commonjs/useInfiniteQuerySubscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteQuerySubscription.js","sourceRoot":"","sources":["../../src/useInfiniteQuerySubscription.ts"],"names":[],"mappings":";;AA8CA,oEAgFC;AA9HD,0CASyB;AACzB,iCAAkE;AA6BlE,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,IAAI;IACf,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,SAAgB,4BAA4B,CAI1C,EACA,IAAI,EACJ,KAAK,EACL,IAAI,GAKL;IACC,MAAM,MAAM,GAAG,IAAA,cAAM,EAAmC,IAAI,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAG,IAAA,eAAQ,EAAC,KAAK,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAA,eAAQ,EAAC,IAAI,CAAC,CAAC;IAChC,MAAM,QAAQ,GAAG,IAAA,sCAA+B,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,IAAA,cAAM,EAE1B;QACA,GAAG,QAAQ;QACX,SAAS,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK;KAC7C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,EAAc,EAAE,EAAE;QACjB,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,aAAa,CAAC,OAAO,GAAG;YACtB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,KAAK;SACvB,CAAC;QACF,EAAE,EAAE,CAAC;QAEL,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAClB,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,CAAC,sBAAsB,CACrC,KAAK,EACL,CAAC,IAAI,EAAE,EAAE;YACP,aAAa,CAAC,OAAO,GAAG;gBACtB,GAAG,IAAI;gBACP,SAAS,EAAE,KAAK;aACjB,CAAC;YACF,EAAE,EAAE,CAAC;QACP,CAAC,EACD,IAAI,CACL,CAAC;QAEF,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,WAAW,EAAE,CAAC;YAClB,IAAI,MAAM,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;gBAC3B,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,4BAAoB,EAChC,SAAS,EACT,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAC3B,GAAG,EAAE,CAAC,YAAY,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,8BAA8B;IAC9B,OAAO;QACL,GAAG,KAAK;QACR,YAAY;KACb,CAAC;AACJ,CAAC","sourcesContent":["import {\n  type InfiniteQuerySubscription,\n  type InstantCoreDatabase,\n  type InstantSchemaDef,\n  type InstaQLOptions,\n  InstaQLResponse,\n  ValidQuery,\n  weakHash,\n  getInfiniteQueryInitialSnapshot,\n} from '@instantdb/core';\nimport { useCallback, useRef, useSyncExternalStore } from 'react';\n\nexport type InfiniteQueryResult<\n  Schema extends InstantSchemaDef<any, any, any>,\n  Q extends ValidQuery<Q, Schema>,\n  UseDates extends boolean,\n> =\n  | {\n      error: { message: string };\n      data: undefined;\n      isLoading: false;\n      canLoadNextPage: boolean;\n      loadNextPage: () => void;\n    }\n  | {\n      error: undefined;\n      data: undefined;\n      isLoading: true;\n      canLoadNextPage: boolean;\n      loadNextPage: () => void;\n    }\n  | {\n      error: undefined;\n      data: InstaQLResponse<Schema, Q, UseDates>;\n      isLoading: false;\n      canLoadNextPage: boolean;\n      loadNextPage: () => void;\n    };\n\nconst defaultState = {\n  error: undefined,\n  data: undefined,\n  isLoading: true,\n  canLoadNextPage: false,\n};\n\nexport function useInfiniteQuerySubscription<\n  Schema extends InstantSchemaDef<any, any, any>,\n  Q extends ValidQuery<Q, Schema>,\n  UseDates extends boolean,\n>({\n  core,\n  query,\n  opts,\n}: {\n  core: InstantCoreDatabase<Schema, UseDates>;\n  query: Q | null;\n  opts?: InstaQLOptions;\n}): InfiniteQueryResult<Schema, Q, UseDates> {\n  const subRef = useRef<InfiniteQuerySubscription | null>(null);\n\n  const queryHash = weakHash(query);\n  const optsHash = weakHash(opts);\n  const snapshot = getInfiniteQueryInitialSnapshot(core, query, opts);\n\n  const stateCacheRef = useRef<\n    Omit<InfiniteQueryResult<Schema, Q, UseDates>, 'loadNextPage'>\n  >({\n    ...snapshot,\n    isLoading: !snapshot.data && !snapshot.error,\n  });\n\n  const subscribe = useCallback(\n    (cb: () => void) => {\n      subRef.current = null;\n      stateCacheRef.current = {\n        error: undefined,\n        data: undefined,\n        isLoading: true,\n        canLoadNextPage: false,\n      };\n      cb();\n\n      if (!query) {\n        return () => {};\n      }\n\n      const sub = core.subscribeInfiniteQuery(\n        query,\n        (resp) => {\n          stateCacheRef.current = {\n            ...resp,\n            isLoading: false,\n          };\n          cb();\n        },\n        opts,\n      );\n\n      subRef.current = sub;\n\n      return () => {\n        sub.unsubscribe();\n        if (subRef.current === sub) {\n          subRef.current = null;\n        }\n      };\n    },\n    [queryHash, optsHash],\n  );\n\n  const state = useSyncExternalStore(\n    subscribe,\n    () => stateCacheRef.current,\n    () => defaultState,\n  );\n\n  const loadNextPage = () => {\n    subRef.current?.loadNextPage();\n  };\n\n  // @ts-expect-error union type\n  return {\n    ...state,\n    loadNextPage,\n  };\n}\n"]}

package/dist/esm/InstantReactAbstractDatabase.d.ts

@@ -1,5 +1,6 @@
 import { Auth, Storage, type AuthState, type User, type ConnectionStatus, type TransactionChunk, type RoomSchemaShape, type InstaQLOptions, type InstantConfig, type PageInfoResponse, InstantCoreDatabase, InstaQLLifecycleState, InstaQLResponse, RoomsOf, InstantSchemaDef, IInstantDatabase, ValidQuery, Streams } from '@instantdb/core';
 import { ReactNode } from 'react';
+import { type InfiniteQueryResult } from './useInfiniteQuerySubscription.ts';
 import { InstantReactRoom } from './InstantReactRoom.ts';
 export default abstract class InstantReactAbstractDatabase<Schema extends InstantSchemaDef<any, any, any>, UseDates extends boolean = false, Config extends InstantConfig<Schema, boolean> = InstantConfig<Schema, UseDates>, Rooms extends RoomSchemaShape = RoomsOf<Schema>> implements IInstantDatabase<Schema> {
     tx: import("@instantdb/core").TxChunk<Schema>;
@@ -215,6 +216,30 @@ export default abstract class InstantReactAbstractDatabase<Schema extends Instan
         data: InstaQLResponse<Schema, Q, UseDates>;
         pageInfo: PageInfoResponse<Q>;
     }>;
+    /**
+     * Subscribe to a query and incrementally load more items
+     *
+     * Only one top level namespace in the query is allowed.
+     *
+     * Changing the query or options while the subscription is active will
+     * reset the subscription and start over with new data.
+     * @example
+     * const {
+     *   data,
+     *   loadNextPage,
+     *   canLoadNextPage,
+     * } = db.useInfiniteQuery({
+     *   posts: {
+     *     $: {
+     *       limit: 20,   // Load 20 posts at a time
+     *       order: {
+     *         createdAt: 'desc',
+     *       },
+     *     },
+     *   },
+     * });
+     */
+    useInfiniteQuery: <Q extends ValidQuery<Q, Schema>>(query: Q, opts?: InstaQLOptions) => InfiniteQueryResult<Schema, Q, UseDates>;
     /**
      * Only render children if the user is signed in.
      * @see https://instantdb.com/docs/auth

package/dist/esm/InstantReactAbstractDatabase.d.ts.map

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

package/dist/esm/InstantReactAbstractDatabase.js

@@ -3,6 +3,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { txInit, init as core_init, InstantError, } from '@instantdb/core';
 import { useCallback, useEffect, useRef, useState, useSyncExternalStore, } from 'react';
 import { useQueryInternal } from "./useQuery.js";
+import { useInfiniteQuerySubscription, } from "./useInfiniteQuerySubscription.js";
 import { InstantReactRoom, rooms } from "./InstantReactRoom.js";
 const defaultAuthState = {
     isLoading: true,
@@ -289,6 +290,37 @@ export default class InstantReactAbstractDatabase {
     queryOnce = (query, opts) => {
         return this.core.queryOnce(query, opts);
     };
+    /**
+     * Subscribe to a query and incrementally load more items
+     *
+     * Only one top level namespace in the query is allowed.
+     *
+     * Changing the query or options while the subscription is active will
+     * reset the subscription and start over with new data.
+     * @example
+     * const {
+     *   data,
+     *   loadNextPage,
+     *   canLoadNextPage,
+     * } = db.useInfiniteQuery({
+     *   posts: {
+     *     $: {
+     *       limit: 20,   // Load 20 posts at a time
+     *       order: {
+     *         createdAt: 'desc',
+     *       },
+     *     },
+     *   },
+     * });
+     */
+    useInfiniteQuery = (query, opts) => {
+        const result = useInfiniteQuerySubscription({
+            core: this.core,
+            query: query,
+            opts,
+        });
+        return result;
+    };
     /**
      * Only render children if the user is signed in.
      * @see https://instantdb.com/docs/auth

package/dist/esm/InstantReactAbstractDatabase.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstantReactAbstractDatabase.js","sourceRoot":"","sources":["../../src/InstantReactAbstractDatabase.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport {\n  // types\n  Auth,\n  Storage,\n  txInit,\n  type AuthState,\n  type User,\n  type ConnectionStatus,\n  type TransactionChunk,\n  type RoomSchemaShape,\n  type InstaQLOptions,\n  type InstantConfig,\n  type PageInfoResponse,\n  InstantCoreDatabase,\n  init as core_init,\n  InstaQLLifecycleState,\n  InstaQLResponse,\n  RoomsOf,\n  InstantSchemaDef,\n  IInstantDatabase,\n  InstantError,\n  ValidQuery,\n  Streams,\n} from '@instantdb/core';\nimport {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { useQueryInternal } from './useQuery.ts';\nimport { InstantReactRoom, rooms } from './InstantReactRoom.ts';\n\nconst defaultAuthState = {\n  isLoading: true,\n  user: undefined,\n  error: undefined,\n};\n\nexport default abstract class InstantReactAbstractDatabase<\n  // need to pull this schema out to another generic for query params, not sure why\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean = false,\n  Config extends InstantConfig<Schema, boolean> = InstantConfig<\n    Schema,\n    UseDates\n  >,\n  Rooms extends RoomSchemaShape = RoomsOf<Schema>,\n> implements IInstantDatabase<Schema>\n{\n  public tx = txInit<Schema>();\n\n  public auth: Auth;\n  public storage: Storage;\n  public streams: Streams;\n  public core: InstantCoreDatabase<Schema, UseDates>;\n\n  /** @deprecated use `core` instead */\n  public _core: InstantCoreDatabase<Schema, UseDates>;\n\n  static Store?: any;\n  static NetworkListener?: any;\n  static EventSourceImpl?: any;\n\n  constructor(\n    config: Omit<InstantConfig<Schema, UseDates>, 'useDateObjects'> & {\n      useDateObjects?: UseDates;\n    },\n    versions?: { [key: string]: string },\n  ) {\n    this.core = core_init<Schema, UseDates>(\n      config,\n      // @ts-expect-error because TS can't resolve subclass statics\n      config.Store || this.constructor.Store,\n      // @ts-expect-error because TS can't resolve subclass statics\n      this.constructor.NetworkListener,\n      versions,\n      // @ts-expect-error because TS can't resolve subclass statics\n      this.constructor.EventSourceImpl,\n    );\n    this._core = this.core;\n    this.auth = this.core.auth;\n    this.storage = this.core.storage;\n    this.streams = this.core.streams;\n  }\n\n  /**\n   * Returns a unique ID for a given `name`. It's stored in local storage,\n   * so you will get the same ID across sessions.\n   *\n   * This is useful for generating IDs that could identify a local device or user.\n   *\n   * @example\n   *  const deviceId = await db.getLocalId('device');\n   */\n  getLocalId = (name: string): Promise<string> => {\n    return this.core.getLocalId(name);\n  };\n\n  /**\n   * A hook that returns a unique ID for a given `name`. localIds are\n   * stored in local storage, so you will get the same ID across sessions.\n   *\n   * Initially returns `null`, and then loads the localId.\n   *\n   * @example\n   * const deviceId = db.useLocalId('device');\n   * if (!deviceId) return null; // loading\n   * console.log('Device ID:', deviceId)\n   */\n  useLocalId = (name: string): string | null => {\n    const [localId, setLocalId] = useState<string | null>(null);\n\n    useEffect(() => {\n      let mounted = true;\n      const f = async () => {\n        const id = await this.getLocalId(name);\n        if (!mounted) return;\n        setLocalId(id);\n      };\n      f();\n      return;\n    }, [name]);\n\n    return localId;\n  };\n\n  /**\n   * Obtain a handle to a room, which allows you to listen to topics and presence data\n   *\n   * If you don't provide a `type` or `id`, Instant will default to `_defaultRoomType` and `_defaultRoomId`\n   * as the room type and id, respectively.\n   *\n   * @see https://instantdb.com/docs/presence-and-topics\n   *\n   * @example\n   *  const room = db.room('chat', roomId);\n   *  const { peers } = db.rooms.usePresence(room);\n   */\n  room<RoomType extends string & keyof Rooms>(\n    type: RoomType = '_defaultRoomType' as RoomType,\n    id: string = '_defaultRoomId',\n  ) {\n    return new InstantReactRoom<Schema, Rooms, RoomType>(this.core, type, id);\n  }\n\n  /**\n   * Hooks for working with rooms\n   *\n   * @see https://instantdb.com/docs/presence-and-topics\n   *\n   * @example\n   *  const room = db.room('chat', roomId);\n   *  const { peers } = db.rooms.usePresence(room);\n   *  const publish = db.rooms.usePublishTopic(room, 'emoji');\n   *  // ...\n   */\n  rooms = rooms;\n\n  /**\n   * Use this to write data! You can create, update, delete, and link objects\n   *\n   * @see https://instantdb.com/docs/instaml\n   *\n   * @example\n   *   // Create a new object in the `goals` namespace\n   *   const goalId = id();\n   *   db.transact(db.tx.goals[goalId].update({title: \"Get fit\"}))\n   *\n   *   // Update the title\n   *   db.transact(db.tx.goals[goalId].update({title: \"Get super fit\"}))\n   *\n   *   // Delete it\n   *   db.transact(db.tx.goals[goalId].delete())\n   *\n   *   // Or create an association:\n   *   todoId = id();\n   *   db.transact([\n   *    db.tx.todos[todoId].update({ title: 'Go on a run' }),\n   *    db.tx.goals[goalId].link({todos: todoId}),\n   *  ])\n   */\n  transact = (\n    chunks: TransactionChunk<any, any> | TransactionChunk<any, any>[],\n  ) => {\n    return this.core.transact(chunks);\n  };\n\n  /**\n   * Use this to query your data!\n   *\n   * @see https://instantdb.com/docs/instaql\n   *\n   * @example\n   *   // listen to all goals\n   *   const { isLoading, error, data } = db.useQuery({ goals: {} });\n   *\n   *   // goals where the title is \"Get Fit\"\n   *   const { isLoading, error, data } = db.useQuery({\n   *     goals: { $: { where: { title: 'Get Fit' } } },\n   *   });\n   *\n   *   // all goals, _alongside_ their todos\n   *   const { isLoading, error, data } = db.useQuery({\n   *     goals: { todos: {} },\n   *   });\n   *\n   *   // skip if `user` is not logged in\n   *   const { isLoading, error, data } = db.useQuery(\n   *     auth.user ? { goals: {} } : null,\n   *   );\n   */\n  useQuery = <Q extends ValidQuery<Q, Schema>>(\n    query: null | Q,\n    opts?: InstaQLOptions,\n  ): InstaQLLifecycleState<Schema, Q, UseDates> => {\n    return useQueryInternal<Q, Schema, UseDates>(this.core, query, opts).state;\n  };\n\n  /**\n   * Listen for the logged in state. This is useful\n   * for deciding when to show a login screen.\n   *\n   * Check out the docs for an example `Login` component too!\n   *\n   * @see https://instantdb.com/docs/auth\n   * @example\n   *  function App() {\n   *    const { isLoading, user, error } = db.useAuth()\n   *    if (isLoading) {\n   *      return <div>Loading...</div>\n   *    }\n   *    if (error) {\n   *      return <div>Uh oh! {error.message}</div>\n   *    }\n   *    if (user) {\n   *      return <Main user={user} />\n   *    }\n   *    return <Login />\n   *  }\n   *\n   */\n  useAuth = (): AuthState => {\n    return this._useAuth();\n  };\n\n  protected _useAuth(): AuthState {\n    // We use a ref to store the result of the query.\n    // This is becuase `useSyncExternalStore` uses `Object.is`\n    // to compare the previous and next state.\n    // If we don't use a ref, the state will always be considered different, so\n    // the component will always re-render.\n    const resultCacheRef = useRef<AuthState>(\n      this.core._reactor._currentUserCached,\n    );\n\n    // Similar to `resultCacheRef`, `useSyncExternalStore` will unsubscribe\n    // if `subscribe` changes, so we use `useCallback` to memoize the function.\n    const subscribe = useCallback((cb: Function) => {\n      const unsubscribe = this.core.subscribeAuth((auth) => {\n        resultCacheRef.current = { isLoading: false, ...auth };\n        cb();\n      });\n\n      return unsubscribe;\n    }, []);\n\n    const state = useSyncExternalStore<AuthState>(\n      subscribe,\n      () => resultCacheRef.current,\n      () => defaultAuthState,\n    );\n    return state;\n  }\n\n  /**\n   * Subscribe to the currently logged in user.\n   * If the user is not logged in, this hook with throw an Error.\n   * You will want to protect any calls of this hook with a\n   * <db.SignedIn> component, or your own logic based on db.useAuth()\n   *\n   * @see https://instantdb.com/docs/auth\n   * @throws Error indicating user not signed in\n   * @example\n   *  function UserDisplay() {\n   *    const user = db.useUser()\n   *    return <div>Logged in as: {user.email}</div>\n   *  }\n   *\n   *  <db.SignedIn>\n   *    <UserDisplay />\n   *  </db.SignedIn>\n   *\n   */\n  useUser = (): User => {\n    const { user } = this.useAuth();\n    if (!user) {\n      throw new InstantError(\n        'useUser must be used within an auth-protected route',\n      );\n    }\n    return user;\n  };\n\n  /**\n   * One time query for the logged in state. This is useful\n   * for scenarios where you want to know the current auth\n   * state without subscribing to changes.\n   *\n   * @see https://instantdb.com/docs/auth\n   * @example\n   *   const user = await db.getAuth();\n   *   console.log('logged in as', user.email)\n   */\n  getAuth(): Promise<User | null> {\n    return this.core.getAuth();\n  }\n\n  /**\n   * Listen for connection status changes to Instant. Use this for things like\n   * showing connection state to users\n   *\n   * @see https://www.instantdb.com/docs/patterns#connection-status\n   * @example\n   *  function App() {\n   *    const status = db.useConnectionStatus()\n   *    const connectionState =\n   *      status === 'connecting' || status === 'opened'\n   *        ? 'authenticating'\n   *      : status === 'authenticated'\n   *        ? 'connected'\n   *      : status === 'closed'\n   *        ? 'closed'\n   *      : status === 'errored'\n   *        ? 'errored'\n   *      : 'unexpected state';\n   *\n   *    return <div>Connection state: {connectionState}</div>\n   *  }\n   */\n  useConnectionStatus = (): ConnectionStatus => {\n    const statusRef = useRef<ConnectionStatus>(\n      this.core._reactor.status as ConnectionStatus,\n    );\n\n    const subscribe = useCallback((cb: Function) => {\n      const unsubscribe = this.core.subscribeConnectionStatus((newStatus) => {\n        if (newStatus !== statusRef.current) {\n          statusRef.current = newStatus;\n          cb();\n        }\n      });\n\n      return unsubscribe;\n    }, []);\n\n    const status = useSyncExternalStore<ConnectionStatus>(\n      subscribe,\n      () => statusRef.current,\n      // For SSR, always return 'connecting' as the initial state\n      () => 'connecting',\n    );\n\n    return status;\n  };\n\n  /**\n   * Use this for one-off queries.\n   * Returns local data if available, otherwise fetches from the server.\n   * Because we want to avoid stale data, this method will throw an error\n   * if the user is offline or there is no active connection to the server.\n   *\n   * @see https://instantdb.com/docs/instaql\n   *\n   * @example\n   *\n   *  const resp = await db.queryOnce({ goals: {} });\n   *  console.log(resp.data.goals)\n   */\n  queryOnce = <Q extends ValidQuery<Q, Schema>>(\n    query: Q,\n    opts?: InstaQLOptions,\n  ): Promise<{\n    data: InstaQLResponse<Schema, Q, UseDates>;\n    pageInfo: PageInfoResponse<Q>;\n  }> => {\n    return this.core.queryOnce(query, opts);\n  };\n\n  /**\n   * Only render children if the user is signed in.\n   * @see https://instantdb.com/docs/auth\n   *\n   * @example\n   *  <db.SignedIn>\n   *    <MyComponent />\n   *  </db.SignedIn>\n   *\n   */\n  SignedIn: React.FC<{\n    children: ReactNode;\n  }> = ({ children }) => {\n    const auth = this.useAuth();\n    if (auth.isLoading || auth.error || !auth.user) return null;\n\n    return <>{children}</>;\n  };\n\n  /**\n   * Only render children if the user is signed out.\n   * @see https://instantdb.com/docs/auth\n   *\n   * @example\n   *  <db.SignedOut>\n   *    <MyComponent />\n   *  </db.SignedOut>\n   *\n   */\n  SignedOut: React.FC<{\n    children: ReactNode;\n  }> = ({ children }) => {\n    const auth = this.useAuth();\n    if (auth.isLoading || auth.error || auth.user) return null;\n    return <>{children}</>;\n  };\n}\n"]}
+{"version":3,"file":"InstantReactAbstractDatabase.js","sourceRoot":"","sources":["../../src/InstantReactAbstractDatabase.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport {\n  // types\n  Auth,\n  Storage,\n  txInit,\n  type AuthState,\n  type User,\n  type ConnectionStatus,\n  type TransactionChunk,\n  type RoomSchemaShape,\n  type InstaQLOptions,\n  type InstantConfig,\n  type PageInfoResponse,\n  InstantCoreDatabase,\n  init as core_init,\n  InstaQLLifecycleState,\n  InstaQLResponse,\n  RoomsOf,\n  InstantSchemaDef,\n  IInstantDatabase,\n  InstantError,\n  ValidQuery,\n  Streams,\n} from '@instantdb/core';\nimport {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { useQueryInternal } from './useQuery.ts';\nimport {\n  type InfiniteQueryResult,\n  useInfiniteQuerySubscription,\n} from './useInfiniteQuerySubscription.ts';\nimport { InstantReactRoom, rooms } from './InstantReactRoom.ts';\n\nconst defaultAuthState = {\n  isLoading: true,\n  user: undefined,\n  error: undefined,\n};\n\nexport default abstract class InstantReactAbstractDatabase<\n  // need to pull this schema out to another generic for query params, not sure why\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean = false,\n  Config extends InstantConfig<Schema, boolean> = InstantConfig<\n    Schema,\n    UseDates\n  >,\n  Rooms extends RoomSchemaShape = RoomsOf<Schema>,\n> implements IInstantDatabase<Schema>\n{\n  public tx = txInit<Schema>();\n\n  public auth: Auth;\n  public storage: Storage;\n  public streams: Streams;\n  public core: InstantCoreDatabase<Schema, UseDates>;\n\n  /** @deprecated use `core` instead */\n  public _core: InstantCoreDatabase<Schema, UseDates>;\n\n  static Store?: any;\n  static NetworkListener?: any;\n  static EventSourceImpl?: any;\n\n  constructor(\n    config: Omit<InstantConfig<Schema, UseDates>, 'useDateObjects'> & {\n      useDateObjects?: UseDates;\n    },\n    versions?: { [key: string]: string },\n  ) {\n    this.core = core_init<Schema, UseDates>(\n      config,\n      // @ts-expect-error because TS can't resolve subclass statics\n      config.Store || this.constructor.Store,\n      // @ts-expect-error because TS can't resolve subclass statics\n      this.constructor.NetworkListener,\n      versions,\n      // @ts-expect-error because TS can't resolve subclass statics\n      this.constructor.EventSourceImpl,\n    );\n    this._core = this.core;\n    this.auth = this.core.auth;\n    this.storage = this.core.storage;\n    this.streams = this.core.streams;\n  }\n\n  /**\n   * Returns a unique ID for a given `name`. It's stored in local storage,\n   * so you will get the same ID across sessions.\n   *\n   * This is useful for generating IDs that could identify a local device or user.\n   *\n   * @example\n   *  const deviceId = await db.getLocalId('device');\n   */\n  getLocalId = (name: string): Promise<string> => {\n    return this.core.getLocalId(name);\n  };\n\n  /**\n   * A hook that returns a unique ID for a given `name`. localIds are\n   * stored in local storage, so you will get the same ID across sessions.\n   *\n   * Initially returns `null`, and then loads the localId.\n   *\n   * @example\n   * const deviceId = db.useLocalId('device');\n   * if (!deviceId) return null; // loading\n   * console.log('Device ID:', deviceId)\n   */\n  useLocalId = (name: string): string | null => {\n    const [localId, setLocalId] = useState<string | null>(null);\n\n    useEffect(() => {\n      let mounted = true;\n      const f = async () => {\n        const id = await this.getLocalId(name);\n        if (!mounted) return;\n        setLocalId(id);\n      };\n      f();\n      return;\n    }, [name]);\n\n    return localId;\n  };\n\n  /**\n   * Obtain a handle to a room, which allows you to listen to topics and presence data\n   *\n   * If you don't provide a `type` or `id`, Instant will default to `_defaultRoomType` and `_defaultRoomId`\n   * as the room type and id, respectively.\n   *\n   * @see https://instantdb.com/docs/presence-and-topics\n   *\n   * @example\n   *  const room = db.room('chat', roomId);\n   *  const { peers } = db.rooms.usePresence(room);\n   */\n  room<RoomType extends string & keyof Rooms>(\n    type: RoomType = '_defaultRoomType' as RoomType,\n    id: string = '_defaultRoomId',\n  ) {\n    return new InstantReactRoom<Schema, Rooms, RoomType>(this.core, type, id);\n  }\n\n  /**\n   * Hooks for working with rooms\n   *\n   * @see https://instantdb.com/docs/presence-and-topics\n   *\n   * @example\n   *  const room = db.room('chat', roomId);\n   *  const { peers } = db.rooms.usePresence(room);\n   *  const publish = db.rooms.usePublishTopic(room, 'emoji');\n   *  // ...\n   */\n  rooms = rooms;\n\n  /**\n   * Use this to write data! You can create, update, delete, and link objects\n   *\n   * @see https://instantdb.com/docs/instaml\n   *\n   * @example\n   *   // Create a new object in the `goals` namespace\n   *   const goalId = id();\n   *   db.transact(db.tx.goals[goalId].update({title: \"Get fit\"}))\n   *\n   *   // Update the title\n   *   db.transact(db.tx.goals[goalId].update({title: \"Get super fit\"}))\n   *\n   *   // Delete it\n   *   db.transact(db.tx.goals[goalId].delete())\n   *\n   *   // Or create an association:\n   *   todoId = id();\n   *   db.transact([\n   *    db.tx.todos[todoId].update({ title: 'Go on a run' }),\n   *    db.tx.goals[goalId].link({todos: todoId}),\n   *  ])\n   */\n  transact = (\n    chunks: TransactionChunk<any, any> | TransactionChunk<any, any>[],\n  ) => {\n    return this.core.transact(chunks);\n  };\n\n  /**\n   * Use this to query your data!\n   *\n   * @see https://instantdb.com/docs/instaql\n   *\n   * @example\n   *   // listen to all goals\n   *   const { isLoading, error, data } = db.useQuery({ goals: {} });\n   *\n   *   // goals where the title is \"Get Fit\"\n   *   const { isLoading, error, data } = db.useQuery({\n   *     goals: { $: { where: { title: 'Get Fit' } } },\n   *   });\n   *\n   *   // all goals, _alongside_ their todos\n   *   const { isLoading, error, data } = db.useQuery({\n   *     goals: { todos: {} },\n   *   });\n   *\n   *   // skip if `user` is not logged in\n   *   const { isLoading, error, data } = db.useQuery(\n   *     auth.user ? { goals: {} } : null,\n   *   );\n   */\n  useQuery = <Q extends ValidQuery<Q, Schema>>(\n    query: null | Q,\n    opts?: InstaQLOptions,\n  ): InstaQLLifecycleState<Schema, Q, UseDates> => {\n    return useQueryInternal<Q, Schema, UseDates>(this.core, query, opts).state;\n  };\n\n  /**\n   * Listen for the logged in state. This is useful\n   * for deciding when to show a login screen.\n   *\n   * Check out the docs for an example `Login` component too!\n   *\n   * @see https://instantdb.com/docs/auth\n   * @example\n   *  function App() {\n   *    const { isLoading, user, error } = db.useAuth()\n   *    if (isLoading) {\n   *      return <div>Loading...</div>\n   *    }\n   *    if (error) {\n   *      return <div>Uh oh! {error.message}</div>\n   *    }\n   *    if (user) {\n   *      return <Main user={user} />\n   *    }\n   *    return <Login />\n   *  }\n   *\n   */\n  useAuth = (): AuthState => {\n    return this._useAuth();\n  };\n\n  protected _useAuth(): AuthState {\n    // We use a ref to store the result of the query.\n    // This is becuase `useSyncExternalStore` uses `Object.is`\n    // to compare the previous and next state.\n    // If we don't use a ref, the state will always be considered different, so\n    // the component will always re-render.\n    const resultCacheRef = useRef<AuthState>(\n      this.core._reactor._currentUserCached,\n    );\n\n    // Similar to `resultCacheRef`, `useSyncExternalStore` will unsubscribe\n    // if `subscribe` changes, so we use `useCallback` to memoize the function.\n    const subscribe = useCallback((cb: Function) => {\n      const unsubscribe = this.core.subscribeAuth((auth) => {\n        resultCacheRef.current = { isLoading: false, ...auth };\n        cb();\n      });\n\n      return unsubscribe;\n    }, []);\n\n    const state = useSyncExternalStore<AuthState>(\n      subscribe,\n      () => resultCacheRef.current,\n      () => defaultAuthState,\n    );\n    return state;\n  }\n\n  /**\n   * Subscribe to the currently logged in user.\n   * If the user is not logged in, this hook with throw an Error.\n   * You will want to protect any calls of this hook with a\n   * <db.SignedIn> component, or your own logic based on db.useAuth()\n   *\n   * @see https://instantdb.com/docs/auth\n   * @throws Error indicating user not signed in\n   * @example\n   *  function UserDisplay() {\n   *    const user = db.useUser()\n   *    return <div>Logged in as: {user.email}</div>\n   *  }\n   *\n   *  <db.SignedIn>\n   *    <UserDisplay />\n   *  </db.SignedIn>\n   *\n   */\n  useUser = (): User => {\n    const { user } = this.useAuth();\n    if (!user) {\n      throw new InstantError(\n        'useUser must be used within an auth-protected route',\n      );\n    }\n    return user;\n  };\n\n  /**\n   * One time query for the logged in state. This is useful\n   * for scenarios where you want to know the current auth\n   * state without subscribing to changes.\n   *\n   * @see https://instantdb.com/docs/auth\n   * @example\n   *   const user = await db.getAuth();\n   *   console.log('logged in as', user.email)\n   */\n  getAuth(): Promise<User | null> {\n    return this.core.getAuth();\n  }\n\n  /**\n   * Listen for connection status changes to Instant. Use this for things like\n   * showing connection state to users\n   *\n   * @see https://www.instantdb.com/docs/patterns#connection-status\n   * @example\n   *  function App() {\n   *    const status = db.useConnectionStatus()\n   *    const connectionState =\n   *      status === 'connecting' || status === 'opened'\n   *        ? 'authenticating'\n   *      : status === 'authenticated'\n   *        ? 'connected'\n   *      : status === 'closed'\n   *        ? 'closed'\n   *      : status === 'errored'\n   *        ? 'errored'\n   *      : 'unexpected state';\n   *\n   *    return <div>Connection state: {connectionState}</div>\n   *  }\n   */\n  useConnectionStatus = (): ConnectionStatus => {\n    const statusRef = useRef<ConnectionStatus>(\n      this.core._reactor.status as ConnectionStatus,\n    );\n\n    const subscribe = useCallback((cb: Function) => {\n      const unsubscribe = this.core.subscribeConnectionStatus((newStatus) => {\n        if (newStatus !== statusRef.current) {\n          statusRef.current = newStatus;\n          cb();\n        }\n      });\n\n      return unsubscribe;\n    }, []);\n\n    const status = useSyncExternalStore<ConnectionStatus>(\n      subscribe,\n      () => statusRef.current,\n      // For SSR, always return 'connecting' as the initial state\n      () => 'connecting',\n    );\n\n    return status;\n  };\n\n  /**\n   * Use this for one-off queries.\n   * Returns local data if available, otherwise fetches from the server.\n   * Because we want to avoid stale data, this method will throw an error\n   * if the user is offline or there is no active connection to the server.\n   *\n   * @see https://instantdb.com/docs/instaql\n   *\n   * @example\n   *\n   *  const resp = await db.queryOnce({ goals: {} });\n   *  console.log(resp.data.goals)\n   */\n  queryOnce = <Q extends ValidQuery<Q, Schema>>(\n    query: Q,\n    opts?: InstaQLOptions,\n  ): Promise<{\n    data: InstaQLResponse<Schema, Q, UseDates>;\n    pageInfo: PageInfoResponse<Q>;\n  }> => {\n    return this.core.queryOnce(query, opts);\n  };\n\n  /**\n   * Subscribe to a query and incrementally load more items\n   *\n   * Only one top level namespace in the query is allowed.\n   *\n   * Changing the query or options while the subscription is active will\n   * reset the subscription and start over with new data.\n   * @example\n   * const {\n   *   data,\n   *   loadNextPage,\n   *   canLoadNextPage,\n   * } = db.useInfiniteQuery({\n   *   posts: {\n   *     $: {\n   *       limit: 20,   // Load 20 posts at a time\n   *       order: {\n   *         createdAt: 'desc',\n   *       },\n   *     },\n   *   },\n   * });\n   */\n  useInfiniteQuery = <Q extends ValidQuery<Q, Schema>>(\n    query: Q,\n    opts?: InstaQLOptions,\n  ): InfiniteQueryResult<Schema, Q, UseDates> => {\n    const result = useInfiniteQuerySubscription<Schema, Q, UseDates>({\n      core: this.core,\n      query: query,\n      opts,\n    });\n    return result;\n  };\n\n  /**\n   * Only render children if the user is signed in.\n   * @see https://instantdb.com/docs/auth\n   *\n   * @example\n   *  <db.SignedIn>\n   *    <MyComponent />\n   *  </db.SignedIn>\n   *\n   */\n  SignedIn: React.FC<{\n    children: ReactNode;\n  }> = ({ children }) => {\n    const auth = this.useAuth();\n    if (auth.isLoading || auth.error || !auth.user) return null;\n\n    return <>{children}</>;\n  };\n\n  /**\n   * Only render children if the user is signed out.\n   * @see https://instantdb.com/docs/auth\n   *\n   * @example\n   *  <db.SignedOut>\n   *    <MyComponent />\n   *  </db.SignedOut>\n   *\n   */\n  SignedOut: React.FC<{\n    children: ReactNode;\n  }> = ({ children }) => {\n    const auth = this.useAuth();\n    if (auth.isLoading || auth.error || auth.user) return null;\n    return <>{children}</>;\n  };\n}\n"]}

package/dist/esm/useInfiniteQuerySubscription.d.ts

@@ -0,0 +1,28 @@
+import { type InstantCoreDatabase, type InstantSchemaDef, type InstaQLOptions, InstaQLResponse, ValidQuery } from '@instantdb/core';
+export type InfiniteQueryResult<Schema extends InstantSchemaDef<any, any, any>, Q extends ValidQuery<Q, Schema>, UseDates extends boolean> = {
+    error: {
+        message: string;
+    };
+    data: undefined;
+    isLoading: false;
+    canLoadNextPage: boolean;
+    loadNextPage: () => void;
+} | {
+    error: undefined;
+    data: undefined;
+    isLoading: true;
+    canLoadNextPage: boolean;
+    loadNextPage: () => void;
+} | {
+    error: undefined;
+    data: InstaQLResponse<Schema, Q, UseDates>;
+    isLoading: false;
+    canLoadNextPage: boolean;
+    loadNextPage: () => void;
+};
+export declare function useInfiniteQuerySubscription<Schema extends InstantSchemaDef<any, any, any>, Q extends ValidQuery<Q, Schema>, UseDates extends boolean>({ core, query, opts, }: {
+    core: InstantCoreDatabase<Schema, UseDates>;
+    query: Q | null;
+    opts?: InstaQLOptions;
+}): InfiniteQueryResult<Schema, Q, UseDates>;
+//# sourceMappingURL=useInfiniteQuerySubscription.d.ts.map

package/dist/esm/useInfiniteQuerySubscription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteQuerySubscription.d.ts","sourceRoot":"","sources":["../../src/useInfiniteQuerySubscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,eAAe,EACf,UAAU,EAGX,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,mBAAmB,CAC7B,MAAM,SAAS,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC9C,CAAC,SAAS,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,EAC/B,QAAQ,SAAS,OAAO,IAEtB;IACE,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,GACD;IACE,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,GACD;IACE,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AASN,wBAAgB,4BAA4B,CAC1C,MAAM,SAAS,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC9C,CAAC,SAAS,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,EAC/B,QAAQ,SAAS,OAAO,EACxB,EACA,IAAI,EACJ,KAAK,EACL,IAAI,GACL,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,GAAG,mBAAmB,CAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAoE3C"}

package/dist/esm/useInfiniteQuerySubscription.js

@@ -0,0 +1,55 @@
+import { weakHash, getInfiniteQueryInitialSnapshot, } from '@instantdb/core';
+import { useCallback, useRef, useSyncExternalStore } from 'react';
+const defaultState = {
+    error: undefined,
+    data: undefined,
+    isLoading: true,
+    canLoadNextPage: false,
+};
+export function useInfiniteQuerySubscription({ core, query, opts, }) {
+    const subRef = useRef(null);
+    const queryHash = weakHash(query);
+    const optsHash = weakHash(opts);
+    const snapshot = getInfiniteQueryInitialSnapshot(core, query, opts);
+    const stateCacheRef = useRef({
+        ...snapshot,
+        isLoading: !snapshot.data && !snapshot.error,
+    });
+    const subscribe = useCallback((cb) => {
+        subRef.current = null;
+        stateCacheRef.current = {
+            error: undefined,
+            data: undefined,
+            isLoading: true,
+            canLoadNextPage: false,
+        };
+        cb();
+        if (!query) {
+            return () => { };
+        }
+        const sub = core.subscribeInfiniteQuery(query, (resp) => {
+            stateCacheRef.current = {
+                ...resp,
+                isLoading: false,
+            };
+            cb();
+        }, opts);
+        subRef.current = sub;
+        return () => {
+            sub.unsubscribe();
+            if (subRef.current === sub) {
+                subRef.current = null;
+            }
+        };
+    }, [queryHash, optsHash]);
+    const state = useSyncExternalStore(subscribe, () => stateCacheRef.current, () => defaultState);
+    const loadNextPage = () => {
+        subRef.current?.loadNextPage();
+    };
+    // @ts-expect-error union type
+    return {
+        ...state,
+        loadNextPage,
+    };
+}
+//# sourceMappingURL=useInfiniteQuerySubscription.js.map

package/dist/esm/useInfiniteQuerySubscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteQuerySubscription.js","sourceRoot":"","sources":["../../src/useInfiniteQuerySubscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EACR,+BAA+B,GAChC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AA6BlE,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,IAAI;IACf,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,MAAM,UAAU,4BAA4B,CAI1C,EACA,IAAI,EACJ,KAAK,EACL,IAAI,GAKL;IACC,MAAM,MAAM,GAAG,MAAM,CAAmC,IAAI,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,QAAQ,GAAG,+BAA+B,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,MAAM,CAE1B;QACA,GAAG,QAAQ;QACX,SAAS,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK;KAC7C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,EAAc,EAAE,EAAE;QACjB,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,aAAa,CAAC,OAAO,GAAG;YACtB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,KAAK;SACvB,CAAC;QACF,EAAE,EAAE,CAAC;QAEL,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAClB,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,CAAC,sBAAsB,CACrC,KAAK,EACL,CAAC,IAAI,EAAE,EAAE;YACP,aAAa,CAAC,OAAO,GAAG;gBACtB,GAAG,IAAI;gBACP,SAAS,EAAE,KAAK;aACjB,CAAC;YACF,EAAE,EAAE,CAAC;QACP,CAAC,EACD,IAAI,CACL,CAAC;QAEF,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,WAAW,EAAE,CAAC;YAClB,IAAI,MAAM,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;gBAC3B,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,MAAM,KAAK,GAAG,oBAAoB,CAChC,SAAS,EACT,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAC3B,GAAG,EAAE,CAAC,YAAY,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,8BAA8B;IAC9B,OAAO;QACL,GAAG,KAAK;QACR,YAAY;KACb,CAAC;AACJ,CAAC","sourcesContent":["import {\n  type InfiniteQuerySubscription,\n  type InstantCoreDatabase,\n  type InstantSchemaDef,\n  type InstaQLOptions,\n  InstaQLResponse,\n  ValidQuery,\n  weakHash,\n  getInfiniteQueryInitialSnapshot,\n} from '@instantdb/core';\nimport { useCallback, useRef, useSyncExternalStore } from 'react';\n\nexport type InfiniteQueryResult<\n  Schema extends InstantSchemaDef<any, any, any>,\n  Q extends ValidQuery<Q, Schema>,\n  UseDates extends boolean,\n> =\n  | {\n      error: { message: string };\n      data: undefined;\n      isLoading: false;\n      canLoadNextPage: boolean;\n      loadNextPage: () => void;\n    }\n  | {\n      error: undefined;\n      data: undefined;\n      isLoading: true;\n      canLoadNextPage: boolean;\n      loadNextPage: () => void;\n    }\n  | {\n      error: undefined;\n      data: InstaQLResponse<Schema, Q, UseDates>;\n      isLoading: false;\n      canLoadNextPage: boolean;\n      loadNextPage: () => void;\n    };\n\nconst defaultState = {\n  error: undefined,\n  data: undefined,\n  isLoading: true,\n  canLoadNextPage: false,\n};\n\nexport function useInfiniteQuerySubscription<\n  Schema extends InstantSchemaDef<any, any, any>,\n  Q extends ValidQuery<Q, Schema>,\n  UseDates extends boolean,\n>({\n  core,\n  query,\n  opts,\n}: {\n  core: InstantCoreDatabase<Schema, UseDates>;\n  query: Q | null;\n  opts?: InstaQLOptions;\n}): InfiniteQueryResult<Schema, Q, UseDates> {\n  const subRef = useRef<InfiniteQuerySubscription | null>(null);\n\n  const queryHash = weakHash(query);\n  const optsHash = weakHash(opts);\n  const snapshot = getInfiniteQueryInitialSnapshot(core, query, opts);\n\n  const stateCacheRef = useRef<\n    Omit<InfiniteQueryResult<Schema, Q, UseDates>, 'loadNextPage'>\n  >({\n    ...snapshot,\n    isLoading: !snapshot.data && !snapshot.error,\n  });\n\n  const subscribe = useCallback(\n    (cb: () => void) => {\n      subRef.current = null;\n      stateCacheRef.current = {\n        error: undefined,\n        data: undefined,\n        isLoading: true,\n        canLoadNextPage: false,\n      };\n      cb();\n\n      if (!query) {\n        return () => {};\n      }\n\n      const sub = core.subscribeInfiniteQuery(\n        query,\n        (resp) => {\n          stateCacheRef.current = {\n            ...resp,\n            isLoading: false,\n          };\n          cb();\n        },\n        opts,\n      );\n\n      subRef.current = sub;\n\n      return () => {\n        sub.unsubscribe();\n        if (subRef.current === sub) {\n          subRef.current = null;\n        }\n      };\n    },\n    [queryHash, optsHash],\n  );\n\n  const state = useSyncExternalStore(\n    subscribe,\n    () => stateCacheRef.current,\n    () => defaultState,\n  );\n\n  const loadNextPage = () => {\n    subRef.current?.loadNextPage();\n  };\n\n  // @ts-expect-error union type\n  return {\n    ...state,\n    loadNextPage,\n  };\n}\n"]}