community-jazz-vue 0.19.3 → 0.19.5

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> community-jazz-vue@0.19.3 build /home/runner/_work/jazz/jazz/packages/community-jazz-vue
+> community-jazz-vue@0.19.5 build /home/runner/_work/jazz/jazz/packages/community-jazz-vue
 > pnpm typecheck && rm -rf ./dist && vite build
 
 
-> community-jazz-vue@0.19.3 typecheck /home/runner/_work/jazz/jazz/packages/community-jazz-vue
+> community-jazz-vue@0.19.5 typecheck /home/runner/_work/jazz/jazz/packages/community-jazz-vue
 > vue-tsc --noEmit
 
 vite v6.3.5 building for production...
@@ -15,7 +15,7 @@ rendering chunks...
 computing gzip size...
 dist/testing.js             1.28 kB │ gzip: 0.54 kB │ map:  1.84 kB
 dist/provider-CCZVJj45.js   4.15 kB │ gzip: 1.25 kB │ map:  7.94 kB
-dist/index.js              21.06 kB │ gzip: 5.16 kB │ map: 37.58 kB
-[vite:dts] Declaration files built in 2154ms.
+dist/index.js              20.93 kB │ gzip: 5.16 kB │ map: 37.48 kB
+[vite:dts] Declaration files built in 2437ms.
 
-✓ built in 2.27s
+✓ built in 2.56s

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # jazz-react
 
+## 0.19.5
+
+### Patch Changes
+
+- Updated dependencies [343c2e4]
+  - cojson@0.19.5
+  - jazz-tools@0.19.5
+
+## 0.19.4
+
+### Patch Changes
+
+- Updated dependencies [78dfffd]
+- Updated dependencies [de2f8b5]
+- Updated dependencies [763977a]
+- Updated dependencies [e02e14c]
+- Updated dependencies [3aaba61]
+  - jazz-tools@0.19.4
+  - cojson@0.19.4
+
 ## 0.19.3
 
 ### Patch Changes

package/dist/composables.d.ts

@@ -1,5 +1,5 @@
 import { Account, AccountClass, AnonymousJazzAgent, AnyAccountSchema, AuthSecretStorage, CoValue, CoValueClassOrSchema, JazzContextManager, JazzContextType, Loaded, MaybeLoaded, ResolveQuery, ResolveQueryStrict } from 'jazz-tools';
-import { ComputedRef, Ref } from 'vue';
+import { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';
 export declare const logoutHandler: Ref<(() => void) | undefined, (() => void) | undefined>;
 export declare function useJazzContext<Acc extends Account>(): Ref<JazzContextType<Acc>, JazzContextType<Acc>>;
 export declare function useJazzContextManager<Acc extends Account>(): Ref<JazzContextManager<Acc, {}>, JazzContextManager<Acc, {}>>;
@@ -20,7 +20,7 @@ export declare function useLogOut(): () => void;
  * The agent can be used as the `loadAs` parameter for load and subscribe methods.
  */
 export declare function useAgent<A extends AccountClass<Account> | AnyAccountSchema = typeof Account>(): AnonymousJazzAgent | Loaded<A, true>;
-export declare function useCoState<S extends CoValueClassOrSchema, const R extends ResolveQuery<S> = true>(Schema: S, id: string | undefined, options?: {
+export declare function useCoState<S extends CoValueClassOrSchema, const R extends ResolveQuery<S> = true>(Schema: S, id: MaybeRefOrGetter<string | undefined>, options?: {
     resolve?: ResolveQueryStrict<S, R>;
 }): Ref<MaybeLoaded<Loaded<S, R>>>;
 export declare function useAcceptInvite<S extends CoValueClassOrSchema>({ invitedObjectSchema, onAccept, forValueHint, }: {
@@ -28,4 +28,4 @@ export declare function useAcceptInvite<S extends CoValueClassOrSchema>({ invite
     onAccept: (projectID: string) => void;
     forValueHint?: string;
 }): void;
-export declare function experimental_useInboxSender<I extends CoValue, O extends CoValue | undefined>(inboxOwnerID: string | undefined): (message: I) => Promise<O extends CoValue ? string : undefined>;
+export declare function experimental_useInboxSender<I extends CoValue, O extends CoValue | undefined>(inboxOwnerID: MaybeRefOrGetter<string | undefined>): (message: I) => Promise<O extends CoValue ? string : undefined>;

package/dist/index.js

@@ -1,7 +1,7 @@
 import { Account, createUnloadedCoValue, CoValueLoadingState, subscribeToCoValue, coValueClassFromCoValueClassOrSchema, InboxSender, PassphraseAuth, JazzClerkAuth, KvStoreContext, InMemoryKVStore, ImageDefinition } from "jazz-tools";
 import { consumeInviteLinkFromWindowLocation, BrowserPasskeyAuth, LocalStorageKVStore } from "jazz-tools/browser";
 import { createInviteLink, parseInviteLink } from "jazz-tools/browser";
-import { ref, inject, shallowRef, watch, toRaw, onUnmounted, computed, markRaw, onMounted, watchEffect, defineComponent, h, createElementBlock, unref, openBlock, renderSlot, createElementVNode, createCommentVNode, toDisplayString, withModifiers, withDirectives, vModelText, normalizeStyle, normalizeClass } from "vue";
+import { ref, inject, shallowRef, toValue, watch, toRaw, onUnmounted, computed, markRaw, onMounted, watchEffect, defineComponent, h, createElementBlock, unref, openBlock, renderSlot, createElementVNode, createCommentVNode, toDisplayString, withModifiers, withDirectives, vModelText, normalizeStyle, normalizeClass } from "vue";
 import { J as JazzContextSymbol, a as JazzAuthContextSymbol, b as JazzContextManagerSymbol, c as JazzVueProvider } from "./provider-CCZVJj45.js";
 import { d } from "./provider-CCZVJj45.js";
 import { highestResAvailable } from "jazz-tools/media";
@@ -72,7 +72,7 @@ function useAgent() {
 }
 function useCoState(Schema, id, options) {
   const state = shallowRef(
-    createUnloadedCoValue(id ?? "", CoValueLoadingState.LOADING)
+    createUnloadedCoValue(toValue(id) ?? "", CoValueLoadingState.LOADING)
   );
   const context = useJazzContext();
   if (!context.value) {
@@ -84,7 +84,7 @@ function useCoState(Schema, id, options) {
     state.value = markRaw(value);
   };
   watch(
-    [() => id, context],
+    [() => toValue(id), context],
     ([currentId, currentContext]) => {
       if (unsubscribe) {
         unsubscribe();
@@ -114,21 +114,11 @@ function useCoState(Schema, id, options) {
           {
             resolve: options == null ? void 0 : options.resolve,
             loadAs: safeLoadAsAgent,
-            onUnavailable: () => {
-              updateState(
-                createUnloadedCoValue(
-                  currentId,
-                  CoValueLoadingState.UNAVAILABLE
-                )
-              );
+            onUnavailable: (value) => {
+              updateState(value);
             },
-            onUnauthorized: () => {
-              updateState(
-                createUnloadedCoValue(
-                  currentId,
-                  CoValueLoadingState.UNAUTHORIZED
-                )
-              );
+            onUnauthorized: (value) => {
+              updateState(value);
             },
             syncResolution: true
           },
@@ -208,21 +198,25 @@ function experimental_useInboxSender(inboxOwnerID) {
   const me = computed(() => context.value.me);
   const inboxRef = ref(void 0);
   const sendMessage = async (message) => {
-    if (!inboxOwnerID) throw new Error("Inbox owner ID is required");
+    const resolvedInboxOwnerID = toValue(inboxOwnerID);
+    if (!resolvedInboxOwnerID) throw new Error("Inbox owner ID is required");
     if (!inboxRef.value) {
-      const inbox2 = InboxSender.load(inboxOwnerID, toRaw(me.value));
+      const inbox2 = InboxSender.load(
+        resolvedInboxOwnerID,
+        toRaw(me.value)
+      );
       inboxRef.value = inbox2;
     }
     let inbox = await inboxRef.value;
-    if (inbox.owner.id !== inboxOwnerID) {
-      const req = InboxSender.load(inboxOwnerID, toRaw(me.value));
+    if (inbox.owner.id !== resolvedInboxOwnerID) {
+      const req = InboxSender.load(resolvedInboxOwnerID, toRaw(me.value));
       inboxRef.value = req;
       inbox = await req;
     }
     return inbox.sendMessage(message);
   };
   watch(
-    () => inboxOwnerID,
+    () => toValue(inboxOwnerID),
     () => {
       inboxRef.value = void 0;
     }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/composables.ts","../src/auth/useIsAuthenticated.ts","../src/auth/usePassphraseAuth.ts","../src/auth/usePasskeyAuth.ts","../src/auth/useClerkAuth.ts","../src/auth/JazzVueProviderWithClerk.ts","../src/auth/PasskeyAuthBasicUI.vue","../src/Image.vue"],"sourcesContent":["import {\n  Account,\n  AccountClass,\n  AnonymousJazzAgent,\n  AnyAccountSchema,\n  type AuthSecretStorage,\n  type CoValue,\n  CoValueClassOrSchema,\n  InboxSender,\n  InstanceOfSchema,\n  type JazzAuthContext,\n  JazzContextManager,\n  type JazzContextType,\n  type Loaded,\n  type MaybeLoaded,\n  CoValueLoadingState,\n  type ResolveQuery,\n  ResolveQueryStrict,\n  coValueClassFromCoValueClassOrSchema,\n  subscribeToCoValue,\n  createUnloadedCoValue,\n} from \"jazz-tools\";\nimport { consumeInviteLinkFromWindowLocation } from \"jazz-tools/browser\";\nimport {\n  type ComputedRef,\n  type Ref,\n  type ShallowRef,\n  computed,\n  inject,\n  markRaw,\n  nextTick,\n  onMounted,\n  onUnmounted,\n  ref,\n  shallowRef,\n  toRaw,\n  watch,\n} from \"vue\";\n\nimport {\n  JazzAuthContextSymbol,\n  JazzContextManagerSymbol,\n  JazzContextSymbol,\n} from \"./provider.js\";\n\nexport const logoutHandler = ref<() => void>();\n\nfunction 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 useJazzContext<Acc extends Account>(): Ref<\n  JazzContextType<Acc>,\n  JazzContextType<Acc>\n> {\n  const context = inject<Ref<JazzContextType<Acc>>>(JazzContextSymbol);\n  if (!context) {\n    throw new Error(\"useJazzContext must be used within a JazzProvider\");\n  }\n  return context;\n}\n\nexport function useJazzContextManager<Acc extends Account>() {\n  const context = inject<Ref<JazzContextManager<Acc, {}>>>(\n    JazzContextManagerSymbol,\n  );\n\n  if (!context?.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 context;\n}\n\nexport function useAuthSecretStorage() {\n  const context = inject<AuthSecretStorage>(JazzAuthContextSymbol);\n  if (!context) {\n    throw new Error(\"useAuthSecretStorage must be used within a JazzProvider\");\n  }\n  return context;\n}\n\nexport function useAccount<\n  A extends AccountClass<Account> | AnyAccountSchema = typeof Account,\n  R extends ResolveQuery<A> = true,\n>(\n  AccountSchema: A = Account as unknown as A,\n  options?: {\n    resolve?: ResolveQueryStrict<A, R>;\n  },\n): ComputedRef<MaybeLoaded<Loaded<A, R>>> {\n  const context = useJazzContext();\n\n  if (!context.value) {\n    throw new Error(\"useAccount must be used within a JazzProvider\");\n  }\n\n  // Handle guest mode - return null for the account data\n  if (!(\"me\" in context.value)) {\n    return computed(() => null) as any;\n  }\n\n  const contextMe = context.value.me as InstanceOfSchema<A>;\n\n  const me = useCoState(\n    AccountSchema as any,\n    toRaw(contextMe).$jazz.id,\n    options as any,\n  );\n\n  return computed(() => {\n    const value =\n      options?.resolve === undefined ? me.value || contextMe : me.value;\n    return value ? markRaw(value) : value;\n  }) as any;\n}\n\n/**\n * Returns a function for logging out the current account.\n */\nexport function useLogOut(): () => void {\n  const context = useJazzContext();\n  if (!context.value) {\n    throw new Error(\"useLogOut must be used within a JazzProvider\");\n  }\n  return context.value.logOut;\n}\n\n/**\n * Hook for accessing the current agent. An agent can either be:\n * - an Authenticated Account, if the user is logged in\n * - an Anonymous Account, if the user didn't log in\n * - or an anonymous agent, if in guest mode\n *\n * The agent can be used as the `loadAs` parameter for load and subscribe methods.\n */\nexport function useAgent<\n  A extends AccountClass<Account> | AnyAccountSchema = typeof Account,\n>(): AnonymousJazzAgent | Loaded<A, true> {\n  const contextManager = useJazzContextManager<InstanceOfSchema<A>>();\n  const agent = getCurrentAccountFromContextManager(contextManager.value);\n  return agent as AnonymousJazzAgent | Loaded<A, true>;\n}\n\nexport function useCoState<\n  S extends CoValueClassOrSchema,\n  const R extends ResolveQuery<S> = true,\n>(\n  Schema: S,\n  id: string | undefined,\n  options?: { resolve?: ResolveQueryStrict<S, R> },\n): Ref<MaybeLoaded<Loaded<S, R>>> {\n  const state: ShallowRef<MaybeLoaded<Loaded<S, R>>> = shallowRef(\n    createUnloadedCoValue(id ?? \"\", CoValueLoadingState.LOADING),\n  );\n  const context = useJazzContext();\n\n  if (!context.value) {\n    throw new Error(\"useCoState must be used within a JazzProvider\");\n  }\n\n  let unsubscribe: (() => void) | undefined;\n\n  const updateState = (value: MaybeLoaded<Loaded<S, R>>) => {\n    if (shouldSkipUpdate(value, state.value)) return;\n    // Use markRaw to prevent Vue from making Jazz objects reactive\n    // but still allow property access and mutations\n    state.value = markRaw(value);\n  };\n\n  watch(\n    [() => id, context],\n    ([currentId, currentContext]) => {\n      if (unsubscribe) {\n        unsubscribe();\n        unsubscribe = undefined;\n      }\n\n      if (!currentId || !currentContext) {\n        updateState(\n          createUnloadedCoValue(\n            currentId ?? \"\",\n            CoValueLoadingState.UNAVAILABLE,\n          ),\n        );\n        return;\n      }\n\n      const loadAsAgent =\n        \"me\" in currentContext ? currentContext.me : currentContext.guest;\n      if (!loadAsAgent) {\n        updateState(\n          createUnloadedCoValue(currentId, CoValueLoadingState.UNAVAILABLE),\n        );\n        return;\n      }\n\n      const safeLoadAsAgent = toRaw(loadAsAgent);\n\n      try {\n        unsubscribe = subscribeToCoValue(\n          coValueClassFromCoValueClassOrSchema(Schema),\n          currentId as any,\n          {\n            resolve: options?.resolve as any,\n            loadAs: safeLoadAsAgent,\n            onUnavailable: () => {\n              updateState(\n                createUnloadedCoValue(\n                  currentId,\n                  CoValueLoadingState.UNAVAILABLE,\n                ),\n              );\n            },\n            onUnauthorized: () => {\n              updateState(\n                createUnloadedCoValue(\n                  currentId,\n                  CoValueLoadingState.UNAUTHORIZED,\n                ),\n              );\n            },\n            syncResolution: true,\n          },\n          (value: any) => {\n            updateState(value);\n          },\n        );\n      } catch (error) {\n        console.error(\"Error in useCoState subscription:\", error);\n        updateState(\n          createUnloadedCoValue(currentId, CoValueLoadingState.UNAVAILABLE),\n        );\n      }\n    },\n    { immediate: true },\n  );\n\n  onUnmounted(() => {\n    if (unsubscribe) {\n      unsubscribe();\n      unsubscribe = undefined;\n    }\n  });\n\n  return state;\n}\n\nexport function useAcceptInvite<S extends CoValueClassOrSchema>({\n  invitedObjectSchema,\n  onAccept,\n  forValueHint,\n}: {\n  invitedObjectSchema: S;\n  onAccept: (projectID: string) => void;\n  forValueHint?: string;\n}): void {\n  const context = useJazzContext();\n\n  if (!context.value) {\n    throw new Error(\"useAcceptInvite must be used within a JazzProvider\");\n  }\n\n  if (!(\"me\" in context.value)) {\n    throw new Error(\n      \"useAcceptInvite can't be used in a JazzProvider with auth === 'guest'.\",\n    );\n  }\n\n  const handleInvite = () => {\n    const result = consumeInviteLinkFromWindowLocation({\n      as: toRaw((context.value as JazzAuthContext<Account>).me),\n      invitedObjectSchema,\n      forValueHint,\n    });\n\n    result\n      .then((res) => res && onAccept(res.valueID))\n      .catch((e) => {\n        console.error(\"Failed to accept invite\", e);\n      });\n  };\n\n  onMounted(() => {\n    handleInvite();\n    window.addEventListener(\"hashchange\", handleInvite);\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener(\"hashchange\", handleInvite);\n  });\n\n  watch(\n    () => onAccept,\n    (newOnAccept, oldOnAccept) => {\n      if (newOnAccept !== oldOnAccept) {\n        handleInvite();\n      }\n    },\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 (!context.value) {\n    throw new Error(\n      \"experimental_useInboxSender must be used within a JazzProvider\",\n    );\n  }\n\n  if (!(\"me\" in context.value)) {\n    throw new Error(\n      \"experimental_useInboxSender can't be used in a JazzProvider with auth === 'guest'.\",\n    );\n  }\n\n  const me = computed(() => (context.value as JazzAuthContext<Account>).me);\n  const inboxRef = ref<Promise<InboxSender<I, O>> | undefined>(undefined);\n\n  const sendMessage = async (message: I) => {\n    if (!inboxOwnerID) throw new Error(\"Inbox owner ID is required\");\n\n    if (!inboxRef.value) {\n      const inbox = InboxSender.load<I, O>(inboxOwnerID, toRaw(me.value));\n      inboxRef.value = inbox;\n    }\n\n    let inbox = await inboxRef.value;\n\n    if (inbox.owner.id !== inboxOwnerID) {\n      const req = InboxSender.load<I, O>(inboxOwnerID, toRaw(me.value));\n      inboxRef.value = req;\n      inbox = await req;\n    }\n\n    return inbox.sendMessage(message);\n  };\n\n  watch(\n    () => inboxOwnerID,\n    () => {\n      inboxRef.value = undefined;\n    },\n  );\n\n  return sendMessage;\n}\n\n// useAccountOrGuest has been removed in v0.15.4 to match React library.\n// It has been merged into useAccount which now handles both authenticated and guest scenarios.\n// This change maintains 1:1 API compatibility with the React Jazz library.\n// If you were using useAccountOrGuest, please migrate to useAccount.\n\nfunction shouldSkipUpdate(\n  newValue: MaybeLoaded<CoValue>,\n  previousValue: MaybeLoaded<CoValue>,\n) {\n  if (previousValue === newValue) return true;\n  // Avoid re-renders if the value is not loaded and didn't change\n  return (\n    previousValue.$jazz.id === newValue.$jazz.id &&\n    !previousValue.$isLoaded &&\n    !newValue.$isLoaded &&\n    previousValue.$jazz.loadingState === newValue.$jazz.loadingState\n  );\n}\n","import { onUnmounted, ref } from \"vue\";\nimport { useAuthSecretStorage } from \"../composables.js\";\n\nexport function useIsAuthenticated() {\n  const authSecretStorage = useAuthSecretStorage();\n  const isAuthenticated = ref(authSecretStorage.isAuthenticated);\n\n  const handleUpdate = (newIsAuthenticated: boolean) => {\n    isAuthenticated.value = newIsAuthenticated;\n  };\n\n  // Set up the listener immediately, not waiting for onMounted\n  // This ensures we catch auth state changes that happen before mounting\n  const cleanup = authSecretStorage.onUpdate(handleUpdate);\n\n  onUnmounted(() => {\n    cleanup();\n  });\n\n  return isAuthenticated;\n}\n","import { PassphraseAuth } from \"jazz-tools\";\nimport { computed, markRaw, ref, watchEffect } from \"vue\";\nimport { useAuthSecretStorage, useJazzContext } from \"../composables.js\";\nimport { useIsAuthenticated } from \"./useIsAuthenticated.js\";\n\n/**\n * `usePassphraseAuth` composable provides a `JazzAuth` object for passphrase authentication.\n *\n * @example\n * ```ts\n * const auth = usePassphraseAuth({ wordlist });\n * ```\n *\n * @category Auth Providers\n */\nexport function usePassphraseAuth({ wordlist }: { wordlist: string[] }) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n  const isAuthenticated = useIsAuthenticated();\n\n  if (\"guest\" in context.value) {\n    throw new Error(\"Passphrase auth is not supported in guest mode\");\n  }\n\n  const authMethod = computed(() => {\n    return markRaw(\n      new PassphraseAuth(\n        context.value.node.crypto,\n        context.value.authenticate,\n        context.value.register,\n        authSecretStorage,\n        wordlist,\n      ),\n    );\n  });\n\n  const passphrase = ref(authMethod.value.passphrase);\n\n  watchEffect((onCleanup) => {\n    authMethod.value.loadCurrentAccountPassphrase();\n\n    const unsubscribe = authMethod.value.subscribe(() => {\n      passphrase.value = authMethod.value.passphrase;\n    });\n\n    onCleanup(unsubscribe);\n  });\n\n  return computed(() => ({\n    state: isAuthenticated.value ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.value.logIn,\n    signUp: authMethod.value.signUp,\n    registerNewAccount: authMethod.value.registerNewAccount,\n    generateRandomPassphrase: authMethod.value.generateRandomPassphrase,\n    passphrase: passphrase.value,\n  }));\n}\n","import { BrowserPasskeyAuth } from \"jazz-tools/browser\";\nimport { computed, markRaw } from \"vue\";\nimport { useAuthSecretStorage, useJazzContext } from \"../composables.js\";\nimport { useIsAuthenticated } from \"./useIsAuthenticated.js\";\n\n/**\n * `usePasskeyAuth` composable provides a `JazzAuth` object for passkey authentication.\n *\n * @example\n * ```ts\n * const auth = usePasskeyAuth({ appName, appHostname });\n * ```\n *\n * @category Auth Providers\n */\nexport function usePasskeyAuth({\n  appName,\n  appHostname,\n}: {\n  appName: string;\n  appHostname?: string;\n}) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n  const isAuthenticated = useIsAuthenticated();\n\n  if (\"guest\" in context.value) {\n    throw new Error(\"Passkey auth is not supported in guest mode\");\n  }\n\n  const authMethod = computed(() => {\n    return markRaw(\n      new BrowserPasskeyAuth(\n        context.value.node.crypto,\n        context.value.authenticate,\n        authSecretStorage,\n        appName,\n        appHostname,\n      ),\n    );\n  });\n\n  return computed(() => ({\n    state: isAuthenticated.value ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.value.logIn,\n    signUp: authMethod.value.signUp,\n  }));\n}\n","import { JazzClerkAuth, type MinimalClerkClient } from \"jazz-tools\";\nimport { computed, markRaw, onMounted, onUnmounted } from \"vue\";\nimport { useAuthSecretStorage, useJazzContext } from \"../composables.js\";\n\nexport function useClerkAuth(clerk: MinimalClerkClient) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n\n  if (\"guest\" in context.value) {\n    throw new Error(\"Clerk auth is not supported in guest mode\");\n  }\n\n  // Create auth method similar to React's useMemo pattern\n  const authMethod = computed(() => {\n    return markRaw(\n      new JazzClerkAuth(\n        context.value.authenticate,\n        context.value.logOut,\n        authSecretStorage,\n      ),\n    );\n  });\n\n  onMounted(() => {\n    const cleanup = authMethod.value.registerListener(clerk) as\n      | (() => void)\n      | void;\n\n    onUnmounted(() => {\n      // Clerk's addListener returns a cleanup function, but the type says void\n      // Handle both cases for type safety\n      if (typeof cleanup === \"function\") {\n        cleanup();\n      }\n    });\n  });\n\n  return authMethod.value;\n}\n","import type {\n  Account,\n  AccountClass,\n  AnyAccountSchema,\n  CoValueFromRaw,\n  SyncConfig,\n} from \"jazz-tools\";\nimport {\n  InMemoryKVStore,\n  JazzClerkAuth,\n  KvStoreContext,\n  type MinimalClerkClient,\n} from \"jazz-tools\";\nimport { LocalStorageKVStore } from \"jazz-tools/browser\";\nimport { type PropType, defineComponent, h, onMounted, ref } from \"vue\";\nimport { JazzVueProvider } from \"../provider.js\";\nimport { useClerkAuth } from \"./useClerkAuth.js\";\n\nfunction setupKvStore() {\n  KvStoreContext.getInstance().initialize(\n    typeof window === \"undefined\"\n      ? new InMemoryKVStore()\n      : new LocalStorageKVStore(),\n  );\n}\n\nconst RegisterClerkAuth = defineComponent({\n  name: \"RegisterClerkAuth\",\n  props: {\n    clerk: {\n      type: Object as PropType<MinimalClerkClient>,\n      required: true,\n    },\n  },\n  setup(props, { slots }) {\n    useClerkAuth(props.clerk);\n    return () => slots.default?.();\n  },\n});\n\nexport const JazzVueProviderWithClerk = defineComponent({\n  name: \"JazzVueProviderWithClerk\",\n  props: {\n    clerk: {\n      type: Object as PropType<MinimalClerkClient>,\n      required: true,\n    },\n    AccountSchema: {\n      type: [Function, Object] as unknown as PropType<\n        (AccountClass<Account> & CoValueFromRaw<Account>) | AnyAccountSchema\n      >,\n      required: false,\n    },\n    guestMode: {\n      type: Boolean,\n      default: false,\n    },\n    sync: {\n      type: Object as PropType<SyncConfig>,\n      required: true,\n    },\n    storage: {\n      type: String as PropType<\"indexedDB\">,\n      default: undefined,\n    },\n    defaultProfileName: {\n      type: String,\n      required: false,\n    },\n    onLogOut: {\n      type: Function as PropType<() => void>,\n      required: false,\n    },\n    onAnonymousAccountDiscarded: {\n      type: Function as PropType<(anonymousAccount: Account) => Promise<void>>,\n      required: false,\n    },\n    enableSSR: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props, { slots }) {\n    const isLoaded = ref(false);\n\n    onMounted(async () => {\n      try {\n        setupKvStore();\n        await JazzClerkAuth.initializeAuth(props.clerk);\n        isLoaded.value = true;\n      } catch (error) {\n        console.error(\"Jazz + Clerk initialization error:\", error);\n        // Still render even if auth init fails\n        isLoaded.value = true;\n      }\n    });\n\n    return () => {\n      if (!isLoaded.value) {\n        return null;\n      }\n\n      // Destructure props to exclude 'clerk' which JazzVueProvider doesn't accept\n      const { clerk, ...jazzProviderProps } = props;\n\n      return h(\n        JazzVueProvider,\n        {\n          ...jazzProviderProps,\n          logOutReplacement: clerk.signOut,\n        },\n        {\n          default: () =>\n            h(\n              RegisterClerkAuth,\n              { clerk },\n              { default: () => slots.default?.() },\n            ),\n        },\n      );\n    };\n  },\n});\n","<template>\n  <div v-if=\"auth.state === 'signedIn'\">\n    <slot />\n  </div>\n  <div v-else :style=\"containerStyle\">\n    <div :style=\"cardStyle\">\n      <h1 :style=\"headingStyle\">{{ appName }}</h1>\n      \n      <div v-if=\"error\" :style=\"errorStyle\">\n        {{ error }}\n      </div>\n\n      <form @submit.prevent=\"handleSignUp\" :style=\"formStyle\">\n        <input\n          v-model=\"username\"\n          type=\"text\"\n          placeholder=\"Display name\"\n          autocomplete=\"name\"\n          :style=\"inputStyle\"\n        />\n        <button type=\"submit\" :style=\"primaryButtonStyle\">\n          Sign up\n        </button>\n      </form>\n\n      <button @click=\"handleLogIn\" :style=\"secondaryButtonStyle\">\n        Log in with existing account\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { usePasskeyAuth } from \"./usePasskeyAuth.js\";\n\ninterface Props {\n  appName: string;\n  appHostname?: string;\n}\n\nconst props = defineProps<Props>();\n\nconst username = ref(\"\");\nconst error = ref<string | null>(null);\n\nconst auth = usePasskeyAuth({\n  appName: props.appName,\n  appHostname: props.appHostname,\n});\n\nfunction handleError(err: Error) {\n  if (err.cause instanceof Error) {\n    error.value = err.cause.message;\n  } else {\n    error.value = err.message;\n  }\n}\n\nconst handleSignUp = async () => {\n  if (!username.value.trim()) {\n    error.value = \"Name is required\";\n    return;\n  }\n\n  error.value = null;\n  try {\n    await auth.value.signUp(username.value.trim());\n  } catch (err) {\n    handleError(err as Error);\n  }\n};\n\nconst handleLogIn = async () => {\n  error.value = null;\n  try {\n    await auth.value.logIn();\n  } catch (err) {\n    handleError(err as Error);\n  }\n};\n\n// Styles (matching React version)\nconst containerStyle = {\n  width: \"100vw\",\n  height: \"100vh\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  backgroundColor: \"#f3f4f6\",\n  padding: \"1rem\",\n};\n\nconst cardStyle = {\n  backgroundColor: \"white\",\n  padding: \"2rem\",\n  borderRadius: \"0.5rem\",\n  boxShadow: \"0 10px 15px -3px rgba(0, 0, 0, 0.1)\",\n  width: \"100%\",\n  maxWidth: \"18rem\",\n  display: \"flex\",\n  flexDirection: \"column\" as const,\n  gap: \"2rem\",\n};\n\nconst headingStyle = {\n  fontSize: \"1.5rem\",\n  fontWeight: \"bold\",\n  textAlign: \"center\" as const,\n  margin: \"0\",\n};\n\nconst errorStyle = {\n  color: \"red\",\n  fontSize: \"0.875rem\",\n  textAlign: \"center\" as const,\n};\n\nconst formStyle = {\n  display: \"flex\",\n  flexDirection: \"column\" as const,\n  gap: \"0.5rem\",\n};\n\nconst inputStyle = {\n  padding: \"0.75rem\",\n  border: \"1px solid #d1d5db\",\n  borderRadius: \"0.375rem\",\n  fontSize: \"1rem\",\n};\n\nconst primaryButtonStyle = {\n  backgroundColor: \"#3b82f6\",\n  color: \"white\",\n  padding: \"0.75rem 1rem\",\n  border: \"none\",\n  borderRadius: \"0.375rem\",\n  cursor: \"pointer\",\n  fontSize: \"1rem\",\n  fontWeight: \"500\",\n};\n\nconst secondaryButtonStyle = {\n  backgroundColor: \"#e5e7eb\",\n  color: \"#374151\",\n  padding: \"0.75rem 1rem\",\n  border: \"none\",\n  borderRadius: \"0.375rem\",\n  cursor: \"pointer\",\n  fontSize: \"1rem\",\n  fontWeight: \"500\",\n};\n</script>\n","<script setup lang=\"ts\">\nimport { ImageDefinition } from \"jazz-tools\";\nimport { highestResAvailable } from \"jazz-tools/media\";\nimport { onUnmounted, ref, watch, computed } from \"vue\";\nimport { useCoState } from \"./composables.js\";\n\nexport interface ImageProps {\n  /** The ID of the ImageDefinition to display */\n  imageId: string;\n  /**\n   * The desired width of the image. Can be a number in pixels or \"original\" to use the image's original width.\n   * When set to a number, the component will select the best available resolution and maintain aspect ratio.\n   */\n  width?: number | \"original\";\n  /**\n   * The desired height of the image. Can be a number in pixels or \"original\" to use the image's original height.\n   * When set to a number, the component will select the best available resolution and maintain aspect ratio.\n   */\n  height?: number | \"original\";\n  /** Alt text for the image */\n  alt?: string;\n  /** CSS classes to apply to the image */\n  classNames?: string;\n  /** CSS styles to apply to the image */\n  style?: string | Record<string, string>;\n  /** Loading strategy for the image */\n  loading?: \"lazy\" | \"eager\";\n}\n\nconst props = withDefaults(defineProps<ImageProps>(), {\n  loading: \"eager\",\n});\n\nconst image = useCoState(ImageDefinition, props.imageId, {});\nlet lastBestImage: [string, string] | null = null;\n\n/**\n * For lazy loading, we use the browser's strategy for images with loading=\"lazy\".\n * We use an empty image, and when the browser triggers the load event, we load the best available image.\n */\nconst waitingLazyLoading = ref(props.loading === \"lazy\");\nconst lazyPlaceholder = computed(() =>\n  waitingLazyLoading.value ? URL.createObjectURL(emptyPixelBlob) : undefined,\n);\n\nconst dimensions = computed(() => {\n  const originalSize = image.value.$isLoaded\n    ? image.value.originalSize\n    : undefined;\n  const originalWidth = originalSize?.[0];\n  const originalHeight = originalSize?.[1];\n\n  // Both width and height are \"original\"\n  if (props.width === \"original\" && props.height === \"original\") {\n    return { width: originalWidth, height: originalHeight };\n  }\n\n  // Width is \"original\", height is a number\n  if (props.width === \"original\" && typeof props.height === \"number\") {\n    if (originalWidth && originalHeight) {\n      return {\n        width: Math.round((props.height * originalWidth) / originalHeight),\n        height: props.height,\n      };\n    }\n    return { width: undefined, height: props.height };\n  }\n\n  // Height is \"original\", width is a number\n  if (props.height === \"original\" && typeof props.width === \"number\") {\n    if (originalWidth && originalHeight) {\n      return {\n        width: props.width,\n        height: Math.round((props.width * originalHeight) / originalWidth),\n      };\n    }\n    return { width: props.width, height: undefined };\n  }\n\n  // In all other cases, use the property value:\n  return {\n    width: props.width === \"original\" ? originalWidth : props.width,\n    height: props.height === \"original\" ? originalHeight : props.height,\n  };\n});\n\nconst src = computed(() => {\n  if (waitingLazyLoading.value) {\n    return lazyPlaceholder.value;\n  }\n\n  if (!image.value.$isLoaded) return undefined;\n\n  const bestImage = highestResAvailable(\n    image.value,\n    dimensions.value.width || dimensions.value.height || 9999,\n    dimensions.value.height || dimensions.value.width || 9999,\n  );\n\n  if (!bestImage) return image.value.placeholderDataURL;\n  if (lastBestImage?.[0] === bestImage.image.$jazz.id)\n    return lastBestImage?.[1];\n\n  const blob = bestImage.image.toBlob();\n\n  if (blob) {\n    const url = URL.createObjectURL(blob);\n    revokeObjectURL(lastBestImage?.[1]);\n    lastBestImage = [bestImage.image.$jazz.id, url];\n    return url;\n  }\n\n  return image.value.placeholderDataURL;\n});\n\nconst onThresholdReached = () => {\n  waitingLazyLoading.value = false;\n};\n\n// Cleanup object URL on component destroy\nonUnmounted(() => {\n  revokeObjectURL(lastBestImage?.[1]);\n});\n\nfunction revokeObjectURL(url: string | undefined) {\n  if (url && url.startsWith(\"blob:\")) {\n    URL.revokeObjectURL(url);\n  }\n}\n\nconst emptyPixelBlob = new Blob(\n  [\n    Uint8Array.from(\n      atob(\n        \"iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\",\n      ),\n      (c) => c.charCodeAt(0),\n    ),\n  ],\n  { type: \"image/png\" },\n);\n</script>\n\n<template>\n  <img\n    :src=\"src\"\n    :width=\"dimensions.width\"\n    :height=\"dimensions.height\"\n    :alt=\"alt\"\n    :class=\"classNames\"\n    :style=\"style\"\n    :loading=\"loading\"\n    @load=\"waitingLazyLoading ? onThresholdReached() : undefined\"\n  />\n</template>\n"],"names":["inbox"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/composables.ts","../src/auth/useIsAuthenticated.ts","../src/auth/usePassphraseAuth.ts","../src/auth/usePasskeyAuth.ts","../src/auth/useClerkAuth.ts","../src/auth/JazzVueProviderWithClerk.ts","../src/auth/PasskeyAuthBasicUI.vue","../src/Image.vue"],"sourcesContent":["import {\n  Account,\n  AccountClass,\n  AnonymousJazzAgent,\n  AnyAccountSchema,\n  type AuthSecretStorage,\n  type CoValue,\n  CoValueClassOrSchema,\n  InboxSender,\n  InstanceOfSchema,\n  type JazzAuthContext,\n  JazzContextManager,\n  type JazzContextType,\n  type Loaded,\n  type MaybeLoaded,\n  CoValueLoadingState,\n  type ResolveQuery,\n  ResolveQueryStrict,\n  coValueClassFromCoValueClassOrSchema,\n  subscribeToCoValue,\n  createUnloadedCoValue,\n} from \"jazz-tools\";\nimport { consumeInviteLinkFromWindowLocation } from \"jazz-tools/browser\";\nimport {\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n  type ShallowRef,\n  computed,\n  inject,\n  markRaw,\n  onMounted,\n  onUnmounted,\n  ref,\n  shallowRef,\n  toRaw,\n  toValue,\n  watch,\n} from \"vue\";\n\nimport {\n  JazzAuthContextSymbol,\n  JazzContextManagerSymbol,\n  JazzContextSymbol,\n} from \"./provider.js\";\n\nexport const logoutHandler = ref<() => void>();\n\nfunction 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 useJazzContext<Acc extends Account>(): Ref<\n  JazzContextType<Acc>,\n  JazzContextType<Acc>\n> {\n  const context = inject<Ref<JazzContextType<Acc>>>(JazzContextSymbol);\n  if (!context) {\n    throw new Error(\"useJazzContext must be used within a JazzProvider\");\n  }\n  return context;\n}\n\nexport function useJazzContextManager<Acc extends Account>() {\n  const context = inject<Ref<JazzContextManager<Acc, {}>>>(\n    JazzContextManagerSymbol,\n  );\n\n  if (!context?.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 context;\n}\n\nexport function useAuthSecretStorage() {\n  const context = inject<AuthSecretStorage>(JazzAuthContextSymbol);\n  if (!context) {\n    throw new Error(\"useAuthSecretStorage must be used within a JazzProvider\");\n  }\n  return context;\n}\n\nexport function useAccount<\n  A extends AccountClass<Account> | AnyAccountSchema = typeof Account,\n  R extends ResolveQuery<A> = true,\n>(\n  AccountSchema: A = Account as unknown as A,\n  options?: {\n    resolve?: ResolveQueryStrict<A, R>;\n  },\n): ComputedRef<MaybeLoaded<Loaded<A, R>>> {\n  const context = useJazzContext();\n\n  if (!context.value) {\n    throw new Error(\"useAccount must be used within a JazzProvider\");\n  }\n\n  // Handle guest mode - return null for the account data\n  if (!(\"me\" in context.value)) {\n    return computed(() => null) as any;\n  }\n\n  const contextMe = context.value.me as InstanceOfSchema<A>;\n\n  const me = useCoState(\n    AccountSchema as any,\n    toRaw(contextMe).$jazz.id,\n    options as any,\n  );\n\n  return computed(() => {\n    const value =\n      options?.resolve === undefined ? me.value || contextMe : me.value;\n    return value ? markRaw(value) : value;\n  }) as any;\n}\n\n/**\n * Returns a function for logging out the current account.\n */\nexport function useLogOut(): () => void {\n  const context = useJazzContext();\n  if (!context.value) {\n    throw new Error(\"useLogOut must be used within a JazzProvider\");\n  }\n  return context.value.logOut;\n}\n\n/**\n * Hook for accessing the current agent. An agent can either be:\n * - an Authenticated Account, if the user is logged in\n * - an Anonymous Account, if the user didn't log in\n * - or an anonymous agent, if in guest mode\n *\n * The agent can be used as the `loadAs` parameter for load and subscribe methods.\n */\nexport function useAgent<\n  A extends AccountClass<Account> | AnyAccountSchema = typeof Account,\n>(): AnonymousJazzAgent | Loaded<A, true> {\n  const contextManager = useJazzContextManager<InstanceOfSchema<A>>();\n  const agent = getCurrentAccountFromContextManager(contextManager.value);\n  return agent as AnonymousJazzAgent | Loaded<A, true>;\n}\n\nexport function useCoState<\n  S extends CoValueClassOrSchema,\n  const R extends ResolveQuery<S> = true,\n>(\n  Schema: S,\n  id: MaybeRefOrGetter<string | undefined>,\n  options?: { resolve?: ResolveQueryStrict<S, R> },\n): Ref<MaybeLoaded<Loaded<S, R>>> {\n  const state: ShallowRef<MaybeLoaded<Loaded<S, R>>> = shallowRef(\n    createUnloadedCoValue(toValue(id) ?? \"\", CoValueLoadingState.LOADING),\n  );\n  const context = useJazzContext();\n\n  if (!context.value) {\n    throw new Error(\"useCoState must be used within a JazzProvider\");\n  }\n\n  let unsubscribe: (() => void) | undefined;\n\n  const updateState = (value: MaybeLoaded<Loaded<S, R>>) => {\n    if (shouldSkipUpdate(value, state.value)) return;\n    // Use markRaw to prevent Vue from making Jazz objects reactive\n    // but still allow property access and mutations\n    state.value = markRaw(value);\n  };\n\n  watch(\n    [() => toValue(id), context],\n    ([currentId, currentContext]) => {\n      if (unsubscribe) {\n        unsubscribe();\n        unsubscribe = undefined;\n      }\n\n      if (!currentId || !currentContext) {\n        updateState(\n          createUnloadedCoValue(\n            currentId ?? \"\",\n            CoValueLoadingState.UNAVAILABLE,\n          ),\n        );\n        return;\n      }\n\n      const loadAsAgent =\n        \"me\" in currentContext ? currentContext.me : currentContext.guest;\n      if (!loadAsAgent) {\n        updateState(\n          createUnloadedCoValue(currentId, CoValueLoadingState.UNAVAILABLE),\n        );\n        return;\n      }\n\n      const safeLoadAsAgent = toRaw(loadAsAgent);\n\n      try {\n        unsubscribe = subscribeToCoValue(\n          coValueClassFromCoValueClassOrSchema(Schema),\n          currentId as any,\n          {\n            resolve: options?.resolve as any,\n            loadAs: safeLoadAsAgent,\n            onUnavailable: (value) => {\n              updateState(value);\n            },\n            onUnauthorized: (value) => {\n              updateState(value);\n            },\n            syncResolution: true,\n          },\n          (value: any) => {\n            updateState(value);\n          },\n        );\n      } catch (error) {\n        console.error(\"Error in useCoState subscription:\", error);\n        updateState(\n          createUnloadedCoValue(currentId, CoValueLoadingState.UNAVAILABLE),\n        );\n      }\n    },\n    { immediate: true },\n  );\n\n  onUnmounted(() => {\n    if (unsubscribe) {\n      unsubscribe();\n      unsubscribe = undefined;\n    }\n  });\n\n  return state;\n}\n\nexport function useAcceptInvite<S extends CoValueClassOrSchema>({\n  invitedObjectSchema,\n  onAccept,\n  forValueHint,\n}: {\n  invitedObjectSchema: S;\n  onAccept: (projectID: string) => void;\n  forValueHint?: string;\n}): void {\n  const context = useJazzContext();\n\n  if (!context.value) {\n    throw new Error(\"useAcceptInvite must be used within a JazzProvider\");\n  }\n\n  if (!(\"me\" in context.value)) {\n    throw new Error(\n      \"useAcceptInvite can't be used in a JazzProvider with auth === 'guest'.\",\n    );\n  }\n\n  const handleInvite = () => {\n    const result = consumeInviteLinkFromWindowLocation({\n      as: toRaw((context.value as JazzAuthContext<Account>).me),\n      invitedObjectSchema,\n      forValueHint,\n    });\n\n    result\n      .then((res) => res && onAccept(res.valueID))\n      .catch((e) => {\n        console.error(\"Failed to accept invite\", e);\n      });\n  };\n\n  onMounted(() => {\n    handleInvite();\n    window.addEventListener(\"hashchange\", handleInvite);\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener(\"hashchange\", handleInvite);\n  });\n\n  watch(\n    () => onAccept,\n    (newOnAccept, oldOnAccept) => {\n      if (newOnAccept !== oldOnAccept) {\n        handleInvite();\n      }\n    },\n  );\n}\n\nexport function experimental_useInboxSender<\n  I extends CoValue,\n  O extends CoValue | undefined,\n>(inboxOwnerID: MaybeRefOrGetter<string | undefined>) {\n  const context = useJazzContext();\n\n  if (!context.value) {\n    throw new Error(\n      \"experimental_useInboxSender must be used within a JazzProvider\",\n    );\n  }\n\n  if (!(\"me\" in context.value)) {\n    throw new Error(\n      \"experimental_useInboxSender can't be used in a JazzProvider with auth === 'guest'.\",\n    );\n  }\n\n  const me = computed(() => (context.value as JazzAuthContext<Account>).me);\n  const inboxRef = ref<Promise<InboxSender<I, O>> | undefined>(undefined);\n\n  const sendMessage = async (message: I) => {\n    const resolvedInboxOwnerID = toValue(inboxOwnerID);\n    if (!resolvedInboxOwnerID) throw new Error(\"Inbox owner ID is required\");\n\n    if (!inboxRef.value) {\n      const inbox = InboxSender.load<I, O>(\n        resolvedInboxOwnerID,\n        toRaw(me.value),\n      );\n      inboxRef.value = inbox;\n    }\n\n    let inbox = await inboxRef.value;\n\n    if (inbox.owner.id !== resolvedInboxOwnerID) {\n      const req = InboxSender.load<I, O>(resolvedInboxOwnerID, toRaw(me.value));\n      inboxRef.value = req;\n      inbox = await req;\n    }\n\n    return inbox.sendMessage(message);\n  };\n\n  watch(\n    () => toValue(inboxOwnerID),\n    () => {\n      inboxRef.value = undefined;\n    },\n  );\n\n  return sendMessage;\n}\n\n// useAccountOrGuest has been removed in v0.15.4 to match React library.\n// It has been merged into useAccount which now handles both authenticated and guest scenarios.\n// This change maintains 1:1 API compatibility with the React Jazz library.\n// If you were using useAccountOrGuest, please migrate to useAccount.\n\nfunction shouldSkipUpdate(\n  newValue: MaybeLoaded<CoValue>,\n  previousValue: MaybeLoaded<CoValue>,\n) {\n  if (previousValue === newValue) return true;\n  // Avoid re-renders if the value is not loaded and didn't change\n  return (\n    previousValue.$jazz.id === newValue.$jazz.id &&\n    !previousValue.$isLoaded &&\n    !newValue.$isLoaded &&\n    previousValue.$jazz.loadingState === newValue.$jazz.loadingState\n  );\n}\n","import { onUnmounted, ref } from \"vue\";\nimport { useAuthSecretStorage } from \"../composables.js\";\n\nexport function useIsAuthenticated() {\n  const authSecretStorage = useAuthSecretStorage();\n  const isAuthenticated = ref(authSecretStorage.isAuthenticated);\n\n  const handleUpdate = (newIsAuthenticated: boolean) => {\n    isAuthenticated.value = newIsAuthenticated;\n  };\n\n  // Set up the listener immediately, not waiting for onMounted\n  // This ensures we catch auth state changes that happen before mounting\n  const cleanup = authSecretStorage.onUpdate(handleUpdate);\n\n  onUnmounted(() => {\n    cleanup();\n  });\n\n  return isAuthenticated;\n}\n","import { PassphraseAuth } from \"jazz-tools\";\nimport { computed, markRaw, ref, watchEffect } from \"vue\";\nimport { useAuthSecretStorage, useJazzContext } from \"../composables.js\";\nimport { useIsAuthenticated } from \"./useIsAuthenticated.js\";\n\n/**\n * `usePassphraseAuth` composable provides a `JazzAuth` object for passphrase authentication.\n *\n * @example\n * ```ts\n * const auth = usePassphraseAuth({ wordlist });\n * ```\n *\n * @category Auth Providers\n */\nexport function usePassphraseAuth({ wordlist }: { wordlist: string[] }) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n  const isAuthenticated = useIsAuthenticated();\n\n  if (\"guest\" in context.value) {\n    throw new Error(\"Passphrase auth is not supported in guest mode\");\n  }\n\n  const authMethod = computed(() => {\n    return markRaw(\n      new PassphraseAuth(\n        context.value.node.crypto,\n        context.value.authenticate,\n        context.value.register,\n        authSecretStorage,\n        wordlist,\n      ),\n    );\n  });\n\n  const passphrase = ref(authMethod.value.passphrase);\n\n  watchEffect((onCleanup) => {\n    authMethod.value.loadCurrentAccountPassphrase();\n\n    const unsubscribe = authMethod.value.subscribe(() => {\n      passphrase.value = authMethod.value.passphrase;\n    });\n\n    onCleanup(unsubscribe);\n  });\n\n  return computed(() => ({\n    state: isAuthenticated.value ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.value.logIn,\n    signUp: authMethod.value.signUp,\n    registerNewAccount: authMethod.value.registerNewAccount,\n    generateRandomPassphrase: authMethod.value.generateRandomPassphrase,\n    passphrase: passphrase.value,\n  }));\n}\n","import { BrowserPasskeyAuth } from \"jazz-tools/browser\";\nimport { computed, markRaw } from \"vue\";\nimport { useAuthSecretStorage, useJazzContext } from \"../composables.js\";\nimport { useIsAuthenticated } from \"./useIsAuthenticated.js\";\n\n/**\n * `usePasskeyAuth` composable provides a `JazzAuth` object for passkey authentication.\n *\n * @example\n * ```ts\n * const auth = usePasskeyAuth({ appName, appHostname });\n * ```\n *\n * @category Auth Providers\n */\nexport function usePasskeyAuth({\n  appName,\n  appHostname,\n}: {\n  appName: string;\n  appHostname?: string;\n}) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n  const isAuthenticated = useIsAuthenticated();\n\n  if (\"guest\" in context.value) {\n    throw new Error(\"Passkey auth is not supported in guest mode\");\n  }\n\n  const authMethod = computed(() => {\n    return markRaw(\n      new BrowserPasskeyAuth(\n        context.value.node.crypto,\n        context.value.authenticate,\n        authSecretStorage,\n        appName,\n        appHostname,\n      ),\n    );\n  });\n\n  return computed(() => ({\n    state: isAuthenticated.value ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.value.logIn,\n    signUp: authMethod.value.signUp,\n  }));\n}\n","import { JazzClerkAuth, type MinimalClerkClient } from \"jazz-tools\";\nimport { computed, markRaw, onMounted, onUnmounted } from \"vue\";\nimport { useAuthSecretStorage, useJazzContext } from \"../composables.js\";\n\nexport function useClerkAuth(clerk: MinimalClerkClient) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n\n  if (\"guest\" in context.value) {\n    throw new Error(\"Clerk auth is not supported in guest mode\");\n  }\n\n  // Create auth method similar to React's useMemo pattern\n  const authMethod = computed(() => {\n    return markRaw(\n      new JazzClerkAuth(\n        context.value.authenticate,\n        context.value.logOut,\n        authSecretStorage,\n      ),\n    );\n  });\n\n  onMounted(() => {\n    const cleanup = authMethod.value.registerListener(clerk) as\n      | (() => void)\n      | void;\n\n    onUnmounted(() => {\n      // Clerk's addListener returns a cleanup function, but the type says void\n      // Handle both cases for type safety\n      if (typeof cleanup === \"function\") {\n        cleanup();\n      }\n    });\n  });\n\n  return authMethod.value;\n}\n","import type {\n  Account,\n  AccountClass,\n  AnyAccountSchema,\n  CoValueFromRaw,\n  SyncConfig,\n} from \"jazz-tools\";\nimport {\n  InMemoryKVStore,\n  JazzClerkAuth,\n  KvStoreContext,\n  type MinimalClerkClient,\n} from \"jazz-tools\";\nimport { LocalStorageKVStore } from \"jazz-tools/browser\";\nimport { type PropType, defineComponent, h, onMounted, ref } from \"vue\";\nimport { JazzVueProvider } from \"../provider.js\";\nimport { useClerkAuth } from \"./useClerkAuth.js\";\n\nfunction setupKvStore() {\n  KvStoreContext.getInstance().initialize(\n    typeof window === \"undefined\"\n      ? new InMemoryKVStore()\n      : new LocalStorageKVStore(),\n  );\n}\n\nconst RegisterClerkAuth = defineComponent({\n  name: \"RegisterClerkAuth\",\n  props: {\n    clerk: {\n      type: Object as PropType<MinimalClerkClient>,\n      required: true,\n    },\n  },\n  setup(props, { slots }) {\n    useClerkAuth(props.clerk);\n    return () => slots.default?.();\n  },\n});\n\nexport const JazzVueProviderWithClerk = defineComponent({\n  name: \"JazzVueProviderWithClerk\",\n  props: {\n    clerk: {\n      type: Object as PropType<MinimalClerkClient>,\n      required: true,\n    },\n    AccountSchema: {\n      type: [Function, Object] as unknown as PropType<\n        (AccountClass<Account> & CoValueFromRaw<Account>) | AnyAccountSchema\n      >,\n      required: false,\n    },\n    guestMode: {\n      type: Boolean,\n      default: false,\n    },\n    sync: {\n      type: Object as PropType<SyncConfig>,\n      required: true,\n    },\n    storage: {\n      type: String as PropType<\"indexedDB\">,\n      default: undefined,\n    },\n    defaultProfileName: {\n      type: String,\n      required: false,\n    },\n    onLogOut: {\n      type: Function as PropType<() => void>,\n      required: false,\n    },\n    onAnonymousAccountDiscarded: {\n      type: Function as PropType<(anonymousAccount: Account) => Promise<void>>,\n      required: false,\n    },\n    enableSSR: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props, { slots }) {\n    const isLoaded = ref(false);\n\n    onMounted(async () => {\n      try {\n        setupKvStore();\n        await JazzClerkAuth.initializeAuth(props.clerk);\n        isLoaded.value = true;\n      } catch (error) {\n        console.error(\"Jazz + Clerk initialization error:\", error);\n        // Still render even if auth init fails\n        isLoaded.value = true;\n      }\n    });\n\n    return () => {\n      if (!isLoaded.value) {\n        return null;\n      }\n\n      // Destructure props to exclude 'clerk' which JazzVueProvider doesn't accept\n      const { clerk, ...jazzProviderProps } = props;\n\n      return h(\n        JazzVueProvider,\n        {\n          ...jazzProviderProps,\n          logOutReplacement: clerk.signOut,\n        },\n        {\n          default: () =>\n            h(\n              RegisterClerkAuth,\n              { clerk },\n              { default: () => slots.default?.() },\n            ),\n        },\n      );\n    };\n  },\n});\n","<template>\n  <div v-if=\"auth.state === 'signedIn'\">\n    <slot />\n  </div>\n  <div v-else :style=\"containerStyle\">\n    <div :style=\"cardStyle\">\n      <h1 :style=\"headingStyle\">{{ appName }}</h1>\n      \n      <div v-if=\"error\" :style=\"errorStyle\">\n        {{ error }}\n      </div>\n\n      <form @submit.prevent=\"handleSignUp\" :style=\"formStyle\">\n        <input\n          v-model=\"username\"\n          type=\"text\"\n          placeholder=\"Display name\"\n          autocomplete=\"name\"\n          :style=\"inputStyle\"\n        />\n        <button type=\"submit\" :style=\"primaryButtonStyle\">\n          Sign up\n        </button>\n      </form>\n\n      <button @click=\"handleLogIn\" :style=\"secondaryButtonStyle\">\n        Log in with existing account\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { usePasskeyAuth } from \"./usePasskeyAuth.js\";\n\ninterface Props {\n  appName: string;\n  appHostname?: string;\n}\n\nconst props = defineProps<Props>();\n\nconst username = ref(\"\");\nconst error = ref<string | null>(null);\n\nconst auth = usePasskeyAuth({\n  appName: props.appName,\n  appHostname: props.appHostname,\n});\n\nfunction handleError(err: Error) {\n  if (err.cause instanceof Error) {\n    error.value = err.cause.message;\n  } else {\n    error.value = err.message;\n  }\n}\n\nconst handleSignUp = async () => {\n  if (!username.value.trim()) {\n    error.value = \"Name is required\";\n    return;\n  }\n\n  error.value = null;\n  try {\n    await auth.value.signUp(username.value.trim());\n  } catch (err) {\n    handleError(err as Error);\n  }\n};\n\nconst handleLogIn = async () => {\n  error.value = null;\n  try {\n    await auth.value.logIn();\n  } catch (err) {\n    handleError(err as Error);\n  }\n};\n\n// Styles (matching React version)\nconst containerStyle = {\n  width: \"100vw\",\n  height: \"100vh\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  backgroundColor: \"#f3f4f6\",\n  padding: \"1rem\",\n};\n\nconst cardStyle = {\n  backgroundColor: \"white\",\n  padding: \"2rem\",\n  borderRadius: \"0.5rem\",\n  boxShadow: \"0 10px 15px -3px rgba(0, 0, 0, 0.1)\",\n  width: \"100%\",\n  maxWidth: \"18rem\",\n  display: \"flex\",\n  flexDirection: \"column\" as const,\n  gap: \"2rem\",\n};\n\nconst headingStyle = {\n  fontSize: \"1.5rem\",\n  fontWeight: \"bold\",\n  textAlign: \"center\" as const,\n  margin: \"0\",\n};\n\nconst errorStyle = {\n  color: \"red\",\n  fontSize: \"0.875rem\",\n  textAlign: \"center\" as const,\n};\n\nconst formStyle = {\n  display: \"flex\",\n  flexDirection: \"column\" as const,\n  gap: \"0.5rem\",\n};\n\nconst inputStyle = {\n  padding: \"0.75rem\",\n  border: \"1px solid #d1d5db\",\n  borderRadius: \"0.375rem\",\n  fontSize: \"1rem\",\n};\n\nconst primaryButtonStyle = {\n  backgroundColor: \"#3b82f6\",\n  color: \"white\",\n  padding: \"0.75rem 1rem\",\n  border: \"none\",\n  borderRadius: \"0.375rem\",\n  cursor: \"pointer\",\n  fontSize: \"1rem\",\n  fontWeight: \"500\",\n};\n\nconst secondaryButtonStyle = {\n  backgroundColor: \"#e5e7eb\",\n  color: \"#374151\",\n  padding: \"0.75rem 1rem\",\n  border: \"none\",\n  borderRadius: \"0.375rem\",\n  cursor: \"pointer\",\n  fontSize: \"1rem\",\n  fontWeight: \"500\",\n};\n</script>\n","<script setup lang=\"ts\">\nimport { ImageDefinition } from \"jazz-tools\";\nimport { highestResAvailable } from \"jazz-tools/media\";\nimport { onUnmounted, ref, watch, computed } from \"vue\";\nimport { useCoState } from \"./composables.js\";\n\nexport interface ImageProps {\n  /** The ID of the ImageDefinition to display */\n  imageId: string;\n  /**\n   * The desired width of the image. Can be a number in pixels or \"original\" to use the image's original width.\n   * When set to a number, the component will select the best available resolution and maintain aspect ratio.\n   */\n  width?: number | \"original\";\n  /**\n   * The desired height of the image. Can be a number in pixels or \"original\" to use the image's original height.\n   * When set to a number, the component will select the best available resolution and maintain aspect ratio.\n   */\n  height?: number | \"original\";\n  /** Alt text for the image */\n  alt?: string;\n  /** CSS classes to apply to the image */\n  classNames?: string;\n  /** CSS styles to apply to the image */\n  style?: string | Record<string, string>;\n  /** Loading strategy for the image */\n  loading?: \"lazy\" | \"eager\";\n}\n\nconst props = withDefaults(defineProps<ImageProps>(), {\n  loading: \"eager\",\n});\n\nconst image = useCoState(ImageDefinition, props.imageId, {});\nlet lastBestImage: [string, string] | null = null;\n\n/**\n * For lazy loading, we use the browser's strategy for images with loading=\"lazy\".\n * We use an empty image, and when the browser triggers the load event, we load the best available image.\n */\nconst waitingLazyLoading = ref(props.loading === \"lazy\");\nconst lazyPlaceholder = computed(() =>\n  waitingLazyLoading.value ? URL.createObjectURL(emptyPixelBlob) : undefined,\n);\n\nconst dimensions = computed(() => {\n  const originalSize = image.value.$isLoaded\n    ? image.value.originalSize\n    : undefined;\n  const originalWidth = originalSize?.[0];\n  const originalHeight = originalSize?.[1];\n\n  // Both width and height are \"original\"\n  if (props.width === \"original\" && props.height === \"original\") {\n    return { width: originalWidth, height: originalHeight };\n  }\n\n  // Width is \"original\", height is a number\n  if (props.width === \"original\" && typeof props.height === \"number\") {\n    if (originalWidth && originalHeight) {\n      return {\n        width: Math.round((props.height * originalWidth) / originalHeight),\n        height: props.height,\n      };\n    }\n    return { width: undefined, height: props.height };\n  }\n\n  // Height is \"original\", width is a number\n  if (props.height === \"original\" && typeof props.width === \"number\") {\n    if (originalWidth && originalHeight) {\n      return {\n        width: props.width,\n        height: Math.round((props.width * originalHeight) / originalWidth),\n      };\n    }\n    return { width: props.width, height: undefined };\n  }\n\n  // In all other cases, use the property value:\n  return {\n    width: props.width === \"original\" ? originalWidth : props.width,\n    height: props.height === \"original\" ? originalHeight : props.height,\n  };\n});\n\nconst src = computed(() => {\n  if (waitingLazyLoading.value) {\n    return lazyPlaceholder.value;\n  }\n\n  if (!image.value.$isLoaded) return undefined;\n\n  const bestImage = highestResAvailable(\n    image.value,\n    dimensions.value.width || dimensions.value.height || 9999,\n    dimensions.value.height || dimensions.value.width || 9999,\n  );\n\n  if (!bestImage) return image.value.placeholderDataURL;\n  if (lastBestImage?.[0] === bestImage.image.$jazz.id)\n    return lastBestImage?.[1];\n\n  const blob = bestImage.image.toBlob();\n\n  if (blob) {\n    const url = URL.createObjectURL(blob);\n    revokeObjectURL(lastBestImage?.[1]);\n    lastBestImage = [bestImage.image.$jazz.id, url];\n    return url;\n  }\n\n  return image.value.placeholderDataURL;\n});\n\nconst onThresholdReached = () => {\n  waitingLazyLoading.value = false;\n};\n\n// Cleanup object URL on component destroy\nonUnmounted(() => {\n  revokeObjectURL(lastBestImage?.[1]);\n});\n\nfunction revokeObjectURL(url: string | undefined) {\n  if (url && url.startsWith(\"blob:\")) {\n    URL.revokeObjectURL(url);\n  }\n}\n\nconst emptyPixelBlob = new Blob(\n  [\n    Uint8Array.from(\n      atob(\n        \"iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\",\n      ),\n      (c) => c.charCodeAt(0),\n    ),\n  ],\n  { type: \"image/png\" },\n);\n</script>\n\n<template>\n  <img\n    :src=\"src\"\n    :width=\"dimensions.width\"\n    :height=\"dimensions.height\"\n    :alt=\"alt\"\n    :class=\"classNames\"\n    :style=\"style\"\n    :loading=\"loading\"\n    @load=\"waitingLazyLoading ? onThresholdReached() : undefined\"\n  />\n</template>\n"],"names":["inbox"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "community-jazz-vue",
-  "version": "0.19.3",
+  "version": "0.19.5",
   "type": "module",
   "main": "dist/index.js",
   "types": "src/index.ts",
@@ -24,8 +24,8 @@
     }
   },
   "dependencies": {
-    "cojson": "0.19.3",
-    "jazz-tools": "0.19.3"
+    "cojson": "0.19.5",
+    "jazz-tools": "0.19.5"
   },
   "devDependencies": {
     "@babel/plugin-syntax-jsx": "^7.25.0",

package/src/composables.ts

@@ -23,17 +23,18 @@ import {
 import { consumeInviteLinkFromWindowLocation } from "jazz-tools/browser";
 import {
   type ComputedRef,
+  type MaybeRefOrGetter,
   type Ref,
   type ShallowRef,
   computed,
   inject,
   markRaw,
-  nextTick,
   onMounted,
   onUnmounted,
   ref,
   shallowRef,
   toRaw,
+  toValue,
   watch,
 } from "vue";
 
@@ -157,11 +158,11 @@ export function useCoState<
   const R extends ResolveQuery<S> = true,
 >(
   Schema: S,
-  id: string | undefined,
+  id: MaybeRefOrGetter<string | undefined>,
   options?: { resolve?: ResolveQueryStrict<S, R> },
 ): Ref<MaybeLoaded<Loaded<S, R>>> {
   const state: ShallowRef<MaybeLoaded<Loaded<S, R>>> = shallowRef(
-    createUnloadedCoValue(id ?? "", CoValueLoadingState.LOADING),
+    createUnloadedCoValue(toValue(id) ?? "", CoValueLoadingState.LOADING),
   );
   const context = useJazzContext();
 
@@ -179,7 +180,7 @@ export function useCoState<
   };
 
   watch(
-    [() => id, context],
+    [() => toValue(id), context],
     ([currentId, currentContext]) => {
       if (unsubscribe) {
         unsubscribe();
@@ -214,21 +215,11 @@ export function useCoState<
           {
             resolve: options?.resolve as any,
             loadAs: safeLoadAsAgent,
-            onUnavailable: () => {
-              updateState(
-                createUnloadedCoValue(
-                  currentId,
-                  CoValueLoadingState.UNAVAILABLE,
-                ),
-              );
+            onUnavailable: (value) => {
+              updateState(value);
             },
-            onUnauthorized: () => {
-              updateState(
-                createUnloadedCoValue(
-                  currentId,
-                  CoValueLoadingState.UNAUTHORIZED,
-                ),
-              );
+            onUnauthorized: (value) => {
+              updateState(value);
             },
             syncResolution: true,
           },
@@ -313,7 +304,7 @@ export function useAcceptInvite<S extends CoValueClassOrSchema>({
 export function experimental_useInboxSender<
   I extends CoValue,
   O extends CoValue | undefined,
->(inboxOwnerID: string | undefined) {
+>(inboxOwnerID: MaybeRefOrGetter<string | undefined>) {
   const context = useJazzContext();
 
   if (!context.value) {
@@ -332,17 +323,21 @@ export function experimental_useInboxSender<
   const inboxRef = ref<Promise<InboxSender<I, O>> | undefined>(undefined);
 
   const sendMessage = async (message: I) => {
-    if (!inboxOwnerID) throw new Error("Inbox owner ID is required");
+    const resolvedInboxOwnerID = toValue(inboxOwnerID);
+    if (!resolvedInboxOwnerID) throw new Error("Inbox owner ID is required");
 
     if (!inboxRef.value) {
-      const inbox = InboxSender.load<I, O>(inboxOwnerID, toRaw(me.value));
+      const inbox = InboxSender.load<I, O>(
+        resolvedInboxOwnerID,
+        toRaw(me.value),
+      );
       inboxRef.value = inbox;
     }
 
     let inbox = await inboxRef.value;
 
-    if (inbox.owner.id !== inboxOwnerID) {
-      const req = InboxSender.load<I, O>(inboxOwnerID, toRaw(me.value));
+    if (inbox.owner.id !== resolvedInboxOwnerID) {
+      const req = InboxSender.load<I, O>(resolvedInboxOwnerID, toRaw(me.value));
       inboxRef.value = req;
       inbox = await req;
     }
@@ -351,7 +346,7 @@ export function experimental_useInboxSender<
   };
 
   watch(
-    () => inboxOwnerID,
+    () => toValue(inboxOwnerID),
     () => {
       inboxRef.value = undefined;
     },

package/src/tests/useCoState.test.ts

@@ -15,7 +15,7 @@ import {
   setupJazzTestSync,
 } from "jazz-tools/testing";
 import { beforeEach, describe, expect, expectTypeOf, it } from "vitest";
-import type { ComputedRef, Ref, ShallowRef } from "vue";
+import { nextTick, ref, type Ref } from "vue";
 import { useCoState } from "../index.js";
 import { waitFor, withJazzTestSetup } from "./testUtils.js";
 
@@ -200,4 +200,74 @@ describe("useCoState", () => {
       Ref<MaybeLoaded<co.loaded<typeof TestMap>>>
     >();
   });
+
+  it("should accept ref input", async () => {
+    const TestMap = co.map({
+      content: z.string(),
+    });
+
+    const account = await createJazzTestAccount();
+
+    const map1 = TestMap.create(
+      {
+        content: "123",
+      },
+      { owner: account },
+    );
+    const map2 = TestMap.create(
+      {
+        content: "456",
+      },
+      { owner: account },
+    );
+
+    const id = ref(map1.$jazz.id);
+    const [result] = withJazzTestSetup(() => useCoState(TestMap, id, {}), {
+      account,
+    });
+
+    assertLoaded(result.value);
+    expect(result.value.content).toBe("123");
+    id.value = map2.$jazz.id;
+    await nextTick();
+    assertLoaded(result.value);
+    expect(result.value.content).toBe("456");
+  });
+
+  it("should accept getter input", async () => {
+    const TestMap = co.map({
+      content: z.string(),
+    });
+
+    const account = await createJazzTestAccount();
+
+    const map1 = TestMap.create(
+      {
+        content: "123",
+      },
+      { owner: account },
+    );
+    const map2 = TestMap.create(
+      {
+        content: "456",
+      },
+      { owner: account },
+    );
+
+    // simulate a getter here, in a vue app you would use a getter to access props
+    const id = ref(map1.$jazz.id);
+    const [result] = withJazzTestSetup(
+      () => useCoState(TestMap, () => id.value, {}),
+      {
+        account,
+      },
+    );
+
+    assertLoaded(result.value);
+    expect(result.value.content).toBe("123");
+    id.value = map2.$jazz.id;
+    await nextTick();
+    assertLoaded(result.value);
+    expect(result.value.content).toBe("456");
+  });
 });

package/src/tests/useInboxSender.test.ts

@@ -6,6 +6,7 @@ import { describe, expect, it } from "vitest";
 import { experimental_useInboxSender } from "../composables.js";
 import { createJazzTestAccount, linkAccounts } from "../testing.js";
 import { withJazzTestSetup } from "./testUtils.js";
+import { ref } from "vue";
 
 describe("useInboxSender", () => {
   it("should send the message to the inbox", async () => {
@@ -60,4 +61,63 @@ describe("useInboxSender", () => {
     assertLoaded(responseMap);
     expect(responseMap.value).toEqual("got it");
   });
+
+  it("should accept reactive input", async () => {
+    const TestMap = co.map({
+      value: z.string(),
+    });
+
+    const account = await createJazzTestAccount();
+    const inboxReceiver1 = await createJazzTestAccount();
+    const inboxReceiver2 = await createJazzTestAccount();
+
+    await linkAccounts(account, inboxReceiver1);
+    await linkAccounts(account, inboxReceiver2);
+
+    const id = ref(inboxReceiver1.$jazz.id);
+    const [result] = withJazzTestSetup(
+      () =>
+        experimental_useInboxSender<
+          Loaded<typeof TestMap>,
+          Loaded<typeof TestMap>
+        >(id),
+      {
+        account,
+      },
+    );
+
+    const sendMessage = result;
+
+    sendMessage(
+      TestMap.create(
+        { value: "hello" },
+        { owner: Group.create({ owner: account }) },
+      ),
+    );
+
+    const inbox1 = await Inbox.load(inboxReceiver1);
+
+    const incoming1 = await new Promise<Loaded<typeof TestMap>>((resolve) => {
+      inbox1.subscribe(TestMap, async (message) => resolve(message));
+    });
+
+    expect(incoming1.value).toEqual("hello");
+
+    // now the second inbox
+    id.value = inboxReceiver2.$jazz.id;
+
+    sendMessage(
+      TestMap.create(
+        { value: "hello to you too" },
+        { owner: Group.create({ owner: account }) },
+      ),
+    );
+    const inbox2 = await Inbox.load(inboxReceiver2);
+
+    const incoming2 = await new Promise<Loaded<typeof TestMap>>((resolve) => {
+      inbox2.subscribe(TestMap, async (message) => resolve(message));
+    });
+
+    expect(incoming2.value).toEqual("hello to you too");
+  });
 });