feat(web): avatar thumbnails with original preview, registration avatar, pure-JS crypto fallback for http [CI]

web/src/core-bridge/account.ts

@@ -1,6 +1,6 @@
 import { callWorker } from './workerClient';
 import type { AccountDeviceBody, InvitationBody } from './generated/api';
-import type { PersonalProfile } from './protocol/account';
+import type { AvatarChange, PersonalProfile } from './protocol/account';
 
 const API_BASE = import.meta.env.VITE_WEBDROP_API_URL ?? '/api/v1';
 
@@ -18,7 +18,9 @@ export const accountApi = {
   sync: () => callWorker<AccountStatus>('syncAccount', { apiBase: API_BASE }),
   invitations: () => callWorker<AccountInvitation[]>('accountInvitations', { apiBase: API_BASE }),
   acceptInvitation: (id: string) => callWorker<void>('acceptInvitation', { id, apiBase: API_BASE }),
-  updatePersonal: (displayName: string, avatar?: string) => callWorker<AccountStatus>('updatePersonal', { displayName, avatar, apiBase: API_BASE }),
+  /** 默认是有损的缩略图;full 为 true 取原图(预览时) */
+  avatar: (username: string, version: number, full = false) => callWorker<string | undefined>('getAvatar', { username, version, full, apiBase: API_BASE }),
+  updatePersonal: (displayName: string, avatar?: AvatarChange) => callWorker<AccountStatus>('updatePersonal', { displayName, avatar, apiBase: API_BASE }),
   devices: () => callWorker<AccountDevice[]>('accountDevices', { apiBase: API_BASE }),
   renameDevice: (id: string, name: string) => callWorker<void>('renameAccountDevice', { id, name, apiBase: API_BASE }),
   revokeDevice: (id: string) => callWorker<AccountStatus>('revokeAccountDevice', { id, apiBase: API_BASE }),