jazz-tools 0.14.27 → 0.15.0

package/dist/worker/index.js

@@ -0,0 +1,93 @@
+// src/worker/index.ts
+import {
+  WebSocketPeerWithReconnection
+} from "cojson-transport-ws";
+import { WasmCrypto } from "cojson/crypto/WasmCrypto";
+import {
+  Account,
+  Inbox,
+  createJazzContextFromExistingCredentials,
+  randomSessionProvider
+} from "jazz-tools";
+async function startWorker(options) {
+  const {
+    accountID = process.env.JAZZ_WORKER_ACCOUNT,
+    accountSecret = process.env.JAZZ_WORKER_SECRET,
+    syncServer = "wss://cloud.jazz.tools",
+    AccountSchema: AccountSchema2 = Account
+  } = options;
+  let node = void 0;
+  const peersToLoadFrom = [];
+  const wsPeer = new WebSocketPeerWithReconnection({
+    peer: syncServer,
+    reconnectionTimeout: 100,
+    addPeer: (peer) => {
+      if (node) {
+        node.syncManager.addPeer(peer);
+      } else {
+        peersToLoadFrom.push(peer);
+      }
+    },
+    removePeer: () => {
+    },
+    WebSocketConstructor: options.WebSocket
+  });
+  wsPeer.enable();
+  if (!accountID) {
+    throw new Error("No accountID provided");
+  }
+  if (!accountSecret) {
+    throw new Error("No accountSecret provided");
+  }
+  if (!accountID.startsWith("co_")) {
+    throw new Error("Invalid accountID");
+  }
+  if (!accountSecret?.startsWith("sealerSecret_")) {
+    throw new Error("Invalid accountSecret");
+  }
+  const context = await createJazzContextFromExistingCredentials({
+    credentials: {
+      accountID,
+      secret: accountSecret
+    },
+    AccountSchema: AccountSchema2,
+    // TODO: locked sessions similar to browser
+    sessionProvider: randomSessionProvider,
+    peersToLoadFrom,
+    crypto: options.crypto ?? await WasmCrypto.create()
+  });
+  const account = context.account;
+  node = account._raw.core.node;
+  if (!account._refs.profile?.id) {
+    throw new Error("Account has no profile");
+  }
+  const inbox = await Inbox.load(account);
+  async function done() {
+    await context.account.waitForAllCoValuesSync();
+    wsPeer.disable();
+    context.done();
+  }
+  const inboxPublicApi = {
+    subscribe: inbox.subscribe.bind(inbox)
+  };
+  return {
+    worker: context.account,
+    experimental: {
+      inbox: inboxPublicApi
+    },
+    waitForConnection() {
+      return wsPeer.waitUntilConnected();
+    },
+    subscribeToConnectionChange(listener) {
+      wsPeer.subscribe(listener);
+      return () => {
+        wsPeer.unsubscribe(listener);
+      };
+    },
+    done
+  };
+}
+export {
+  startWorker
+};
+//# sourceMappingURL=index.js.map

package/dist/worker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/worker/index.ts"],"sourcesContent":["import { AgentSecret, CryptoProvider, LocalNode, Peer } from \"cojson\";\nimport {\n  type AnyWebSocketConstructor,\n  WebSocketPeerWithReconnection,\n} from \"cojson-transport-ws\";\nimport { WasmCrypto } from \"cojson/crypto/WasmCrypto\";\nimport {\n  Account,\n  AccountClass,\n  AccountSchema,\n  AnyAccountSchema,\n  CoValueFromRaw,\n  Inbox,\n  InstanceOfSchema,\n  createJazzContextFromExistingCredentials,\n  randomSessionProvider,\n} from \"jazz-tools\";\n\ntype WorkerOptions<\n  S extends\n    | (AccountClass<Account> & CoValueFromRaw<Account>)\n    | AnyAccountSchema,\n> = {\n  accountID?: string;\n  accountSecret?: string;\n  syncServer?: string;\n  WebSocket?: AnyWebSocketConstructor;\n  AccountSchema?: S;\n  crypto?: CryptoProvider;\n};\n\n/** @category Context Creation */\nexport async function startWorker<\n  S extends\n    | (AccountClass<Account> & CoValueFromRaw<Account>)\n    | AnyAccountSchema,\n>(options: WorkerOptions<S>) {\n  const {\n    accountID = process.env.JAZZ_WORKER_ACCOUNT,\n    accountSecret = process.env.JAZZ_WORKER_SECRET,\n    syncServer = \"wss://cloud.jazz.tools\",\n    AccountSchema = Account as unknown as S,\n  } = options;\n\n  let node: LocalNode | undefined = undefined;\n\n  const peersToLoadFrom: Peer[] = [];\n\n  const wsPeer = new WebSocketPeerWithReconnection({\n    peer: syncServer,\n    reconnectionTimeout: 100,\n    addPeer: (peer) => {\n      if (node) {\n        node.syncManager.addPeer(peer);\n      } else {\n        peersToLoadFrom.push(peer);\n      }\n    },\n    removePeer: () => {},\n    WebSocketConstructor: options.WebSocket,\n  });\n\n  wsPeer.enable();\n\n  if (!accountID) {\n    throw new Error(\"No accountID provided\");\n  }\n  if (!accountSecret) {\n    throw new Error(\"No accountSecret provided\");\n  }\n  if (!accountID.startsWith(\"co_\")) {\n    throw new Error(\"Invalid accountID\");\n  }\n  if (!accountSecret?.startsWith(\"sealerSecret_\")) {\n    throw new Error(\"Invalid accountSecret\");\n  }\n\n  const context = await createJazzContextFromExistingCredentials({\n    credentials: {\n      accountID: accountID,\n      secret: accountSecret as AgentSecret,\n    },\n    AccountSchema,\n    // TODO: locked sessions similar to browser\n    sessionProvider: randomSessionProvider,\n    peersToLoadFrom,\n    crypto: options.crypto ?? (await WasmCrypto.create()),\n  });\n\n  const account = context.account as InstanceOfSchema<S>;\n  node = account._raw.core.node;\n\n  if (!account._refs.profile?.id) {\n    throw new Error(\"Account has no profile\");\n  }\n\n  const inbox = await Inbox.load(account);\n\n  async function done() {\n    await context.account.waitForAllCoValuesSync();\n\n    wsPeer.disable();\n    context.done();\n  }\n\n  const inboxPublicApi = {\n    subscribe: inbox.subscribe.bind(inbox) as Inbox[\"subscribe\"],\n  };\n\n  return {\n    worker: context.account as InstanceOfSchema<S>,\n    experimental: {\n      inbox: inboxPublicApi,\n    },\n    waitForConnection() {\n      return wsPeer.waitUntilConnected();\n    },\n    subscribeToConnectionChange(listener: (connected: boolean) => void) {\n      wsPeer.subscribe(listener);\n\n      return () => {\n        wsPeer.unsubscribe(listener);\n      };\n    },\n    done,\n  };\n}\n"],"mappings":";AACA;AAAA,EAEE;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EAKA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAgBP,eAAsB,YAIpB,SAA2B;AAC3B,QAAM;AAAA,IACJ,YAAY,QAAQ,IAAI;AAAA,IACxB,gBAAgB,QAAQ,IAAI;AAAA,IAC5B,aAAa;AAAA,IACb,eAAAA,iBAAgB;AAAA,EAClB,IAAI;AAEJ,MAAI,OAA8B;AAElC,QAAM,kBAA0B,CAAC;AAEjC,QAAM,SAAS,IAAI,8BAA8B;AAAA,IAC/C,MAAM;AAAA,IACN,qBAAqB;AAAA,IACrB,SAAS,CAAC,SAAS;AACjB,UAAI,MAAM;AACR,aAAK,YAAY,QAAQ,IAAI;AAAA,MAC/B,OAAO;AACL,wBAAgB,KAAK,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,YAAY,MAAM;AAAA,IAAC;AAAA,IACnB,sBAAsB,QAAQ;AAAA,EAChC,CAAC;AAED,SAAO,OAAO;AAEd,MAAI,CAAC,WAAW;AACd,UAAM,IAAI,MAAM,uBAAuB;AAAA,EACzC;AACA,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,2BAA2B;AAAA,EAC7C;AACA,MAAI,CAAC,UAAU,WAAW,KAAK,GAAG;AAChC,UAAM,IAAI,MAAM,mBAAmB;AAAA,EACrC;AACA,MAAI,CAAC,eAAe,WAAW,eAAe,GAAG;AAC/C,UAAM,IAAI,MAAM,uBAAuB;AAAA,EACzC;AAEA,QAAM,UAAU,MAAM,yCAAyC;AAAA,IAC7D,aAAa;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,IACV;AAAA,IACA,eAAAA;AAAA;AAAA,IAEA,iBAAiB;AAAA,IACjB;AAAA,IACA,QAAQ,QAAQ,UAAW,MAAM,WAAW,OAAO;AAAA,EACrD,CAAC;AAED,QAAM,UAAU,QAAQ;AACxB,SAAO,QAAQ,KAAK,KAAK;AAEzB,MAAI,CAAC,QAAQ,MAAM,SAAS,IAAI;AAC9B,UAAM,IAAI,MAAM,wBAAwB;AAAA,EAC1C;AAEA,QAAM,QAAQ,MAAM,MAAM,KAAK,OAAO;AAEtC,iBAAe,OAAO;AACpB,UAAM,QAAQ,QAAQ,uBAAuB;AAE7C,WAAO,QAAQ;AACf,YAAQ,KAAK;AAAA,EACf;AAEA,QAAM,iBAAiB;AAAA,IACrB,WAAW,MAAM,UAAU,KAAK,KAAK;AAAA,EACvC;AAEA,SAAO;AAAA,IACL,QAAQ,QAAQ;AAAA,IAChB,cAAc;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,IACA,oBAAoB;AAClB,aAAO,OAAO,mBAAmB;AAAA,IACnC;AAAA,IACA,4BAA4B,UAAwC;AAClE,aAAO,UAAU,QAAQ;AAEzB,aAAO,MAAM;AACX,eAAO,YAAY,QAAQ;AAAA,MAC7B;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;","names":["AccountSchema"]}

package/package.json

@@ -5,36 +5,217 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "@jazz-tools/source": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
     "./testing": {
+      "@jazz-tools/source": "./src/testing.ts",
       "types": "./dist/testing.d.ts",
       "default": "./dist/testing.js"
     },
-    "./dist/*": "./dist/*",
-    "./src/*": "./src/*"
+    "./browser": {
+      "@jazz-tools/source": "./src/browser/index.ts",
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.js"
+    },
+    "./browser-media-images": {
+      "@jazz-tools/source": "./src/browser-media-images/index.ts",
+      "types": "./dist/browser-media-images/index.d.ts",
+      "default": "./dist/browser-media-images/index.js"
+    },
+    "./expo": {
+      "@jazz-tools/source": "./src/expo/index.ts",
+      "types": "./dist/expo/index.d.ts",
+      "default": "./dist/expo/index.js"
+    },
+    "./expo/crypto": {
+      "@jazz-tools/source": "./src/expo/crypto/index.ts",
+      "types": "./dist/expo/crypto.d.ts",
+      "default": "./dist/expo/crypto.js"
+    },
+    "./expo/testing": {
+      "@jazz-tools/source": "./src/expo/testing.tsx",
+      "types": "./dist/expo/testing.d.ts",
+      "default": "./dist/expo/testing.js"
+    },
+    "./inspector": {
+      "@jazz-tools/source": "./src/inspector/index.ts",
+      "types": "./dist/inspector/index.d.ts",
+      "default": "./dist/inspector/index.js"
+    },
+    "./inspector/register-custom-element": {
+      "@jazz-tools/source": "./src/inspector/register-custom-element.ts",
+      "types": "./dist/inspector/register-custom-element.d.ts",
+      "default": "./dist/inspector/register-custom-element.js"
+    },
+    "./prosemirror": {
+      "@jazz-tools/source": "./src/prosemirror/index.ts",
+      "types": "./dist/prosemirror/index.d.ts",
+      "default": "./dist/prosemirror/index.js"
+    },
+    "./react": {
+      "@jazz-tools/source": "./src/react/index.ts",
+      "types": "./dist/react/index.d.ts",
+      "default": "./dist/react/index.js"
+    },
+    "./react/testing": {
+      "@jazz-tools/source": "./src/react/testing.tsx",
+      "types": "./dist/react/testing.d.ts",
+      "default": "./dist/react/testing.js"
+    },
+    "./react/ssr": {
+      "@jazz-tools/source": "./src/react/ssr.ts",
+      "types": "./dist/react/ssr.d.ts",
+      "default": "./dist/react/ssr.js"
+    },
+    "./react-core": {
+      "@jazz-tools/source": "./src/react-core/index.ts",
+      "types": "./dist/react-core/index.d.ts",
+      "default": "./dist/react-core/index.js"
+    },
+    "./react-core/testing": {
+      "@jazz-tools/source": "./src/react-core/testing.tsx",
+      "types": "./dist/react-core/testing.d.ts",
+      "default": "./dist/react-core/testing.js"
+    },
+    "./react-native": {
+      "@jazz-tools/source": "./src/react-native/index.ts",
+      "types": "./dist/react-native/index.d.ts",
+      "default": "./dist/react-native/index.js"
+    },
+    "./react-native/crypto": {
+      "@jazz-tools/source": "./src/react-native/crypto/index.ts",
+      "types": "./dist/react-native/crypto.d.ts",
+      "default": "./dist/react-native/crypto.js"
+    },
+    "./react-native/testing": {
+      "@jazz-tools/source": "./src/react-native/testing.tsx",
+      "types": "./dist/react-native/testing.d.ts",
+      "default": "./dist/react-native/testing.js"
+    },
+    "./react-native-core": {
+      "@jazz-tools/source": "./src/react-native-core/index.ts",
+      "types": "./dist/react-native-core/index.d.ts",
+      "default": "./dist/react-native-core/index.js"
+    },
+    "./react-native-core/crypto": {
+      "@jazz-tools/source": "./src/react-native-core/crypto/index.ts",
+      "types": "./dist/react-native-core/crypto.d.ts",
+      "default": "./dist/react-native-core/crypto.js"
+    },
+    "./react-native-core/testing": {
+      "@jazz-tools/source": "./src/react-native-core/testing.tsx",
+      "types": "./dist/react-native-core/testing.d.ts",
+      "default": "./dist/react-native-core/testing.js"
+    },
+    "./react-native-media-images": {
+      "@jazz-tools/source": "./src/react-native-media-images/index.ts",
+      "types": "./dist/react-native-media-images/index.d.ts",
+      "default": "./dist/react-native-media-images/index.js"
+    },
+    "./svelte": {
+      "svelte": "./dist/svelte/index.js",
+      "@jazz-tools/source": "./src/svelte/index.ts",
+      "types": "./dist/svelte/index.d.ts",
+      "default": "./dist/svelte/index.js"
+    },
+    "./svelte/testing": {
+      "svelte": "./dist/svelte/index.js",
+      "@jazz-tools/source": "./src/svelte/testing.ts",
+      "types": "./dist/svelte/testing.d.ts",
+      "default": "./dist/svelte/testing.js"
+    },
+    "./tiptap": {
+      "@jazz-tools/source": "./src/tiptap/index.ts",
+      "types": "./dist/tiptap/index.d.ts",
+      "default": "./dist/tiptap/index.js"
+    },
+    "./worker": {
+      "@jazz-tools/source": "./src/worker/index.ts",
+      "types": "./dist/worker/index.d.ts",
+      "default": "./dist/worker/index.js"
+    }
   },
   "type": "module",
   "license": "MIT",
-  "version": "0.14.27",
+  "version": "0.15.0",
   "dependencies": {
+    "@manuscripts/prosemirror-recreate-steps": "^0.1.4",
+    "@op-engineering/op-sqlite": "^11.4.8",
+    "@scure/base": "1.2.1",
     "@scure/bip39": "^1.3.0",
+    "@tiptap/core": "^2.12.0",
+    "@types/image-blob-reduce": "^4.1.1",
+    "clsx": "^2.0.0",
+    "expo-sqlite": "15.2.9",
     "fast-myers-diff": "^3.2.0",
+    "goober": "^2.1.16",
+    "image-blob-reduce": "^4.1.0",
+    "pica": "^9.0.1",
+    "prosemirror-example-setup": "^1.2.2",
+    "prosemirror-menu": "^1.2.4",
+    "prosemirror-model": "^1.21.1",
+    "prosemirror-schema-basic": "^1.2.2",
+    "prosemirror-state": "^1.4.3",
+    "prosemirror-transform": "^1.9.0",
+    "react-native-fast-encoder": "^0.2.0",
+    "react-native-mmkv": "^3.2.0",
+    "react-native-nitro-modules": "0.25.2",
+    "react-native-quick-crypto": "1.0.0-beta.16",
     "zod": "3.25.28",
-    "cojson": "0.14.27"
+    "cojson": "0.15.0",
+    "cojson-storage": "0.15.0",
+    "cojson-storage-indexeddb": "0.15.0",
+    "cojson-transport-ws": "0.15.0"
   },
   "devDependencies": {
-    "tsup": "8.3.5",
+    "@scure/bip39": "^1.3.0",
+    "@sveltejs/package": "^2.0.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "16.2.0",
+    "@types/react": "19.0.0",
+    "@types/react-dom": "19.0.0",
+    "tsup": "8.5.0",
     "typescript": "5.6.2",
     "vitest": "3.1.3",
     "ws": "^8.14.2"
   },
-  "madge": {
-    "detectiveOptions": {
-      "ts": {
-        "skipTypeImports": true
-      }
+  "peerDependencies": {
+    "@bam.tech/react-native-image-resizer": "*",
+    "@react-native-community/netinfo": "*",
+    "expo-file-system": "*",
+    "expo-secure-store": "*",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*",
+    "svelte": "^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@bam.tech/react-native-image-resizer": {
+      "optional": true
+    },
+    "expo-file-system": {
+      "optional": true
+    },
+    "@react-native-community/netinfo": {
+      "optional": true
+    },
+    "expo-secure-store": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
     }
   },
   "scripts": {
@@ -44,6 +225,7 @@
     "test": "vitest --run --root ../../ --project jazz-tools",
     "test:watch": "vitest --watch --root ../../ --project jazz-tools",
     "types": "tsc --outDir dist",
-    "build": "tsup && pnpm types"
+    "build:svelte": "rm -rf dist/svelte && svelte-package -i src/svelte -o dist/svelte --tsconfig tsconfig.svelte.json",
+    "build": "tsup && pnpm types && pnpm build:svelte"
   }
 }

package/src/browser/BrowserContextManager.ts

@@ -0,0 +1,85 @@
+import {
+  Account,
+  AccountClass,
+  AnyAccountSchema,
+  CoValueFromRaw,
+  InMemoryKVStore,
+  InstanceOfSchema,
+  JazzContextManager,
+  SyncConfig,
+} from "jazz-tools";
+import { JazzContextManagerAuthProps } from "jazz-tools";
+import { LocalStorageKVStore } from "./auth/LocalStorageKVStore.js";
+import {
+  BaseBrowserContextOptions,
+  createJazzBrowserContext,
+  createJazzBrowserGuestContext,
+} from "./createBrowserContext.js";
+
+export type JazzContextManagerProps<
+  S extends
+    | (AccountClass<Account> & CoValueFromRaw<Account>)
+    | AnyAccountSchema,
+> = {
+  guestMode?: boolean;
+  sync: SyncConfig;
+  onLogOut?: () => void;
+  logOutReplacement?: () => void;
+  onAnonymousAccountDiscarded?: (
+    anonymousAccount: InstanceOfSchema<S>,
+  ) => Promise<void>;
+  storage?: BaseBrowserContextOptions["storage"];
+  AccountSchema?: S;
+  defaultProfileName?: string;
+};
+
+export class JazzBrowserContextManager<
+  S extends
+    | (AccountClass<Account> & CoValueFromRaw<Account>)
+    | AnyAccountSchema,
+> extends JazzContextManager<InstanceOfSchema<S>, JazzContextManagerProps<S>> {
+  // TODO: When the storage changes, if the user is changed, update the context
+  getKvStore() {
+    if (typeof window === "undefined") {
+      // To handle running in SSR
+      return new InMemoryKVStore();
+    } else {
+      return new LocalStorageKVStore();
+    }
+  }
+
+  async getNewContext(
+    props: JazzContextManagerProps<S>,
+    authProps?: JazzContextManagerAuthProps,
+  ) {
+    if (props.guestMode) {
+      return createJazzBrowserGuestContext({
+        sync: props.sync,
+        storage: props.storage,
+        authSecretStorage: this.authSecretStorage,
+      });
+    } else {
+      return createJazzBrowserContext<S>({
+        sync: props.sync,
+        storage: props.storage,
+        AccountSchema: props.AccountSchema,
+        credentials: authProps?.credentials,
+        newAccountProps: authProps?.newAccountProps,
+        defaultProfileName: props.defaultProfileName,
+        authSecretStorage: this.authSecretStorage,
+      });
+    }
+  }
+
+  propsChanged(props: JazzContextManagerProps<S>) {
+    if (!this.props) {
+      return true;
+    }
+
+    return (
+      this.props.sync.when !== props.sync.when ||
+      this.props.sync.peer !== props.sync.peer ||
+      this.props.guestMode !== props.guestMode
+    );
+  }
+}

package/src/browser/auth/LocalStorageKVStore.ts

@@ -0,0 +1,21 @@
+import { KvStore } from "jazz-tools";
+
+export class LocalStorageKVStore implements KvStore {
+  constructor() {}
+
+  async get(key: string) {
+    return localStorage.getItem(key);
+  }
+
+  async set(key: string, value: string) {
+    localStorage.setItem(key, value);
+  }
+
+  async delete(key: string) {
+    localStorage.removeItem(key);
+  }
+
+  async clearAll() {
+    localStorage.clear();
+  }
+}

package/src/browser/auth/PasskeyAuth.ts

@@ -0,0 +1,175 @@
+import { CryptoProvider, RawAccountID, cojsonInternals } from "cojson";
+import {
+  Account,
+  AuthSecretStorage,
+  AuthenticateAccountFunction,
+  ID,
+} from "jazz-tools";
+
+/**
+ * `BrowserPasskeyAuth` provides a `JazzAuth` object for passkey authentication.
+ *
+ * ```ts
+ * import { BrowserPasskeyAuth } from "jazz-tools/browser";
+ *
+ * const auth = new BrowserPasskeyAuth(driver, appName);
+ * ```
+ *
+ * @category Auth Providers
+ */
+export class BrowserPasskeyAuth {
+  constructor(
+    protected crypto: CryptoProvider,
+    protected authenticate: AuthenticateAccountFunction,
+    protected authSecretStorage: AuthSecretStorage,
+    public appName: string,
+    public appHostname: string = window.location.hostname,
+  ) {}
+
+  static readonly id = "passkey";
+
+  logIn = async () => {
+    const { crypto, authenticate } = this;
+
+    const webAuthNCredential = await this.getPasskeyCredentials();
+
+    if (!webAuthNCredential) {
+      return;
+    }
+
+    const webAuthNCredentialPayload = new Uint8Array(
+      webAuthNCredential.response.userHandle,
+    );
+    const accountSecretSeed = webAuthNCredentialPayload.slice(
+      0,
+      cojsonInternals.secretSeedLength,
+    );
+
+    const secret = crypto.agentSecretFromSecretSeed(accountSecretSeed);
+
+    const accountID = cojsonInternals.rawCoIDfromBytes(
+      webAuthNCredentialPayload.slice(
+        cojsonInternals.secretSeedLength,
+        cojsonInternals.secretSeedLength + cojsonInternals.shortHashLength,
+      ),
+    ) as ID<Account>;
+
+    await authenticate({
+      accountID,
+      accountSecret: secret,
+    });
+
+    await this.authSecretStorage.set({
+      accountID,
+      secretSeed: accountSecretSeed,
+      accountSecret: secret,
+      provider: "passkey",
+    });
+  };
+
+  signUp = async (username: string) => {
+    const credentials = await this.authSecretStorage.get();
+
+    if (!credentials?.secretSeed) {
+      throw new Error(
+        "Not enough credentials to register the account with passkey",
+      );
+    }
+
+    await this.createPasskeyCredentials({
+      accountID: credentials.accountID,
+      secretSeed: credentials.secretSeed,
+      username,
+    });
+
+    const currentAccount = await Account.getMe().ensureLoaded({
+      resolve: {
+        profile: true,
+      },
+    });
+
+    if (username.trim().length !== 0) {
+      currentAccount.profile.name = username;
+    }
+
+    await this.authSecretStorage.set({
+      accountID: credentials.accountID,
+      secretSeed: credentials.secretSeed,
+      accountSecret: credentials.accountSecret,
+      provider: "passkey",
+    });
+  };
+
+  private async createPasskeyCredentials({
+    accountID,
+    secretSeed,
+    username,
+  }: {
+    accountID: ID<Account>;
+    secretSeed: Uint8Array;
+    username: string;
+  }) {
+    const webAuthNCredentialPayload = new Uint8Array(
+      cojsonInternals.secretSeedLength + cojsonInternals.shortHashLength,
+    );
+
+    webAuthNCredentialPayload.set(secretSeed);
+    webAuthNCredentialPayload.set(
+      cojsonInternals.rawCoIDtoBytes(accountID as unknown as RawAccountID),
+      cojsonInternals.secretSeedLength,
+    );
+
+    try {
+      await navigator.credentials.create({
+        publicKey: {
+          challenge: this.crypto.randomBytes(20),
+          rp: {
+            name: this.appName,
+            id: this.appHostname,
+          },
+          user: {
+            id: webAuthNCredentialPayload,
+            name: username + ` (${new Date().toLocaleString()})`,
+            displayName: username,
+          },
+          pubKeyCredParams: [
+            { alg: -7, type: "public-key" },
+            { alg: -8, type: "public-key" },
+            { alg: -37, type: "public-key" },
+            { alg: -257, type: "public-key" },
+          ],
+          authenticatorSelection: {
+            requireResidentKey: true,
+            residentKey: "required",
+            userVerification: "preferred",
+          },
+          timeout: 60000,
+          attestation: "direct",
+        },
+      });
+    } catch (error) {
+      throw new Error("Passkey creation aborted", { cause: error });
+    }
+  }
+
+  private async getPasskeyCredentials() {
+    try {
+      const value = await navigator.credentials.get({
+        publicKey: {
+          challenge: Uint8Array.from([0, 1, 2]),
+          rpId: this.appHostname,
+          allowCredentials: [],
+          timeout: 60000,
+          userVerification: "preferred",
+        },
+        mediation: "optional",
+      });
+
+      return value as
+        | (Credential & { response: { userHandle: ArrayBuffer } })
+        | null;
+    } catch (error) {
+      throw new Error("Passkey creation aborted", { cause: error });
+    }
+  }
+}