jazz-tools 0.18.23 → 0.18.25

package/dist/react-core/index.js

@@ -162,6 +162,24 @@ function useCoStateWithSelector(Schema, id, options) {
     options.equalityFn ?? Object.is
   );
 }
+function useSubscriptionSelector(subscription, options) {
+  return useSyncExternalStoreWithSelector(
+    React.useCallback(
+      (callback) => {
+        if (!subscription) {
+          return () => {
+          };
+        }
+        return subscription.subscribe(callback);
+      },
+      [subscription]
+    ),
+    () => subscription ? subscription.getCurrentValue() : null,
+    () => subscription ? subscription.getCurrentValue() : null,
+    options?.select ?? ((value) => value),
+    options?.equalityFn ?? Object.is
+  );
+}
 function useAccountSubscription(Schema, options) {
   const contextManager = useJazzContextManager();
   const createSubscription = () => {
@@ -296,6 +314,87 @@ function useSyncConnectionStatus() {
   return connected;
 }
 
+// src/react-core/subscription-provider.tsx
+import React2 from "react";
+import { jsx } from "react/jsx-runtime";
+function createCoValueSubscriptionContext(schema, resolve) {
+  const Context = React2.createContext(null);
+  return {
+    Provider: ({
+      id,
+      options,
+      loadingFallback,
+      unavailableFallback,
+      children
+    }) => {
+      const subscription = useCoValueSubscription(schema, id, {
+        ...options,
+        resolve
+      });
+      const loadState = useSubscriptionSelector(subscription, {
+        select: (value) => !value ? value : true
+      });
+      if (loadState === void 0) {
+        return loadingFallback ?? null;
+      }
+      if (loadState === null) {
+        return unavailableFallback ?? null;
+      }
+      return /* @__PURE__ */ jsx(Context.Provider, { value: subscription, children });
+    },
+    useSelector: (options) => {
+      const subscription = React2.useContext(Context);
+      if (!subscription) {
+        throw new Error(
+          "useSelector must be used within a coValue subscription provider"
+        );
+      }
+      return useSubscriptionSelector(
+        subscription,
+        options
+      );
+    }
+  };
+}
+function createAccountSubscriptionContext(schema, resolve) {
+  const Context = React2.createContext(null);
+  return {
+    Provider: ({
+      options,
+      loadingFallback,
+      unavailableFallback,
+      children
+    }) => {
+      const subscription = useAccountSubscription(schema, {
+        ...options,
+        resolve
+      });
+      const loadState = useSubscriptionSelector(subscription, {
+        select: (value) => !value ? value : true
+      });
+      if (loadState === void 0) {
+        return loadingFallback ?? null;
+      }
+      if (loadState === null) {
+        return unavailableFallback ?? null;
+      }
+      return /* @__PURE__ */ jsx(Context.Provider, { value: subscription, children });
+    },
+    useSelector: (options) => {
+      const subscription = React2.useContext(Context);
+      if (!subscription) {
+        throw new Error(
+          "useSelector must be used within an account subscription provider"
+        );
+      }
+      return useSubscriptionSelector(
+        subscription,
+        options
+      );
+    }
+  };
+}
+
 // src/react-core/auth/DemoAuth.tsx
 import { DemoAuth } from "jazz-tools";
 import { useEffect, useMemo, useState } from "react";
@@ -367,17 +466,22 @@ function usePassphraseAuth({ wordlist }) {
 export {
   JazzContext,
   JazzContextManagerContext,
+  createAccountSubscriptionContext,
+  createCoValueSubscriptionContext,
   experimental_useInboxSender,
   useAccount,
+  useAccountSubscription,
   useAccountWithSelector,
   useAuthSecretStorage,
   useCoState,
   useCoStateWithSelector,
+  useCoValueSubscription,
   useDemoAuth,
   useIsAuthenticated,
   useJazzContext,
   useJazzContextManager,
   usePassphraseAuth,
+  useSubscriptionSelector,
   useSyncConnectionStatus
 };
 //# sourceMappingURL=index.js.map

package/dist/react-core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react-core/hooks.ts","../../src/react-core/utils.ts","../../src/react-core/auth/DemoAuth.tsx","../../src/react-core/auth/PassphraseAuth.tsx"],"sourcesContent":["import { useSyncExternalStoreWithSelector } from \"use-sync-external-store/shim/with-selector\";\nimport React, {\n  useCallback,\n  useContext,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\n\nimport {\n  Account,\n  AccountClass,\n  AnonymousJazzAgent,\n  AnyAccountSchema,\n  CoValue,\n  CoValueClassOrSchema,\n  Group,\n  InboxSender,\n  InstanceOfSchema,\n  JazzContextManager,\n  JazzContextType,\n  Loaded,\n  ResolveQuery,\n  ResolveQueryStrict,\n  SubscriptionScope,\n  coValueClassFromCoValueClassOrSchema,\n  type BranchDefinition,\n} from \"jazz-tools\";\nimport { JazzContext, JazzContextManagerContext } from \"./provider.js\";\nimport { getCurrentAccountFromContextManager } from \"./utils.js\";\n\nexport function useJazzContext<Acc extends Account>() {\n  const value = useContext(JazzContext) as JazzContextType<Acc>;\n\n  if (!value) {\n    throw new Error(\n      \"You need to set up a JazzProvider on top of your app to use this hook.\",\n    );\n  }\n\n  return value;\n}\n\nexport function useJazzContextManager<Acc extends Account>() {\n  const value = useContext(JazzContextManagerContext) as JazzContextManager<\n    Acc,\n    {}\n  >;\n\n  if (!value) {\n    throw new Error(\n      \"You need to set up a JazzProvider on top of your app to use this hook.\",\n    );\n  }\n\n  return value;\n}\n\nexport function useAuthSecretStorage() {\n  const value = useContext(JazzContextManagerContext);\n\n  if (!value) {\n    throw new Error(\n      \"You need to set up a JazzProvider on top of your app to use this useAuthSecretStorage.\",\n    );\n  }\n\n  return value.getAuthSecretStorage();\n}\n\nexport function useIsAuthenticated() {\n  const authSecretStorage = useAuthSecretStorage();\n\n  return useSyncExternalStore(\n    useCallback(\n      (callback) => {\n        return authSecretStorage.onUpdate(callback);\n      },\n      [authSecretStorage],\n    ),\n    () => authSecretStorage.isAuthenticated,\n    () => authSecretStorage.isAuthenticated,\n  );\n}\n\nfunction useCoValueSubscription<\n  S extends CoValueClassOrSchema,\n  const R extends ResolveQuery<S>,\n>(\n  Schema: S,\n  id: string | undefined | null,\n  options?: {\n    resolve?: ResolveQueryStrict<S, R>;\n    unstable_branch?: BranchDefinition;\n  },\n) {\n  const contextManager = useJazzContextManager();\n\n  const createSubscription = () => {\n    if (!id) {\n      return {\n        subscription: null,\n        contextManager,\n        id,\n        Schema,\n      };\n    }\n\n    if (options?.unstable_branch?.owner === null) {\n      return {\n        subscription: null,\n        contextManager,\n        id,\n        Schema,\n      };\n    }\n\n    const node = contextManager.getCurrentValue()!.node;\n    const subscription = new SubscriptionScope<any>(\n      node,\n      options?.resolve ?? true,\n      id,\n      {\n        ref: coValueClassFromCoValueClassOrSchema(Schema),\n        optional: true,\n      },\n      false,\n      false,\n      options?.unstable_branch,\n    );\n\n    return {\n      subscription,\n      contextManager,\n      id,\n      Schema,\n      branchName: options?.unstable_branch?.name,\n      branchOwnerId: options?.unstable_branch?.owner?.$jazz.id,\n    };\n  };\n\n  const [subscription, setSubscription] = React.useState(createSubscription);\n\n  const branchName = options?.unstable_branch?.name;\n  const branchOwnerId = options?.unstable_branch?.owner?.$jazz.id;\n\n  React.useLayoutEffect(() => {\n    if (\n      subscription.contextManager !== contextManager ||\n      subscription.id !== id ||\n      subscription.Schema !== Schema ||\n      subscription.branchName !== branchName ||\n      subscription.branchOwnerId !== branchOwnerId\n    ) {\n      subscription.subscription?.destroy();\n      setSubscription(createSubscription());\n    }\n\n    return contextManager.subscribe(() => {\n      subscription.subscription?.destroy();\n      setSubscription(createSubscription());\n    });\n  }, [Schema, id, contextManager, branchName, branchOwnerId]);\n\n  return subscription.subscription;\n}\n\n/**\n * React hook for subscribing to CoValues and handling loading states.\n *\n * This hook provides a convenient way to subscribe to CoValues and automatically\n * handles the subscription lifecycle (subscribe on mount, unsubscribe on unmount).\n * It also supports deep loading of nested CoValues through resolve queries.\n *\n * @returns The loaded CoValue, or `undefined` if loading, or `null` if not found/not accessible\n *\n * @example\n * ```tsx\n * // Deep loading with resolve queries\n * const Project = co.map({\n *   name: z.string(),\n *   tasks: co.list(Task),\n *   owner: TeamMember,\n * });\n *\n * function ProjectView({ projectId }: { projectId: string }) {\n *   const project = useCoState(Project, projectId, {\n *     resolve: {\n *       tasks: { $each: true },\n *       owner: true,\n *     },\n *   });\n *\n *   if (!project) {\n *     return project === null\n *       ? \"Project not found or not accessible\"\n *       : \"Loading project...\";\n *   }\n *\n *   return (\n *     <div>\n *       <h1>{project.name}</h1>\n *       <p>Owner: {project.owner.name}</p>\n *       <ul>\n *         {project.tasks.map((task) => (\n *           <li key={task.id}>{task.title}</li>\n *         ))}\n *       </ul>\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Using with optional references and error handling\n * const Task = co.map({\n *   title: z.string(),\n *   assignee: co.optional(TeamMember),\n *   subtasks: co.list(Task),\n * });\n *\n * function TaskDetail({ taskId }: { taskId: string }) {\n *   const task = useCoState(Task, taskId, {\n *     resolve: {\n *       assignee: true,\n *       subtasks: { $each: { $onError: null } },\n *     },\n *   });\n *\n *   if (!task) {\n *     return task === null\n *       ? \"Task not found or not accessible\"\n *       : \"Loading task...\";\n *   }\n *\n *   return (\n *     <div>\n *       <h2>{task.title}</h2>\n *       {task.assignee && <p>Assigned to: {task.assignee.name}</p>}\n *       <ul>\n *         {task.subtasks.map((subtask, index) => (\n *           subtask ? <li key={subtask.id}>{subtask.title}</li> : <li key={index}>Inaccessible subtask</li>\n *         ))}\n *       </ul>\n *     </div>\n *   );\n * }\n * ```\n *\n * For more examples, see the [subscription and deep loading](https://jazz.tools/docs/react/using-covalues/subscription-and-loading) documentation.\n */\nexport function useCoState<\n  S extends CoValueClassOrSchema,\n  const R extends ResolveQuery<S> = true,\n>(\n  /** The CoValue schema or class constructor */\n  Schema: S,\n  /** The ID of the CoValue to subscribe to. If `undefined`, returns `null` */\n  id: string | undefined,\n  /** Optional configuration for the subscription */\n  options?: {\n    /** Resolve query to specify which nested CoValues to load */\n    resolve?: ResolveQueryStrict<S, R>;\n    /**\n     * Create or load a branch for isolated editing.\n     *\n     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.\n     * It's a fork of your data graph: the same schema, but with diverging values.\n     *\n     * The checkout of the branch is applied on all the resolved values.\n     *\n     * @param name - A unique name for the branch. This identifies the branch\n     *   and can be used to switch between different branches of the same CoValue.\n     * @param owner - The owner of the branch. Determines who can access and modify\n     *   the branch. If not provided, the branch is owned by the current user.\n     *\n     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.\n     */\n    unstable_branch?: BranchDefinition;\n  },\n): Loaded<S, R> | undefined | null {\n  const subscription = useCoValueSubscription(Schema, id, options);\n\n  const value = React.useSyncExternalStore<Loaded<S, R> | undefined | null>(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n  );\n\n  return value;\n}\n\n/**\n * React hook for subscribing to CoValues with selective data extraction and custom equality checking.\n *\n * This hook extends `useCoState` by allowing you to select only specific parts of the CoValue data\n * through a selector function, which helps reduce unnecessary re-renders by narrowing down the\n * returned data. Additionally, you can provide a custom equality function to further optimize\n * performance by controlling when the component should re-render based on the selected data.\n *\n * The hook automatically handles the subscription lifecycle and supports deep loading of nested\n * CoValues through resolve queries, just like `useCoState`.\n *\n * @returns The result of the selector function applied to the loaded CoValue data\n *\n * @example\n * ```tsx\n * // Select only specific fields to reduce re-renders\n * const Project = co.map({\n *   name: z.string(),\n *   description: z.string(),\n *   tasks: co.list(Task),\n *   lastModified: z.date(),\n * });\n *\n * function ProjectTitle({ projectId }: { projectId: string }) {\n *   // Only re-render when the project name changes, not other fields\n *   const projectName = useCoStateWithSelector(\n *     Project,\n *     projectId,\n *     {\n *       select: (project) => project?.name ?? \"Loading...\",\n *     }\n *   );\n *\n *   return <h1>{projectName}</h1>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Use custom equality function for complex data structures\n * const TaskList = co.list(Task);\n *\n * function TaskCount({ listId }: { listId: string }) {\n *   const taskStats = useCoStateWithSelector(\n *     TaskList,\n *     listId,\n *     {\n *       resolve: { $each: true },\n *       select: (tasks) => {\n *         if (!tasks) return { total: 0, completed: 0 };\n *         return {\n *           total: tasks.length,\n *           completed: tasks.filter(task => task.completed).length,\n *         };\n *       },\n *       // Custom equality to prevent re-renders when stats haven't changed\n *       equalityFn: (a, b) => a.total === b.total && a.completed === b.completed,\n *     }\n *   );\n *\n *   return (\n *     <div>\n *       {taskStats.completed} of {taskStats.total} tasks completed\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Combine with deep loading and complex selectors\n * const Team = co.map({\n *   name: z.string(),\n *   members: co.list(TeamMember),\n *   projects: co.list(Project),\n * });\n *\n * function TeamSummary({ teamId }: { teamId: string }) {\n *   const summary = useCoStateWithSelector(\n *     Team,\n *     teamId,\n *     {\n *       resolve: {\n *         members: { $each: true },\n *         projects: { $each: { tasks: { $each: true } } },\n *       },\n *       select: (team) => {\n *         if (!team) return null;\n *\n *         const totalTasks = team.projects.reduce(\n *           (sum, project) => sum + project.tasks.length,\n *           0\n *         );\n *\n *         return {\n *           teamName: team.name,\n *           memberCount: team.members.length,\n *           projectCount: team.projects.length,\n *           totalTasks,\n *         };\n *       },\n *     }\n *   );\n *\n *   if (!summary) return <div>Loading team summary...</div>;\n *\n *   return (\n *     <div>\n *       <h2>{summary.teamName}</h2>\n *       <p>{summary.memberCount} members</p>\n *       <p>{summary.projectCount} projects</p>\n *       <p>{summary.totalTasks} total tasks</p>\n *     </div>\n *   );\n * }\n * ```\n *\n * For more examples, see the [subscription and deep loading](https://jazz.tools/docs/react/using-covalues/subscription-and-loading) documentation.\n */\nexport function useCoStateWithSelector<\n  S extends CoValueClassOrSchema,\n  TSelectorReturn,\n  const R extends ResolveQuery<S> = true,\n>(\n  /** The CoValue schema or class constructor */\n  Schema: S,\n  /** The ID of the CoValue to subscribe to. If `undefined`, returns the result of selector called with `null` */\n  id: string | undefined,\n  /** Optional configuration for the subscription */\n  options: {\n    /** Resolve query to specify which nested CoValues to load */\n    resolve?: ResolveQueryStrict<S, R>;\n    /** Select which value to return */\n    select: (value: Loaded<S, R> | undefined | null) => TSelectorReturn;\n    /** Equality function to determine if the selected value has changed, defaults to `Object.is` */\n    equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;\n    /**\n     * Create or load a branch for isolated editing.\n     *\n     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.\n     * It's a fork of your data graph: the same schema, but with diverging values.\n     *\n     * The checkout of the branch is applied on all the resolved values.\n     *\n     * @param name - A unique name for the branch. This identifies the branch\n     *   and can be used to switch between different branches of the same CoValue.\n     * @param owner - The owner of the branch. Determines who can access and modify\n     *   the branch. If not provided, the branch is owned by the current user.\n     *\n     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.\n     */\n    unstable_branch?: BranchDefinition;\n  },\n): TSelectorReturn {\n  const subscription = useCoValueSubscription(Schema, id, options);\n\n  return useSyncExternalStoreWithSelector<\n    Loaded<S, R> | undefined | null,\n    TSelectorReturn\n  >(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    options.select,\n    options.equalityFn ?? Object.is,\n  );\n}\n\nfunction useAccountSubscription<\n  S extends AccountClass<Account> | AnyAccountSchema,\n  const R extends ResolveQuery<S>,\n>(\n  Schema: S,\n  options?: {\n    resolve?: ResolveQueryStrict<S, R>;\n    unstable_branch?: BranchDefinition;\n  },\n) {\n  const contextManager = useJazzContextManager();\n\n  const createSubscription = () => {\n    const agent = getCurrentAccountFromContextManager(contextManager);\n\n    if (agent.$type$ === \"Anonymous\") {\n      return {\n        subscription: null,\n        contextManager,\n        agent,\n      };\n    }\n\n    // We don't need type validation here, since it's mostly to help users on public API\n    const resolve: any = options?.resolve ?? true;\n\n    const node = contextManager.getCurrentValue()!.node;\n    const subscription = new SubscriptionScope<any>(\n      node,\n      resolve,\n      agent.$jazz.id,\n      {\n        ref: coValueClassFromCoValueClassOrSchema(Schema),\n        optional: true,\n      },\n      false,\n      false,\n      options?.unstable_branch,\n    );\n\n    return {\n      subscription,\n      contextManager,\n      Schema,\n      branchName: options?.unstable_branch?.name,\n      branchOwnerId: options?.unstable_branch?.owner?.$jazz.id,\n    };\n  };\n\n  const [subscription, setSubscription] = React.useState(createSubscription);\n\n  const branchName = options?.unstable_branch?.name;\n  const branchOwnerId = options?.unstable_branch?.owner?.$jazz.id;\n\n  React.useLayoutEffect(() => {\n    if (\n      subscription.contextManager !== contextManager ||\n      subscription.Schema !== Schema ||\n      subscription.branchName !== options?.unstable_branch?.name ||\n      subscription.branchOwnerId !== options?.unstable_branch?.owner?.$jazz.id\n    ) {\n      subscription.subscription?.destroy();\n      setSubscription(createSubscription());\n    }\n\n    return contextManager.subscribe(() => {\n      subscription.subscription?.destroy();\n      setSubscription(createSubscription());\n    });\n  }, [Schema, contextManager, branchName, branchOwnerId]);\n\n  return subscription.subscription;\n}\n\n/**\n * React hook for accessing the current user's account and authentication state.\n * \n * This hook provides access to the current user's account profile and root data,\n * along with authentication utilities. It automatically handles subscription to\n * the user's account data and provides a logout function.\n * \n * @returns An object containing:\n * - `me`: The loaded account data, or `undefined` if loading, or `null` if not authenticated\n * - `agent`: The current agent (anonymous or authenticated user). Can be used as `loadAs` parameter for load and subscribe methods.\n * - `logOut`: Function to log out the current user\n\n * @example\n * ```tsx\n * // Deep loading with resolve queries\n * function ProjectListWithDetails() {\n *   const { me } = useAccount(MyAppAccount, {\n *     resolve: {\n *       profile: true,\n *       root: {\n *         myProjects: {\n *           $each: {\n *             tasks: true,\n *           },\n *         },\n *       },\n *     },\n *   });\n * \n *   if (!me) {\n *     return me === null\n *       ? <div>Failed to load your projects</div>\n *       : <div>Loading...</div>;\n *   }\n * \n *   return (\n *     <div>\n *       <h1>{me.profile.name}'s projects</h1>\n *       <ul>\n *         {me.root.myProjects.map((project) => (\n *           <li key={project.id}>\n *             {project.name} ({project.tasks.length} tasks)\n *           </li>\n *         ))}\n *       </ul>\n *     </div>\n *   );\n * }\n * ```\n * \n */\nexport function useAccount<\n  A extends AccountClass<Account> | AnyAccountSchema,\n  R extends ResolveQuery<A> = true,\n>(\n  /** The account schema to use. Defaults to the base Account schema */\n  AccountSchema: A = Account as unknown as A,\n  /** Optional configuration for the subscription */\n  options?: {\n    /** Resolve query to specify which nested CoValues to load from the account */\n    resolve?: ResolveQueryStrict<A, R>;\n    /**\n     * Create or load a branch for isolated editing.\n     *\n     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.\n     * It's a fork of your data graph: the same schema, but with diverging values.\n     *\n     * The checkout of the branch is applied on all the resolved values.\n     *\n     * @param name - A unique name for the branch. This identifies the branch\n     *   and can be used to switch between different branches of the same CoValue.\n     * @param owner - The owner of the branch. Determines who can access and modify\n     *   the branch. If not provided, the branch is owned by the current user.\n     *\n     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.\n     */\n    unstable_branch?: BranchDefinition;\n  },\n): {\n  me: Loaded<A, R> | undefined | null;\n  agent: AnonymousJazzAgent | Loaded<A, true>;\n  logOut: () => void;\n} {\n  const contextManager = useJazzContextManager<InstanceOfSchema<A>>();\n  const subscription = useAccountSubscription(AccountSchema, options);\n\n  const agent = getCurrentAccountFromContextManager(contextManager);\n\n  const value = React.useSyncExternalStore<Loaded<A, R> | undefined | null>(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n  );\n\n  return {\n    me: value,\n    agent,\n    logOut: contextManager.logOut,\n  };\n}\n\n/**\n * React hook for accessing the current user's account with selective data extraction and custom equality checking.\n *\n * This hook extends `useAccount` by allowing you to select only specific parts of the account data\n * through a selector function, which helps reduce unnecessary re-renders by narrowing down the\n * returned data. Additionally, you can provide a custom equality function to further optimize\n * performance by controlling when the component should re-render based on the selected data.\n *\n * The hook automatically handles the subscription lifecycle and supports deep loading of nested\n * CoValues through resolve queries, just like `useAccount`.\n *\n * @returns The result of the selector function applied to the loaded account data\n *\n * @example\n * ```tsx\n * // Select only specific fields to reduce re-renders\n * const MyAppAccount = co.account({\n *   profile: co.profile(),\n *   root: co.map({\n *     name: z.string(),\n *     email: z.string(),\n *     lastLogin: z.date(),\n *   }),\n * });\n *\n * function UserProfile({ accountId }: { accountId: string }) {\n *   // Only re-render when the profile name changes, not other fields\n *   const profileName = useAccountWithSelector(\n *     MyAppAccount,\n *     {\n *       resolve: {\n *         profile: true,\n *         root: true,\n *       },\n *       select: (account) => account?.profile?.name ?? \"Loading...\",\n *     }\n *   );\n *\n *   return <h1>{profileName}</h1>;\n * }\n * ```\n *\n * For more examples, see the [subscription and deep loading](https://jazz.tools/docs/react/using-covalues/subscription-and-loading) documentation.\n */\nexport function useAccountWithSelector<\n  A extends AccountClass<Account> | AnyAccountSchema,\n  TSelectorReturn,\n  R extends ResolveQuery<A> = true,\n>(\n  /** The account schema to use. Defaults to the base Account schema */\n  AccountSchema: A = Account as unknown as A,\n  /** Configuration for the subscription and selection */\n  options: {\n    /** Resolve query to specify which nested CoValues to load from the account */\n    resolve?: ResolveQueryStrict<A, R>;\n    /** Select which value to return from the account data */\n    select: (account: Loaded<A, R> | undefined | null) => TSelectorReturn;\n    /** Equality function to determine if the selected value has changed, defaults to `Object.is` */\n    equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;\n    /**\n     * Create or load a branch for isolated editing.\n     *\n     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.\n     * It's a fork of your data graph: the same schema, but with diverging values.\n     *\n     * The checkout of the branch is applied on all the resolved values.\n     *\n     * @param name - A unique name for the branch. This identifies the branch\n     *   and can be used to switch between different branches of the same CoValue.\n     * @param owner - The owner of the branch. Determines who can access and modify\n     *   the branch. If not provided, the branch is owned by the current user.\n     *\n     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.\n     */\n    unstable_branch?: BranchDefinition;\n  },\n): TSelectorReturn {\n  const subscription = useAccountSubscription(AccountSchema, options);\n\n  return useSyncExternalStoreWithSelector<\n    Loaded<A, R> | undefined | null,\n    TSelectorReturn\n  >(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    options.select,\n    options.equalityFn ?? Object.is,\n  );\n}\n\nexport function experimental_useInboxSender<\n  I extends CoValue,\n  O extends CoValue | undefined,\n>(inboxOwnerID: string | undefined) {\n  const context = useJazzContext();\n\n  if (!(\"me\" in context)) {\n    throw new Error(\n      \"useInboxSender can't be used in a JazzProvider with auth === 'guest'.\",\n    );\n  }\n\n  const me = context.me;\n  const inboxRef = useRef<Promise<InboxSender<I, O>> | undefined>(undefined);\n\n  const sendMessage = useCallback(\n    async (message: I) => {\n      if (!inboxOwnerID) throw new Error(\"Inbox owner ID is required\");\n\n      if (!inboxRef.current) {\n        const inbox = InboxSender.load<I, O>(inboxOwnerID, me);\n        inboxRef.current = inbox;\n      }\n\n      let inbox = await inboxRef.current;\n\n      // Regenerate the InboxSender if the inbox owner or current account changes\n      if (inbox.owner.id !== inboxOwnerID || inbox.currentAccount !== me) {\n        const req = InboxSender.load<I, O>(inboxOwnerID, me);\n        inboxRef.current = req;\n        inbox = await req;\n      }\n\n      return inbox.sendMessage(message);\n    },\n    [inboxOwnerID, me.$jazz.id],\n  );\n\n  return sendMessage;\n}\n\n/**\n * Hook that returns the current connection status to the Jazz sync server.\n *\n * @returns `true` when connected to the server, `false` when disconnected\n *\n * @remarks\n * On connection drop, this hook will return `false` only when Jazz detects the disconnection\n * after 5 seconds of not receiving a ping from the server.\n */\nexport function useSyncConnectionStatus() {\n  const context = useJazzContext();\n\n  const connected = useSyncExternalStore(\n    useCallback(\n      (callback) => {\n        return context.addConnectionListener(callback);\n      },\n      [context],\n    ),\n    () => context.connected(),\n    () => context.connected(),\n  );\n\n  return connected;\n}\n","import { Account, JazzContextManager } from \"jazz-tools\";\n\nexport function getCurrentAccountFromContextManager<Acc extends Account>(\n  contextManager: JazzContextManager<Acc, any>,\n) {\n  const context = contextManager.getCurrentValue();\n\n  if (!context) {\n    throw new Error(\"No context found\");\n  }\n\n  return \"me\" in context ? context.me : context.guest;\n}\n\nexport function subscribeToContextManager<Acc extends Account>(\n  contextManager: JazzContextManager<Acc, any>,\n  callback: () => () => void,\n) {\n  let unsub = () => {};\n\n  const handler = () => {\n    unsub();\n    unsub = callback();\n  };\n\n  handler();\n  return contextManager.subscribe(handler);\n}\n","import { DemoAuth } from \"jazz-tools\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useAuthSecretStorage, useJazzContext } from \"../hooks.js\";\nimport { useIsAuthenticated } from \"../hooks.js\";\n\n/**\n * `useDemoAuth` is a hook that provides a `JazzAuth` object for demo authentication.\n *\n *\n * ```ts\n * const { state, logIn, signUp, existingUsers } = useDemoAuth();\n * ```\n *\n * @category Auth Providers\n */\nexport function useDemoAuth() {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n\n  if (\"guest\" in context) {\n    throw new Error(\"Demo auth is not supported in guest mode\");\n  }\n\n  const authMethod = useMemo(() => {\n    return new DemoAuth(context.authenticate, authSecretStorage);\n  }, []);\n\n  const isAuthenticated = useIsAuthenticated();\n  const [existingUsers, setExistingUsers] = useState<string[]>([]);\n\n  useEffect(() => {\n    authMethod.getExistingUsers().then(setExistingUsers);\n  }, [authMethod]);\n\n  function handleSignUp(username: string) {\n    return authMethod.signUp(username).then(() => {\n      setExistingUsers(existingUsers.concat([username]));\n    });\n  }\n\n  return {\n    state: isAuthenticated ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.logIn,\n    signUp: handleSignUp,\n    existingUsers,\n  } as const;\n}\n","import { PassphraseAuth } from \"jazz-tools\";\nimport { useCallback, useMemo, useSyncExternalStore } from \"react\";\nimport { useAuthSecretStorage, useJazzContext } from \"../hooks.js\";\nimport { useIsAuthenticated } from \"../hooks.js\";\n\n/**\n * `usePassphraseAuth` hook provides a `JazzAuth` object for passphrase authentication.\n *\n * @example\n * ```ts\n * const auth = usePassphraseAuth({ appName, appHostname, wordlist });\n * ```\n *\n * @category Auth Providers\n */\nexport function usePassphraseAuth({ wordlist }: { wordlist: string[] }) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n\n  if (\"guest\" in context) {\n    throw new Error(\"Passphrase auth is not supported in guest mode\");\n  }\n\n  const authMethod = useMemo(() => {\n    return new PassphraseAuth(\n      context.node.crypto,\n      context.authenticate,\n      context.register,\n      authSecretStorage,\n      wordlist,\n    );\n  }, [wordlist]);\n\n  const passphrase = useSyncExternalStore(\n    useCallback(\n      (callback) => {\n        authMethod.loadCurrentAccountPassphrase();\n        return authMethod.subscribe(callback);\n      },\n      [authMethod],\n    ),\n    () => authMethod.passphrase,\n  );\n\n  const isAuthenticated = useIsAuthenticated();\n  return {\n    state: isAuthenticated ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.logIn,\n    signUp: authMethod.signUp,\n    registerNewAccount: authMethod.registerNewAccount,\n    generateRandomPassphrase: authMethod.generateRandomPassphrase,\n    passphrase,\n  } as const;\n}\n"],"mappings":"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","names":["subscription","inbox","useCallback","useMemo","useSyncExternalStore","useMemo","useSyncExternalStore","useCallback"]}
+{"version":3,"sources":["../../src/react-core/hooks.ts","../../src/react-core/utils.ts","../../src/react-core/subscription-provider.tsx","../../src/react-core/auth/DemoAuth.tsx","../../src/react-core/auth/PassphraseAuth.tsx"],"sourcesContent":["import { useSyncExternalStoreWithSelector } from \"use-sync-external-store/shim/with-selector\";\nimport React, {\n  useCallback,\n  useContext,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\n\nimport {\n  Account,\n  AccountClass,\n  AnonymousJazzAgent,\n  AnyAccountSchema,\n  CoValue,\n  CoValueClassOrSchema,\n  InboxSender,\n  InstanceOfSchema,\n  JazzContextManager,\n  JazzContextType,\n  Loaded,\n  ResolveQuery,\n  ResolveQueryStrict,\n  SubscriptionScope,\n  coValueClassFromCoValueClassOrSchema,\n  type BranchDefinition,\n} from \"jazz-tools\";\nimport { JazzContext, JazzContextManagerContext } from \"./provider.js\";\nimport { getCurrentAccountFromContextManager } from \"./utils.js\";\nimport { CoValueSubscription } from \"./types.js\";\n\nexport function useJazzContext<Acc extends Account>() {\n  const value = useContext(JazzContext) as JazzContextType<Acc>;\n\n  if (!value) {\n    throw new Error(\n      \"You need to set up a JazzProvider on top of your app to use this hook.\",\n    );\n  }\n\n  return value;\n}\n\nexport function useJazzContextManager<Acc extends Account>() {\n  const value = useContext(JazzContextManagerContext) as JazzContextManager<\n    Acc,\n    {}\n  >;\n\n  if (!value) {\n    throw new Error(\n      \"You need to set up a JazzProvider on top of your app to use this hook.\",\n    );\n  }\n\n  return value;\n}\n\nexport function useAuthSecretStorage() {\n  const value = useContext(JazzContextManagerContext);\n\n  if (!value) {\n    throw new Error(\n      \"You need to set up a JazzProvider on top of your app to use this useAuthSecretStorage.\",\n    );\n  }\n\n  return value.getAuthSecretStorage();\n}\n\nexport function useIsAuthenticated() {\n  const authSecretStorage = useAuthSecretStorage();\n\n  return useSyncExternalStore(\n    useCallback(\n      (callback) => {\n        return authSecretStorage.onUpdate(callback);\n      },\n      [authSecretStorage],\n    ),\n    () => authSecretStorage.isAuthenticated,\n    () => authSecretStorage.isAuthenticated,\n  );\n}\n\nexport function useCoValueSubscription<\n  S extends CoValueClassOrSchema,\n  const R extends ResolveQuery<S>,\n>(\n  Schema: S,\n  id: string | undefined | null,\n  options?: {\n    resolve?: ResolveQueryStrict<S, R>;\n    unstable_branch?: BranchDefinition;\n  },\n) {\n  const contextManager = useJazzContextManager();\n\n  const createSubscription = () => {\n    if (!id) {\n      return {\n        subscription: null,\n        contextManager,\n        id,\n        Schema,\n      };\n    }\n\n    if (options?.unstable_branch?.owner === null) {\n      return {\n        subscription: null,\n        contextManager,\n        id,\n        Schema,\n      };\n    }\n\n    const node = contextManager.getCurrentValue()!.node;\n    const subscription = new SubscriptionScope<any>(\n      node,\n      options?.resolve ?? true,\n      id,\n      {\n        ref: coValueClassFromCoValueClassOrSchema(Schema),\n        optional: true,\n      },\n      false,\n      false,\n      options?.unstable_branch,\n    );\n\n    return {\n      subscription,\n      contextManager,\n      id,\n      Schema,\n      branchName: options?.unstable_branch?.name,\n      branchOwnerId: options?.unstable_branch?.owner?.$jazz.id,\n    };\n  };\n\n  const [subscription, setSubscription] = React.useState(createSubscription);\n\n  const branchName = options?.unstable_branch?.name;\n  const branchOwnerId = options?.unstable_branch?.owner?.$jazz.id;\n\n  React.useLayoutEffect(() => {\n    if (\n      subscription.contextManager !== contextManager ||\n      subscription.id !== id ||\n      subscription.Schema !== Schema ||\n      subscription.branchName !== branchName ||\n      subscription.branchOwnerId !== branchOwnerId\n    ) {\n      subscription.subscription?.destroy();\n      setSubscription(createSubscription());\n    }\n\n    return contextManager.subscribe(() => {\n      subscription.subscription?.destroy();\n      setSubscription(createSubscription());\n    });\n  }, [Schema, id, contextManager, branchName, branchOwnerId]);\n\n  return subscription.subscription as CoValueSubscription<S, R>;\n}\n\n/**\n * React hook for subscribing to CoValues and handling loading states.\n *\n * This hook provides a convenient way to subscribe to CoValues and automatically\n * handles the subscription lifecycle (subscribe on mount, unsubscribe on unmount).\n * It also supports deep loading of nested CoValues through resolve queries.\n *\n * @returns The loaded CoValue, or `undefined` if loading, or `null` if not found/not accessible\n *\n * @example\n * ```tsx\n * // Deep loading with resolve queries\n * const Project = co.map({\n *   name: z.string(),\n *   tasks: co.list(Task),\n *   owner: TeamMember,\n * });\n *\n * function ProjectView({ projectId }: { projectId: string }) {\n *   const project = useCoState(Project, projectId, {\n *     resolve: {\n *       tasks: { $each: true },\n *       owner: true,\n *     },\n *   });\n *\n *   if (!project) {\n *     return project === null\n *       ? \"Project not found or not accessible\"\n *       : \"Loading project...\";\n *   }\n *\n *   return (\n *     <div>\n *       <h1>{project.name}</h1>\n *       <p>Owner: {project.owner.name}</p>\n *       <ul>\n *         {project.tasks.map((task) => (\n *           <li key={task.id}>{task.title}</li>\n *         ))}\n *       </ul>\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Using with optional references and error handling\n * const Task = co.map({\n *   title: z.string(),\n *   assignee: co.optional(TeamMember),\n *   subtasks: co.list(Task),\n * });\n *\n * function TaskDetail({ taskId }: { taskId: string }) {\n *   const task = useCoState(Task, taskId, {\n *     resolve: {\n *       assignee: true,\n *       subtasks: { $each: { $onError: null } },\n *     },\n *   });\n *\n *   if (!task) {\n *     return task === null\n *       ? \"Task not found or not accessible\"\n *       : \"Loading task...\";\n *   }\n *\n *   return (\n *     <div>\n *       <h2>{task.title}</h2>\n *       {task.assignee && <p>Assigned to: {task.assignee.name}</p>}\n *       <ul>\n *         {task.subtasks.map((subtask, index) => (\n *           subtask ? <li key={subtask.id}>{subtask.title}</li> : <li key={index}>Inaccessible subtask</li>\n *         ))}\n *       </ul>\n *     </div>\n *   );\n * }\n * ```\n *\n * For more examples, see the [subscription and deep loading](https://jazz.tools/docs/react/using-covalues/subscription-and-loading) documentation.\n */\nexport function useCoState<\n  S extends CoValueClassOrSchema,\n  const R extends ResolveQuery<S> = true,\n>(\n  /** The CoValue schema or class constructor */\n  Schema: S,\n  /** The ID of the CoValue to subscribe to. If `undefined`, returns `null` */\n  id: string | undefined,\n  /** Optional configuration for the subscription */\n  options?: {\n    /** Resolve query to specify which nested CoValues to load */\n    resolve?: ResolveQueryStrict<S, R>;\n    /**\n     * Create or load a branch for isolated editing.\n     *\n     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.\n     * It's a fork of your data graph: the same schema, but with diverging values.\n     *\n     * The checkout of the branch is applied on all the resolved values.\n     *\n     * @param name - A unique name for the branch. This identifies the branch\n     *   and can be used to switch between different branches of the same CoValue.\n     * @param owner - The owner of the branch. Determines who can access and modify\n     *   the branch. If not provided, the branch is owned by the current user.\n     *\n     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.\n     */\n    unstable_branch?: BranchDefinition;\n  },\n): Loaded<S, R> | undefined | null {\n  const subscription = useCoValueSubscription(Schema, id, options);\n\n  const value = React.useSyncExternalStore<Loaded<S, R> | undefined | null>(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n  );\n\n  return value;\n}\n\n/**\n * React hook for subscribing to CoValues with selective data extraction and custom equality checking.\n *\n * This hook extends `useCoState` by allowing you to select only specific parts of the CoValue data\n * through a selector function, which helps reduce unnecessary re-renders by narrowing down the\n * returned data. Additionally, you can provide a custom equality function to further optimize\n * performance by controlling when the component should re-render based on the selected data.\n *\n * The hook automatically handles the subscription lifecycle and supports deep loading of nested\n * CoValues through resolve queries, just like `useCoState`.\n *\n * @returns The result of the selector function applied to the loaded CoValue data\n *\n * @example\n * ```tsx\n * // Select only specific fields to reduce re-renders\n * const Project = co.map({\n *   name: z.string(),\n *   description: z.string(),\n *   tasks: co.list(Task),\n *   lastModified: z.date(),\n * });\n *\n * function ProjectTitle({ projectId }: { projectId: string }) {\n *   // Only re-render when the project name changes, not other fields\n *   const projectName = useCoStateWithSelector(\n *     Project,\n *     projectId,\n *     {\n *       select: (project) => project?.name ?? \"Loading...\",\n *     }\n *   );\n *\n *   return <h1>{projectName}</h1>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Use custom equality function for complex data structures\n * const TaskList = co.list(Task);\n *\n * function TaskCount({ listId }: { listId: string }) {\n *   const taskStats = useCoStateWithSelector(\n *     TaskList,\n *     listId,\n *     {\n *       resolve: { $each: true },\n *       select: (tasks) => {\n *         if (!tasks) return { total: 0, completed: 0 };\n *         return {\n *           total: tasks.length,\n *           completed: tasks.filter(task => task.completed).length,\n *         };\n *       },\n *       // Custom equality to prevent re-renders when stats haven't changed\n *       equalityFn: (a, b) => a.total === b.total && a.completed === b.completed,\n *     }\n *   );\n *\n *   return (\n *     <div>\n *       {taskStats.completed} of {taskStats.total} tasks completed\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Combine with deep loading and complex selectors\n * const Team = co.map({\n *   name: z.string(),\n *   members: co.list(TeamMember),\n *   projects: co.list(Project),\n * });\n *\n * function TeamSummary({ teamId }: { teamId: string }) {\n *   const summary = useCoStateWithSelector(\n *     Team,\n *     teamId,\n *     {\n *       resolve: {\n *         members: { $each: true },\n *         projects: { $each: { tasks: { $each: true } } },\n *       },\n *       select: (team) => {\n *         if (!team) return null;\n *\n *         const totalTasks = team.projects.reduce(\n *           (sum, project) => sum + project.tasks.length,\n *           0\n *         );\n *\n *         return {\n *           teamName: team.name,\n *           memberCount: team.members.length,\n *           projectCount: team.projects.length,\n *           totalTasks,\n *         };\n *       },\n *     }\n *   );\n *\n *   if (!summary) return <div>Loading team summary...</div>;\n *\n *   return (\n *     <div>\n *       <h2>{summary.teamName}</h2>\n *       <p>{summary.memberCount} members</p>\n *       <p>{summary.projectCount} projects</p>\n *       <p>{summary.totalTasks} total tasks</p>\n *     </div>\n *   );\n * }\n * ```\n *\n * For more examples, see the [subscription and deep loading](https://jazz.tools/docs/react/using-covalues/subscription-and-loading) documentation.\n */\nexport function useCoStateWithSelector<\n  S extends CoValueClassOrSchema,\n  TSelectorReturn,\n  const R extends ResolveQuery<S> = true,\n>(\n  /** The CoValue schema or class constructor */\n  Schema: S,\n  /** The ID of the CoValue to subscribe to. If `undefined`, returns the result of selector called with `null` */\n  id: string | undefined,\n  /** Optional configuration for the subscription */\n  options: {\n    /** Resolve query to specify which nested CoValues to load */\n    resolve?: ResolveQueryStrict<S, R>;\n    /** Select which value to return */\n    select: (value: Loaded<S, R> | undefined | null) => TSelectorReturn;\n    /** Equality function to determine if the selected value has changed, defaults to `Object.is` */\n    equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;\n    /**\n     * Create or load a branch for isolated editing.\n     *\n     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.\n     * It's a fork of your data graph: the same schema, but with diverging values.\n     *\n     * The checkout of the branch is applied on all the resolved values.\n     *\n     * @param name - A unique name for the branch. This identifies the branch\n     *   and can be used to switch between different branches of the same CoValue.\n     * @param owner - The owner of the branch. Determines who can access and modify\n     *   the branch. If not provided, the branch is owned by the current user.\n     *\n     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.\n     */\n    unstable_branch?: BranchDefinition;\n  },\n): TSelectorReturn {\n  const subscription = useCoValueSubscription(Schema, id, options);\n\n  return useSyncExternalStoreWithSelector<\n    Loaded<S, R> | undefined | null,\n    TSelectorReturn\n  >(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    options.select,\n    options.equalityFn ?? Object.is,\n  );\n}\n\nexport function useSubscriptionSelector<\n  S extends CoValueClassOrSchema,\n  R extends ResolveQuery<S>,\n  TSelectorReturn = Loaded<S, R> | undefined | null,\n>(\n  subscription: CoValueSubscription<S, R>,\n  options?: {\n    select?: (value: Loaded<S, R> | undefined | null) => TSelectorReturn;\n    equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;\n  },\n) {\n  return useSyncExternalStoreWithSelector<\n    Loaded<S, R> | undefined | null,\n    TSelectorReturn\n  >(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    options?.select ?? ((value) => value as TSelectorReturn),\n    options?.equalityFn ?? Object.is,\n  );\n}\n\nexport function useAccountSubscription<\n  S extends AccountClass<Account> | AnyAccountSchema,\n  const R extends ResolveQuery<S>,\n>(\n  Schema: S,\n  options?: {\n    resolve?: ResolveQueryStrict<S, R>;\n    unstable_branch?: BranchDefinition;\n  },\n) {\n  const contextManager = useJazzContextManager();\n\n  const createSubscription = () => {\n    const agent = getCurrentAccountFromContextManager(contextManager);\n\n    if (agent.$type$ === \"Anonymous\") {\n      return {\n        subscription: null,\n        contextManager,\n        agent,\n      };\n    }\n\n    // We don't need type validation here, since it's mostly to help users on public API\n    const resolve: any = options?.resolve ?? true;\n\n    const node = contextManager.getCurrentValue()!.node;\n    const subscription = new SubscriptionScope<any>(\n      node,\n      resolve,\n      agent.$jazz.id,\n      {\n        ref: coValueClassFromCoValueClassOrSchema(Schema),\n        optional: true,\n      },\n      false,\n      false,\n      options?.unstable_branch,\n    );\n\n    return {\n      subscription,\n      contextManager,\n      Schema,\n      branchName: options?.unstable_branch?.name,\n      branchOwnerId: options?.unstable_branch?.owner?.$jazz.id,\n    };\n  };\n\n  const [subscription, setSubscription] = React.useState(createSubscription);\n\n  const branchName = options?.unstable_branch?.name;\n  const branchOwnerId = options?.unstable_branch?.owner?.$jazz.id;\n\n  React.useLayoutEffect(() => {\n    if (\n      subscription.contextManager !== contextManager ||\n      subscription.Schema !== Schema ||\n      subscription.branchName !== options?.unstable_branch?.name ||\n      subscription.branchOwnerId !== options?.unstable_branch?.owner?.$jazz.id\n    ) {\n      subscription.subscription?.destroy();\n      setSubscription(createSubscription());\n    }\n\n    return contextManager.subscribe(() => {\n      subscription.subscription?.destroy();\n      setSubscription(createSubscription());\n    });\n  }, [Schema, contextManager, branchName, branchOwnerId]);\n\n  return subscription.subscription as CoValueSubscription<S, R>;\n}\n\n/**\n * React hook for accessing the current user's account and authentication state.\n * \n * This hook provides access to the current user's account profile and root data,\n * along with authentication utilities. It automatically handles subscription to\n * the user's account data and provides a logout function.\n * \n * @returns An object containing:\n * - `me`: The loaded account data, or `undefined` if loading, or `null` if not authenticated\n * - `agent`: The current agent (anonymous or authenticated user). Can be used as `loadAs` parameter for load and subscribe methods.\n * - `logOut`: Function to log out the current user\n\n * @example\n * ```tsx\n * // Deep loading with resolve queries\n * function ProjectListWithDetails() {\n *   const { me } = useAccount(MyAppAccount, {\n *     resolve: {\n *       profile: true,\n *       root: {\n *         myProjects: {\n *           $each: {\n *             tasks: true,\n *           },\n *         },\n *       },\n *     },\n *   });\n * \n *   if (!me) {\n *     return me === null\n *       ? <div>Failed to load your projects</div>\n *       : <div>Loading...</div>;\n *   }\n * \n *   return (\n *     <div>\n *       <h1>{me.profile.name}'s projects</h1>\n *       <ul>\n *         {me.root.myProjects.map((project) => (\n *           <li key={project.id}>\n *             {project.name} ({project.tasks.length} tasks)\n *           </li>\n *         ))}\n *       </ul>\n *     </div>\n *   );\n * }\n * ```\n * \n */\nexport function useAccount<\n  A extends AccountClass<Account> | AnyAccountSchema,\n  R extends ResolveQuery<A> = true,\n>(\n  /** The account schema to use. Defaults to the base Account schema */\n  AccountSchema: A = Account as unknown as A,\n  /** Optional configuration for the subscription */\n  options?: {\n    /** Resolve query to specify which nested CoValues to load from the account */\n    resolve?: ResolveQueryStrict<A, R>;\n    /**\n     * Create or load a branch for isolated editing.\n     *\n     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.\n     * It's a fork of your data graph: the same schema, but with diverging values.\n     *\n     * The checkout of the branch is applied on all the resolved values.\n     *\n     * @param name - A unique name for the branch. This identifies the branch\n     *   and can be used to switch between different branches of the same CoValue.\n     * @param owner - The owner of the branch. Determines who can access and modify\n     *   the branch. If not provided, the branch is owned by the current user.\n     *\n     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.\n     */\n    unstable_branch?: BranchDefinition;\n  },\n): {\n  me: Loaded<A, R> | undefined | null;\n  agent: AnonymousJazzAgent | Loaded<A, true>;\n  logOut: () => void;\n} {\n  const contextManager = useJazzContextManager<InstanceOfSchema<A>>();\n  const subscription = useAccountSubscription(AccountSchema, options);\n\n  const agent = getCurrentAccountFromContextManager(contextManager);\n\n  const value = React.useSyncExternalStore<Loaded<A, R> | undefined | null>(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n  );\n\n  return {\n    me: value,\n    agent,\n    logOut: contextManager.logOut,\n  };\n}\n\n/**\n * React hook for accessing the current user's account with selective data extraction and custom equality checking.\n *\n * This hook extends `useAccount` by allowing you to select only specific parts of the account data\n * through a selector function, which helps reduce unnecessary re-renders by narrowing down the\n * returned data. Additionally, you can provide a custom equality function to further optimize\n * performance by controlling when the component should re-render based on the selected data.\n *\n * The hook automatically handles the subscription lifecycle and supports deep loading of nested\n * CoValues through resolve queries, just like `useAccount`.\n *\n * @returns The result of the selector function applied to the loaded account data\n *\n * @example\n * ```tsx\n * // Select only specific fields to reduce re-renders\n * const MyAppAccount = co.account({\n *   profile: co.profile(),\n *   root: co.map({\n *     name: z.string(),\n *     email: z.string(),\n *     lastLogin: z.date(),\n *   }),\n * });\n *\n * function UserProfile({ accountId }: { accountId: string }) {\n *   // Only re-render when the profile name changes, not other fields\n *   const profileName = useAccountWithSelector(\n *     MyAppAccount,\n *     {\n *       resolve: {\n *         profile: true,\n *         root: true,\n *       },\n *       select: (account) => account?.profile?.name ?? \"Loading...\",\n *     }\n *   );\n *\n *   return <h1>{profileName}</h1>;\n * }\n * ```\n *\n * For more examples, see the [subscription and deep loading](https://jazz.tools/docs/react/using-covalues/subscription-and-loading) documentation.\n */\nexport function useAccountWithSelector<\n  A extends AccountClass<Account> | AnyAccountSchema,\n  TSelectorReturn,\n  R extends ResolveQuery<A> = true,\n>(\n  /** The account schema to use. Defaults to the base Account schema */\n  AccountSchema: A = Account as unknown as A,\n  /** Configuration for the subscription and selection */\n  options: {\n    /** Resolve query to specify which nested CoValues to load from the account */\n    resolve?: ResolveQueryStrict<A, R>;\n    /** Select which value to return from the account data */\n    select: (account: Loaded<A, R> | undefined | null) => TSelectorReturn;\n    /** Equality function to determine if the selected value has changed, defaults to `Object.is` */\n    equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;\n    /**\n     * Create or load a branch for isolated editing.\n     *\n     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.\n     * It's a fork of your data graph: the same schema, but with diverging values.\n     *\n     * The checkout of the branch is applied on all the resolved values.\n     *\n     * @param name - A unique name for the branch. This identifies the branch\n     *   and can be used to switch between different branches of the same CoValue.\n     * @param owner - The owner of the branch. Determines who can access and modify\n     *   the branch. If not provided, the branch is owned by the current user.\n     *\n     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.\n     */\n    unstable_branch?: BranchDefinition;\n  },\n): TSelectorReturn {\n  const subscription = useAccountSubscription(AccountSchema, options);\n\n  return useSyncExternalStoreWithSelector<\n    Loaded<A, R> | undefined | null,\n    TSelectorReturn\n  >(\n    React.useCallback(\n      (callback) => {\n        if (!subscription) {\n          return () => {};\n        }\n\n        return subscription.subscribe(callback);\n      },\n      [subscription],\n    ),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    () => (subscription ? subscription.getCurrentValue() : null),\n    options.select,\n    options.equalityFn ?? Object.is,\n  );\n}\n\nexport function experimental_useInboxSender<\n  I extends CoValue,\n  O extends CoValue | undefined,\n>(inboxOwnerID: string | undefined) {\n  const context = useJazzContext();\n\n  if (!(\"me\" in context)) {\n    throw new Error(\n      \"useInboxSender can't be used in a JazzProvider with auth === 'guest'.\",\n    );\n  }\n\n  const me = context.me;\n  const inboxRef = useRef<Promise<InboxSender<I, O>> | undefined>(undefined);\n\n  const sendMessage = useCallback(\n    async (message: I) => {\n      if (!inboxOwnerID) throw new Error(\"Inbox owner ID is required\");\n\n      if (!inboxRef.current) {\n        const inbox = InboxSender.load<I, O>(inboxOwnerID, me);\n        inboxRef.current = inbox;\n      }\n\n      let inbox = await inboxRef.current;\n\n      // Regenerate the InboxSender if the inbox owner or current account changes\n      if (inbox.owner.id !== inboxOwnerID || inbox.currentAccount !== me) {\n        const req = InboxSender.load<I, O>(inboxOwnerID, me);\n        inboxRef.current = req;\n        inbox = await req;\n      }\n\n      return inbox.sendMessage(message);\n    },\n    [inboxOwnerID, me.$jazz.id],\n  );\n\n  return sendMessage;\n}\n\n/**\n * Hook that returns the current connection status to the Jazz sync server.\n *\n * @returns `true` when connected to the server, `false` when disconnected\n *\n * @remarks\n * On connection drop, this hook will return `false` only when Jazz detects the disconnection\n * after 5 seconds of not receiving a ping from the server.\n */\nexport function useSyncConnectionStatus() {\n  const context = useJazzContext();\n\n  const connected = useSyncExternalStore(\n    useCallback(\n      (callback) => {\n        return context.addConnectionListener(callback);\n      },\n      [context],\n    ),\n    () => context.connected(),\n    () => context.connected(),\n  );\n\n  return connected;\n}\n","import { Account, JazzContextManager } from \"jazz-tools\";\n\nexport function getCurrentAccountFromContextManager<Acc extends Account>(\n  contextManager: JazzContextManager<Acc, any>,\n) {\n  const context = contextManager.getCurrentValue();\n\n  if (!context) {\n    throw new Error(\"No context found\");\n  }\n\n  return \"me\" in context ? context.me : context.guest;\n}\n\nexport function subscribeToContextManager<Acc extends Account>(\n  contextManager: JazzContextManager<Acc, any>,\n  callback: () => () => void,\n) {\n  let unsub = () => {};\n\n  const handler = () => {\n    unsub();\n    unsub = callback();\n  };\n\n  handler();\n  return contextManager.subscribe(handler);\n}\n","import React from \"react\";\nimport {\n  Account,\n  AccountClass,\n  AnyAccountSchema,\n  CoValueClassOrSchema,\n  Loaded,\n  ResolveQuery,\n  ResolveQueryStrict,\n} from \"jazz-tools\";\nimport {\n  useAccountSubscription,\n  useCoValueSubscription,\n  useSubscriptionSelector,\n} from \"./hooks.js\";\nimport type { CoValueSubscription } from \"./types.js\";\n\nexport function createCoValueSubscriptionContext<\n  S extends CoValueClassOrSchema,\n  const R extends ResolveQuery<S> = true,\n>(schema: S, resolve?: ResolveQueryStrict<S, R>) {\n  const Context = React.createContext<CoValueSubscription<S, R>>(null);\n\n  return {\n    Provider: ({\n      id,\n      options,\n      loadingFallback,\n      unavailableFallback,\n      children,\n    }: React.PropsWithChildren<{\n      id: string | undefined | null;\n      options?: Omit<\n        Parameters<typeof useCoValueSubscription<S, R>>[2],\n        \"resolve\"\n      >;\n      loadingFallback?: React.ReactNode;\n      unavailableFallback?: React.ReactNode;\n    }>) => {\n      const subscription = useCoValueSubscription(schema, id, {\n        ...options,\n        resolve: resolve,\n      });\n\n      const loadState = useSubscriptionSelector(subscription, {\n        select: (value) => (!value ? value : true),\n      });\n\n      if (loadState === undefined) {\n        return loadingFallback ?? null;\n      }\n\n      if (loadState === null) {\n        return unavailableFallback ?? null;\n      }\n\n      return (\n        <Context.Provider value={subscription}>{children}</Context.Provider>\n      );\n    },\n    useSelector: <TSelectorReturn = Loaded<S, R>>(options?: {\n      select?: (value: Loaded<S, R>) => TSelectorReturn;\n      equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;\n    }) => {\n      const subscription = React.useContext(Context);\n\n      if (!subscription) {\n        throw new Error(\n          \"useSelector must be used within a coValue subscription provider\",\n        );\n      }\n\n      return useSubscriptionSelector<S, R, TSelectorReturn>(\n        subscription,\n        options as Parameters<\n          typeof useSubscriptionSelector<S, R, TSelectorReturn>\n        >[1],\n      );\n    },\n  };\n}\n\nexport function createAccountSubscriptionContext<\n  A extends AccountClass<Account> | AnyAccountSchema,\n  const R extends ResolveQuery<A> = true,\n>(schema: A, resolve?: ResolveQueryStrict<A, R>) {\n  const Context = React.createContext<CoValueSubscription<A, R>>(null);\n\n  return {\n    Provider: ({\n      options,\n      loadingFallback,\n      unavailableFallback,\n      children,\n    }: React.PropsWithChildren<{\n      options?: Omit<\n        Parameters<typeof useAccountSubscription<A, R>>[1],\n        \"resolve\"\n      >;\n      loadingFallback?: React.ReactNode;\n      unavailableFallback?: React.ReactNode;\n    }>) => {\n      const subscription = useAccountSubscription(schema, {\n        ...options,\n        resolve: resolve,\n      });\n\n      const loadState = useSubscriptionSelector(subscription, {\n        select: (value) => (!value ? value : true),\n      });\n\n      if (loadState === undefined) {\n        return loadingFallback ?? null;\n      }\n\n      if (loadState === null) {\n        return unavailableFallback ?? null;\n      }\n\n      return (\n        <Context.Provider value={subscription}>{children}</Context.Provider>\n      );\n    },\n    useSelector: <TSelectorReturn = Loaded<A, R>>(options?: {\n      select?: (value: Loaded<A, R>) => TSelectorReturn;\n      equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;\n    }) => {\n      const subscription = React.useContext(Context);\n\n      if (!subscription) {\n        throw new Error(\n          \"useSelector must be used within an account subscription provider\",\n        );\n      }\n\n      return useSubscriptionSelector<A, R, TSelectorReturn>(\n        subscription,\n        options as Parameters<\n          typeof useSubscriptionSelector<A, R, TSelectorReturn>\n        >[1],\n      );\n    },\n  };\n}\n","import { DemoAuth } from \"jazz-tools\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useAuthSecretStorage, useJazzContext } from \"../hooks.js\";\nimport { useIsAuthenticated } from \"../hooks.js\";\n\n/**\n * `useDemoAuth` is a hook that provides a `JazzAuth` object for demo authentication.\n *\n *\n * ```ts\n * const { state, logIn, signUp, existingUsers } = useDemoAuth();\n * ```\n *\n * @category Auth Providers\n */\nexport function useDemoAuth() {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n\n  if (\"guest\" in context) {\n    throw new Error(\"Demo auth is not supported in guest mode\");\n  }\n\n  const authMethod = useMemo(() => {\n    return new DemoAuth(context.authenticate, authSecretStorage);\n  }, []);\n\n  const isAuthenticated = useIsAuthenticated();\n  const [existingUsers, setExistingUsers] = useState<string[]>([]);\n\n  useEffect(() => {\n    authMethod.getExistingUsers().then(setExistingUsers);\n  }, [authMethod]);\n\n  function handleSignUp(username: string) {\n    return authMethod.signUp(username).then(() => {\n      setExistingUsers(existingUsers.concat([username]));\n    });\n  }\n\n  return {\n    state: isAuthenticated ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.logIn,\n    signUp: handleSignUp,\n    existingUsers,\n  } as const;\n}\n","import { PassphraseAuth } from \"jazz-tools\";\nimport { useCallback, useMemo, useSyncExternalStore } from \"react\";\nimport { useAuthSecretStorage, useJazzContext } from \"../hooks.js\";\nimport { useIsAuthenticated } from \"../hooks.js\";\n\n/**\n * `usePassphraseAuth` hook provides a `JazzAuth` object for passphrase authentication.\n *\n * @example\n * ```ts\n * const auth = usePassphraseAuth({ appName, appHostname, wordlist });\n * ```\n *\n * @category Auth Providers\n */\nexport function usePassphraseAuth({ wordlist }: { wordlist: string[] }) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n\n  if (\"guest\" in context) {\n    throw new Error(\"Passphrase auth is not supported in guest mode\");\n  }\n\n  const authMethod = useMemo(() => {\n    return new PassphraseAuth(\n      context.node.crypto,\n      context.authenticate,\n      context.register,\n      authSecretStorage,\n      wordlist,\n    );\n  }, [wordlist]);\n\n  const passphrase = useSyncExternalStore(\n    useCallback(\n      (callback) => {\n        authMethod.loadCurrentAccountPassphrase();\n        return authMethod.subscribe(callback);\n      },\n      [authMethod],\n    ),\n    () => authMethod.passphrase,\n  );\n\n  const isAuthenticated = useIsAuthenticated();\n  return {\n    state: isAuthenticated ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.logIn,\n    signUp: authMethod.signUp,\n    registerNewAccount: authMethod.registerNewAccount,\n    generateRandomPassphrase: authMethod.generateRandomPassphrase,\n    passphrase,\n  } as const;\n}\n"],"mappings":"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","names":["subscription","inbox","React","React","useCallback","useMemo","useSyncExternalStore","useMemo","useSyncExternalStore","useCallback"]}

package/dist/react-core/subscription-provider.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { Account, AccountClass, AnyAccountSchema, CoValueClassOrSchema, Loaded, ResolveQuery, ResolveQueryStrict } from "jazz-tools";
+import { useAccountSubscription, useCoValueSubscription } from "./hooks.js";
+export declare function createCoValueSubscriptionContext<S extends CoValueClassOrSchema, const R extends ResolveQuery<S> = true>(schema: S, resolve?: ResolveQueryStrict<S, R>): {
+    Provider: ({ id, options, loadingFallback, unavailableFallback, children, }: React.PropsWithChildren<{
+        id: string | undefined | null;
+        options?: Omit<Parameters<typeof useCoValueSubscription<S, R>>[2], "resolve">;
+        loadingFallback?: React.ReactNode;
+        unavailableFallback?: React.ReactNode;
+    }>) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+    useSelector: <TSelectorReturn = Loaded<S, R>>(options?: {
+        select?: (value: Loaded<S, R>) => TSelectorReturn;
+        equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;
+    }) => TSelectorReturn;
+};
+export declare function createAccountSubscriptionContext<A extends AccountClass<Account> | AnyAccountSchema, const R extends ResolveQuery<A> = true>(schema: A, resolve?: ResolveQueryStrict<A, R>): {
+    Provider: ({ options, loadingFallback, unavailableFallback, children, }: React.PropsWithChildren<{
+        options?: Omit<Parameters<typeof useAccountSubscription<A, R>>[1], "resolve">;
+        loadingFallback?: React.ReactNode;
+        unavailableFallback?: React.ReactNode;
+    }>) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+    useSelector: <TSelectorReturn = Loaded<A, R>>(options?: {
+        select?: (value: Loaded<A, R>) => TSelectorReturn;
+        equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;
+    }) => TSelectorReturn;
+};
+//# sourceMappingURL=subscription-provider.d.ts.map

package/dist/react-core/subscription-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription-provider.d.ts","sourceRoot":"","sources":["../../src/react-core/subscription-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,MAAM,EACN,YAAY,EACZ,kBAAkB,EACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EAEvB,MAAM,YAAY,CAAC;AAGpB,wBAAgB,gCAAgC,CAC9C,CAAC,SAAS,oBAAoB,EAC9B,KAAK,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EACtC,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;iFAUxC,KAAK,CAAC,iBAAiB,CAAC;QACzB,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;QAC9B,OAAO,CAAC,EAAE,IAAI,CACZ,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,SAAS,CACV,CAAC;QACF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAClC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACvC,CAAC;kBAsBY,eAAe,2BAA2B;QACtD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,eAAe,CAAC;QAClD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC;KAClE;EAiBJ;AAED,wBAAgB,gCAAgC,CAC9C,CAAC,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,gBAAgB,EAClD,KAAK,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EACtC,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;6EASxC,KAAK,CAAC,iBAAiB,CAAC;QACzB,OAAO,CAAC,EAAE,IAAI,CACZ,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,SAAS,CACV,CAAC;QACF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAClC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACvC,CAAC;kBAsBY,eAAe,2BAA2B;QACtD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,eAAe,CAAC;QAClD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC;KAClE;EAiBJ"}

package/dist/react-core/tests/subscription.bench.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=subscription.bench.d.ts.map

package/dist/react-core/tests/subscription.bench.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription.bench.d.ts","sourceRoot":"","sources":["../../../src/react-core/tests/subscription.bench.tsx"],"names":[],"mappings":""}

package/dist/react-core/tests/useSubscriptionSelector.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useSubscriptionSelector.test.d.ts.map

package/dist/react-core/tests/useSubscriptionSelector.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubscriptionSelector.test.d.ts","sourceRoot":"","sources":["../../../src/react-core/tests/useSubscriptionSelector.test.ts"],"names":[],"mappings":""}

package/dist/react-core/types.d.ts

@@ -0,0 +1,10 @@
+import { CoValueClassOrSchema, ResolveQuery, SubscriptionScope } from "jazz-tools";
+declare const subscriptionTag: unique symbol;
+export type CoValueSubscription<S extends CoValueClassOrSchema, R extends ResolveQuery<S>> = (SubscriptionScope<any> & {
+    [subscriptionTag]: {
+        schema: S;
+        resolve: R;
+    };
+}) | null;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/react-core/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/react-core/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EAClB,MAAM,YAAY,CAAC;AAEpB,OAAO,CAAC,MAAM,eAAe,EAAE,OAAO,MAAM,CAAC;AAE7C,MAAM,MAAM,mBAAmB,CAC7B,CAAC,SAAS,oBAAoB,EAC9B,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAEvB,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG;IACxB,CAAC,eAAe,CAAC,EAAE;QACjB,MAAM,EAAE,CAAC,CAAC;QACV,OAAO,EAAE,CAAC,CAAC;KACZ,CAAC;CACH,CAAC,GACF,IAAI,CAAC"}

package/dist/react-native-core/hooks.d.ts

@@ -1,5 +1,5 @@
 import { CoValueClassOrSchema } from "jazz-tools";
-export { useCoState, experimental_useInboxSender, useDemoAuth, usePassphraseAuth, useJazzContext, useAuthSecretStorage, useIsAuthenticated, useAccount, useCoStateWithSelector, useAccountWithSelector, useSyncConnectionStatus, } from "jazz-tools/react-core";
+export { useCoState, experimental_useInboxSender, useDemoAuth, usePassphraseAuth, useJazzContext, useAuthSecretStorage, useIsAuthenticated, useAccount, useCoStateWithSelector, useAccountWithSelector, useSyncConnectionStatus, useCoValueSubscription, useAccountSubscription, useSubscriptionSelector, } from "jazz-tools/react-core";
 export declare function useAcceptInviteNative<S extends CoValueClassOrSchema>({ invitedObjectSchema, onAccept, forValueHint, }: {
     invitedObjectSchema: S;
     onAccept: (projectID: string) => void;

package/dist/react-native-core/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react-native-core/hooks.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAmB,MAAM,YAAY,CAAC;AAInE,OAAO,EACL,UAAU,EACV,2BAA2B,EAC3B,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,UAAU,EACV,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,oBAAoB,EAAE,EACpE,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,mBAAmB,EAAE,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAsCP"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react-native-core/hooks.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAmB,MAAM,YAAY,CAAC;AAInE,OAAO,EACL,UAAU,EACV,2BAA2B,EAC3B,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,UAAU,EACV,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,oBAAoB,EAAE,EACpE,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,mBAAmB,EAAE,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAsCP"}

package/dist/react-native-core/index.d.ts

@@ -3,6 +3,7 @@ export * from "./hooks.js";
 export * from "./provider.js";
 export * from "./storage/kv-store-context.js";
 export * from "./media/image.js";
+export { createCoValueSubscriptionContext, createAccountSubscriptionContext, type CoValueSubscription, } from "jazz-tools/react-core";
 export { SQLiteDatabaseDriverAsync } from "cojson";
 export { parseInviteLink } from "jazz-tools";
 export { createInviteLink, setupKvStore } from "./platform.js";

package/dist/react-native-core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-native-core/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EACL,yBAAyB,EACzB,KAAK,uBAAuB,GAC7B,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-native-core/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EACL,gCAAgC,EAChC,gCAAgC,EAChC,KAAK,mBAAmB,GACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EACL,yBAAyB,EACzB,KAAK,uBAAuB,GAC7B,MAAM,gCAAgC,CAAC"}

package/dist/react-native-core/index.js

@@ -248,7 +248,10 @@ import {
   useAccount,
   useCoStateWithSelector,
   useAccountWithSelector,
-  useSyncConnectionStatus
+  useSyncConnectionStatus,
+  useCoValueSubscription,
+  useAccountSubscription,
+  useSubscriptionSelector
 } from "jazz-tools/react-core";
 function useAcceptInviteNative({
   invitedObjectSchema,
@@ -316,7 +319,7 @@ async function setupPeers(options) {
   const CryptoProvider2 = options.CryptoProvider || PureJSCrypto;
   const crypto = await CryptoProvider2.create();
   let node = void 0;
-  const peersToLoadFrom = [];
+  const peers = [];
   const storage = options.storage && options.storage !== "disabled" ? await getSqliteStorageAsync(options.storage) : void 0;
   if (options.sync.when === "never") {
     return {
@@ -325,7 +328,7 @@ async function setupPeers(options) {
       addConnectionListener: () => () => {
       },
       connected: () => false,
-      peersToLoadFrom,
+      peers,
       setNode: () => {
       },
       crypto,
@@ -339,11 +342,11 @@ async function setupPeers(options) {
       if (node) {
         node.syncManager.addPeer(peer);
       } else {
-        peersToLoadFrom.push(peer);
+        peers.push(peer);
       }
     },
     removePeer: (peer) => {
-      peersToLoadFrom.splice(peersToLoadFrom.indexOf(peer), 1);
+      peers.splice(peers.indexOf(peer), 1);
     }
   });
   function toggleNetwork(enabled) {
@@ -368,7 +371,7 @@ async function setupPeers(options) {
       };
     },
     connected: () => wsPeer.connected,
-    peersToLoadFrom,
+    peers,
     setNode,
     crypto,
     storage
@@ -377,7 +380,7 @@ async function setupPeers(options) {
 async function createJazzReactNativeGuestContext(options) {
   const {
     toggleNetwork,
-    peersToLoadFrom,
+    peers,
     setNode,
     crypto,
     storage,
@@ -386,7 +389,7 @@ async function createJazzReactNativeGuestContext(options) {
   } = await setupPeers(options);
   const context = createAnonymousJazzContext({
     crypto,
-    peersToLoadFrom,
+    peers,
     storage
   });
   setNode(context.agent.node);
@@ -408,7 +411,7 @@ async function createJazzReactNativeGuestContext(options) {
 async function createJazzReactNativeContext(options) {
   const {
     toggleNetwork,
-    peersToLoadFrom,
+    peers,
     setNode,
     crypto,
     storage,
@@ -435,7 +438,7 @@ async function createJazzReactNativeContext(options) {
   const context = await createJazzContext({
     credentials: options.credentials,
     newAccountProps: options.newAccountProps,
-    peersToLoadFrom,
+    peers,
     crypto,
     defaultProfileName: options.defaultProfileName,
     AccountSchema: options.AccountSchema,
@@ -530,11 +533,12 @@ function JazzProviderCore({
   logOutReplacement,
   onAnonymousAccountDiscarded,
   kvStore,
-  CryptoProvider: CryptoProvider2
+  CryptoProvider: CryptoProvider2,
+  authSecretStorageKey
 }) {
   setupKvStore(kvStore);
   const [contextManager] = React2.useState(
-    () => new ReactNativeContextManager()
+    () => new ReactNativeContextManager({ authSecretStorageKey })
   );
   const onLogOutRefCallback = useRefCallback(onLogOut);
   const logOutReplacementRefCallback = useRefCallback(logOutReplacement);
@@ -665,6 +669,10 @@ var Image = forwardRef(function Image2({ imageId, width, height, ...props }, ref
 });
 
 // src/react-native-core/index.ts
+import {
+  createCoValueSubscriptionContext,
+  createAccountSubscriptionContext
+} from "jazz-tools/react-core";
 import { SQLiteDatabaseDriverAsync } from "cojson";
 import { parseInviteLink as parseInviteLink2 } from "jazz-tools";
 export {
@@ -675,20 +683,25 @@ export {
   ReactNativeContextManager,
   SQLiteDatabaseDriverAsync,
   clearUserCredentials,
+  createAccountSubscriptionContext,
+  createCoValueSubscriptionContext,
   createInviteLink,
   experimental_useInboxSender,
   parseInviteLink2 as parseInviteLink,
   setupKvStore,
   useAcceptInviteNative,
   useAccount,
+  useAccountSubscription,
   useAccountWithSelector,
   useAuthSecretStorage,
   useCoState,
   useCoStateWithSelector,
+  useCoValueSubscription,
   useDemoAuth,
   useIsAuthenticated,
   useJazzContext2 as useJazzContext,
   usePassphraseAuth,
+  useSubscriptionSelector,
   useSyncConnectionStatus
 };
 //# sourceMappingURL=index.js.map