Chat app

const workerUrl = window.location.origin;
const db = createChardbReactClient({
  url: workerUrl,
  ownership: "organization",
  auth: ({ baseURL }) => createAuthClient({
    baseURL,
    plugins: [anonymousClient(), organizationClient(), jwtClient()],
  }),
});

<db.Provider>
  <Workspace />
</db.Provider>

const { data = [], state } = db.useQuery(listMessages, {
  limit: 50,
});

const post = db.useMutation(postMessage);

const uploaded = selectedFile
  ? await attachment.upload({
      file: selectedFile,
      idempotencyKey: retryKey,
    })
  : null;

await post({
  id: uuidv7(),
  body,
  attachment: uploaded?.fileId ?? null,
  clientCreatedAt: Date.now(),
});