npm - community-jazz-vue - Versions diffs - 0.19.22 → 0.20.0 - Mend

community-jazz-vue 0.19.22 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/.turbo/turbo-build.log CHANGED Viewed

@@ -1,9 +1,9 @@
-> community-jazz-vue@0.19.22 build /home/runner/_work/jazz/jazz/packages/community-jazz-vue
+> community-jazz-vue@0.20.0 build /home/runner/_work/jazz/jazz/packages/community-jazz-vue
 > pnpm typecheck && rm -rf ./dist && vite build
-> community-jazz-vue@0.19.22 typecheck /home/runner/_work/jazz/jazz/packages/community-jazz-vue
+> community-jazz-vue@0.20.0 typecheck /home/runner/_work/jazz/jazz/packages/community-jazz-vue
 > vue-tsc --noEmit
 [36mvite v6.3.5 [32mbuilding for production...[36m[39m
@@ -15,7 +15,7 @@ rendering chunks...
 computing gzip size...
 [2mdist/[22m[36mtesting.js            [39m[1m[2m 1.28 kB[22m[1m[22m[2m │ gzip: 0.54 kB[22m[2m │ map:  1.84 kB[22m
 [2mdist/[22m[36mprovider-CCZVJj45.js  [39m[1m[2m 4.15 kB[22m[1m[22m[2m │ gzip: 1.25 kB[22m[2m │ map:  7.94 kB[22m
-[2mdist/[22m[36mindex.js              [39m[1m[2m20.93 kB[22m[1m[22m[2m │ gzip: 5.16 kB[22m[2m │ map: 37.48 kB[22m
-[vite:dts] Declaration files built in 2394ms.
+[2mdist/[22m[36mindex.js              [39m[1m[2m20.83 kB[22m[1m[22m[2m │ gzip: 5.15 kB[22m[2m │ map: 37.33 kB[22m
+[vite:dts] Declaration files built in 2115ms.
-[32m✓ built in 2.52s[39m
+[32m✓ built in 2.23s[39m

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,18 @@
 # jazz-react
+## 0.20.0
+### Patch Changes
+- Updated dependencies [6b9368a]
+- Updated dependencies [89332d5]
+- Updated dependencies [ee19292]
+- Updated dependencies [f562a1f]
+- Updated dependencies [b5ada4d]
+- Updated dependencies [8934d8a]
+  - cojson@0.20.0
+  - jazz-tools@0.20.0
 ## 0.19.22
 ### Patch Changes

package/dist/index.js CHANGED Viewed

@@ -114,10 +114,7 @@ function useCoState(Schema, id, options) {
           {
             resolve: options == null ? void 0 : options.resolve,
             loadAs: safeLoadAsAgent,
-            onUnavailable: (value) => {
-              updateState(value);
-            },
-            onUnauthorized: (value) => {
+            onError: (value) => {
               updateState(value);
             },
             syncResolution: true

package/dist/index.js.map CHANGED Viewed

	@@ -1 +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 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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"}
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 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 onError: (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 CHANGED Viewed

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

package/src/composables.ts CHANGED Viewed

@@ -215,10 +215,7 @@ export function useCoState<
           {
             resolve: options?.resolve as any,
             loadAs: safeLoadAsAgent,
-            onUnavailable: (value) => {
-              updateState(value);
-            },
-            onUnauthorized: (value) => {
+            onError: (value) => {
               updateState(value);
             },
             syncResolution: true,