Files
fotospiel-app/resources/js/guest/services/galleryApi.ts
Codex Agent 7afcc206f3 Gefixt: Objekt-Namen werden jetzt für Galerie/Share normalisiert, damit React keine Objekte mehr rendern muss.
Änderungen:

  - resources/js/guest/services/galleryApi.ts: Locale-Felder (event.name, event.description) werden nach dem Fetch per coerceLocalized
    in Strings überführt.
  - resources/js/guest/services/photosApi.ts: fetchPhotoShare normalisiert event.name auf einen String mit de/en-Fallback; Fehler bei
    fehlendem Share unverändert.
2025-12-04 21:14:44 +01:00

125 lines
3.4 KiB
TypeScript

import type { LocaleCode } from '../i18n/messages';
export interface GalleryBranding {
primary_color: string;
secondary_color: string;
background_color: string;
surface_color?: string;
mode?: 'light' | 'dark' | 'auto';
palette?: {
primary?: string | null;
secondary?: string | null;
background?: string | null;
surface?: string | null;
} | null;
}
export interface GalleryMetaResponse {
event: {
id: number;
name: string;
slug?: string | null;
description?: string | null;
gallery_expires_at?: string | null;
guest_downloads_enabled?: boolean;
guest_sharing_enabled?: boolean;
};
branding: GalleryBranding;
}
export interface GalleryPhotoResource {
id: number;
thumbnail_url: string | null;
full_url: string | null;
download_url: string;
likes_count: number;
guest_name?: string | null;
created_at?: string | null;
}
export interface GalleryPhotosResponse {
data: GalleryPhotoResource[];
next_cursor: string | null;
}
async function handleResponse<T>(response: Response): Promise<T> {
if (response.status === 204) {
return {} as T;
}
const data = await response.json().catch(() => null);
if (!response.ok) {
const errorPayload = data as { error?: { message?: string; code?: unknown } } | null;
const error = new Error(errorPayload?.error?.message ?? 'Request failed') as Error & { code?: unknown };
error.code = errorPayload?.error?.code ?? response.status;
throw error;
}
return data as T;
}
function coerceLocalized(value: unknown, fallback: string): string {
if (typeof value === 'string' && value.trim() !== '') {
return value;
}
if (value && typeof value === 'object') {
const obj = value as Record<string, unknown>;
const preferred = ['de', 'en'];
for (const key of preferred) {
const candidate = obj[key];
if (typeof candidate === 'string' && candidate.trim() !== '') {
return candidate;
}
}
const firstString = Object.values(obj).find((candidate) => typeof candidate === 'string' && candidate.trim() !== '');
if (typeof firstString === 'string') {
return firstString;
}
}
return fallback;
}
export async function fetchGalleryMeta(token: string, locale?: LocaleCode): Promise<GalleryMetaResponse> {
const params = new URLSearchParams();
if (locale) params.set('locale', locale);
const response = await fetch(`/api/v1/gallery/${encodeURIComponent(token)}${params.toString() ? `?${params.toString()}` : ''}`, {
headers: {
'Accept': 'application/json',
},
credentials: 'omit',
});
const data = await handleResponse<GalleryMetaResponse>(response);
if (data?.event) {
data.event = {
...data.event,
name: coerceLocalized((data.event as any).name, 'Fotospiel Event'),
description: coerceLocalized((data.event as any).description, ''),
};
}
return data;
}
export async function fetchGalleryPhotos(token: string, cursor?: string | null, limit = 30): Promise<GalleryPhotosResponse> {
const params = new URLSearchParams();
params.set('limit', String(limit));
if (cursor) {
params.set('cursor', cursor);
}
const response = await fetch(`/api/v1/gallery/${encodeURIComponent(token)}/photos?${params.toString()}`, {
headers: {
'Accept': 'application/json',
},
credentials: 'omit',
});
return handleResponse<GalleryPhotosResponse>(response);
}