soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Neue Branding-Page und Gäste-PWA reagiert nun auf Branding-Einstellungen vom event-admin. Implemented local Google Fonts pipeline and admin UI selects for branding and invites.

Browse Source 
- Added fonts:sync-google command (uses GOOGLE_FONTS_API_KEY, generates /public/fonts/google files, manifest, CSS, cache flush) and
    exposed manifest via new GET /api/v1/tenant/fonts endpoint with fallbacks for existing local fonts.
  - Imported generated fonts CSS, added API client + font loader hook, and wired branding page font fields to searchable selects (with
    custom override) that auto-load selected fonts.
  - Invites layout editor now offers font selection per element with runtime font loading for previews/export alignment.
  - New tests cover font sync command and font manifest API.

  Tests run: php artisan test --filter=Fonts --testsuite=Feature.
  Note: repository already has other modified files (e.g., EventPublicController, SettingsStoreRequest, guest components, etc.); left
  untouched. Run php artisan fonts:sync-google after setting the API key to populate /public/fonts/google.
This commit is contained in:
Codex Agent
2025-11-25 19:31:52 +01:00
parent 4d31eb4d42
commit 9bde8f3f32
38 changed files with 2420 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/admin/lib/branding.ts
View File

@@ -12,7 +12,8 @@ export function extractBrandingPalette(settings: TenantEvent['settings'] | null
if (settings && typeof settings === 'object') {
const brand = (settings as Record<string, unknown>).branding;
if (brand && typeof brand === 'object') {
const colorPalette = (brand as Record<string, unknown>).colors;
const palette = (brand as Record<string, unknown>).palette as Record<string, unknown> | undefined;
const colorPalette = palette ?? (brand as Record<string, unknown>).colors;
if (colorPalette && typeof colorPalette === 'object') {
const paletteRecord = colorPalette as Record<string, unknown>;
for (const key of Object.keys(paletteRecord)) {
@@ -22,7 +23,22 @@ export function extractBrandingPalette(settings: TenantEvent['settings'] | null
}
}
}
const fontValue = (brand as Record<string, unknown>).font_family;
const directColors = [
(brand as Record<string, unknown>).primary_color,
(brand as Record<string, unknown>).secondary_color,
(brand as Record<string, unknown>).background_color,
];
directColors.forEach((value) => {
if (typeof value === 'string' && value.trim()) {
colors.push(value);
}
});
const typography = (brand as Record<string, unknown>).typography as Record<string, unknown> | undefined;
const fontValue = (brand as Record<string, unknown>).font_family
?? (typography?.body as string | undefined)
?? (typography?.heading as string | undefined);
if (typeof fontValue === 'string' && fontValue.trim()) {
font = fontValue.trim();
}