community-jazz-vue 0.18.38 → 0.19.0

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> community-jazz-vue@0.18.38 build /home/runner/_work/jazz/jazz/packages/community-jazz-vue
+> community-jazz-vue@0.19.0 build /home/runner/_work/jazz/jazz/packages/community-jazz-vue
 > pnpm typecheck && rm -rf ./dist && vite build
 
 
-> community-jazz-vue@0.18.38 typecheck /home/runner/_work/jazz/jazz/packages/community-jazz-vue
+> community-jazz-vue@0.19.0 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              19.89 kB │ gzip: 4.96 kB │ map: 35.15 kB
-[vite:dts] Declaration files built in 2757ms.
+dist/index.js              21.06 kB │ gzip: 5.16 kB │ map: 37.58 kB
+[vite:dts] Declaration files built in 2271ms.
 
-✓ built in 2.92s
+✓ built in 2.40s

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # jazz-react
 
+## 0.19.0
+
+### Minor Changes
+
+- 26386d9: Add explicit CoValue loading states:
+  - Add `$isLoaded` field to discriminate between loaded and unloaded CoValues
+  - Add `$jazz.loadingState` field to provide additional info about the loading state
+  - All methods and functions that load CoValues now return a `MaybeLoaded<CoValue>` instead of `CoValue | null | undefined`
+  - Rename `$onError: null` to `$onError: "catch"`
+  - Split the `useAccount` hook into three separate hooks:
+    - `useAccount`: now only returns an Account CoValue
+    - `useLogOut`: returns a function for logging out of the current account
+    - `useAgent`: returns the current agent
+  - Add a `select` option (and an optional `equalityFn`) to `useAccount` and `useCoState`, and remove `useAccountWithSelector` and `useCoStateWithSelector`.
+  - Allow specifying resolve queries at the schema level. Those queries will be used when loading CoValues, if no other resolve query is provided.
+
+### Patch Changes
+
+- Updated dependencies [26386d9]
+  - jazz-tools@0.19.0
+  - cojson@0.19.0
+
 ## 0.18.38
 
 ### Patch Changes

package/dist/composables.d.ts

@@ -1,4 +1,4 @@
-import { Account, AccountClass, AnonymousJazzAgent, AnyAccountSchema, AuthSecretStorage, CoValue, CoValueClassOrSchema, JazzContextManager, JazzContextType, Loaded, RefsToResolve, ResolveQuery, ResolveQueryStrict } from 'jazz-tools';
+import { Account, AccountClass, AnonymousJazzAgent, AnyAccountSchema, AuthSecretStorage, CoValue, CoValueClassOrSchema, JazzContextManager, JazzContextType, Loaded, MaybeLoaded, ResolveQuery, ResolveQueryStrict } from 'jazz-tools';
 import { ComputedRef, Ref } from 'vue';
 export declare const logoutHandler: Ref<(() => void) | undefined, (() => void) | undefined>;
 export declare function useJazzContext<Acc extends Account>(): Ref<JazzContextType<Acc>, JazzContextType<Acc>>;
@@ -6,14 +6,23 @@ export declare function useJazzContextManager<Acc extends Account>(): Ref<JazzCo
 export declare function useAuthSecretStorage(): AuthSecretStorage;
 export declare function useAccount<A extends AccountClass<Account> | AnyAccountSchema = typeof Account, R extends ResolveQuery<A> = true>(AccountSchema?: A, options?: {
     resolve?: ResolveQueryStrict<A, R>;
-}): {
-    me: ComputedRef<Loaded<A, R> | undefined | null>;
-    agent: AnonymousJazzAgent | Loaded<A, true>;
-    logOut: () => void;
-};
-export declare function useCoState<S extends CoValueClassOrSchema, const R extends RefsToResolve<S> = true>(Schema: S, id: string | undefined, options?: {
+}): ComputedRef<MaybeLoaded<Loaded<A, R>>>;
+/**
+ * Returns a function for logging out the current account.
+ */
+export declare function useLogOut(): () => void;
+/**
+ * Hook for accessing the current agent. An agent can either be:
+ * - an Authenticated Account, if the user is logged in
+ * - an Anonymous Account, if the user didn't log in
+ * - or an anonymous agent, if in guest mode
+ *
+ * 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?: {
     resolve?: ResolveQueryStrict<S, R>;
-}): Ref<Loaded<S, R> | undefined | null>;
+}): Ref<MaybeLoaded<Loaded<S, R>>>;
 export declare function useAcceptInvite<S extends CoValueClassOrSchema>({ invitedObjectSchema, onAccept, forValueHint, }: {
     invitedObjectSchema: S;
     onAccept: (projectID: string) => void;

package/dist/index.js

@@ -1,7 +1,7 @@
-import { Account, subscribeToCoValue, coValueClassFromCoValueClassOrSchema, InboxSender, PassphraseAuth, JazzClerkAuth, KvStoreContext, InMemoryKVStore, ImageDefinition } from "jazz-tools";
+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, markRaw, onUnmounted, computed, onMounted, watchEffect, defineComponent, h, createElementBlock, unref, openBlock, renderSlot, createElementVNode, createCommentVNode, toDisplayString, withModifiers, withDirectives, vModelText, normalizeStyle, normalizeClass } from "vue";
+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 { 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";
@@ -41,17 +41,11 @@ function useAuthSecretStorage() {
 }
 function useAccount(AccountSchema = Account, options) {
   const context = useJazzContext();
-  const contextManager = useJazzContextManager();
   if (!context.value) {
     throw new Error("useAccount must be used within a JazzProvider");
   }
-  const agent = getCurrentAccountFromContextManager(contextManager.value);
   if (!("me" in context.value)) {
-    return {
-      me: computed(() => null),
-      agent,
-      logOut: context.value.logOut
-    };
+    return computed(() => null);
   }
   const contextMe = context.value.me;
   const me = useCoState(
@@ -59,22 +53,36 @@ function useAccount(AccountSchema = Account, options) {
     toRaw(contextMe).$jazz.id,
     options
   );
-  return {
-    me: computed(() => {
-      const value = (options == null ? void 0 : options.resolve) === void 0 ? me.value || contextMe : me.value;
-      return value ? markRaw(value) : value;
-    }),
-    agent,
-    logOut: context.value.logOut
-  };
+  return computed(() => {
+    const value = (options == null ? void 0 : options.resolve) === void 0 ? me.value || contextMe : me.value;
+    return value ? markRaw(value) : value;
+  });
+}
+function useLogOut() {
+  const context = useJazzContext();
+  if (!context.value) {
+    throw new Error("useLogOut must be used within a JazzProvider");
+  }
+  return context.value.logOut;
+}
+function useAgent() {
+  const contextManager = useJazzContextManager();
+  const agent = getCurrentAccountFromContextManager(contextManager.value);
+  return agent;
 }
 function useCoState(Schema, id, options) {
-  const state = shallowRef(void 0);
+  const state = shallowRef(
+    createUnloadedCoValue(id ?? "", CoValueLoadingState.LOADING)
+  );
   const context = useJazzContext();
   if (!context.value) {
     throw new Error("useCoState must be used within a JazzProvider");
   }
   let unsubscribe;
+  const updateState = (value) => {
+    if (shouldSkipUpdate(value, state.value)) return;
+    state.value = markRaw(value);
+  };
   watch(
     [() => id, context],
     ([currentId, currentContext]) => {
@@ -83,12 +91,19 @@ function useCoState(Schema, id, options) {
         unsubscribe = void 0;
       }
       if (!currentId || !currentContext) {
-        state.value = void 0;
+        updateState(
+          createUnloadedCoValue(
+            currentId ?? "",
+            CoValueLoadingState.UNAVAILABLE
+          )
+        );
         return;
       }
       const loadAsAgent = "me" in currentContext ? currentContext.me : currentContext.guest;
       if (!loadAsAgent) {
-        state.value = void 0;
+        updateState(
+          createUnloadedCoValue(currentId, CoValueLoadingState.UNAVAILABLE)
+        );
         return;
       }
       const safeLoadAsAgent = toRaw(loadAsAgent);
@@ -100,20 +115,32 @@ function useCoState(Schema, id, options) {
             resolve: options == null ? void 0 : options.resolve,
             loadAs: safeLoadAsAgent,
             onUnavailable: () => {
-              state.value = null;
+              updateState(
+                createUnloadedCoValue(
+                  currentId,
+                  CoValueLoadingState.UNAVAILABLE
+                )
+              );
             },
             onUnauthorized: () => {
-              state.value = null;
+              updateState(
+                createUnloadedCoValue(
+                  currentId,
+                  CoValueLoadingState.UNAUTHORIZED
+                )
+              );
             },
             syncResolution: true
           },
           (value) => {
-            state.value = value ? markRaw(value) : value;
+            updateState(value);
           }
         );
       } catch (error) {
         console.error("Error in useCoState subscription:", error);
-        state.value = null;
+        updateState(
+          createUnloadedCoValue(currentId, CoValueLoadingState.UNAVAILABLE)
+        );
       }
     },
     { immediate: true }
@@ -202,6 +229,10 @@ function experimental_useInboxSender(inboxOwnerID) {
   );
   return sendMessage;
 }
+function shouldSkipUpdate(newValue, previousValue) {
+  if (previousValue === newValue) return true;
+  return previousValue.$jazz.id === newValue.$jazz.id && !previousValue.$isLoaded && !newValue.$isLoaded && previousValue.$jazz.loadingState === newValue.$jazz.loadingState;
+}
 function useIsAuthenticated() {
   const authSecretStorage = useAuthSecretStorage();
   const isAuthenticated = ref(authSecretStorage.isAuthenticated);
@@ -564,9 +595,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => waitingLazyLoading.value ? URL.createObjectURL(emptyPixelBlob) : void 0
     );
     const dimensions = computed(() => {
-      var _a, _b, _c, _d;
-      const originalWidth = (_b = (_a = image.value) == null ? void 0 : _a.originalSize) == null ? void 0 : _b[0];
-      const originalHeight = (_d = (_c = image.value) == null ? void 0 : _c.originalSize) == null ? void 0 : _d[1];
+      const originalSize = image.value.$isLoaded ? image.value.originalSize : void 0;
+      const originalWidth = originalSize == null ? void 0 : originalSize[0];
+      const originalHeight = originalSize == null ? void 0 : originalSize[1];
       if (props.width === "original" && props.height === "original") {
         return { width: originalWidth, height: originalHeight };
       }
@@ -597,7 +628,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (waitingLazyLoading.value) {
         return lazyPlaceholder.value;
       }
-      if (!image.value) return void 0;
+      if (!image.value.$isLoaded) return void 0;
       const bestImage = highestResAvailable(
         image.value,
         dimensions.value.width || dimensions.value.height || 9999,
@@ -664,12 +695,14 @@ export {
   parseInviteLink,
   useAcceptInvite,
   useAccount,
+  useAgent,
   useAuthSecretStorage,
   useClerkAuth,
   useCoState,
   useIsAuthenticated,
   useJazzContext,
   useJazzContextManager,
+  useLogOut,
   usePasskeyAuth,
   usePassphraseAuth
 };

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 RefsToResolve,\n  ResolveQuery,\n  ResolveQueryStrict,\n  coValueClassFromCoValueClassOrSchema,\n  subscribeToCoValue,\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): {\n  me: ComputedRef<Loaded<A, R> | undefined | null>;\n  agent: AnonymousJazzAgent | Loaded<A, true>;\n  logOut: () => void;\n} {\n  const context = useJazzContext();\n  const contextManager = useJazzContextManager<InstanceOfSchema<A>>();\n\n  if (!context.value) {\n    throw new Error(\"useAccount must be used within a JazzProvider\");\n  }\n\n  const agent = getCurrentAccountFromContextManager(contextManager.value);\n\n  // Handle guest mode - return null for me and the guest agent\n  if (!(\"me\" in context.value)) {\n    return {\n      me: computed(() => null) as any,\n      agent: agent,\n      logOut: context.value.logOut,\n    };\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 {\n    me: computed(() => {\n      const value =\n        options?.resolve === undefined ? me.value || contextMe : me.value;\n      return value ? markRaw(value) : value;\n    }) as any,\n    agent: agent,\n    logOut: context.value.logOut,\n  };\n}\n\nexport function useCoState<\n  S extends CoValueClassOrSchema,\n  const R extends RefsToResolve<S> = true,\n>(\n  Schema: S,\n  id: string | undefined,\n  options?: { resolve?: ResolveQueryStrict<S, R> },\n): Ref<Loaded<S, R> | undefined | null> {\n  const state: ShallowRef<Loaded<S, R> | undefined | null> =\n    shallowRef(undefined);\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  watch(\n    [() => id, context],\n    ([currentId, currentContext]) => {\n      if (unsubscribe) {\n        unsubscribe();\n        unsubscribe = undefined;\n      }\n\n      if (!currentId || !currentContext) {\n        state.value = undefined;\n        return;\n      }\n\n      const loadAsAgent =\n        \"me\" in currentContext ? currentContext.me : currentContext.guest;\n      if (!loadAsAgent) {\n        state.value = undefined;\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              state.value = null;\n            },\n            onUnauthorized: () => {\n              state.value = null;\n            },\n            syncResolution: true,\n          },\n          (value: any) => {\n            // Use markRaw to prevent Vue from making Jazz objects reactive\n            // but still allow property access and mutations\n            state.value = value ? markRaw(value) : value;\n          },\n        );\n      } catch (error) {\n        console.error(\"Error in useCoState subscription:\", error);\n        state.value = null;\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","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 originalWidth = image.value?.originalSize?.[0];\n  const originalHeight = image.value?.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) 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 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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"}

package/package.json

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

package/src/Image.vue

@@ -44,8 +44,11 @@ const lazyPlaceholder = computed(() =>
 );
 
 const dimensions = computed(() => {
-  const originalWidth = image.value?.originalSize?.[0];
-  const originalHeight = image.value?.originalSize?.[1];
+  const originalSize = image.value.$isLoaded
+    ? image.value.originalSize
+    : undefined;
+  const originalWidth = originalSize?.[0];
+  const originalHeight = originalSize?.[1];
 
   // Both width and height are "original"
   if (props.width === "original" && props.height === "original") {
@@ -86,7 +89,7 @@ const src = computed(() => {
     return lazyPlaceholder.value;
   }
 
-  if (!image.value) return undefined;
+  if (!image.value.$isLoaded) return undefined;
 
   const bestImage = highestResAvailable(
     image.value,

package/src/composables.ts

@@ -12,11 +12,13 @@ import {
   JazzContextManager,
   type JazzContextType,
   type Loaded,
-  type RefsToResolve,
-  ResolveQuery,
+  type MaybeLoaded,
+  CoValueLoadingState,
+  type ResolveQuery,
   ResolveQueryStrict,
   coValueClassFromCoValueClassOrSchema,
   subscribeToCoValue,
+  createUnloadedCoValue,
 } from "jazz-tools";
 import { consumeInviteLinkFromWindowLocation } from "jazz-tools/browser";
 import {
@@ -96,27 +98,16 @@ export function useAccount<
   options?: {
     resolve?: ResolveQueryStrict<A, R>;
   },
-): {
-  me: ComputedRef<Loaded<A, R> | undefined | null>;
-  agent: AnonymousJazzAgent | Loaded<A, true>;
-  logOut: () => void;
-} {
+): ComputedRef<MaybeLoaded<Loaded<A, R>>> {
   const context = useJazzContext();
-  const contextManager = useJazzContextManager<InstanceOfSchema<A>>();
 
   if (!context.value) {
     throw new Error("useAccount must be used within a JazzProvider");
   }
 
-  const agent = getCurrentAccountFromContextManager(contextManager.value);
-
-  // Handle guest mode - return null for me and the guest agent
+  // Handle guest mode - return null for the account data
   if (!("me" in context.value)) {
-    return {
-      me: computed(() => null) as any,
-      agent: agent,
-      logOut: context.value.logOut,
-    };
+    return computed(() => null) as any;
   }
 
   const contextMe = context.value.me as InstanceOfSchema<A>;
@@ -127,27 +118,51 @@ export function useAccount<
     options as any,
   );
 
-  return {
-    me: computed(() => {
-      const value =
-        options?.resolve === undefined ? me.value || contextMe : me.value;
-      return value ? markRaw(value) : value;
-    }) as any,
-    agent: agent,
-    logOut: context.value.logOut,
-  };
+  return computed(() => {
+    const value =
+      options?.resolve === undefined ? me.value || contextMe : me.value;
+    return value ? markRaw(value) : value;
+  }) as any;
+}
+
+/**
+ * Returns a function for logging out the current account.
+ */
+export function useLogOut(): () => void {
+  const context = useJazzContext();
+  if (!context.value) {
+    throw new Error("useLogOut must be used within a JazzProvider");
+  }
+  return context.value.logOut;
+}
+
+/**
+ * Hook for accessing the current agent. An agent can either be:
+ * - an Authenticated Account, if the user is logged in
+ * - an Anonymous Account, if the user didn't log in
+ * - or an anonymous agent, if in guest mode
+ *
+ * The agent can be used as the `loadAs` parameter for load and subscribe methods.
+ */
+export function useAgent<
+  A extends AccountClass<Account> | AnyAccountSchema = typeof Account,
+>(): AnonymousJazzAgent | Loaded<A, true> {
+  const contextManager = useJazzContextManager<InstanceOfSchema<A>>();
+  const agent = getCurrentAccountFromContextManager(contextManager.value);
+  return agent as AnonymousJazzAgent | Loaded<A, true>;
 }
 
 export function useCoState<
   S extends CoValueClassOrSchema,
-  const R extends RefsToResolve<S> = true,
+  const R extends ResolveQuery<S> = true,
 >(
   Schema: S,
   id: string | undefined,
   options?: { resolve?: ResolveQueryStrict<S, R> },
-): Ref<Loaded<S, R> | undefined | null> {
-  const state: ShallowRef<Loaded<S, R> | undefined | null> =
-    shallowRef(undefined);
+): Ref<MaybeLoaded<Loaded<S, R>>> {
+  const state: ShallowRef<MaybeLoaded<Loaded<S, R>>> = shallowRef(
+    createUnloadedCoValue(id ?? "", CoValueLoadingState.LOADING),
+  );
   const context = useJazzContext();
 
   if (!context.value) {
@@ -156,6 +171,13 @@ export function useCoState<
 
   let unsubscribe: (() => void) | undefined;
 
+  const updateState = (value: MaybeLoaded<Loaded<S, R>>) => {
+    if (shouldSkipUpdate(value, state.value)) return;
+    // Use markRaw to prevent Vue from making Jazz objects reactive
+    // but still allow property access and mutations
+    state.value = markRaw(value);
+  };
+
   watch(
     [() => id, context],
     ([currentId, currentContext]) => {
@@ -165,14 +187,21 @@ export function useCoState<
       }
 
       if (!currentId || !currentContext) {
-        state.value = undefined;
+        updateState(
+          createUnloadedCoValue(
+            currentId ?? "",
+            CoValueLoadingState.UNAVAILABLE,
+          ),
+        );
         return;
       }
 
       const loadAsAgent =
         "me" in currentContext ? currentContext.me : currentContext.guest;
       if (!loadAsAgent) {
-        state.value = undefined;
+        updateState(
+          createUnloadedCoValue(currentId, CoValueLoadingState.UNAVAILABLE),
+        );
         return;
       }
 
@@ -186,22 +215,32 @@ export function useCoState<
             resolve: options?.resolve as any,
             loadAs: safeLoadAsAgent,
             onUnavailable: () => {
-              state.value = null;
+              updateState(
+                createUnloadedCoValue(
+                  currentId,
+                  CoValueLoadingState.UNAVAILABLE,
+                ),
+              );
             },
             onUnauthorized: () => {
-              state.value = null;
+              updateState(
+                createUnloadedCoValue(
+                  currentId,
+                  CoValueLoadingState.UNAUTHORIZED,
+                ),
+              );
             },
             syncResolution: true,
           },
           (value: any) => {
-            // Use markRaw to prevent Vue from making Jazz objects reactive
-            // but still allow property access and mutations
-            state.value = value ? markRaw(value) : value;
+            updateState(value);
           },
         );
       } catch (error) {
         console.error("Error in useCoState subscription:", error);
-        state.value = null;
+        updateState(
+          createUnloadedCoValue(currentId, CoValueLoadingState.UNAVAILABLE),
+        );
       }
     },
     { immediate: true },
@@ -325,3 +364,17 @@ export function experimental_useInboxSender<
 // It has been merged into useAccount which now handles both authenticated and guest scenarios.
 // This change maintains 1:1 API compatibility with the React Jazz library.
 // If you were using useAccountOrGuest, please migrate to useAccount.
+
+function shouldSkipUpdate(
+  newValue: MaybeLoaded<CoValue>,
+  previousValue: MaybeLoaded<CoValue>,
+) {
+  if (previousValue === newValue) return true;
+  // Avoid re-renders if the value is not loaded and didn't change
+  return (
+    previousValue.$jazz.id === newValue.$jazz.id &&
+    !previousValue.$isLoaded &&
+    !newValue.$isLoaded &&
+    previousValue.$jazz.loadingState === newValue.$jazz.loadingState
+  );
+}

package/src/tests/proxyBehavior.test.ts

@@ -1,9 +1,10 @@
 // @vitest-environment happy-dom
 
 import { Group, co, z } from "jazz-tools";
+import { assertLoaded } from "jazz-tools/testing";
 import { beforeAll, describe, expect, it } from "vitest";
 import { isProxy, nextTick, toRaw } from "vue";
-import { useAccount, useCoState } from "../composables.js";
+import { useAccount, useAgent, useCoState, useLogOut } from "../composables.js";
 import { createJazzTestAccount } from "../testing.js";
 import { withJazzTestSetup } from "./testUtils.js";
 
@@ -70,9 +71,8 @@ describe("Proxy Behavior Verification", () => {
     expect(isProxy(result.value)).toBe(false);
 
     // Properties should also not be proxies
-    if (result.value) {
-      expect(isProxy(result.value.content)).toBe(false);
-    }
+    assertLoaded(result.value);
+    expect(isProxy(result.value.content)).toBe(false);
   });
 
   it("should handle nested object access without proxy issues", async () => {
@@ -102,8 +102,8 @@ describe("Proxy Behavior Verification", () => {
     await nextTick();
 
     // Should be able to access deeply nested properties without proxy issues
-    const me = accountResult.me.value;
-    expect(me).toBeDefined();
+    const me = accountResult.value;
+    assertLoaded(me);
     expect(me?.root).toBeDefined();
     expect(me?.root?.testMap).toBeDefined();
     expect(me?.root?.testMap?.content).toBe("nested content");
@@ -132,6 +132,7 @@ describe("Proxy Behavior Verification", () => {
     );
 
     // Initial state
+    assertLoaded(result.value);
     expect(result.value?.content).toBe("initial content");
     expect(isProxy(result.value)).toBe(false);
 
@@ -165,7 +166,7 @@ describe("Proxy Behavior Verification", () => {
 
     // User should be able to use the object directly without toRaw()
     const jazzObject = result.value;
-    expect(jazzObject).toBeDefined();
+    assertLoaded(jazzObject);
 
     // Should be able to call Jazz methods directly
     expect(() => {
@@ -174,34 +175,39 @@ describe("Proxy Behavior Verification", () => {
     }).not.toThrow();
 
     // Should not need toRaw() to access properties
-    expect(jazzObject?.content).toBe("test content");
+    expect(jazzObject.content).toBe("test content");
   });
 
   it("should handle context manager objects without proxy issues", async () => {
     const account = await createJazzTestAccount();
 
-    const [result] = withJazzTestSetup(() => useAccount(), {
+    const [loadedAccount] = withJazzTestSetup(() => useAccount(), {
+      account,
+    });
+    const [agent] = withJazzTestSetup(() => useAgent(), {
+      account,
+    });
+    const [logOut] = withJazzTestSetup(() => useLogOut(), {
       account,
     });
 
     // The account object should not be a proxy
-    expect(isProxy(result.me.value)).toBe(false);
+    expect(isProxy(loadedAccount.value)).toBe(false);
 
     // The agent should be accessible and usable without toRaw() calls
-    expect(result.agent).toBeDefined();
-    expect(typeof result.agent).toBe("object");
+    expect(typeof agent).toBe("object");
 
     // Should be able to access agent properties without proxy issues
     expect(() => {
-      const agentType = result.agent.$type$; // Access agent property
+      const agentType = agent.$type$; // Access agent property
       expect(agentType).toBeDefined();
     }).not.toThrow();
 
     // LogOut function should work without proxy issues
-    expect(typeof result.logOut).toBe("function");
+    expect(typeof logOut).toBe("function");
     expect(() => {
       // Should be able to call without toRaw()
-      result.logOut.toString(); // Safe way to test function access
+      logOut.toString(); // Safe way to test function access
     }).not.toThrow();
   });
 
@@ -264,11 +270,12 @@ describe("Proxy Behavior Verification", () => {
     await nextTick();
 
     // Both account and project should work without proxy issues
-    expect(isProxy(accountResult.me.value)).toBe(false);
+    expect(isProxy(accountResult.value)).toBe(false);
     expect(isProxy(projectResult.value)).toBe(false);
 
     // Should be able to access properties without toRaw()
-    expect(accountResult.me.value?.$jazz.id).toBeDefined();
-    expect(projectResult.value?.content).toBe("new project");
+    expect(accountResult.value?.$jazz.id).toBeDefined();
+    assertLoaded(projectResult.value);
+    expect(projectResult.value.content).toBe("new project");
   });
 });

package/src/tests/useAcceptInvite.test.ts

@@ -1,6 +1,7 @@
 // @vitest-environment happy-dom
 
 import { Group, type ID, co, z } from "jazz-tools";
+import { assertLoaded } from "jazz-tools/testing";
 import { describe, expect, it } from "vitest";
 import { createInviteLink, useAcceptInvite } from "../index.js";
 import { createJazzTestAccount, linkAccounts } from "../testing.js";
@@ -50,6 +51,7 @@ describe("useAcceptInvite", () => {
       loadAs: account,
     });
 
-    expect(accepted?.value).toEqual("hello");
+    assertLoaded(accepted);
+    expect(accepted.value).toEqual("hello");
   });
 });

package/src/tests/useAccount.test.ts

@@ -2,7 +2,7 @@
 
 import { Group, co, z } from "jazz-tools";
 import { describe, expect, it } from "vitest";
-import { useAccount } from "../composables.js";
+import { useAccount, useAgent, useLogOut } from "../composables.js";
 import { createJazzTestAccount, createJazzTestGuest } from "../testing.js";
 import { withJazzTestSetup } from "./testUtils.js";
 
@@ -38,19 +38,25 @@ describe("useAccount", () => {
       account,
     });
 
-    expect(result.me.value).toEqual(account);
+    expect(result.value).toEqual(account);
   });
 
   it("should handle guest mode correctly", async () => {
     const guestAccount = await createJazzTestGuest();
 
-    const [result] = withJazzTestSetup(() => useAccount(), {
+    const [account] = withJazzTestSetup(() => useAccount(), {
+      account: guestAccount,
+    });
+    const [agent] = withJazzTestSetup(() => useAgent(), {
+      account: guestAccount,
+    });
+    const [logOut] = withJazzTestSetup(() => useLogOut(), {
       account: guestAccount,
     });
 
     // In guest mode, me should be null and agent should be the guest
-    expect(result.me.value).toBe(null);
-    expect(result.agent.$type$).toBe("Anonymous");
-    expect(typeof result.logOut).toBe("function");
+    expect(account.value).toBe(null);
+    expect(agent.$type$).toBe("Anonymous");
+    expect(typeof logOut).toBe("function");
   });
 });

package/src/tests/useCoState.test.ts

@@ -1,7 +1,19 @@
 // @vitest-environment happy-dom
 
-import { type CoValue, type ID, co, cojsonInternals, z } from "jazz-tools";
-import { createJazzTestAccount, setupJazzTestSync } from "jazz-tools/testing";
+import {
+  type CoValue,
+  type ID,
+  type MaybeLoaded,
+  CoValueLoadingState,
+  co,
+  cojsonInternals,
+  z,
+} from "jazz-tools";
+import {
+  assertLoaded,
+  createJazzTestAccount,
+  setupJazzTestSync,
+} from "jazz-tools/testing";
 import { beforeEach, describe, expect, expectTypeOf, it } from "vitest";
 import type { ComputedRef, Ref, ShallowRef } from "vue";
 import { useCoState } from "../index.js";
@@ -35,7 +47,8 @@ describe("useCoState", () => {
       },
     );
 
-    expect(result.value?.content).toBe("123");
+    assertLoaded(result.value);
+    expect(result.value.content).toBe("123");
   });
 
   it("should update the value when the coValue changes", async () => {
@@ -59,11 +72,12 @@ describe("useCoState", () => {
       },
     );
 
-    expect(result.value?.content).toBe("123");
+    assertLoaded(result.value);
+    expect(result.value.content).toBe("123");
 
     map.$jazz.set("content", "456");
 
-    expect(result.value?.content).toBe("456");
+    expect(result.value.content).toBe("456");
   });
 
   it("should load nested values if requested", async () => {
@@ -103,8 +117,9 @@ describe("useCoState", () => {
       },
     );
 
-    expect(result.value?.content).toBe("123");
-    expect(result.value?.nested?.content).toBe("456");
+    assertLoaded(result.value);
+    expect(result.value.content).toBe("123");
+    expect(result.value.nested.content).toBe("456");
   });
 
   it("should load nested values on access even if not requested", async () => {
@@ -139,11 +154,13 @@ describe("useCoState", () => {
       },
     );
 
-    expect(result.value?.content).toBe("123");
-    expect(result.value?.nested?.content).toBe("456");
+    assertLoaded(result.value);
+    expect(result.value.content).toBe("123");
+    assertLoaded(result.value.nested);
+    expect(result.value.nested.content).toBe("456");
   });
 
-  it("should return null if the coValue is not found", async () => {
+  it("should return a 'unavailable' value if the coValue is not found", async () => {
     const TestMap = co.map({
       content: z.string(),
     });
@@ -156,10 +173,12 @@ describe("useCoState", () => {
       useCoState(TestMap, "co_z123" as ID<co.loaded<typeof TestMap>>, {}),
     );
 
-    expect(result.value).toBeUndefined();
+    expect(result.value.$jazz.loadingState).toBe(CoValueLoadingState.LOADING);
 
     await waitFor(() => {
-      expect(result.value).toBeNull();
+      expect(result.value.$jazz.loadingState).toBe(
+        CoValueLoadingState.UNAVAILABLE,
+      );
     });
   });
 
@@ -178,7 +197,7 @@ describe("useCoState", () => {
       }),
     );
     expectTypeOf(result).toEqualTypeOf<
-      Ref<co.loaded<typeof TestMap> | null | undefined>
+      Ref<MaybeLoaded<co.loaded<typeof TestMap>>>
     >();
   });
 });

package/src/tests/useInboxSender.test.ts

@@ -1,6 +1,7 @@
 // @vitest-environment happy-dom
 
 import { CoMap, Group, Inbox, type Loaded, co, z } from "jazz-tools";
+import { assertLoaded } from "jazz-tools/testing";
 import { describe, expect, it } from "vitest";
 import { experimental_useInboxSender } from "../composables.js";
 import { createJazzTestAccount, linkAccounts } from "../testing.js";
@@ -56,6 +57,7 @@ describe("useInboxSender", () => {
       loadAs: account,
     });
 
-    expect(responseMap!.value).toEqual("got it");
+    assertLoaded(responseMap);
+    expect(responseMap.value).toEqual("got it");
   });
 });