Files
musicshare/packages/shared/src/client.ts
T
chrisandClaude Opus 5.5 4402171f46 Comments on plays
- Anyone who can see a play can read its comments; the player and the people they follow can write.
  The author, the player and admins can delete; comments can be reported (admins see the text).
- Notifications: "commented on" for the player, "replied on" for earlier commenters, each with its
  own setting. Reaction and comment notifications now open the play.
- A 💬 chip with the count next to reactions on the feed and recent plays, opening the thread on
  the app (/play/[id]) and the website. Threads refresh every few seconds while open.
- Blocking removes comments between the two people. Plays with comments survive history trimming.
- Privacy page updated.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011Y2iUsKEWDuRGjK5FPmcUP
2026-10-15 13:32:14 -04:00

187 lines
10 KiB
TypeScript

import type {
AdminReportDTO,
AdminStatsDTO,
CommentDTO,
CommentThreadDTO,
ConnectionDTO,
FollowListDTO,
ReactionDTO,
FeedItemDTO,
MeDTO,
ProfileDTO,
TrackSearchResultDTO,
UserSummaryDTO,
} from './dto';
import type { DeviceDTO } from './devices';
import type { LyricsDTO } from './lyrics';
import type { NotificationListDTO } from './notifications';
import type { AppUpdateDTO } from './updates';
import type {
ChangeEmailInput,
ChangePasswordInput,
CommentInput,
LoginInput,
RegisterInput,
ReportReason,
ResetPasswordInput,
SetFeaturedInput,
UpdateMeInput,
PushSubscriptionInput,
SendSongInput,
} from './schemas';
export class ApiError extends Error {
constructor(
public status: number,
message: string,
) {
super(message);
}
}
export interface ApiClientOptions {
baseUrl: string;
/** Bearer token (mobile). Web relies on the session cookie instead. */
getToken?: () => string | null | undefined;
/** 'include' for browsers talking to the API cross-origin. */
credentials?: 'include' | 'same-origin' | 'omit';
}
export type AuthResponse = { user: MeDTO; token: string };
/** Typed client for the musicshare API, shared by web and mobile. */
export function createApiClient({ baseUrl, getToken, credentials }: ApiClientOptions) {
async function request<T>(path: string, init: { method?: string; body?: unknown } = {}): Promise<T> {
const headers: Record<string, string> = {};
const token = getToken?.();
if (token) headers.Authorization = `Bearer ${token}`;
if (init.body !== undefined) headers['Content-Type'] = 'application/json';
const res = await fetch(baseUrl + path, {
method: init.method ?? (init.body !== undefined ? 'POST' : 'GET'),
headers,
credentials,
body: init.body !== undefined ? JSON.stringify(init.body) : undefined,
});
const data = await res.json().catch(() => ({}));
if (!res.ok) throw new ApiError(res.status, (data as { error?: string }).error ?? `Request failed (${res.status})`);
return data as T;
}
/** Multipart upload (the browser/React Native sets the boundary itself). */
async function upload<T>(path: string, form: FormData): Promise<T> {
const headers: Record<string, string> = {};
const token = getToken?.();
if (token) headers.Authorization = `Bearer ${token}`;
const res = await fetch(baseUrl + path, { method: 'POST', headers, credentials, body: form });
const data = await res.json().catch(() => ({}));
if (!res.ok) throw new ApiError(res.status, (data as { error?: string }).error ?? `Upload failed (${res.status})`);
return data as T;
}
const q = encodeURIComponent;
return {
request,
/** For SWR-style fetchers keyed by path. */
get: <T>(path: string) => request<T>(path),
register: (input: RegisterInput) => request<AuthResponse>('/auth/register', { body: input }),
login: (input: LoginInput) => request<AuthResponse>('/auth/login', { body: input }),
/** Always succeeds, so it doesn't reveal which emails have accounts. */
forgotPassword: (email: string) => request<{ ok: true }>('/auth/forgot-password', { body: { email } }),
resetPassword: (input: ResetPasswordInput) => request<AuthResponse>('/auth/reset-password', { body: input }),
verifyEmail: (token: string) => request<{ ok: true; email: string }>('/auth/verify-email', { body: { token } }),
resendVerification: () => request<{ ok: true }>('/me/verify-email/resend', { body: {} }),
/** Signs out your other devices. */
changePassword: (input: ChangePasswordInput) => request<{ ok: true }>('/me/password', { body: input }),
/** Sends a confirmation link to the new address; the email changes once it's clicked. */
changeEmail: (input: ChangeEmailInput) => request<MeDTO>('/me/email', { body: input }),
cancelEmailChange: () => request<MeDTO>('/me/email/pending', { method: 'DELETE' }),
logout: () => request('/auth/logout', { method: 'POST', body: {} }),
me: () => request<MeDTO>('/me'),
updateMe: (input: UpdateMeInput) => request<MeDTO>('/me', { method: 'PATCH', body: input }),
deleteAccount: () => request('/me', { method: 'DELETE' }),
/** `form` holds one file field (any name): a File on web, `{ uri, name, type }` on React Native. */
uploadAvatar: (form: FormData) => upload<MeDTO>('/me/avatar', form),
removeAvatar: () => request<MeDTO>('/me/avatar', { method: 'DELETE' }),
setSharing: (pause: '1h' | '8h' | 'indefinitely' | null) => request<MeDTO>('/me/sharing', { method: 'PUT', body: { pause } }),
setFeatured: (input: SetFeaturedInput) => request('/me/featured', { method: 'PUT', body: input }),
clearFeatured: () => request('/me/featured', { method: 'DELETE' }),
feed: () => request<FeedItemDTO[]>('/feed'),
profile: (username: string) => request<ProfileDTO>(`/users/${q(username)}`),
searchUsers: (query: string) => request<UserSummaryDTO[]>(`/users/search?q=${q(query)}`),
follow: (username: string) => request(`/users/${q(username)}/follow`, { method: 'POST', body: {} }),
unfollow: (username: string) => request(`/users/${q(username)}/follow`, { method: 'DELETE' }),
pin: (username: string) => request(`/users/${q(username)}/pin`, { method: 'PUT', body: {} }),
unpin: (username: string) => request(`/users/${q(username)}/pin`, { method: 'DELETE' }),
followers: (username: string, cursor?: string | null) =>
request<FollowListDTO>(`/users/${q(username)}/followers${cursor ? `?cursor=${q(cursor)}` : ''}`),
following: (username: string, cursor?: string | null) =>
request<FollowListDTO>(`/users/${q(username)}/following${cursor ? `?cursor=${q(cursor)}` : ''}`),
/** Stop someone following you (they aren't told). */
removeFollower: (username: string) => request(`/me/followers/${q(username)}`, { method: 'DELETE' }),
block: (username: string) => request(`/users/${q(username)}/block`, { method: 'POST', body: {} }),
unblock: (username: string) => request(`/users/${q(username)}/block`, { method: 'DELETE' }),
blocks: () => request<UserSummaryDTO[]>('/me/blocks'),
report: (username: string, input: { reason: ReportReason; note?: string | null }) =>
request(`/users/${q(username)}/report`, { body: input }),
adminStats: () => request<AdminStatsDTO>('/admin/stats'),
adminReports: (status: 'open' | 'resolved' = 'open') => request<AdminReportDTO[]>(`/admin/reports?status=${status}`),
resolveReport: (id: string) => request(`/admin/reports/${q(id)}/resolve`, { method: 'POST', body: {} }),
suspend: (username: string) => request(`/admin/users/${q(username)}/suspend`, { method: 'POST', body: {} }),
unsuspend: (username: string) => request(`/admin/users/${q(username)}/suspend`, { method: 'DELETE' }),
/** React to a play with one emoji (replaces your earlier one). Returns that play's reactions. */
react: (listenId: string, emoji: string) => request<ReactionDTO[]>(`/listens/${q(listenId)}/reaction`, { method: 'PUT', body: { emoji } }),
unreact: (listenId: string) => request<ReactionDTO[]>(`/listens/${q(listenId)}/reaction`, { method: 'DELETE' }),
/** A play with its comments. */
comments: (listenId: string) => request<CommentThreadDTO>(`/listens/${q(listenId)}/comments`),
addComment: (listenId: string, input: CommentInput) =>
request<CommentDTO>(`/listens/${q(listenId)}/comments`, { method: 'POST', body: input }),
deleteComment: (id: string) => request<{ ok: true }>(`/comments/${q(id)}`, { method: 'DELETE' }),
reportComment: (id: string, input: { reason: ReportReason; note?: string | null }) =>
request<{ ok: true }>(`/comments/${q(id)}/report`, { body: input }),
searchTracks: (query: string) => request<TrackSearchResultDTO[]>(`/tracks/search?q=${q(query)}`),
/** Null when no lyrics were found for the song. */
lyrics: (trackId: string) => request<LyricsDTO | null>(`/tracks/${q(trackId)}/lyrics`),
/** Send a song to people who follow you; returns who it went to. */
sendSong: (input: SendSongInput) => request<{ sentTo: string[] }>('/shares', { method: 'POST', body: input }),
notifications: (cursor?: string | null) =>
request<NotificationListDTO>(`/notifications${cursor ? `?cursor=${q(cursor)}` : ''}`),
markNotificationsRead: () => request<{ ok: true }>('/notifications/read', { method: 'POST', body: {} }),
/** The server's public key for push subscriptions (VAPID). */
pushKey: () => request<{ publicKey: string }>('/push/key'),
addPushSubscription: (input: PushSubscriptionInput) => request<{ ok: true }>('/me/push', { method: 'PUT', body: input }),
removePushSubscription: (endpoint: string) => request<{ ok: true }>('/me/push', { method: 'DELETE', body: { endpoint } }),
connections: () => request<ConnectionDTO[]>('/connections'),
authorizeUrl: (provider: 'plex' | 'lastfm', body: { client: 'web' | 'mobile'; returnTo?: string }) =>
request<{ url: string }>(`/connections/${provider}/authorize`, { body }),
connectUsername: (provider: 'lastfm' | 'listenbrainz', username: string) =>
request<ConnectionDTO>(`/connections/${provider}`, { body: { username } }),
appleMusicDeveloperToken: () => request<{ token: string }>('/connections/apple-music/developer-token'),
connectAppleMusic: (musicUserToken: string) =>
request<ConnectionDTO>('/connections/apple-music', { body: { musicUserToken } }),
connectJellyfin: (input: { serverUrl: string; username: string; password: string }) =>
request<ConnectionDTO>('/connections/jellyfin', { body: input }),
disconnect: (provider: string) => request(`/connections/${q(provider)}`, { method: 'DELETE' }),
/** The newest Android release, or null when the server doesn't offer updates. */
androidUpdate: () => request<AppUpdateDTO | null>('/app/android/latest'),
devices: () => request<DeviceDTO[]>('/me/devices'),
/** The token is returned once; it can only report playback for this user. */
registerDevice: (input: { platform: 'android' | 'ios'; name: string }) =>
request<{ device: DeviceDTO; token: string }>('/me/devices', { body: input }),
removeDevice: (id: string) => request(`/me/devices/${q(id)}`, { method: 'DELETE' }),
};
}
export type ApiClient = ReturnType<typeof createApiClient>;