jazz-tools 0.18.17 → 0.18.19

package/dist/index.js

@@ -37,7 +37,7 @@ import {
   randomSessionProvider,
   subscribeToCoValue,
   zodReExport_exports
-} from "./chunk-OTWWOZMB.js";
+} from "./chunk-RN3Y24WX.js";
 
 // src/tools/auth/clerk/index.ts
 import {

package/dist/react/hooks.d.ts

@@ -5,5 +5,5 @@ export declare function useAcceptInvite<S extends CoValueClassOrSchema>({ invite
     onAccept: (valueID: string) => void;
     forValueHint?: string;
 }): void;
-export { experimental_useInboxSender, useJazzContext, useAccount, useCoStateWithSelector, useAccountWithSelector, } from "jazz-tools/react-core";
+export { experimental_useInboxSender, useJazzContext, useAccount, useCoStateWithSelector, useAccountWithSelector, useSyncConnectionStatus, } from "jazz-tools/react-core";
 //# sourceMappingURL=hooks.d.ts.map

package/dist/react/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react/hooks.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEzE,wBAAgB,eAAe,CAAC,CAAC,SAAS,oBAAoB,EAAE,EAC9D,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,mBAAmB,EAAE,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CA8BP;AAED,OAAO,EACL,2BAA2B,EAC3B,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react/hooks.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEzE,wBAAgB,eAAe,CAAC,CAAC,SAAS,oBAAoB,EAAE,EAC9D,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,mBAAmB,EAAE,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CA8BP;AAED,OAAO,EACL,2BAA2B,EAC3B,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC"}

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 export { JazzReactProvider } from "./provider.js";
 export type { JazzProviderProps } from "./provider.js";
-export { useAccount, useCoState, useAcceptInvite, experimental_useInboxSender, useJazzContext, useAuthSecretStorage, useCoStateWithSelector, useAccountWithSelector, } from "./hooks.js";
+export { useAccount, useCoState, useAcceptInvite, experimental_useInboxSender, useJazzContext, useAuthSecretStorage, useCoStateWithSelector, useAccountWithSelector, useSyncConnectionStatus, } from "./hooks.js";
 export { createInviteLink, parseInviteLink } from "jazz-tools/browser";
 export * from "./auth/auth.js";
 export * from "./media/image.js";

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EACL,UAAU,EACV,UAAU,EACV,eAAe,EACf,2BAA2B,EAC3B,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EACL,UAAU,EACV,UAAU,EACV,eAAe,EACf,2BAA2B,EAC3B,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

package/dist/react/index.js

@@ -84,7 +84,8 @@ import {
   useJazzContext as useJazzContext2,
   useAccount,
   useCoStateWithSelector,
-  useAccountWithSelector
+  useAccountWithSelector,
+  useSyncConnectionStatus
 } from "jazz-tools/react-core";
 function useAcceptInvite({
   invitedObjectSchema,
@@ -832,6 +833,7 @@ export {
   useIsAuthenticated2 as useIsAuthenticated,
   useJazzContext2 as useJazzContext,
   usePasskeyAuth,
-  usePassphraseAuth2 as usePassphraseAuth
+  usePassphraseAuth2 as usePassphraseAuth,
+  useSyncConnectionStatus
 };
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/provider.tsx","../../src/react/hooks.tsx","../../src/react/index.ts","../../src/react/auth/Clerk.tsx","../../src/react/auth/DemoAuth.tsx","../../src/react/auth/PasskeyAuth.tsx","../../src/react/auth/PassphraseAuth.tsx","../../src/react/auth/auth.ts","../../src/react/media/image.tsx","../../src/media/utils.ts","../../src/media/create-image-factory.ts"],"sourcesContent":["import {\n  Account,\n  AccountClass,\n  AnyAccountSchema,\n  CoValueFromRaw,\n  InstanceOfSchema,\n  JazzContextType,\n} from \"jazz-tools\";\nimport {\n  JazzBrowserContextManager,\n  JazzContextManagerProps,\n} from \"jazz-tools/browser\";\nimport { JazzContext, JazzContextManagerContext } from \"jazz-tools/react-core\";\nimport React, { useEffect, useRef } from \"react\";\n\nexport type JazzProviderProps<\n  S extends\n    | (AccountClass<Account> & CoValueFromRaw<Account>)\n    | AnyAccountSchema,\n> = {\n  children: React.ReactNode;\n  enableSSR?: boolean;\n  fallback?: React.ReactNode | null;\n} & JazzContextManagerProps<S>;\n\n/** @category Context & Hooks */\nexport function JazzReactProvider<\n  S extends\n    | (AccountClass<Account> & CoValueFromRaw<Account>)\n    | AnyAccountSchema,\n>({\n  children,\n  guestMode,\n  sync,\n  storage,\n  AccountSchema,\n  defaultProfileName,\n  onLogOut,\n  logOutReplacement,\n  onAnonymousAccountDiscarded,\n  enableSSR,\n  fallback = null,\n}: JazzProviderProps<S>) {\n  const [contextManager] = React.useState(\n    () =>\n      new JazzBrowserContextManager<S>({\n        useAnonymousFallback: enableSSR,\n      }),\n  );\n\n  const onLogOutRefCallback = useRefCallback(onLogOut);\n  const logOutReplacementRefCallback = useRefCallback(logOutReplacement);\n  const onAnonymousAccountDiscardedRefCallback = useRefCallback(\n    onAnonymousAccountDiscarded,\n  );\n  const logoutReplacementActiveRef = useRef(false);\n  logoutReplacementActiveRef.current = Boolean(logOutReplacement);\n\n  const value = React.useSyncExternalStore<\n    JazzContextType<InstanceOfSchema<S>> | undefined\n  >(\n    React.useCallback(\n      (callback) => {\n        const props = {\n          AccountSchema,\n          guestMode,\n          sync,\n          storage,\n          defaultProfileName,\n          onLogOut: onLogOutRefCallback,\n          logOutReplacement: logoutReplacementActiveRef.current\n            ? logOutReplacementRefCallback\n            : undefined,\n          onAnonymousAccountDiscarded: onAnonymousAccountDiscardedRefCallback,\n        } satisfies JazzContextManagerProps<S>;\n\n        if (contextManager.propsChanged(props)) {\n          contextManager.createContext(props).catch((error) => {\n            console.log(error.stack);\n            console.error(\"Error creating Jazz browser context:\", error);\n          });\n        }\n\n        return contextManager.subscribe(callback);\n      },\n      [sync, guestMode].concat(storage as any),\n    ),\n    () => contextManager.getCurrentValue(),\n    () => contextManager.getCurrentValue(),\n  );\n\n  useEffect(() => {\n    // In development mode we don't return a cleanup function because otherwise\n    // the double effect execution would mark the context as done immediately.\n    if (process.env.NODE_ENV === \"development\") return;\n\n    return () => {\n      contextManager.done();\n    };\n  }, []);\n\n  return (\n    <JazzContext.Provider value={value}>\n      <JazzContextManagerContext.Provider value={contextManager}>\n        {value ? children : fallback}\n      </JazzContextManagerContext.Provider>\n    </JazzContext.Provider>\n  );\n}\n\nfunction useRefCallback<T extends (...args: any[]) => any>(callback?: T) {\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n  return useRef(\n    (...args: Parameters<T>): ReturnType<T> => callbackRef.current?.(...args),\n  ).current;\n}\n","import { consumeInviteLinkFromWindowLocation } from \"jazz-tools/browser\";\nimport { useEffect } from \"react\";\n\nimport { CoValueClassOrSchema } from \"jazz-tools\";\nimport { useJazzContext } from \"jazz-tools/react-core\";\n\nexport { useCoState, useAuthSecretStorage } from \"jazz-tools/react-core\";\n\nexport function useAcceptInvite<S extends CoValueClassOrSchema>({\n  invitedObjectSchema,\n  onAccept,\n  forValueHint,\n}: {\n  invitedObjectSchema: S;\n  onAccept: (valueID: string) => void;\n  forValueHint?: string;\n}): void {\n  const context = useJazzContext();\n\n  if (!(\"me\" in context)) {\n    throw new Error(\n      \"useAcceptInvite can't be used in a JazzProvider with auth === 'guest'.\",\n    );\n  }\n\n  useEffect(() => {\n    const handleInvite = () => {\n      const result = consumeInviteLinkFromWindowLocation({\n        as: context.me,\n        invitedObjectSchema,\n        forValueHint,\n      });\n\n      result\n        .then((result) => result && onAccept(result?.valueID))\n        .catch((e) => {\n          console.error(\"Failed to accept invite\", e);\n        });\n    };\n\n    handleInvite();\n\n    window.addEventListener(\"hashchange\", handleInvite);\n\n    return () => window.removeEventListener(\"hashchange\", handleInvite);\n  }, [onAccept]);\n}\n\nexport {\n  experimental_useInboxSender,\n  useJazzContext,\n  useAccount,\n  useCoStateWithSelector,\n  useAccountWithSelector,\n} from \"jazz-tools/react-core\";\n","export { JazzReactProvider } from \"./provider.js\";\nexport type { JazzProviderProps } from \"./provider.js\";\nexport {\n  useAccount,\n  useCoState,\n  useAcceptInvite,\n  experimental_useInboxSender,\n  useJazzContext,\n  useAuthSecretStorage,\n  useCoStateWithSelector,\n  useAccountWithSelector,\n} from \"./hooks.js\";\n\nexport { createInviteLink, parseInviteLink } from \"jazz-tools/browser\";\n\nexport * from \"./auth/auth.js\";\nexport * from \"./media/image.js\";\n","import { JazzClerkAuth, type MinimalClerkClient } from \"jazz-tools\";\nimport {\n  Account,\n  AccountClass,\n  AnyAccountSchema,\n  CoValueFromRaw,\n  InMemoryKVStore,\n  KvStoreContext,\n} from \"jazz-tools\";\nimport { LocalStorageKVStore } from \"jazz-tools/browser\";\nimport { useAuthSecretStorage, useJazzContext } from \"jazz-tools/react-core\";\nimport { ReactNode, useEffect, useMemo, useState } from \"react\";\nimport { JazzProviderProps, JazzReactProvider } from \"../provider.js\";\n\nfunction useJazzClerkAuth(clerk: MinimalClerkClient) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n\n  if (\"guest\" in context) {\n    throw new Error(\"Clerk auth is not supported in guest mode\");\n  }\n\n  const authMethod = useMemo(() => {\n    return new JazzClerkAuth(\n      context.authenticate,\n      context.logOut,\n      authSecretStorage,\n    );\n  }, []);\n\n  useEffect(() => {\n    return authMethod.registerListener(clerk);\n  }, []);\n}\n\nfunction RegisterClerkAuth(props: {\n  clerk: MinimalClerkClient;\n  children: React.ReactNode;\n}) {\n  useJazzClerkAuth(props.clerk);\n\n  return props.children;\n}\n\nexport const JazzReactProviderWithClerk = <\n  S extends\n    | (AccountClass<Account> & CoValueFromRaw<Account>)\n    | AnyAccountSchema,\n>(\n  props: {\n    clerk: MinimalClerkClient;\n  } & JazzProviderProps<S>,\n) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  /**\n   * This effect ensures that a logged-in Clerk user is authenticated before the JazzReactProvider is mounted.\n   *\n   * This is done to optimize the initial load.\n   */\n  useEffect(() => {\n    setupKvStore();\n\n    JazzClerkAuth.initializeAuth(props.clerk).then(() => {\n      setIsLoaded(true);\n    });\n  }, []);\n\n  if (!isLoaded) {\n    return props.fallback ?? null;\n  }\n\n  return (\n    <JazzReactProvider {...props} onLogOut={props.clerk.signOut}>\n      <RegisterClerkAuth clerk={props.clerk}>\n        {props.children}\n      </RegisterClerkAuth>\n    </JazzReactProvider>\n  );\n};\n\nfunction setupKvStore() {\n  KvStoreContext.getInstance().initialize(\n    typeof window === \"undefined\"\n      ? new InMemoryKVStore()\n      : new LocalStorageKVStore(),\n  );\n}\n","import { useDemoAuth } from \"jazz-tools/react-core\";\nimport { useState } from \"react\";\n\nexport const DemoAuthBasicUI = (props: {\n  appName: string;\n  children?: React.ReactNode;\n}) => {\n  const auth = useDemoAuth();\n\n  const [username, setUsername] = useState<string>(\"\");\n\n  const darkMode =\n    typeof window !== \"undefined\"\n      ? window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      : false;\n\n  if (auth.state === \"signedIn\") return props.children ?? null;\n\n  const { signUp, logIn, existingUsers } = auth;\n\n  return (\n    <div\n      style={{\n        minHeight: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        width: \"18rem\",\n        maxWidth: \"calc(100vw - 2rem)\",\n        gap: \"2rem\",\n        margin: \"0 auto\",\n      }}\n    >\n      <h1\n        style={{\n          color: darkMode ? \"#fff\" : \"#000\",\n          textAlign: \"center\",\n          fontSize: \"1.5rem\",\n          fontWeight: \"bold\",\n        }}\n      >\n        {props.appName}\n      </h1>\n      <form\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"0.5rem\",\n        }}\n        onSubmit={(e) => {\n          e.preventDefault();\n          signUp(username);\n        }}\n      >\n        <input\n          placeholder=\"Display name\"\n          value={username}\n          onChange={(e) => setUsername(e.target.value)}\n          autoComplete=\"webauthn\"\n          style={{\n            border: darkMode ? \"1px solid #444\" : \"1px solid #ddd\",\n            padding: \"11px 8px\",\n            borderRadius: \"6px\",\n            background: darkMode ? \"#000\" : \"#fff\",\n            color: darkMode ? \"#fff\" : \"#000\",\n          }}\n        />\n        <input\n          type=\"submit\"\n          value=\"Sign up\"\n          style={{\n            padding: \"13px 5px\",\n            border: \"none\",\n            borderRadius: \"6px\",\n            cursor: \"pointer\",\n            background: darkMode ? \"#444\" : \"#ddd\",\n            color: darkMode ? \"#fff\" : \"#000\",\n          }}\n        />\n      </form>\n      {existingUsers.length > 0 && (\n        <div\n          style={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: \"0.5rem\",\n          }}\n        >\n          <p\n            style={{\n              color: darkMode ? \"#e2e2e2\" : \"#000\",\n              textAlign: \"center\",\n              paddingTop: \"0.5rem\",\n              borderTop: \"1px solid\",\n              borderColor: darkMode ? \"#111\" : \"#e2e2e2\",\n            }}\n          >\n            Log in as\n          </p>\n          {existingUsers.map((user) => (\n            <button\n              key={user}\n              onClick={() => logIn(user)}\n              type=\"button\"\n              aria-label={`Log in as ${user}`}\n              style={{\n                background: darkMode ? \"#0d0d0d\" : \"#eee\",\n                color: darkMode ? \"#fff\" : \"#000\",\n                padding: \"0.5rem\",\n                border: \"none\",\n                borderRadius: \"6px\",\n              }}\n            >\n              {user}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n","import { BrowserPasskeyAuth } from \"jazz-tools/browser\";\nimport {\n  useAuthSecretStorage,\n  useIsAuthenticated,\n  useJazzContext,\n} from \"jazz-tools/react-core\";\nimport { useMemo, useState } from \"react\";\n\n/**\n * `usePasskeyAuth` hook 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\n  if (\"guest\" in context) {\n    throw new Error(\"Passkey auth is not supported in guest mode\");\n  }\n\n  const authMethod = useMemo(() => {\n    return new BrowserPasskeyAuth(\n      context.node.crypto,\n      context.authenticate,\n      authSecretStorage,\n      appName,\n      appHostname,\n    );\n  }, [appName, appHostname, authSecretStorage]);\n\n  const isAuthenticated = useIsAuthenticated();\n\n  return {\n    state: isAuthenticated ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.logIn,\n    signUp: authMethod.signUp,\n  } as const;\n}\n\nexport const PasskeyAuthBasicUI = (props: {\n  appName: string;\n  appHostname?: string;\n  children?: React.ReactNode;\n}) => {\n  const [username, setUsername] = useState<string>(\"\");\n  const [error, setError] = useState<string | null>(null);\n\n  const auth = usePasskeyAuth({\n    appName: props.appName,\n    appHostname: props.appHostname,\n  });\n\n  if (auth.state === \"signedIn\") {\n    return props.children ?? null;\n  }\n\n  const { logIn, signUp } = auth;\n\n  function handleError(error: Error) {\n    if (error.cause instanceof Error) {\n      setError(error.cause.message);\n    } else {\n      setError(error.message);\n    }\n  }\n\n  return (\n    <div\n      style={{\n        width: \"100vw\",\n        height: \"100vh\",\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        justifyContent: \"center\",\n        alignItems: error ? \"inherit\" : \"center\",\n      }}\n    >\n      {error && (\n        <div\n          style={{\n            color: \"red\",\n            width: \"100%\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"end\",\n            padding: \"1rem\",\n          }}\n        >\n          {error}\n        </div>\n      )}\n      <div\n        style={{\n          width: \"18rem\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"2rem\",\n        }}\n      >\n        <form\n          style={{\n            width: \"18rem\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: \"0.5rem\",\n          }}\n          onSubmit={(e) => {\n            e.preventDefault();\n            setError(null);\n            signUp(username).catch(handleError);\n          }}\n        >\n          <input\n            placeholder=\"Display name\"\n            value={username}\n            onChange={(e) => setUsername(e.target.value)}\n            autoComplete=\"webauthn\"\n            style={{\n              border: \"2px solid #000\",\n              padding: \"11px 8px\",\n              borderRadius: \"6px\",\n            }}\n          />\n          <input\n            type=\"submit\"\n            value=\"Sign up\"\n            style={{\n              background: \"#000\",\n              color: \"#fff\",\n              padding: \"13px 5px\",\n              border: \"none\",\n              borderRadius: \"6px\",\n              cursor: \"pointer\",\n            }}\n          />\n        </form>\n        <button\n          onClick={() => {\n            setError(null);\n            logIn().catch(handleError);\n          }}\n          style={{\n            background: \"#000\",\n            color: \"#fff\",\n            padding: \"13px 5px\",\n            border: \"none\",\n            borderRadius: \"6px\",\n            cursor: \"pointer\",\n          }}\n        >\n          Log in with existing account\n        </button>\n      </div>\n    </div>\n  );\n};\n","import { usePassphraseAuth } from \"jazz-tools/react-core\";\nimport { useState } from \"react\";\n\nexport function PassphraseAuthBasicUI(props: {\n  appName: string;\n  wordlist: string[];\n  children?: React.ReactNode;\n}) {\n  const auth = usePassphraseAuth({\n    wordlist: props.wordlist,\n  });\n\n  const [step, setStep] = useState<\"initial\" | \"create\" | \"login\">(\"initial\");\n  const [loginPassphrase, setLoginPassphrase] = useState(\"\");\n  const [isCopied, setIsCopied] = useState(false);\n\n  if (auth.state === \"signedIn\") {\n    return props.children ?? null;\n  }\n\n  const handleCreateAccount = async () => {\n    setStep(\"create\");\n  };\n\n  const handleLogin = () => {\n    setStep(\"login\");\n  };\n\n  const handleBack = () => {\n    setStep(\"initial\");\n    setLoginPassphrase(\"\");\n  };\n\n  const handleCopy = async () => {\n    await navigator.clipboard.writeText(auth.passphrase);\n    setIsCopied(true);\n  };\n\n  const handleLoginSubmit = async () => {\n    await auth.logIn(loginPassphrase); // Sets the state to signed in\n\n    // Reset the state in case of logout\n    setStep(\"initial\");\n    setLoginPassphrase(\"\");\n  };\n\n  const handleNext = async () => {\n    await auth.signUp(); // Sets the state to signed in\n\n    // Reset the state in case of logout\n    setStep(\"initial\");\n    setLoginPassphrase(\"\");\n  };\n\n  return (\n    <div style={containerStyle}>\n      <div style={cardStyle}>\n        {step === \"initial\" && (\n          <div>\n            <h1 style={headingStyle}>{props.appName}</h1>\n            <button onClick={handleCreateAccount} style={primaryButtonStyle}>\n              Create new account\n            </button>\n            <button onClick={handleLogin} style={secondaryButtonStyle}>\n              Log in\n            </button>\n          </div>\n        )}\n\n        {step === \"create\" && (\n          <>\n            <h1 style={headingStyle}>Your Passphrase</h1>\n            <p\n              style={{\n                fontSize: \"0.875rem\",\n                color: \"#4b5563\",\n                textAlign: \"center\",\n                marginBottom: \"1rem\",\n              }}\n            >\n              Please copy and store this passphrase somewhere safe. You'll need\n              it to log in.\n            </p>\n            <textarea\n              readOnly\n              value={auth.passphrase}\n              style={textareaStyle}\n              rows={5}\n            />\n            <div\n              style={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                gap: \"1rem\",\n              }}\n            >\n              <button onClick={handleBack} style={secondaryButtonStyle}>\n                Back\n              </button>\n              <button onClick={handleCopy} style={primaryButtonStyle}>\n                {isCopied ? \"Copied!\" : \"Copy Passphrase\"}\n              </button>\n              <button onClick={handleNext} style={primaryButtonStyle}>\n                I have saved it!\n              </button>\n            </div>\n          </>\n        )}\n\n        {step === \"login\" && (\n          <div>\n            <h1 style={headingStyle}>Log In</h1>\n            <textarea\n              value={loginPassphrase}\n              onChange={(e) => setLoginPassphrase(e.target.value)}\n              placeholder=\"Enter your passphrase\"\n              style={textareaStyle}\n              rows={5}\n            />\n            <div\n              style={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                gap: \"1rem\",\n              }}\n            >\n              <button onClick={handleBack} style={secondaryButtonStyle}>\n                Back\n              </button>\n              <button onClick={handleLoginSubmit} style={primaryButtonStyle}>\n                Log In\n              </button>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst containerStyle: React.CSSProperties = {\n  minHeight: \"100vh\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  backgroundColor: \"#f3f4f6\",\n};\n\nconst cardStyle: React.CSSProperties = {\n  backgroundColor: \"white\",\n  padding: \"2rem\",\n  borderRadius: \"0.5rem\",\n  boxShadow:\n    \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n  width: \"24rem\",\n};\n\nconst buttonStyle: React.CSSProperties = {\n  width: \"100%\",\n  padding: \"0.5rem 1rem\",\n  borderRadius: \"0.25rem\",\n  fontWeight: \"bold\",\n  cursor: \"pointer\",\n  marginBottom: \"1rem\",\n};\n\nconst primaryButtonStyle: React.CSSProperties = {\n  ...buttonStyle,\n  backgroundColor: \"black\",\n  color: \"white\",\n  border: \"none\",\n};\n\nconst secondaryButtonStyle: React.CSSProperties = {\n  ...buttonStyle,\n  backgroundColor: \"white\",\n  color: \"black\",\n  border: \"1px solid black\",\n};\n\nconst headingStyle: React.CSSProperties = {\n  color: \"black\",\n  fontSize: \"1.5rem\",\n  fontWeight: \"bold\",\n  textAlign: \"center\",\n  marginBottom: \"1rem\",\n};\n\nconst textareaStyle: React.CSSProperties = {\n  width: \"100%\",\n  padding: \"0.5rem\",\n  border: \"1px solid #d1d5db\",\n  borderRadius: \"0.25rem\",\n  marginBottom: \"1rem\",\n  boxSizing: \"border-box\",\n};\n","export { JazzReactProviderWithClerk } from \"./Clerk.js\";\nexport { DemoAuthBasicUI } from \"./DemoAuth.js\";\nexport { usePasskeyAuth, PasskeyAuthBasicUI } from \"./PasskeyAuth.js\";\nexport { PassphraseAuthBasicUI } from \"./PassphraseAuth.js\";\nexport {\n  useIsAuthenticated,\n  useDemoAuth,\n  usePassphraseAuth,\n} from \"jazz-tools/react-core\";\n","import { ImageDefinition } from \"jazz-tools\";\nimport {\n  type JSX,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { highestResAvailable } from \"../../media/index.js\";\nimport { useCoState } from \"../hooks.js\";\n\nexport type ImageProps = Omit<\n  JSX.IntrinsicElements[\"img\"],\n  \"src\" | \"srcSet\" | \"width\" | \"height\"\n> & {\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   * @example\n   * ```tsx\n   * // Use original width\n   * <Image imageId=\"123\" width=\"original\" />\n   *\n   * // Set width to 600px, height will be calculated to maintain aspect ratio\n   * <Image imageId=\"123\" width={600} />\n   *\n   * // Set both width and height to maintain aspect ratio\n   * <Image imageId=\"123\" width={600} height={400} />\n   * ```\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   * @example\n   * ```tsx\n   * // Use original height\n   * <Image imageId=\"123\" height=\"original\" />\n   *\n   * // Set height to 400px, width will be calculated to maintain aspect ratio\n   * <Image imageId=\"123\" height={400} />\n   *\n   * // Set both width and height to maintain aspect ratio\n   * <Image imageId=\"123\" width={600} height={400} />\n   * ```\n   */\n  height?: number | \"original\";\n};\n\n/**\n * A React component for displaying images stored as ImageDefinition CoValues.\n *\n * @example\n * ```tsx\n * import { Image } from \"jazz-tools/react\";\n *\n * // Force specific dimensions (may crop or stretch)\n * function Avatar({ imageId }: { imageId: string }) {\n *   return (\n *     <Image\n *       imageId={imageId}\n *       width={100}\n *       height={100}\n *       alt=\"Avatar\"\n *       style={{ borderRadius: \"50%\", objectFit: \"cover\" }}\n *     />\n *   );\n * }\n * ```\n */\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  { imageId, width, height, ...props },\n  ref,\n) {\n  const image = useCoState(ImageDefinition, imageId);\n  const lastBestImage = useRef<[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   * On page loading, if the image url is already in browser's cache, the load event is triggered immediately.\n   * This is why we need to use a different blob url for every image.\n   */\n  const [waitingLazyLoading, setWaitingLazyLoading] = useState(\n    props.loading === \"lazy\",\n  );\n  const lazyPlaceholder = useMemo(\n    () =>\n      waitingLazyLoading ? URL.createObjectURL(getEmptyPixelBlob()) : undefined,\n    [waitingLazyLoading],\n  );\n\n  const dimensions: { width: number | undefined; height: number | undefined } =\n    useMemo(() => {\n      const originalWidth = image?.originalSize?.[0];\n      const originalHeight = image?.originalSize?.[1];\n\n      // Both width and height are \"original\"\n      if (width === \"original\" && height === \"original\") {\n        return { width: originalWidth, height: originalHeight };\n      }\n\n      // Width is \"original\", height is a number\n      if (width === \"original\" && typeof height === \"number\") {\n        if (originalWidth && originalHeight) {\n          return {\n            width: Math.round((height * originalWidth) / originalHeight),\n            height,\n          };\n        }\n        return { width: undefined, height };\n      }\n\n      // Height is \"original\", width is a number\n      if (height === \"original\" && typeof width === \"number\") {\n        if (originalWidth && originalHeight) {\n          return {\n            width,\n            height: Math.round((width * originalHeight) / originalWidth),\n          };\n        }\n        return { width, height: undefined };\n      }\n\n      // In all other cases, use the property value:\n      return {\n        width: width === \"original\" ? originalWidth : width,\n        height: height === \"original\" ? originalHeight : height,\n      };\n    }, [image?.originalSize, width, height]);\n\n  const src = useMemo(() => {\n    if (waitingLazyLoading) {\n      return lazyPlaceholder;\n    }\n\n    if (image === undefined)\n      return \"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\";\n    if (!image) return undefined;\n\n    const bestImage = highestResAvailable(\n      image,\n      dimensions.width || dimensions.height || 9999,\n      dimensions.height || dimensions.width || 9999,\n    );\n\n    if (!bestImage) return image.placeholderDataURL;\n    if (lastBestImage.current?.[0] === bestImage.image.$jazz.id)\n      return lastBestImage.current?.[1];\n\n    const blob = bestImage.image.toBlob();\n\n    if (blob) {\n      const url = URL.createObjectURL(blob);\n      revokeObjectURL(lastBestImage.current?.[1]);\n      lastBestImage.current = [bestImage.image.$jazz.id, url];\n      return url;\n    }\n\n    return image.placeholderDataURL;\n  }, [image, dimensions.width, dimensions.height, waitingLazyLoading]);\n\n  const onThresholdReached = useCallback(() => {\n    setWaitingLazyLoading(false);\n  }, []);\n\n  // Revoke object URL when component unmounts\n  useEffect(\n    () => () => {\n      // In development mode we don't revokeObjectURL on unmount because\n      // it triggers twice under StrictMode.\n      if (process.env.NODE_ENV === \"development\") return;\n      revokeObjectURL(lastBestImage.current?.[1]);\n    },\n    [],\n  );\n\n  return (\n    <img\n      ref={ref}\n      src={src}\n      width={dimensions.width}\n      height={dimensions.height}\n      onLoad={waitingLazyLoading ? onThresholdReached : undefined}\n      {...props}\n    />\n  );\n});\n\nfunction revokeObjectURL(url: string | undefined) {\n  if (url && url.startsWith(\"blob:\")) {\n    URL.revokeObjectURL(url);\n  }\n}\n\nlet emptyPixelBlob: Blob | undefined;\nfunction getEmptyPixelBlob() {\n  if (!emptyPixelBlob) {\n    emptyPixelBlob = new Blob(\n      [\n        Uint8Array.from(\n          atob(\n            \"iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\",\n          ),\n          (c) => c.charCodeAt(0),\n        ),\n      ],\n      { type: \"image/png\" },\n    );\n  }\n  return emptyPixelBlob;\n}\n","import type { CoID } from \"cojson\";\nimport { Account, FileStream, ImageDefinition } from \"jazz-tools\";\n\nexport function highestResAvailable(\n  image: ImageDefinition,\n  wantedWidth: number,\n  wantedHeight: number,\n): { width: number; height: number; image: FileStream } | null {\n  const availableSizes: [number, number, string][] = image.$jazz.raw\n    .keys()\n    .filter((key) => /^\\d+x\\d+$/.test(key))\n    .map((key) => {\n      const [w, h] = key.split(\"x\").map(Number) as [number, number];\n      return [w, h, key];\n    });\n\n  if (availableSizes.length === 0) {\n    return image.original\n      ? {\n          width: image.originalSize[0],\n          height: image.originalSize[1],\n          image: image.original,\n        }\n      : null;\n  }\n\n  const sortedSizes = availableSizes\n    .map((size) => {\n      return {\n        size,\n        match: sizesMatchWanted(size[0], size[1], wantedWidth, wantedHeight),\n        isLoaded: isLoaded(\n          image.$jazz.raw.get(size[2]) as CoID<any> | undefined,\n        ),\n      };\n    })\n    .sort((a, b) => a.match - b.match);\n\n  // We try to find the better already loaded image\n  // note: `toReversed` is not available in react-native.\n  const bestLoaded = [...sortedSizes]\n    .reverse()\n    .find((el) => el.isLoaded && image[el.size[2]]?.getChunks());\n\n  // if I can't find a good match, let's use the highest resolution\n  const bestTarget =\n    sortedSizes.find((el) => el.match > 0.95) || sortedSizes.at(-1);\n\n  // if the best target is already loaded, we are done\n  if (image[bestTarget!.size[2]]?.getChunks()) {\n    return image[bestTarget!.size[2]]\n      ? {\n          width: bestTarget!.size[0],\n          height: bestTarget!.size[1],\n          image: image[bestTarget!.size[2]]!,\n        }\n      : null;\n  }\n\n  // if the best already loaded is not the best target\n  // let's trigger the load of the best target\n  if (bestLoaded) {\n    image[bestTarget!.size[2]]?.getChunks();\n    return image[bestLoaded.size[2]]\n      ? {\n          width: bestLoaded.size[0],\n          height: bestLoaded.size[1],\n          image: image[bestLoaded.size[2]]!,\n        }\n      : null;\n  }\n\n  // if nothing is loaded, then start fetching all the images till the best\n  for (let size of sortedSizes) {\n    if (size.match <= bestTarget!.match) {\n      image[size.size[2]]?.getChunks();\n    }\n  }\n\n  return null;\n}\n\nfunction sizesMatchWanted(\n  w: number,\n  h: number,\n  wantedW: number,\n  wantedH: number,\n): number {\n  const area1 = w * h;\n  const area2 = wantedW * wantedH;\n\n  const areaRatio = area1 / area2;\n\n  // // Below 0.95 means the image is too small, we don't want to upscale it\n  // if (areaRatio < 0.95) {\n  //   return 9999;\n  // }\n\n  return areaRatio;\n}\n\nfunction isLoaded(id: CoID<any> | null | undefined): boolean {\n  if (!id) {\n    return false;\n  }\n\n  return !!Account.getMe().$jazz.localNode.getLoaded(id);\n}\n\nexport async function loadImage(\n  imageOrId: ImageDefinition | string,\n): Promise<{ width: number; height: number; image: FileStream } | null> {\n  if (typeof imageOrId === \"string\") {\n    const image = await ImageDefinition.load(imageOrId, {\n      resolve: {\n        original: true,\n      },\n    });\n\n    if (image === null || image.original === null) {\n      return null;\n    }\n\n    return {\n      width: image.originalSize[0],\n      height: image.originalSize[1],\n      image: image.original,\n    };\n  }\n\n  if (!imageOrId.original) {\n    console.warn(\"Unable to find the original image\");\n    return null;\n  }\n\n  const loadedOriginal = await FileStream.load(imageOrId.original.$jazz.id);\n\n  if (!loadedOriginal) {\n    console.warn(\"Unable to find the original image\");\n    return null;\n  }\n\n  return {\n    width: imageOrId.originalSize[0],\n    height: imageOrId.originalSize[1],\n    image: loadedOriginal,\n  };\n}\n\nexport async function loadImageBySize(\n  imageOrId: ImageDefinition | string,\n  wantedWidth: number,\n  wantedHeight: number,\n): Promise<{ width: number; height: number; image: FileStream } | null> {\n  // @ts-expect-error The resolved type for CoMap does not include catchall properties\n  const image: ImageDefinition | null =\n    typeof imageOrId === \"string\"\n      ? await ImageDefinition.load(imageOrId)\n      : imageOrId;\n\n  if (image === null) {\n    return null;\n  }\n\n  if (image.progressive === false) {\n    return loadImage(imageOrId);\n  }\n\n  const availableSizes: [number, number, string][] = image.$jazz.raw\n    .keys()\n    .filter((key) => /^\\d+x\\d+$/.test(key))\n    .map((key) => {\n      const [w, h] = key.split(\"x\").map(Number) as [number, number];\n      return [w, h, key];\n    });\n\n  if (availableSizes.length === 0) {\n    return null;\n  }\n\n  const sortedSizes = availableSizes\n    .map((size) => ({\n      size,\n      match: sizesMatchWanted(size[0], size[1], wantedWidth, wantedHeight),\n    }))\n    .sort((a, b) => a.match - b.match);\n\n  const bestTarget =\n    sortedSizes.find((el) => el.match > 0.95) || sortedSizes.at(-1)!;\n\n  // The image's `wxh` keys reference FileStream.\n  // image[bestTarget.size[2]] returns undefined if FileStream hasn't loaded yet.\n  // Since we only need the file's ID to fetch it later, we check the raw _refs\n  // which contain only the linked covalue's ID.\n  const file = image.$jazz.refs[bestTarget.size[2]];\n\n  if (!file) {\n    return null;\n  }\n\n  const loadedFile = await FileStream.load(file.id);\n\n  if (!loadedFile) {\n    return null;\n  }\n\n  return {\n    width: bestTarget.size[0],\n    height: bestTarget.size[1],\n    image: loadedFile,\n  };\n}\n","import {\n  Account,\n  FileStream,\n  Group,\n  ImageDefinition,\n  type Loaded,\n} from \"jazz-tools\";\n\nexport type SourceType = Blob | File | string;\n\nexport type ResizeOutput = Blob | string;\n\nexport type CreateImageOptions = {\n  /** The owner of the image. Can be either a Group or Account. If not specified, the current user will be the owner. */\n  owner?: Group | Account;\n  /**\n   * Controls placeholder generation for the image.\n   * - `\"blur\"`: Generates a blurred placeholder image (default)\n   * - `false`: No placeholder is generated\n   * @default \"blur\"\n   */\n  placeholder?: \"blur\" | false;\n  /**\n   * Maximum size constraint for the image. The image will be resized to fit within this size while maintaining aspect ratio.\n   * If the image is smaller than maxSize in both dimensions, no resizing occurs.\n   * @example 1024 // Resizes image to fit within 1024px in the largest dimension\n   */\n  maxSize?: number; // | [number, number];\n  /**\n   * The progressive loading pattern is a technique that allows images to load incrementally, starting with a small version and gradually replacing it with a larger version as it becomes available.\n   * This is useful for improving the user experience by showing a placeholder while the image is loading.\n   *\n   * Passing progressive: true to createImage() will create internal smaller versions of the image for future uses.\n   *\n   * @default false\n   */\n  progressive?: boolean;\n};\n\nexport type CreateImageImpl<\n  TSourceType = SourceType,\n  TResizeOutput = ResizeOutput,\n> = {\n  createFileStreamFromSource: (\n    imageBlobOrFile: TSourceType | TResizeOutput,\n    owner?: Group | Account,\n  ) => Promise<FileStream>;\n  getImageSize: (\n    imageBlobOrFile: TSourceType,\n  ) => Promise<{ width: number; height: number }>;\n  getPlaceholderBase64: (imageBlobOrFile: TSourceType) => Promise<string>;\n  resize: (\n    imageBlobOrFile: TSourceType,\n    width: number,\n    height: number,\n  ) => Promise<TResizeOutput>;\n};\n\nexport function createImageFactory<TSourceType, TResizeOutput>(\n  impl: CreateImageImpl<TSourceType, TResizeOutput>,\n  imageTypeGuard?: (imageBlobOrFile: TSourceType) => void,\n) {\n  return (source: TSourceType, options?: CreateImageOptions) => {\n    imageTypeGuard?.(source);\n    return createImage(source, options ?? {}, impl);\n  };\n}\n\nasync function createImage<TSourceType, TResizeOutput>(\n  imageBlobOrFile: TSourceType,\n  options: CreateImageOptions,\n  impl: CreateImageImpl<TSourceType, TResizeOutput>,\n): Promise<Loaded<typeof ImageDefinition, { $each: true }>> {\n  // Get the original size of the image\n  const { width: originalWidth, height: originalHeight } =\n    await impl.getImageSize(imageBlobOrFile);\n\n  const def: {\n    originalSize: [number, number];\n    progressive: boolean;\n    placeholderDataURL: string | undefined;\n    original?: FileStream;\n    files: Record<string, FileStream>;\n  } = {\n    originalSize: [originalWidth, originalHeight],\n    progressive: false,\n    placeholderDataURL: undefined,\n    files: {},\n  };\n\n  // Placeholder\n  if (options?.placeholder === \"blur\") {\n    def.placeholderDataURL = await impl.getPlaceholderBase64(imageBlobOrFile);\n  }\n\n  /**\n   * Original\n   *\n   * Save the original image.\n   * If the maxSize is set, resize the image to the maxSize if needed\n   */\n  if (options?.maxSize === undefined) {\n    def.original = await impl.createFileStreamFromSource(\n      imageBlobOrFile,\n      options?.owner,\n    );\n    def.files[`${originalWidth}x${originalHeight}`] = def.original;\n  } else if (\n    options?.maxSize >= originalWidth &&\n    options?.maxSize >= originalHeight\n  ) {\n    // no resizes required, just return the original image\n    def.original = await impl.createFileStreamFromSource(\n      imageBlobOrFile,\n      options?.owner,\n    );\n    def.files[`${originalWidth}x${originalHeight}`] = def.original;\n  } else {\n    const { width, height } = getNewDimensions(\n      originalWidth,\n      originalHeight,\n      options.maxSize,\n    );\n\n    const blob = await impl.resize(imageBlobOrFile, width, height);\n    def.originalSize = [width, height];\n    def.original = await impl.createFileStreamFromSource(blob, options?.owner);\n    def.files[`${width}x${height}`] = def.original;\n  }\n\n  const imageCoValue = ImageDefinition.create(\n    {\n      originalSize: def.originalSize,\n      progressive: def.progressive,\n      placeholderDataURL: def.placeholderDataURL,\n      original: def.original,\n      ...def.files,\n    },\n    options?.owner,\n  );\n\n  /**\n   * Progressive loading\n   *\n   * Save a set of resized images using three sizes: 256, 1024, 2048\n   *\n   * On the client side, the image will be loaded progressively, starting from the smallest size and increasing the size until the original size is reached.\n   */\n  if (options?.progressive) {\n    imageCoValue.$jazz.set(\"progressive\", true);\n\n    const resizes = ([256, 1024, 2048] as const).filter(\n      (s) =>\n        s <\n        Math.max(imageCoValue.originalSize[0], imageCoValue.originalSize[1]),\n    );\n\n    for (const size of resizes) {\n      const { width, height } = getNewDimensions(\n        originalWidth,\n        originalHeight,\n        size,\n      );\n\n      const blob = await impl.resize(imageBlobOrFile, width, height);\n      imageCoValue.$jazz.set(\n        `${width}x${height}`,\n        await impl.createFileStreamFromSource(blob, options?.owner),\n      );\n    }\n  }\n\n  return imageCoValue;\n}\n\nconst getNewDimensions = (\n  originalWidth: number,\n  originalHeight: number,\n  maxSize: number,\n) => {\n  if (originalWidth > originalHeight) {\n    return {\n      width: maxSize,\n      height: Math.round(maxSize * (originalHeight / originalWidth)),\n    };\n  }\n\n  return {\n    width: Math.round(maxSize * (originalWidth / originalHeight)),\n    height: maxSize,\n  };\n};\n"],"mappings":"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","names":["useEffect","useJazzContext","result","useAuthSecretStorage","useJazzContext","useEffect","jsx","useJazzContext","useAuthSecretStorage","useEffect","isLoaded","useState","jsx","useAuthSecretStorage","useJazzContext","useMemo","useState","jsx","jsxs","error","useState","jsx","jsxs","useIsAuthenticated","useDemoAuth","usePassphraseAuth","ImageDefinition","useEffect","useMemo","useRef","useState","Account","ImageDefinition","jsx","Image","ImageDefinition","useRef","useState","useMemo","useEffect"]}
+{"version":3,"sources":["../../src/react/provider.tsx","../../src/react/hooks.tsx","../../src/react/index.ts","../../src/react/auth/Clerk.tsx","../../src/react/auth/DemoAuth.tsx","../../src/react/auth/PasskeyAuth.tsx","../../src/react/auth/PassphraseAuth.tsx","../../src/react/auth/auth.ts","../../src/react/media/image.tsx","../../src/media/utils.ts","../../src/media/create-image-factory.ts"],"sourcesContent":["import {\n  Account,\n  AccountClass,\n  AnyAccountSchema,\n  CoValueFromRaw,\n  InstanceOfSchema,\n  JazzContextType,\n} from \"jazz-tools\";\nimport {\n  JazzBrowserContextManager,\n  JazzContextManagerProps,\n} from \"jazz-tools/browser\";\nimport { JazzContext, JazzContextManagerContext } from \"jazz-tools/react-core\";\nimport React, { useEffect, useRef } from \"react\";\n\nexport type JazzProviderProps<\n  S extends\n    | (AccountClass<Account> & CoValueFromRaw<Account>)\n    | AnyAccountSchema,\n> = {\n  children: React.ReactNode;\n  enableSSR?: boolean;\n  fallback?: React.ReactNode | null;\n} & JazzContextManagerProps<S>;\n\n/** @category Context & Hooks */\nexport function JazzReactProvider<\n  S extends\n    | (AccountClass<Account> & CoValueFromRaw<Account>)\n    | AnyAccountSchema,\n>({\n  children,\n  guestMode,\n  sync,\n  storage,\n  AccountSchema,\n  defaultProfileName,\n  onLogOut,\n  logOutReplacement,\n  onAnonymousAccountDiscarded,\n  enableSSR,\n  fallback = null,\n}: JazzProviderProps<S>) {\n  const [contextManager] = React.useState(\n    () =>\n      new JazzBrowserContextManager<S>({\n        useAnonymousFallback: enableSSR,\n      }),\n  );\n\n  const onLogOutRefCallback = useRefCallback(onLogOut);\n  const logOutReplacementRefCallback = useRefCallback(logOutReplacement);\n  const onAnonymousAccountDiscardedRefCallback = useRefCallback(\n    onAnonymousAccountDiscarded,\n  );\n  const logoutReplacementActiveRef = useRef(false);\n  logoutReplacementActiveRef.current = Boolean(logOutReplacement);\n\n  const value = React.useSyncExternalStore<\n    JazzContextType<InstanceOfSchema<S>> | undefined\n  >(\n    React.useCallback(\n      (callback) => {\n        const props = {\n          AccountSchema,\n          guestMode,\n          sync,\n          storage,\n          defaultProfileName,\n          onLogOut: onLogOutRefCallback,\n          logOutReplacement: logoutReplacementActiveRef.current\n            ? logOutReplacementRefCallback\n            : undefined,\n          onAnonymousAccountDiscarded: onAnonymousAccountDiscardedRefCallback,\n        } satisfies JazzContextManagerProps<S>;\n\n        if (contextManager.propsChanged(props)) {\n          contextManager.createContext(props).catch((error) => {\n            console.log(error.stack);\n            console.error(\"Error creating Jazz browser context:\", error);\n          });\n        }\n\n        return contextManager.subscribe(callback);\n      },\n      [sync, guestMode].concat(storage as any),\n    ),\n    () => contextManager.getCurrentValue(),\n    () => contextManager.getCurrentValue(),\n  );\n\n  useEffect(() => {\n    // In development mode we don't return a cleanup function because otherwise\n    // the double effect execution would mark the context as done immediately.\n    if (process.env.NODE_ENV === \"development\") return;\n\n    return () => {\n      contextManager.done();\n    };\n  }, []);\n\n  return (\n    <JazzContext.Provider value={value}>\n      <JazzContextManagerContext.Provider value={contextManager}>\n        {value ? children : fallback}\n      </JazzContextManagerContext.Provider>\n    </JazzContext.Provider>\n  );\n}\n\nfunction useRefCallback<T extends (...args: any[]) => any>(callback?: T) {\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n  return useRef(\n    (...args: Parameters<T>): ReturnType<T> => callbackRef.current?.(...args),\n  ).current;\n}\n","import { consumeInviteLinkFromWindowLocation } from \"jazz-tools/browser\";\nimport { useEffect } from \"react\";\n\nimport { CoValueClassOrSchema } from \"jazz-tools\";\nimport { useJazzContext } from \"jazz-tools/react-core\";\n\nexport { useCoState, useAuthSecretStorage } from \"jazz-tools/react-core\";\n\nexport function useAcceptInvite<S extends CoValueClassOrSchema>({\n  invitedObjectSchema,\n  onAccept,\n  forValueHint,\n}: {\n  invitedObjectSchema: S;\n  onAccept: (valueID: string) => void;\n  forValueHint?: string;\n}): void {\n  const context = useJazzContext();\n\n  if (!(\"me\" in context)) {\n    throw new Error(\n      \"useAcceptInvite can't be used in a JazzProvider with auth === 'guest'.\",\n    );\n  }\n\n  useEffect(() => {\n    const handleInvite = () => {\n      const result = consumeInviteLinkFromWindowLocation({\n        as: context.me,\n        invitedObjectSchema,\n        forValueHint,\n      });\n\n      result\n        .then((result) => result && onAccept(result?.valueID))\n        .catch((e) => {\n          console.error(\"Failed to accept invite\", e);\n        });\n    };\n\n    handleInvite();\n\n    window.addEventListener(\"hashchange\", handleInvite);\n\n    return () => window.removeEventListener(\"hashchange\", handleInvite);\n  }, [onAccept]);\n}\n\nexport {\n  experimental_useInboxSender,\n  useJazzContext,\n  useAccount,\n  useCoStateWithSelector,\n  useAccountWithSelector,\n  useSyncConnectionStatus,\n} from \"jazz-tools/react-core\";\n","export { JazzReactProvider } from \"./provider.js\";\nexport type { JazzProviderProps } from \"./provider.js\";\nexport {\n  useAccount,\n  useCoState,\n  useAcceptInvite,\n  experimental_useInboxSender,\n  useJazzContext,\n  useAuthSecretStorage,\n  useCoStateWithSelector,\n  useAccountWithSelector,\n  useSyncConnectionStatus,\n} from \"./hooks.js\";\n\nexport { createInviteLink, parseInviteLink } from \"jazz-tools/browser\";\n\nexport * from \"./auth/auth.js\";\nexport * from \"./media/image.js\";\n","import { JazzClerkAuth, type MinimalClerkClient } from \"jazz-tools\";\nimport {\n  Account,\n  AccountClass,\n  AnyAccountSchema,\n  CoValueFromRaw,\n  InMemoryKVStore,\n  KvStoreContext,\n} from \"jazz-tools\";\nimport { LocalStorageKVStore } from \"jazz-tools/browser\";\nimport { useAuthSecretStorage, useJazzContext } from \"jazz-tools/react-core\";\nimport { ReactNode, useEffect, useMemo, useState } from \"react\";\nimport { JazzProviderProps, JazzReactProvider } from \"../provider.js\";\n\nfunction useJazzClerkAuth(clerk: MinimalClerkClient) {\n  const context = useJazzContext();\n  const authSecretStorage = useAuthSecretStorage();\n\n  if (\"guest\" in context) {\n    throw new Error(\"Clerk auth is not supported in guest mode\");\n  }\n\n  const authMethod = useMemo(() => {\n    return new JazzClerkAuth(\n      context.authenticate,\n      context.logOut,\n      authSecretStorage,\n    );\n  }, []);\n\n  useEffect(() => {\n    return authMethod.registerListener(clerk);\n  }, []);\n}\n\nfunction RegisterClerkAuth(props: {\n  clerk: MinimalClerkClient;\n  children: React.ReactNode;\n}) {\n  useJazzClerkAuth(props.clerk);\n\n  return props.children;\n}\n\nexport const JazzReactProviderWithClerk = <\n  S extends\n    | (AccountClass<Account> & CoValueFromRaw<Account>)\n    | AnyAccountSchema,\n>(\n  props: {\n    clerk: MinimalClerkClient;\n  } & JazzProviderProps<S>,\n) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  /**\n   * This effect ensures that a logged-in Clerk user is authenticated before the JazzReactProvider is mounted.\n   *\n   * This is done to optimize the initial load.\n   */\n  useEffect(() => {\n    setupKvStore();\n\n    JazzClerkAuth.initializeAuth(props.clerk).then(() => {\n      setIsLoaded(true);\n    });\n  }, []);\n\n  if (!isLoaded) {\n    return props.fallback ?? null;\n  }\n\n  return (\n    <JazzReactProvider {...props} onLogOut={props.clerk.signOut}>\n      <RegisterClerkAuth clerk={props.clerk}>\n        {props.children}\n      </RegisterClerkAuth>\n    </JazzReactProvider>\n  );\n};\n\nfunction setupKvStore() {\n  KvStoreContext.getInstance().initialize(\n    typeof window === \"undefined\"\n      ? new InMemoryKVStore()\n      : new LocalStorageKVStore(),\n  );\n}\n","import { useDemoAuth } from \"jazz-tools/react-core\";\nimport { useState } from \"react\";\n\nexport const DemoAuthBasicUI = (props: {\n  appName: string;\n  children?: React.ReactNode;\n}) => {\n  const auth = useDemoAuth();\n\n  const [username, setUsername] = useState<string>(\"\");\n\n  const darkMode =\n    typeof window !== \"undefined\"\n      ? window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      : false;\n\n  if (auth.state === \"signedIn\") return props.children ?? null;\n\n  const { signUp, logIn, existingUsers } = auth;\n\n  return (\n    <div\n      style={{\n        minHeight: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        width: \"18rem\",\n        maxWidth: \"calc(100vw - 2rem)\",\n        gap: \"2rem\",\n        margin: \"0 auto\",\n      }}\n    >\n      <h1\n        style={{\n          color: darkMode ? \"#fff\" : \"#000\",\n          textAlign: \"center\",\n          fontSize: \"1.5rem\",\n          fontWeight: \"bold\",\n        }}\n      >\n        {props.appName}\n      </h1>\n      <form\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"0.5rem\",\n        }}\n        onSubmit={(e) => {\n          e.preventDefault();\n          signUp(username);\n        }}\n      >\n        <input\n          placeholder=\"Display name\"\n          value={username}\n          onChange={(e) => setUsername(e.target.value)}\n          autoComplete=\"webauthn\"\n          style={{\n            border: darkMode ? \"1px solid #444\" : \"1px solid #ddd\",\n            padding: \"11px 8px\",\n            borderRadius: \"6px\",\n            background: darkMode ? \"#000\" : \"#fff\",\n            color: darkMode ? \"#fff\" : \"#000\",\n          }}\n        />\n        <input\n          type=\"submit\"\n          value=\"Sign up\"\n          style={{\n            padding: \"13px 5px\",\n            border: \"none\",\n            borderRadius: \"6px\",\n            cursor: \"pointer\",\n            background: darkMode ? \"#444\" : \"#ddd\",\n            color: darkMode ? \"#fff\" : \"#000\",\n          }}\n        />\n      </form>\n      {existingUsers.length > 0 && (\n        <div\n          style={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: \"0.5rem\",\n          }}\n        >\n          <p\n            style={{\n              color: darkMode ? \"#e2e2e2\" : \"#000\",\n              textAlign: \"center\",\n              paddingTop: \"0.5rem\",\n              borderTop: \"1px solid\",\n              borderColor: darkMode ? \"#111\" : \"#e2e2e2\",\n            }}\n          >\n            Log in as\n          </p>\n          {existingUsers.map((user) => (\n            <button\n              key={user}\n              onClick={() => logIn(user)}\n              type=\"button\"\n              aria-label={`Log in as ${user}`}\n              style={{\n                background: darkMode ? \"#0d0d0d\" : \"#eee\",\n                color: darkMode ? \"#fff\" : \"#000\",\n                padding: \"0.5rem\",\n                border: \"none\",\n                borderRadius: \"6px\",\n              }}\n            >\n              {user}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n","import { BrowserPasskeyAuth } from \"jazz-tools/browser\";\nimport {\n  useAuthSecretStorage,\n  useIsAuthenticated,\n  useJazzContext,\n} from \"jazz-tools/react-core\";\nimport { useMemo, useState } from \"react\";\n\n/**\n * `usePasskeyAuth` hook 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\n  if (\"guest\" in context) {\n    throw new Error(\"Passkey auth is not supported in guest mode\");\n  }\n\n  const authMethod = useMemo(() => {\n    return new BrowserPasskeyAuth(\n      context.node.crypto,\n      context.authenticate,\n      authSecretStorage,\n      appName,\n      appHostname,\n    );\n  }, [appName, appHostname, authSecretStorage]);\n\n  const isAuthenticated = useIsAuthenticated();\n\n  return {\n    state: isAuthenticated ? \"signedIn\" : \"anonymous\",\n    logIn: authMethod.logIn,\n    signUp: authMethod.signUp,\n  } as const;\n}\n\nexport const PasskeyAuthBasicUI = (props: {\n  appName: string;\n  appHostname?: string;\n  children?: React.ReactNode;\n}) => {\n  const [username, setUsername] = useState<string>(\"\");\n  const [error, setError] = useState<string | null>(null);\n\n  const auth = usePasskeyAuth({\n    appName: props.appName,\n    appHostname: props.appHostname,\n  });\n\n  if (auth.state === \"signedIn\") {\n    return props.children ?? null;\n  }\n\n  const { logIn, signUp } = auth;\n\n  function handleError(error: Error) {\n    if (error.cause instanceof Error) {\n      setError(error.cause.message);\n    } else {\n      setError(error.message);\n    }\n  }\n\n  return (\n    <div\n      style={{\n        width: \"100vw\",\n        height: \"100vh\",\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        justifyContent: \"center\",\n        alignItems: error ? \"inherit\" : \"center\",\n      }}\n    >\n      {error && (\n        <div\n          style={{\n            color: \"red\",\n            width: \"100%\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"end\",\n            padding: \"1rem\",\n          }}\n        >\n          {error}\n        </div>\n      )}\n      <div\n        style={{\n          width: \"18rem\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"2rem\",\n        }}\n      >\n        <form\n          style={{\n            width: \"18rem\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: \"0.5rem\",\n          }}\n          onSubmit={(e) => {\n            e.preventDefault();\n            setError(null);\n            signUp(username).catch(handleError);\n          }}\n        >\n          <input\n            placeholder=\"Display name\"\n            value={username}\n            onChange={(e) => setUsername(e.target.value)}\n            autoComplete=\"webauthn\"\n            style={{\n              border: \"2px solid #000\",\n              padding: \"11px 8px\",\n              borderRadius: \"6px\",\n            }}\n          />\n          <input\n            type=\"submit\"\n            value=\"Sign up\"\n            style={{\n              background: \"#000\",\n              color: \"#fff\",\n              padding: \"13px 5px\",\n              border: \"none\",\n              borderRadius: \"6px\",\n              cursor: \"pointer\",\n            }}\n          />\n        </form>\n        <button\n          onClick={() => {\n            setError(null);\n            logIn().catch(handleError);\n          }}\n          style={{\n            background: \"#000\",\n            color: \"#fff\",\n            padding: \"13px 5px\",\n            border: \"none\",\n            borderRadius: \"6px\",\n            cursor: \"pointer\",\n          }}\n        >\n          Log in with existing account\n        </button>\n      </div>\n    </div>\n  );\n};\n","import { usePassphraseAuth } from \"jazz-tools/react-core\";\nimport { useState } from \"react\";\n\nexport function PassphraseAuthBasicUI(props: {\n  appName: string;\n  wordlist: string[];\n  children?: React.ReactNode;\n}) {\n  const auth = usePassphraseAuth({\n    wordlist: props.wordlist,\n  });\n\n  const [step, setStep] = useState<\"initial\" | \"create\" | \"login\">(\"initial\");\n  const [loginPassphrase, setLoginPassphrase] = useState(\"\");\n  const [isCopied, setIsCopied] = useState(false);\n\n  if (auth.state === \"signedIn\") {\n    return props.children ?? null;\n  }\n\n  const handleCreateAccount = async () => {\n    setStep(\"create\");\n  };\n\n  const handleLogin = () => {\n    setStep(\"login\");\n  };\n\n  const handleBack = () => {\n    setStep(\"initial\");\n    setLoginPassphrase(\"\");\n  };\n\n  const handleCopy = async () => {\n    await navigator.clipboard.writeText(auth.passphrase);\n    setIsCopied(true);\n  };\n\n  const handleLoginSubmit = async () => {\n    await auth.logIn(loginPassphrase); // Sets the state to signed in\n\n    // Reset the state in case of logout\n    setStep(\"initial\");\n    setLoginPassphrase(\"\");\n  };\n\n  const handleNext = async () => {\n    await auth.signUp(); // Sets the state to signed in\n\n    // Reset the state in case of logout\n    setStep(\"initial\");\n    setLoginPassphrase(\"\");\n  };\n\n  return (\n    <div style={containerStyle}>\n      <div style={cardStyle}>\n        {step === \"initial\" && (\n          <div>\n            <h1 style={headingStyle}>{props.appName}</h1>\n            <button onClick={handleCreateAccount} style={primaryButtonStyle}>\n              Create new account\n            </button>\n            <button onClick={handleLogin} style={secondaryButtonStyle}>\n              Log in\n            </button>\n          </div>\n        )}\n\n        {step === \"create\" && (\n          <>\n            <h1 style={headingStyle}>Your Passphrase</h1>\n            <p\n              style={{\n                fontSize: \"0.875rem\",\n                color: \"#4b5563\",\n                textAlign: \"center\",\n                marginBottom: \"1rem\",\n              }}\n            >\n              Please copy and store this passphrase somewhere safe. You'll need\n              it to log in.\n            </p>\n            <textarea\n              readOnly\n              value={auth.passphrase}\n              style={textareaStyle}\n              rows={5}\n            />\n            <div\n              style={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                gap: \"1rem\",\n              }}\n            >\n              <button onClick={handleBack} style={secondaryButtonStyle}>\n                Back\n              </button>\n              <button onClick={handleCopy} style={primaryButtonStyle}>\n                {isCopied ? \"Copied!\" : \"Copy Passphrase\"}\n              </button>\n              <button onClick={handleNext} style={primaryButtonStyle}>\n                I have saved it!\n              </button>\n            </div>\n          </>\n        )}\n\n        {step === \"login\" && (\n          <div>\n            <h1 style={headingStyle}>Log In</h1>\n            <textarea\n              value={loginPassphrase}\n              onChange={(e) => setLoginPassphrase(e.target.value)}\n              placeholder=\"Enter your passphrase\"\n              style={textareaStyle}\n              rows={5}\n            />\n            <div\n              style={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                gap: \"1rem\",\n              }}\n            >\n              <button onClick={handleBack} style={secondaryButtonStyle}>\n                Back\n              </button>\n              <button onClick={handleLoginSubmit} style={primaryButtonStyle}>\n                Log In\n              </button>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst containerStyle: React.CSSProperties = {\n  minHeight: \"100vh\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  backgroundColor: \"#f3f4f6\",\n};\n\nconst cardStyle: React.CSSProperties = {\n  backgroundColor: \"white\",\n  padding: \"2rem\",\n  borderRadius: \"0.5rem\",\n  boxShadow:\n    \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n  width: \"24rem\",\n};\n\nconst buttonStyle: React.CSSProperties = {\n  width: \"100%\",\n  padding: \"0.5rem 1rem\",\n  borderRadius: \"0.25rem\",\n  fontWeight: \"bold\",\n  cursor: \"pointer\",\n  marginBottom: \"1rem\",\n};\n\nconst primaryButtonStyle: React.CSSProperties = {\n  ...buttonStyle,\n  backgroundColor: \"black\",\n  color: \"white\",\n  border: \"none\",\n};\n\nconst secondaryButtonStyle: React.CSSProperties = {\n  ...buttonStyle,\n  backgroundColor: \"white\",\n  color: \"black\",\n  border: \"1px solid black\",\n};\n\nconst headingStyle: React.CSSProperties = {\n  color: \"black\",\n  fontSize: \"1.5rem\",\n  fontWeight: \"bold\",\n  textAlign: \"center\",\n  marginBottom: \"1rem\",\n};\n\nconst textareaStyle: React.CSSProperties = {\n  width: \"100%\",\n  padding: \"0.5rem\",\n  border: \"1px solid #d1d5db\",\n  borderRadius: \"0.25rem\",\n  marginBottom: \"1rem\",\n  boxSizing: \"border-box\",\n};\n","export { JazzReactProviderWithClerk } from \"./Clerk.js\";\nexport { DemoAuthBasicUI } from \"./DemoAuth.js\";\nexport { usePasskeyAuth, PasskeyAuthBasicUI } from \"./PasskeyAuth.js\";\nexport { PassphraseAuthBasicUI } from \"./PassphraseAuth.js\";\nexport {\n  useIsAuthenticated,\n  useDemoAuth,\n  usePassphraseAuth,\n} from \"jazz-tools/react-core\";\n","import { ImageDefinition } from \"jazz-tools\";\nimport {\n  type JSX,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { highestResAvailable } from \"../../media/index.js\";\nimport { useCoState } from \"../hooks.js\";\n\nexport type ImageProps = Omit<\n  JSX.IntrinsicElements[\"img\"],\n  \"src\" | \"srcSet\" | \"width\" | \"height\"\n> & {\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   * @example\n   * ```tsx\n   * // Use original width\n   * <Image imageId=\"123\" width=\"original\" />\n   *\n   * // Set width to 600px, height will be calculated to maintain aspect ratio\n   * <Image imageId=\"123\" width={600} />\n   *\n   * // Set both width and height to maintain aspect ratio\n   * <Image imageId=\"123\" width={600} height={400} />\n   * ```\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   * @example\n   * ```tsx\n   * // Use original height\n   * <Image imageId=\"123\" height=\"original\" />\n   *\n   * // Set height to 400px, width will be calculated to maintain aspect ratio\n   * <Image imageId=\"123\" height={400} />\n   *\n   * // Set both width and height to maintain aspect ratio\n   * <Image imageId=\"123\" width={600} height={400} />\n   * ```\n   */\n  height?: number | \"original\";\n};\n\n/**\n * A React component for displaying images stored as ImageDefinition CoValues.\n *\n * @example\n * ```tsx\n * import { Image } from \"jazz-tools/react\";\n *\n * // Force specific dimensions (may crop or stretch)\n * function Avatar({ imageId }: { imageId: string }) {\n *   return (\n *     <Image\n *       imageId={imageId}\n *       width={100}\n *       height={100}\n *       alt=\"Avatar\"\n *       style={{ borderRadius: \"50%\", objectFit: \"cover\" }}\n *     />\n *   );\n * }\n * ```\n */\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  { imageId, width, height, ...props },\n  ref,\n) {\n  const image = useCoState(ImageDefinition, imageId);\n  const lastBestImage = useRef<[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   * On page loading, if the image url is already in browser's cache, the load event is triggered immediately.\n   * This is why we need to use a different blob url for every image.\n   */\n  const [waitingLazyLoading, setWaitingLazyLoading] = useState(\n    props.loading === \"lazy\",\n  );\n  const lazyPlaceholder = useMemo(\n    () =>\n      waitingLazyLoading ? URL.createObjectURL(getEmptyPixelBlob()) : undefined,\n    [waitingLazyLoading],\n  );\n\n  const dimensions: { width: number | undefined; height: number | undefined } =\n    useMemo(() => {\n      const originalWidth = image?.originalSize?.[0];\n      const originalHeight = image?.originalSize?.[1];\n\n      // Both width and height are \"original\"\n      if (width === \"original\" && height === \"original\") {\n        return { width: originalWidth, height: originalHeight };\n      }\n\n      // Width is \"original\", height is a number\n      if (width === \"original\" && typeof height === \"number\") {\n        if (originalWidth && originalHeight) {\n          return {\n            width: Math.round((height * originalWidth) / originalHeight),\n            height,\n          };\n        }\n        return { width: undefined, height };\n      }\n\n      // Height is \"original\", width is a number\n      if (height === \"original\" && typeof width === \"number\") {\n        if (originalWidth && originalHeight) {\n          return {\n            width,\n            height: Math.round((width * originalHeight) / originalWidth),\n          };\n        }\n        return { width, height: undefined };\n      }\n\n      // In all other cases, use the property value:\n      return {\n        width: width === \"original\" ? originalWidth : width,\n        height: height === \"original\" ? originalHeight : height,\n      };\n    }, [image?.originalSize, width, height]);\n\n  const src = useMemo(() => {\n    if (waitingLazyLoading) {\n      return lazyPlaceholder;\n    }\n\n    if (image === undefined)\n      return \"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\";\n    if (!image) return undefined;\n\n    const bestImage = highestResAvailable(\n      image,\n      dimensions.width || dimensions.height || 9999,\n      dimensions.height || dimensions.width || 9999,\n    );\n\n    if (!bestImage) return image.placeholderDataURL;\n    if (lastBestImage.current?.[0] === bestImage.image.$jazz.id)\n      return lastBestImage.current?.[1];\n\n    const blob = bestImage.image.toBlob();\n\n    if (blob) {\n      const url = URL.createObjectURL(blob);\n      revokeObjectURL(lastBestImage.current?.[1]);\n      lastBestImage.current = [bestImage.image.$jazz.id, url];\n      return url;\n    }\n\n    return image.placeholderDataURL;\n  }, [image, dimensions.width, dimensions.height, waitingLazyLoading]);\n\n  const onThresholdReached = useCallback(() => {\n    setWaitingLazyLoading(false);\n  }, []);\n\n  // Revoke object URL when component unmounts\n  useEffect(\n    () => () => {\n      // In development mode we don't revokeObjectURL on unmount because\n      // it triggers twice under StrictMode.\n      if (process.env.NODE_ENV === \"development\") return;\n      revokeObjectURL(lastBestImage.current?.[1]);\n    },\n    [],\n  );\n\n  return (\n    <img\n      ref={ref}\n      src={src}\n      width={dimensions.width}\n      height={dimensions.height}\n      onLoad={waitingLazyLoading ? onThresholdReached : undefined}\n      {...props}\n    />\n  );\n});\n\nfunction revokeObjectURL(url: string | undefined) {\n  if (url && url.startsWith(\"blob:\")) {\n    URL.revokeObjectURL(url);\n  }\n}\n\nlet emptyPixelBlob: Blob | undefined;\nfunction getEmptyPixelBlob() {\n  if (!emptyPixelBlob) {\n    emptyPixelBlob = new Blob(\n      [\n        Uint8Array.from(\n          atob(\n            \"iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\",\n          ),\n          (c) => c.charCodeAt(0),\n        ),\n      ],\n      { type: \"image/png\" },\n    );\n  }\n  return emptyPixelBlob;\n}\n","import type { CoID } from \"cojson\";\nimport { Account, FileStream, ImageDefinition } from \"jazz-tools\";\n\nexport function highestResAvailable(\n  image: ImageDefinition,\n  wantedWidth: number,\n  wantedHeight: number,\n): { width: number; height: number; image: FileStream } | null {\n  const availableSizes: [number, number, string][] = image.$jazz.raw\n    .keys()\n    .filter((key) => /^\\d+x\\d+$/.test(key))\n    .map((key) => {\n      const [w, h] = key.split(\"x\").map(Number) as [number, number];\n      return [w, h, key];\n    });\n\n  if (availableSizes.length === 0) {\n    return image.original\n      ? {\n          width: image.originalSize[0],\n          height: image.originalSize[1],\n          image: image.original,\n        }\n      : null;\n  }\n\n  const sortedSizes = availableSizes\n    .map((size) => {\n      return {\n        size,\n        match: sizesMatchWanted(size[0], size[1], wantedWidth, wantedHeight),\n        isLoaded: isLoaded(\n          image.$jazz.raw.get(size[2]) as CoID<any> | undefined,\n        ),\n      };\n    })\n    .sort((a, b) => a.match - b.match);\n\n  // We try to find the better already loaded image\n  // note: `toReversed` is not available in react-native.\n  const bestLoaded = [...sortedSizes]\n    .reverse()\n    .find((el) => el.isLoaded && image[el.size[2]]?.getChunks());\n\n  // if I can't find a good match, let's use the highest resolution\n  const bestTarget =\n    sortedSizes.find((el) => el.match > 0.95) || sortedSizes.at(-1);\n\n  // if the best target is already loaded, we are done\n  if (image[bestTarget!.size[2]]?.getChunks()) {\n    return image[bestTarget!.size[2]]\n      ? {\n          width: bestTarget!.size[0],\n          height: bestTarget!.size[1],\n          image: image[bestTarget!.size[2]]!,\n        }\n      : null;\n  }\n\n  // if the best already loaded is not the best target\n  // let's trigger the load of the best target\n  if (bestLoaded) {\n    image[bestTarget!.size[2]]?.getChunks();\n    return image[bestLoaded.size[2]]\n      ? {\n          width: bestLoaded.size[0],\n          height: bestLoaded.size[1],\n          image: image[bestLoaded.size[2]]!,\n        }\n      : null;\n  }\n\n  // if nothing is loaded, then start fetching all the images till the best\n  for (let size of sortedSizes) {\n    if (size.match <= bestTarget!.match) {\n      image[size.size[2]]?.getChunks();\n    }\n  }\n\n  return null;\n}\n\nfunction sizesMatchWanted(\n  w: number,\n  h: number,\n  wantedW: number,\n  wantedH: number,\n): number {\n  const area1 = w * h;\n  const area2 = wantedW * wantedH;\n\n  const areaRatio = area1 / area2;\n\n  // // Below 0.95 means the image is too small, we don't want to upscale it\n  // if (areaRatio < 0.95) {\n  //   return 9999;\n  // }\n\n  return areaRatio;\n}\n\nfunction isLoaded(id: CoID<any> | null | undefined): boolean {\n  if (!id) {\n    return false;\n  }\n\n  return !!Account.getMe().$jazz.localNode.getLoaded(id);\n}\n\nexport async function loadImage(\n  imageOrId: ImageDefinition | string,\n): Promise<{ width: number; height: number; image: FileStream } | null> {\n  if (typeof imageOrId === \"string\") {\n    const image = await ImageDefinition.load(imageOrId, {\n      resolve: {\n        original: true,\n      },\n    });\n\n    if (image === null || image.original === null) {\n      return null;\n    }\n\n    return {\n      width: image.originalSize[0],\n      height: image.originalSize[1],\n      image: image.original,\n    };\n  }\n\n  if (!imageOrId.original) {\n    console.warn(\"Unable to find the original image\");\n    return null;\n  }\n\n  const loadedOriginal = await FileStream.load(imageOrId.original.$jazz.id);\n\n  if (!loadedOriginal) {\n    console.warn(\"Unable to find the original image\");\n    return null;\n  }\n\n  return {\n    width: imageOrId.originalSize[0],\n    height: imageOrId.originalSize[1],\n    image: loadedOriginal,\n  };\n}\n\nexport async function loadImageBySize(\n  imageOrId: ImageDefinition | string,\n  wantedWidth: number,\n  wantedHeight: number,\n): Promise<{ width: number; height: number; image: FileStream } | null> {\n  // @ts-expect-error The resolved type for CoMap does not include catchall properties\n  const image: ImageDefinition | null =\n    typeof imageOrId === \"string\"\n      ? await ImageDefinition.load(imageOrId)\n      : imageOrId;\n\n  if (image === null) {\n    return null;\n  }\n\n  if (image.progressive === false) {\n    return loadImage(imageOrId);\n  }\n\n  const availableSizes: [number, number, string][] = image.$jazz.raw\n    .keys()\n    .filter((key) => /^\\d+x\\d+$/.test(key))\n    .map((key) => {\n      const [w, h] = key.split(\"x\").map(Number) as [number, number];\n      return [w, h, key];\n    });\n\n  if (availableSizes.length === 0) {\n    return null;\n  }\n\n  const sortedSizes = availableSizes\n    .map((size) => ({\n      size,\n      match: sizesMatchWanted(size[0], size[1], wantedWidth, wantedHeight),\n    }))\n    .sort((a, b) => a.match - b.match);\n\n  const bestTarget =\n    sortedSizes.find((el) => el.match > 0.95) || sortedSizes.at(-1)!;\n\n  // The image's `wxh` keys reference FileStream.\n  // image[bestTarget.size[2]] returns undefined if FileStream hasn't loaded yet.\n  // Since we only need the file's ID to fetch it later, we check the raw _refs\n  // which contain only the linked covalue's ID.\n  const file = image.$jazz.refs[bestTarget.size[2]];\n\n  if (!file) {\n    return null;\n  }\n\n  const loadedFile = await FileStream.load(file.id);\n\n  if (!loadedFile) {\n    return null;\n  }\n\n  return {\n    width: bestTarget.size[0],\n    height: bestTarget.size[1],\n    image: loadedFile,\n  };\n}\n","import {\n  Account,\n  FileStream,\n  Group,\n  ImageDefinition,\n  type Loaded,\n} from \"jazz-tools\";\n\nexport type SourceType = Blob | File | string;\n\nexport type ResizeOutput = Blob | string;\n\nexport type CreateImageOptions = {\n  /** The owner of the image. Can be either a Group or Account. If not specified, the current user will be the owner. */\n  owner?: Group | Account;\n  /**\n   * Controls placeholder generation for the image.\n   * - `\"blur\"`: Generates a blurred placeholder image (default)\n   * - `false`: No placeholder is generated\n   * @default \"blur\"\n   */\n  placeholder?: \"blur\" | false;\n  /**\n   * Maximum size constraint for the image. The image will be resized to fit within this size while maintaining aspect ratio.\n   * If the image is smaller than maxSize in both dimensions, no resizing occurs.\n   * @example 1024 // Resizes image to fit within 1024px in the largest dimension\n   */\n  maxSize?: number; // | [number, number];\n  /**\n   * The progressive loading pattern is a technique that allows images to load incrementally, starting with a small version and gradually replacing it with a larger version as it becomes available.\n   * This is useful for improving the user experience by showing a placeholder while the image is loading.\n   *\n   * Passing progressive: true to createImage() will create internal smaller versions of the image for future uses.\n   *\n   * @default false\n   */\n  progressive?: boolean;\n};\n\nexport type CreateImageImpl<\n  TSourceType = SourceType,\n  TResizeOutput = ResizeOutput,\n> = {\n  createFileStreamFromSource: (\n    imageBlobOrFile: TSourceType | TResizeOutput,\n    owner?: Group | Account,\n  ) => Promise<FileStream>;\n  getImageSize: (\n    imageBlobOrFile: TSourceType,\n  ) => Promise<{ width: number; height: number }>;\n  getPlaceholderBase64: (imageBlobOrFile: TSourceType) => Promise<string>;\n  resize: (\n    imageBlobOrFile: TSourceType,\n    width: number,\n    height: number,\n  ) => Promise<TResizeOutput>;\n};\n\nexport function createImageFactory<TSourceType, TResizeOutput>(\n  impl: CreateImageImpl<TSourceType, TResizeOutput>,\n  imageTypeGuard?: (imageBlobOrFile: TSourceType) => void,\n) {\n  return (source: TSourceType, options?: CreateImageOptions) => {\n    imageTypeGuard?.(source);\n    return createImage(source, options ?? {}, impl);\n  };\n}\n\nasync function createImage<TSourceType, TResizeOutput>(\n  imageBlobOrFile: TSourceType,\n  options: CreateImageOptions,\n  impl: CreateImageImpl<TSourceType, TResizeOutput>,\n): Promise<Loaded<typeof ImageDefinition, { $each: true }>> {\n  // Get the original size of the image\n  const { width: originalWidth, height: originalHeight } =\n    await impl.getImageSize(imageBlobOrFile);\n\n  const def: {\n    originalSize: [number, number];\n    progressive: boolean;\n    placeholderDataURL: string | undefined;\n    original?: FileStream;\n    files: Record<string, FileStream>;\n  } = {\n    originalSize: [originalWidth, originalHeight],\n    progressive: false,\n    placeholderDataURL: undefined,\n    files: {},\n  };\n\n  // Placeholder\n  if (options?.placeholder === \"blur\") {\n    def.placeholderDataURL = await impl.getPlaceholderBase64(imageBlobOrFile);\n  }\n\n  /**\n   * Original\n   *\n   * Save the original image.\n   * If the maxSize is set, resize the image to the maxSize if needed\n   */\n  if (options?.maxSize === undefined) {\n    def.original = await impl.createFileStreamFromSource(\n      imageBlobOrFile,\n      options?.owner,\n    );\n    def.files[`${originalWidth}x${originalHeight}`] = def.original;\n  } else if (\n    options?.maxSize >= originalWidth &&\n    options?.maxSize >= originalHeight\n  ) {\n    // no resizes required, just return the original image\n    def.original = await impl.createFileStreamFromSource(\n      imageBlobOrFile,\n      options?.owner,\n    );\n    def.files[`${originalWidth}x${originalHeight}`] = def.original;\n  } else {\n    const { width, height } = getNewDimensions(\n      originalWidth,\n      originalHeight,\n      options.maxSize,\n    );\n\n    const blob = await impl.resize(imageBlobOrFile, width, height);\n    def.originalSize = [width, height];\n    def.original = await impl.createFileStreamFromSource(blob, options?.owner);\n    def.files[`${width}x${height}`] = def.original;\n  }\n\n  const imageCoValue = ImageDefinition.create(\n    {\n      originalSize: def.originalSize,\n      progressive: def.progressive,\n      placeholderDataURL: def.placeholderDataURL,\n      original: def.original,\n      ...def.files,\n    },\n    options?.owner,\n  );\n\n  /**\n   * Progressive loading\n   *\n   * Save a set of resized images using three sizes: 256, 1024, 2048\n   *\n   * On the client side, the image will be loaded progressively, starting from the smallest size and increasing the size until the original size is reached.\n   */\n  if (options?.progressive) {\n    imageCoValue.$jazz.set(\"progressive\", true);\n\n    const resizes = ([256, 1024, 2048] as const).filter(\n      (s) =>\n        s <\n        Math.max(imageCoValue.originalSize[0], imageCoValue.originalSize[1]),\n    );\n\n    for (const size of resizes) {\n      const { width, height } = getNewDimensions(\n        originalWidth,\n        originalHeight,\n        size,\n      );\n\n      const blob = await impl.resize(imageBlobOrFile, width, height);\n      imageCoValue.$jazz.set(\n        `${width}x${height}`,\n        await impl.createFileStreamFromSource(blob, options?.owner),\n      );\n    }\n  }\n\n  return imageCoValue;\n}\n\nconst getNewDimensions = (\n  originalWidth: number,\n  originalHeight: number,\n  maxSize: number,\n) => {\n  if (originalWidth > originalHeight) {\n    return {\n      width: maxSize,\n      height: Math.round(maxSize * (originalHeight / originalWidth)),\n    };\n  }\n\n  return {\n    width: Math.round(maxSize * (originalWidth / originalHeight)),\n    height: maxSize,\n  };\n};\n"],"mappings":"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","names":["useEffect","useJazzContext","result","useAuthSecretStorage","useJazzContext","useEffect","jsx","useJazzContext","useAuthSecretStorage","useEffect","isLoaded","useState","jsx","useAuthSecretStorage","useJazzContext","useMemo","useState","jsx","jsxs","error","useState","jsx","jsxs","useIsAuthenticated","useDemoAuth","usePassphraseAuth","ImageDefinition","useEffect","useMemo","useRef","useState","Account","ImageDefinition","jsx","Image","ImageDefinition","useRef","useState","useMemo","useEffect"]}

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

@@ -397,6 +397,32 @@ options: {
     select: (account: Loaded<A, R> | undefined | null) => TSelectorReturn;
     /** Equality function to determine if the selected value has changed, defaults to `Object.is` */
     equalityFn?: (a: TSelectorReturn, b: TSelectorReturn) => boolean;
+    /**
+     * Create or load a branch for isolated editing.
+     *
+     * Branching lets you take a snapshot of the current state and start modifying it without affecting the canonical/shared version.
+     * It's a fork of your data graph: the same schema, but with diverging values.
+     *
+     * The checkout of the branch is applied on all the resolved values.
+     *
+     * @param name - A unique name for the branch. This identifies the branch
+     *   and can be used to switch between different branches of the same CoValue.
+     * @param owner - The owner of the branch. Determines who can access and modify
+     *   the branch. If not provided, the branch is owned by the current user.
+     *
+     * For more info see the [branching](https://jazz.tools/docs/react/using-covalues/version-control) documentation.
+     */
+    unstable_branch?: BranchDefinition;
 }): TSelectorReturn;
 export declare function experimental_useInboxSender<I extends CoValue, O extends CoValue | undefined>(inboxOwnerID: string | undefined): (message: I) => Promise<O extends CoValue ? string : undefined>;
+/**
+ * Hook that returns the current connection status to the Jazz sync server.
+ *
+ * @returns `true` when connected to the server, `false` when disconnected
+ *
+ * @remarks
+ * On connection drop, this hook will return `false` only when Jazz detects the disconnection
+ * after 5 seconds of not receiving a ping from the server.
+ */
+export declare function useSyncConnectionStatus(): boolean;
 //# sourceMappingURL=hooks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react-core/hooks.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react-core/hooks.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,OAAO,EACP,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,oBAAoB,EAIpB,kBAAkB,EAClB,eAAe,EACf,MAAM,EACN,YAAY,EACZ,kBAAkB,EAGlB,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAC;AAIpB,wBAAgB,cAAc,CAAC,GAAG,SAAS,OAAO,0BAUjD;AAED,wBAAgB,qBAAqB,CAAC,GAAG,SAAS,OAAO,iCAaxD;AAED,wBAAgB,oBAAoB,2CAUnC;AAED,wBAAgB,kBAAkB,YAajC;AAoFD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,wBAAgB,UAAU,CACxB,CAAC,SAAS,oBAAoB,EAC9B,KAAK,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;AAEtC,8CAA8C;AAC9C,MAAM,EAAE,CAAC;AACT,4EAA4E;AAC5E,EAAE,EAAE,MAAM,GAAG,SAAS;AACtB,kDAAkD;AAClD,OAAO,CAAC,EAAE;IACR,6DAA6D;IAC7D,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC,GACA,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAmBjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsHG;AACH,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,oBAAoB,EAC9B,eAAe,EACf,KAAK,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;AAEtC,8CAA8C;AAC9C,MAAM,EAAE,CAAC;AACT,+GAA+G;AAC/G,EAAE,EAAE,MAAM,GAAG,SAAS;AACtB,kDAAkD;AAClD,OAAO,EAAE;IACP,6DAA6D;IAC7D,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,mCAAmC;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,KAAK,eAAe,CAAC;IACpE,gGAAgG;IAChG,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC;IACjE;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC,GACA,eAAe,CAsBjB;AA4ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,wBAAgB,UAAU,CACxB,CAAC,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,gBAAgB,EAClD,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;AAEhC,qEAAqE;AACrE,aAAa,GAAE,CAA2B;AAC1C,kDAAkD;AAClD,OAAO,CAAC,EAAE;IACR,8EAA8E;IAC9E,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC,GACA;IACD,EAAE,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IACpC,KAAK,EAAE,kBAAkB,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CA0BA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,gBAAgB,EAClD,eAAe,EACf,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;AAEhC,qEAAqE;AACrE,aAAa,EAAE,CAAC,YAA0B;AAC1C,uDAAuD;AACvD,OAAO,EAAE;IACP,8EAA8E;IAC9E,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,yDAAyD;IACzD,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,KAAK,eAAe,CAAC;IACtE,gGAAgG;IAChG,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC;IACjE;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC,GACA,eAAe,CAsBjB;AAED,wBAAgB,2BAA2B,CACzC,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,OAAO,GAAG,SAAS,EAC7B,YAAY,EAAE,MAAM,GAAG,SAAS,aAad,CAAC,qDAsBpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,YAetC"}

package/dist/react-core/index.js

@@ -281,6 +281,20 @@ function experimental_useInboxSender(inboxOwnerID) {
   );
   return sendMessage;
 }
+function useSyncConnectionStatus() {
+  const context = useJazzContext();
+  const connected = useSyncExternalStore(
+    useCallback(
+      (callback) => {
+        return context.addConnectionListener(callback);
+      },
+      [context]
+    ),
+    () => context.connected(),
+    () => context.connected()
+  );
+  return connected;
+}
 
 // src/react-core/auth/DemoAuth.tsx
 import { DemoAuth } from "jazz-tools";
@@ -363,6 +377,7 @@ export {
   useIsAuthenticated,
   useJazzContext,
   useJazzContextManager,
-  usePassphraseAuth
+  usePassphraseAuth,
+  useSyncConnectionStatus
 };
 //# sourceMappingURL=index.js.map

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

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