jazz-tools 0.15.1 → 0.15.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +38 -38
- package/CHANGELOG.md +11 -0
- package/dist/inspector/index.js +117 -98
- package/dist/inspector/index.js.map +1 -1
- package/dist/inspector/viewer/co-plain-text-view.d.ts +5 -0
- package/dist/inspector/viewer/co-plain-text-view.d.ts.map +1 -0
- package/dist/inspector/viewer/page.d.ts.map +1 -1
- package/dist/inspector/viewer/type-icon.d.ts.map +1 -1
- package/dist/inspector/viewer/use-resolve-covalue.d.ts +1 -1
- package/dist/inspector/viewer/use-resolve-covalue.d.ts.map +1 -1
- package/dist/inspector/viewer/value-renderer.d.ts.map +1 -1
- package/dist/react/index.js +2 -0
- package/dist/react/index.js.map +1 -1
- package/dist/react/testing.js +2 -0
- package/dist/react/testing.js.map +1 -1
- package/package.json +5 -5
- package/src/inspector/viewer/co-plain-text-view.tsx +17 -0
- package/src/inspector/viewer/page.tsx +5 -0
- package/src/inspector/viewer/type-icon.tsx +1 -0
- package/src/inspector/viewer/use-resolve-covalue.ts +1 -1
- package/src/inspector/viewer/value-renderer.tsx +4 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CoID, LocalNode, RawBinaryCoStream, RawCoValue } from "cojson";
|
|
2
|
-
export type CoJsonType = "comap" | "costream" | "colist";
|
|
2
|
+
export type CoJsonType = "comap" | "costream" | "colist" | "coplaintext";
|
|
3
3
|
export type ExtendedCoJsonType = "image" | "record" | "account" | "group" | "file";
|
|
4
4
|
type JSON = string | number | boolean | null | JSON[] | {
|
|
5
5
|
[key: string]: JSON;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-resolve-covalue.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/use-resolve-covalue.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,SAAS,EACT,iBAAiB,EAEjB,UAAU,EACX,MAAM,QAAQ,CAAC;AAIhB,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"use-resolve-covalue.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/use-resolve-covalue.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,SAAS,EACT,iBAAiB,EAEjB,UAAU,EACX,MAAM,QAAQ,CAAC;AAIhB,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,aAAa,CAAC;AACzE,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,QAAQ,GACR,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AAEX,KAAK,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAChF,KAAK,UAAU,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAE1C,KAAK,uBAAuB,GAAG;IAC7B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,CAAC,GAAG,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;CACvD,CAAC;AAGF,eAAO,MAAM,cAAc,YAChB,UAAU,KAClB,OAAO,IAAI,uBAEb,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,YAAa,UAAU,KAAG,OAAO,IAAI,aAExD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,YAAa,UAAU,KAAG,OAAO,IAAI,eAE1D,CAAC;AAEF,wBAAsB,cAAc,CAClC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,EAC3B,IAAI,EAAE,SAAS,GACd,OAAO,CACN;IACE,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,UAAU,CAAC;IACrB,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAC9C,GACD;IACE,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,SAAS,CAAC;CACzB,CACJ,CAkCA;AA8CD,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,EAC3B,IAAI,EAAE,SAAS;WA7FJ,UAAU;cACP,UAAU;UACd,UAAU,GAAG,IAAI;kBACT,kBAAkB,GAAG,SAAS;;WAGrC,SAAS;cACN,aAAa;UACjB,IAAI;kBACI,SAAS;;;;;;EA+G5B;AAED,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,EAC9B,IAAI,EAAE,SAAS;WA5HJ,UAAU;cACP,UAAU;UACd,UAAU,GAAG,IAAI;kBACT,kBAAkB,GAAG,SAAS;;WAGrC,SAAS;cACN,aAAa;UACjB,IAAI;kBACI,SAAS;KAiJ5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"value-renderer.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/value-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA+EhE,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,OAAO,GACR,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CA2EA;AAED,eAAO,MAAM,YAAY,2BAItB;IACD,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,
|
|
1
|
+
{"version":3,"file":"value-renderer.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/value-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA+EhE,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,OAAO,GACR,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CA2EA;AAED,eAAO,MAAM,YAAY,2BAItB;IACD,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,4CAiGA,CAAC"}
|
package/dist/react/index.js
CHANGED
package/dist/react/index.js.map
CHANGED
|
@@ -1 +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.tsx"],"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} & 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}: 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.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}\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 { CoValueOrZodSchema } 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 CoValueOrZodSchema>({\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} 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} from \"./hooks.js\";\n\nexport { createInviteLink, parseInviteLink } from \"jazz-tools/browser\";\n\nexport * from \"./auth/auth.js\";\nexport * from \"./media.js\";\nexport { createImage } from \"jazz-tools/browser-media-images\";\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 { 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(context.authenticate, authSecretStorage);\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: { clerk: MinimalClerkClient } & 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 null;\n }\n\n return (\n <JazzReactProvider {...props} logOutReplacement={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, Loaded } from \"jazz-tools\";\nimport React, { useEffect, useState } from \"react\";\n\n/** @category Media */\nexport function useProgressiveImg({\n image,\n maxWidth,\n targetWidth,\n}: {\n image: Loaded<typeof ImageDefinition> | null | undefined;\n maxWidth?: number;\n targetWidth?: number;\n}) {\n const [current, setCurrent] = useState<\n { src?: string; res?: `${number}x${number}` | \"placeholder\" } | undefined\n >(undefined);\n\n useEffect(() => {\n let lastHighestRes: string | undefined;\n if (!image) return;\n const unsub = image.subscribe({}, (update) => {\n const highestRes = ImageDefinition.highestResAvailable(update, {\n maxWidth,\n targetWidth,\n });\n if (highestRes) {\n if (highestRes.res !== lastHighestRes) {\n lastHighestRes = highestRes.res;\n const blob = highestRes.stream.toBlob();\n if (blob) {\n const blobURI = URL.createObjectURL(blob);\n setCurrent({ src: blobURI, res: highestRes.res });\n return () => {\n setTimeout(() => URL.revokeObjectURL(blobURI), 200);\n };\n }\n }\n } else {\n setCurrent({\n src: update?.placeholderDataURL,\n res: \"placeholder\",\n });\n }\n });\n\n return unsub;\n }, [image?.id, maxWidth]);\n\n return {\n src: current?.src,\n res: current?.res,\n originalSize: image?.originalSize,\n };\n}\n\n/** @category Media */\nexport function ProgressiveImg({\n children,\n image,\n maxWidth,\n targetWidth,\n}: {\n children: (result: {\n src: string | undefined;\n res: `${number}x${number}` | \"placeholder\" | undefined;\n originalSize: readonly [number, number] | undefined;\n }) => React.ReactNode;\n image: Loaded<typeof ImageDefinition> | null | undefined;\n maxWidth?: number;\n targetWidth?: number;\n}): React.ReactNode {\n const result = useProgressiveImg({ image, maxWidth, targetWidth });\n return result ? children(result) : null;\n}\n"],"mappings":";AAQA;AAAA,EACE;AAAA,OAEK;AACP,SAAS,aAAa,iCAAiC;AACvD,OAAO,SAAS,WAAW,cAAc;AAuFnC;AA3EC,SAAS,kBAId;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,CAAC,cAAc,IAAI,MAAM;AAAA,IAC7B,MACE,IAAI,0BAA6B;AAAA,MAC/B,sBAAsB;AAAA,IACxB,CAAC;AAAA,EACL;AAEA,QAAM,sBAAsB,eAAe,QAAQ;AACnD,QAAM,+BAA+B,eAAe,iBAAiB;AACrE,QAAM,yCAAyC;AAAA,IAC7C;AAAA,EACF;AACA,QAAM,6BAA6B,OAAO,KAAK;AAC/C,6BAA2B,UAAU,QAAQ,iBAAiB;AAE9D,QAAM,QAAQ,MAAM;AAAA,IAGlB,MAAM;AAAA,MACJ,CAAC,aAAa;AACZ,cAAM,QAAQ;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV,mBAAmB,2BAA2B,UAC1C,+BACA;AAAA,UACJ,6BAA6B;AAAA,QAC/B;AAEA,YAAI,eAAe,aAAa,KAAK,GAAG;AACtC,yBAAe,cAAc,KAAK,EAAE,MAAM,CAAC,UAAU;AACnD,oBAAQ,MAAM,wCAAwC,KAAK;AAAA,UAC7D,CAAC;AAAA,QACH;AAEA,eAAO,eAAe,UAAU,QAAQ;AAAA,MAC1C;AAAA,MACA,CAAC,MAAM,SAAS,EAAE,OAAO,OAAc;AAAA,IACzC;AAAA,IACA,MAAM,eAAe,gBAAgB;AAAA,IACrC,MAAM,eAAe,gBAAgB;AAAA,EACvC;AAEA,YAAU,MAAM;AAGd,QAAI,QAAQ,IAAI,aAAa,cAAe;AAE5C,WAAO,MAAM;AACX,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,YAAY,UAAZ,EAAqB,OACpB,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,gBACxC,mBAAS,UACZ,GACF;AAEJ;AAEA,SAAS,eAAkD,UAAc;AACvE,QAAM,cAAc,MAAM,OAAO,QAAQ;AACzC,cAAY,UAAU;AACtB,SAAO;AAAA,IACL,IAAI,SAAuC,YAAY,UAAU,GAAG,IAAI;AAAA,EAC1E,EAAE;AACJ;;;ACjHA,SAAS,2CAA2C;AACpD,SAAS,aAAAA,kBAAiB;AAG1B,SAAS,sBAAsB;AAE/B,SAAS,YAAY,4BAA4B;AA0CjD;AAAA,EACE;AAAA,EACA,kBAAAC;AAAA,EACA;AAAA,OACK;AA5CA,SAAS,gBAA8C;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AACF,GAIS;AACP,QAAM,UAAU,eAAe;AAE/B,MAAI,EAAE,QAAQ,UAAU;AACtB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,YAAM,SAAS,oCAAoC;AAAA,QACjD,IAAI,QAAQ;AAAA,QACZ;AAAA,QACA;AAAA,MACF,CAAC;AAED,aACG,KAAK,CAACE,YAAWA,WAAU,SAASA,SAAQ,OAAO,CAAC,EACpD,MAAM,CAAC,MAAM;AACZ,gBAAQ,MAAM,2BAA2B,CAAC;AAAA,MAC5C,CAAC;AAAA,IACL;AAEA,iBAAa;AAEb,WAAO,iBAAiB,cAAc,YAAY;AAElD,WAAO,MAAM,OAAO,oBAAoB,cAAc,YAAY;AAAA,EACpE,GAAG,CAAC,QAAQ,CAAC;AACf;;;ACnCA,SAAS,kBAAkB,uBAAuB;;;ACXlD,SAAS,qBAA8C;AACvD;AAAA,EAKE;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,wBAAAC,uBAAsB,kBAAAC,uBAAsB;AACrD,SAAS,aAAAC,YAAW,SAAS,gBAAgB;AAyDvC,gBAAAC,YAAA;AAtDN,SAAS,iBAAiB,OAA2B;AACnD,QAAM,UAAUC,gBAAe;AAC/B,QAAM,oBAAoBC,sBAAqB;AAE/C,MAAI,WAAW,SAAS;AACtB,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC7D;AAEA,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,IAAI,cAAc,QAAQ,cAAc,iBAAiB;AAAA,EAClE,GAAG,CAAC,CAAC;AAEL,EAAAC,WAAU,MAAM;AACd,WAAO,WAAW,iBAAiB,KAAK;AAAA,EAC1C,GAAG,CAAC,CAAC;AACP;AAEA,SAAS,kBAAkB,OAGxB;AACD,mBAAiB,MAAM,KAAK;AAE5B,SAAO,MAAM;AACf;AAEO,IAAM,6BAA6B,CAKxC,UACG;AACH,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAO9C,EAAAA,WAAU,MAAM;AACd,iBAAa;AAEb,kBAAc,eAAe,MAAM,KAAK,EAAE,KAAK,MAAM;AACnD,kBAAY,IAAI;AAAA,IAClB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SACE,gBAAAH,KAAC,qBAAmB,GAAG,OAAO,mBAAmB,MAAM,MAAM,SAC3D,0BAAAA,KAAC,qBAAkB,OAAO,MAAM,OAC7B,gBAAM,UACT,GACF;AAEJ;AAEA,SAAS,eAAe;AACtB,iBAAe,YAAY,EAAE;AAAA,IAC3B,OAAO,WAAW,cACd,IAAI,gBAAgB,IACpB,IAAI,oBAAoB;AAAA,EAC9B;AACF;;;ACjFA,SAAS,mBAAmB;AAC5B,SAAS,YAAAI,iBAAgB;AAgCnB,gBAAAC,MAUA,YAVA;AA9BC,IAAM,kBAAkB,CAAC,UAG1B;AACJ,QAAM,OAAO,YAAY;AAEzB,QAAM,CAAC,UAAU,WAAW,IAAID,UAAiB,EAAE;AAEnD,QAAM,WACJ,OAAO,WAAW,cACd,OAAO,WAAW,8BAA8B,EAAE,UAClD;AAEN,MAAI,KAAK,UAAU,WAAY,QAAO,MAAM,YAAY;AAExD,QAAM,EAAE,QAAQ,OAAO,cAAc,IAAI;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,KAAK;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA,wBAAAC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,WAAW,SAAS;AAAA,cAC3B,WAAW;AAAA,cACX,UAAU;AAAA,cACV,YAAY;AAAA,YACd;AAAA,YAEC,gBAAM;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAK;AAAA,YACP;AAAA,YACA,UAAU,CAAC,MAAM;AACf,gBAAE,eAAe;AACjB,qBAAO,QAAQ;AAAA,YACjB;AAAA,YAEA;AAAA,8BAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,aAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,kBAC3C,cAAa;AAAA,kBACb,OAAO;AAAA,oBACL,QAAQ,WAAW,mBAAmB;AAAA,oBACtC,SAAS;AAAA,oBACT,cAAc;AAAA,oBACd,YAAY,WAAW,SAAS;AAAA,oBAChC,OAAO,WAAW,SAAS;AAAA,kBAC7B;AAAA;AAAA,cACF;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,QAAQ;AAAA,oBACR,cAAc;AAAA,oBACd,QAAQ;AAAA,oBACR,YAAY,WAAW,SAAS;AAAA,oBAChC,OAAO,WAAW,SAAS;AAAA,kBAC7B;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACC,cAAc,SAAS,KACtB;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAK;AAAA,YACP;AAAA,YAEA;AAAA,8BAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,OAAO,WAAW,YAAY;AAAA,oBAC9B,WAAW;AAAA,oBACX,YAAY;AAAA,oBACZ,WAAW;AAAA,oBACX,aAAa,WAAW,SAAS;AAAA,kBACnC;AAAA,kBACD;AAAA;AAAA,cAED;AAAA,cACC,cAAc,IAAI,CAAC,SAClB,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBAEC,SAAS,MAAM,MAAM,IAAI;AAAA,kBACzB,MAAK;AAAA,kBACL,cAAY,aAAa,IAAI;AAAA,kBAC7B,OAAO;AAAA,oBACL,YAAY,WAAW,YAAY;AAAA,oBACnC,OAAO,WAAW,SAAS;AAAA,oBAC3B,SAAS;AAAA,oBACT,QAAQ;AAAA,oBACR,cAAc;AAAA,kBAChB;AAAA,kBAEC;AAAA;AAAA,gBAZI;AAAA,cAaP,CACD;AAAA;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;;;ACxHA,SAAS,0BAA0B;AACnC;AAAA,EACE,wBAAAC;AAAA,EACA;AAAA,EACA,kBAAAC;AAAA,OACK;AACP,SAAS,WAAAC,UAAS,YAAAC,iBAAgB;AAoF1B,gBAAAC,MAqBA,QAAAC,aArBA;AAxED,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,QAAM,UAAUJ,gBAAe;AAC/B,QAAM,oBAAoBD,sBAAqB;AAE/C,MAAI,WAAW,SAAS;AACtB,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AAEA,QAAM,aAAaE,SAAQ,MAAM;AAC/B,WAAO,IAAI;AAAA,MACT,QAAQ,KAAK;AAAA,MACb,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,aAAa,iBAAiB,CAAC;AAE5C,QAAM,kBAAkB,mBAAmB;AAE3C,SAAO;AAAA,IACL,OAAO,kBAAkB,aAAa;AAAA,IACtC,OAAO,WAAW;AAAA,IAClB,QAAQ,WAAW;AAAA,EACrB;AACF;AAEO,IAAM,qBAAqB,CAAC,UAI7B;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIC,UAAiB,EAAE;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAwB,IAAI;AAEtD,QAAM,OAAO,eAAe;AAAA,IAC1B,SAAS,MAAM;AAAA,IACf,aAAa,MAAM;AAAA,EACrB,CAAC;AAED,MAAI,KAAK,UAAU,YAAY;AAC7B,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,QAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,WAAS,YAAYG,QAAc;AACjC,QAAIA,OAAM,iBAAiB,OAAO;AAChC,eAASA,OAAM,MAAM,OAAO;AAAA,IAC9B,OAAO;AACL,eAASA,OAAM,OAAO;AAAA,IACxB;AAAA,EACF;AAEA,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,YAAY,QAAQ,YAAY;AAAA,MAClC;AAAA,MAEC;AAAA,iBACC,gBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO;AAAA,cACP,SAAS;AAAA,cACT,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,SAAS;AAAA,YACX;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAEF,gBAAAC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAK;AAAA,YACP;AAAA,YAEA;AAAA,8BAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP,SAAS;AAAA,oBACT,eAAe;AAAA,oBACf,KAAK;AAAA,kBACP;AAAA,kBACA,UAAU,CAAC,MAAM;AACf,sBAAE,eAAe;AACjB,6BAAS,IAAI;AACb,2BAAO,QAAQ,EAAE,MAAM,WAAW;AAAA,kBACpC;AAAA,kBAEA;AAAA,oCAAAD;AAAA,sBAAC;AAAA;AAAA,wBACC,aAAY;AAAA,wBACZ,OAAO;AAAA,wBACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,wBAC3C,cAAa;AAAA,wBACb,OAAO;AAAA,0BACL,QAAQ;AAAA,0BACR,SAAS;AAAA,0BACT,cAAc;AAAA,wBAChB;AAAA;AAAA,oBACF;AAAA,oBACA,gBAAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAM;AAAA,wBACN,OAAO;AAAA,0BACL,YAAY;AAAA,0BACZ,OAAO;AAAA,0BACP,SAAS;AAAA,0BACT,QAAQ;AAAA,0BACR,cAAc;AAAA,0BACd,QAAQ;AAAA,wBACV;AAAA;AAAA,oBACF;AAAA;AAAA;AAAA,cACF;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,MAAM;AACb,6BAAS,IAAI;AACb,0BAAM,EAAE,MAAM,WAAW;AAAA,kBAC3B;AAAA,kBACA,OAAO;AAAA,oBACL,YAAY;AAAA,oBACZ,OAAO;AAAA,oBACP,SAAS;AAAA,oBACT,QAAQ;AAAA,oBACR,cAAc;AAAA,oBACd,QAAQ;AAAA,kBACV;AAAA,kBACD;AAAA;AAAA,cAED;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;ACvKA,SAAS,yBAAyB;AAClC,SAAS,YAAAG,iBAAgB;AAyDf,SAYA,UAXE,OAAAC,MADF,QAAAC,aAAA;AAvDH,SAAS,sBAAsB,OAInC;AACD,QAAM,OAAO,kBAAkB;AAAA,IAC7B,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,QAAM,CAAC,MAAM,OAAO,IAAIF,UAAyC,SAAS;AAC1E,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,UAAS,EAAE;AACzD,QAAM,CAAC,UAAU,WAAW,IAAIA,UAAS,KAAK;AAE9C,MAAI,KAAK,UAAU,YAAY;AAC7B,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,QAAM,sBAAsB,YAAY;AACtC,YAAQ,QAAQ;AAAA,EAClB;AAEA,QAAM,cAAc,MAAM;AACxB,YAAQ,OAAO;AAAA,EACjB;AAEA,QAAM,aAAa,MAAM;AACvB,YAAQ,SAAS;AACjB,uBAAmB,EAAE;AAAA,EACvB;AAEA,QAAM,aAAa,YAAY;AAC7B,UAAM,UAAU,UAAU,UAAU,KAAK,UAAU;AACnD,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,oBAAoB,YAAY;AACpC,UAAM,KAAK,MAAM,eAAe;AAGhC,YAAQ,SAAS;AACjB,uBAAmB,EAAE;AAAA,EACvB;AAEA,QAAM,aAAa,YAAY;AAC7B,UAAM,KAAK,OAAO;AAGlB,YAAQ,SAAS;AACjB,uBAAmB,EAAE;AAAA,EACvB;AAEA,SACE,gBAAAC,KAAC,SAAI,OAAO,gBACV,0BAAAC,MAAC,SAAI,OAAO,WACT;AAAA,aAAS,aACR,gBAAAA,MAAC,SACC;AAAA,sBAAAD,KAAC,QAAG,OAAO,cAAe,gBAAM,SAAQ;AAAA,MACxC,gBAAAA,KAAC,YAAO,SAAS,qBAAqB,OAAO,oBAAoB,gCAEjE;AAAA,MACA,gBAAAA,KAAC,YAAO,SAAS,aAAa,OAAO,sBAAsB,oBAE3D;AAAA,OACF;AAAA,IAGD,SAAS,YACR,gBAAAC,MAAA,YACE;AAAA,sBAAAD,KAAC,QAAG,OAAO,cAAc,6BAAe;AAAA,MACxC,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAO;AAAA,YACP,WAAW;AAAA,YACX,cAAc;AAAA,UAChB;AAAA,UACD;AAAA;AAAA,MAGD;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,UAAQ;AAAA,UACR,OAAO,KAAK;AAAA,UACZ,OAAO;AAAA,UACP,MAAM;AAAA;AAAA,MACR;AAAA,MACA,gBAAAC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,KAAK;AAAA,UACP;AAAA,UAEA;AAAA,4BAAAD,KAAC,YAAO,SAAS,YAAY,OAAO,sBAAsB,kBAE1D;AAAA,YACA,gBAAAA,KAAC,YAAO,SAAS,YAAY,OAAO,oBACjC,qBAAW,YAAY,mBAC1B;AAAA,YACA,gBAAAA,KAAC,YAAO,SAAS,YAAY,OAAO,oBAAoB,8BAExD;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAGD,SAAS,WACR,gBAAAC,MAAC,SACC;AAAA,sBAAAD,KAAC,QAAG,OAAO,cAAc,oBAAM;AAAA,MAC/B,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,mBAAmB,EAAE,OAAO,KAAK;AAAA,UAClD,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,MAAM;AAAA;AAAA,MACR;AAAA,MACA,gBAAAC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,KAAK;AAAA,UACP;AAAA,UAEA;AAAA,4BAAAD,KAAC,YAAO,SAAS,YAAY,OAAO,sBAAsB,kBAE1D;AAAA,YACA,gBAAAA,KAAC,YAAO,SAAS,mBAAmB,OAAO,oBAAoB,oBAE/D;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KAEJ,GACF;AAEJ;AAEA,IAAM,iBAAsC;AAAA,EAC1C,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAEA,IAAM,YAAiC;AAAA,EACrC,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WACE;AAAA,EACF,OAAO;AACT;AAEA,IAAM,cAAmC;AAAA,EACvC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAChB;AAEA,IAAM,qBAA0C;AAAA,EAC9C,GAAG;AAAA,EACH,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,IAAM,uBAA4C;AAAA,EAChD,GAAG;AAAA,EACH,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,IAAM,eAAoC;AAAA,EACxC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAChB;AAEA,IAAM,gBAAqC;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AACb;;;AC/LA;AAAA,EACE,sBAAAE;AAAA,EACA,eAAAC;AAAA,EACA,qBAAAC;AAAA,OACK;;;ACRP,SAAS,uBAA+B;AACxC,SAAgB,aAAAC,YAAW,YAAAC,iBAAgB;AAGpC,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,SAAS,UAAU,IAAIA,UAE5B,MAAS;AAEX,EAAAD,WAAU,MAAM;AACd,QAAI;AACJ,QAAI,CAAC,MAAO;AACZ,UAAM,QAAQ,MAAM,UAAU,CAAC,GAAG,CAAC,WAAW;AAC5C,YAAM,aAAa,gBAAgB,oBAAoB,QAAQ;AAAA,QAC7D;AAAA,QACA;AAAA,MACF,CAAC;AACD,UAAI,YAAY;AACd,YAAI,WAAW,QAAQ,gBAAgB;AACrC,2BAAiB,WAAW;AAC5B,gBAAM,OAAO,WAAW,OAAO,OAAO;AACtC,cAAI,MAAM;AACR,kBAAM,UAAU,IAAI,gBAAgB,IAAI;AACxC,uBAAW,EAAE,KAAK,SAAS,KAAK,WAAW,IAAI,CAAC;AAChD,mBAAO,MAAM;AACX,yBAAW,MAAM,IAAI,gBAAgB,OAAO,GAAG,GAAG;AAAA,YACpD;AAAA,UACF;AAAA,QACF;AAAA,MACF,OAAO;AACL,mBAAW;AAAA,UACT,KAAK,QAAQ;AAAA,UACb,KAAK;AAAA,QACP,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,IAAI,QAAQ,CAAC;AAExB,SAAO;AAAA,IACL,KAAK,SAAS;AAAA,IACd,KAAK,SAAS;AAAA,IACd,cAAc,OAAO;AAAA,EACvB;AACF;AAGO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASoB;AAClB,QAAM,SAAS,kBAAkB,EAAE,OAAO,UAAU,YAAY,CAAC;AACjE,SAAO,SAAS,SAAS,MAAM,IAAI;AACrC;;;AN1DA,SAAS,mBAAmB;","names":["useEffect","useJazzContext","result","useAuthSecretStorage","useJazzContext","useEffect","jsx","useJazzContext","useAuthSecretStorage","useEffect","useState","jsx","useAuthSecretStorage","useJazzContext","useMemo","useState","jsx","jsxs","error","useState","jsx","jsxs","useIsAuthenticated","useDemoAuth","usePassphraseAuth","useEffect","useState"]}
|
|
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.tsx"],"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} & 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}: 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.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}\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 { CoValueOrZodSchema } 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 CoValueOrZodSchema>({\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} 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} from \"./hooks.js\";\n\nexport { createInviteLink, parseInviteLink } from \"jazz-tools/browser\";\n\nexport * from \"./auth/auth.js\";\nexport * from \"./media.js\";\nexport { createImage } from \"jazz-tools/browser-media-images\";\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 { 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(context.authenticate, authSecretStorage);\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: { clerk: MinimalClerkClient } & 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 null;\n }\n\n return (\n <JazzReactProvider {...props} logOutReplacement={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, Loaded } from \"jazz-tools\";\nimport React, { useEffect, useState } from \"react\";\n\n/** @category Media */\nexport function useProgressiveImg({\n image,\n maxWidth,\n targetWidth,\n}: {\n image: Loaded<typeof ImageDefinition> | null | undefined;\n maxWidth?: number;\n targetWidth?: number;\n}) {\n const [current, setCurrent] = useState<\n { src?: string; res?: `${number}x${number}` | \"placeholder\" } | undefined\n >(undefined);\n\n useEffect(() => {\n let lastHighestRes: string | undefined;\n if (!image) return;\n const unsub = image.subscribe({}, (update) => {\n const highestRes = ImageDefinition.highestResAvailable(update, {\n maxWidth,\n targetWidth,\n });\n if (highestRes) {\n if (highestRes.res !== lastHighestRes) {\n lastHighestRes = highestRes.res;\n const blob = highestRes.stream.toBlob();\n if (blob) {\n const blobURI = URL.createObjectURL(blob);\n setCurrent({ src: blobURI, res: highestRes.res });\n return () => {\n setTimeout(() => URL.revokeObjectURL(blobURI), 200);\n };\n }\n }\n } else {\n setCurrent({\n src: update?.placeholderDataURL,\n res: \"placeholder\",\n });\n }\n });\n\n return unsub;\n }, [image?.id, maxWidth]);\n\n return {\n src: current?.src,\n res: current?.res,\n originalSize: image?.originalSize,\n };\n}\n\n/** @category Media */\nexport function ProgressiveImg({\n children,\n image,\n maxWidth,\n targetWidth,\n}: {\n children: (result: {\n src: string | undefined;\n res: `${number}x${number}` | \"placeholder\" | undefined;\n originalSize: readonly [number, number] | undefined;\n }) => React.ReactNode;\n image: Loaded<typeof ImageDefinition> | null | undefined;\n maxWidth?: number;\n targetWidth?: number;\n}): React.ReactNode {\n const result = useProgressiveImg({ image, maxWidth, targetWidth });\n return result ? children(result) : null;\n}\n"],"mappings":"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","names":["useEffect","useJazzContext","result","useAuthSecretStorage","useJazzContext","useEffect","jsx","useJazzContext","useAuthSecretStorage","useEffect","useState","jsx","useAuthSecretStorage","useJazzContext","useMemo","useState","jsx","jsxs","error","useState","jsx","jsxs","useIsAuthenticated","useDemoAuth","usePassphraseAuth","useEffect","useState"]}
|
package/dist/react/testing.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/testing.tsx"],"sourcesContent":["export * from \"jazz-tools/react-core/testing\";\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/react/testing.tsx"],"sourcesContent":["export * from \"jazz-tools/react-core/testing\";\n"],"mappings":";;;AAAA,cAAc;","names":[]}
|
package/package.json
CHANGED
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
},
|
|
140
140
|
"type": "module",
|
|
141
141
|
"license": "MIT",
|
|
142
|
-
"version": "0.15.
|
|
142
|
+
"version": "0.15.2",
|
|
143
143
|
"dependencies": {
|
|
144
144
|
"@manuscripts/prosemirror-recreate-steps": "^0.1.4",
|
|
145
145
|
"@op-engineering/op-sqlite": "^11.4.8",
|
|
@@ -164,10 +164,10 @@
|
|
|
164
164
|
"react-native-nitro-modules": "0.25.2",
|
|
165
165
|
"react-native-quick-crypto": "1.0.0-beta.16",
|
|
166
166
|
"zod": "3.25.28",
|
|
167
|
-
"cojson": "0.15.
|
|
168
|
-
"cojson-storage": "0.15.
|
|
169
|
-
"cojson-
|
|
170
|
-
"cojson-
|
|
167
|
+
"cojson": "0.15.2",
|
|
168
|
+
"cojson-storage": "0.15.2",
|
|
169
|
+
"cojson-storage-indexeddb": "0.15.2",
|
|
170
|
+
"cojson-transport-ws": "0.15.2"
|
|
171
171
|
},
|
|
172
172
|
"devDependencies": {
|
|
173
173
|
"@scure/bip39": "^1.3.0",
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { JsonObject } from "cojson";
|
|
2
|
+
import { RawDataCard } from "./raw-data-card.js";
|
|
3
|
+
|
|
4
|
+
export function CoPlainTextView({
|
|
5
|
+
data,
|
|
6
|
+
}: {
|
|
7
|
+
data: JsonObject;
|
|
8
|
+
}) {
|
|
9
|
+
if (!data) return;
|
|
10
|
+
|
|
11
|
+
return (
|
|
12
|
+
<>
|
|
13
|
+
<p>{Object.values(data).join("")}</p>
|
|
14
|
+
<RawDataCard data={data} />
|
|
15
|
+
</>
|
|
16
|
+
);
|
|
17
|
+
}
|
|
@@ -6,6 +6,7 @@ import { Heading } from "../ui/heading.js";
|
|
|
6
6
|
import { Text } from "../ui/text.js";
|
|
7
7
|
import { AccountOrGroupText } from "./account-or-group-text.js";
|
|
8
8
|
import { AccountView } from "./account-view.js";
|
|
9
|
+
import { CoPlainTextView } from "./co-plain-text-view.js";
|
|
9
10
|
import { CoStreamView } from "./co-stream-view.js";
|
|
10
11
|
import { GridView } from "./grid-view.js";
|
|
11
12
|
import { GroupView } from "./group-view.js";
|
|
@@ -113,6 +114,10 @@ function View(
|
|
|
113
114
|
return <AccountView data={snapshot} node={node} onNavigate={onNavigate} />;
|
|
114
115
|
}
|
|
115
116
|
|
|
117
|
+
if (type === "coplaintext") {
|
|
118
|
+
return <CoPlainTextView data={snapshot} />;
|
|
119
|
+
}
|
|
120
|
+
|
|
116
121
|
if (type === "colist" || extendedType === "record") {
|
|
117
122
|
return <TableView data={snapshot} node={node} onNavigate={onNavigate} />;
|
|
118
123
|
}
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
import { useEffect, useState } from "react";
|
|
9
9
|
import { detectCoStreamType } from "./co-stream-view.js";
|
|
10
10
|
|
|
11
|
-
export type CoJsonType = "comap" | "costream" | "colist";
|
|
11
|
+
export type CoJsonType = "comap" | "costream" | "colist" | "coplaintext";
|
|
12
12
|
export type ExtendedCoJsonType =
|
|
13
13
|
| "image"
|
|
14
14
|
| "record"
|