* feat(admin): add backup manager UI with 1-click restore * feat(admin): collapse older backup entries by default * fix(theme): isolate admin layout, instant DOM theme updates, and add Light/Dark mode toggle * feat(admin): replace text controls for Photo Frame and Hero Style with visual preview cards * fix(admin): define missing CSS rules for button system (.btn, .preset-btn) * feat(admin): redesign theme settings with segmented mode toggle, accent color swatches, and custom iOS-style toggle cards * feat(admin): upgrade all settings tabs with visual grid previews, Google SEO snippet preview, and toggle cards * feat(admin): overhaul Pages Builder UX with slide-over drawer, card hover badges, real-time search, and floating save bar * fix(admin): remove leftover dangling syntax snippet in PageBuilder.tsx * fix(admin): add position: relative to subpage-tile so hover overlay is contained inside the tile * style(admin): replace all emojis with clean Leica-style vector SVG icons * fix(types): extend IconProps with SVGProps to allow style prop on Leica SVG icons * feat(admin): add subpage live-preview, privacy analytics, and asset protection settings * fix(typecheck): fix AlbumEntry property access in subpage drawer preview mode * fix(types): fix ImmichAlbumInfo property names thumbnailAssetId and albumName in PageBuilder.tsx * fix(types): add protection and watermark optional properties to AppConfig interface * feat(settings): add toggle for disabling analytics tracking (defaults to enabled) * feat(ux): show status banner when analytics tracking is disabled + add live sync indicator * feat(watermark): render customizable watermark overlay on Lightbox images + rename section to Portfolio Features & Modules * fix(types): import type LightboxWatermark in PhotoGrid.tsx * fix(types): destructure watermark prop in PhotoGrid function signature * feat(seo): add configurable subpage title template and metadata descriptions * feat(seo): add generateMetadata to about page for title template support * feat(proofing): add client proofing, favorites selection, compact URL bitmasking, and export modal * feat(essay): add Photo Essay storytelling mode with RSC markdown parser and fullbleed/pair layouts * feat(subpages): add page enabled toggle to deactivate subpages without deleting them * feat(admin): add visual essay block builder for photo essay storytelling pages * security: add Trivy container scan to Docker publish workflow Scans the built image for CRITICAL/HIGH CVEs on every release and uploads results to the GitHub Security tab. Non-blocking for now (exit-code 0) so releases aren't gated on findings. Also documents the scan and existing Dependabot coverage in the README. --------- Co-authored-by: ralksta <ralksta@users.noreply.github.com>
230 lines
5.4 KiB
TypeScript
230 lines
5.4 KiB
TypeScript
export interface SubpageSectionConfig {
|
|
title: string;
|
|
slug: string; // auto-derived from title, used as anchor
|
|
description?: string;
|
|
albumIds: string[];
|
|
}
|
|
|
|
export interface SubpageConfig {
|
|
name: string;
|
|
slug: string;
|
|
title?: string;
|
|
subtitle?: string;
|
|
albumIds: string[]; // flat list (all albums, incl. from sections)
|
|
sections?: SubpageSectionConfig[];
|
|
password?: string;
|
|
grid?: Partial<GridConfig>;
|
|
proofing?: boolean;
|
|
essayFile?: string;
|
|
essayText?: string;
|
|
enabled?: boolean;
|
|
}
|
|
|
|
export interface SubpageObjectValue {
|
|
title?: string;
|
|
subtitle?: string;
|
|
password?: string;
|
|
grid?: Partial<GridConfig>;
|
|
proofing?: boolean;
|
|
essayFile?: string;
|
|
essayText?: string;
|
|
enabled?: boolean;
|
|
albums?: Array<
|
|
string | Record<string, string | { title: string; description?: string; password?: string }>
|
|
>;
|
|
sections?: Array<{
|
|
title: string;
|
|
description?: string;
|
|
albums: Array<
|
|
string | Record<string, string | { title: string; description?: string; password?: string }>
|
|
>;
|
|
}>;
|
|
}
|
|
|
|
export interface FooterConfig {
|
|
name?: string;
|
|
instagram?: string;
|
|
email?: string;
|
|
website?: string;
|
|
}
|
|
|
|
export interface LegalConfig {
|
|
enabled: boolean;
|
|
name: string;
|
|
address: string;
|
|
zipCity: string;
|
|
country: string;
|
|
email?: string;
|
|
phone?: string;
|
|
taxId?: string;
|
|
vatId?: string;
|
|
extraInfo?: string;
|
|
}
|
|
|
|
export interface ThemeConfig {
|
|
preset: string;
|
|
accent: string;
|
|
fonts: { heading: string; body: string; caption: string };
|
|
radius: number;
|
|
photoFrame: 'none' | 'passepartout' | 'shadow';
|
|
grain: boolean;
|
|
headerDot: boolean;
|
|
heroStyle: 'split' | 'fullbleed' | 'minimal' | 'stacked' | 'typographic' | 'mosaic';
|
|
}
|
|
|
|
export interface GridConfig {
|
|
columns: number;
|
|
gap: number;
|
|
aspectRatio: string;
|
|
layout: 'masonry' | 'uniform' | 'showcase' | 'filmstrip' | 'editorial-flow' | 'essay';
|
|
}
|
|
|
|
export interface AppConfig {
|
|
immich: { apiUrl: string; apiKey: string };
|
|
authSecret: string;
|
|
albums: string[];
|
|
standaloneAlbums: string[];
|
|
subpages: SubpageConfig[];
|
|
siteTitle: string;
|
|
siteSubtitle: string;
|
|
lang: string;
|
|
seo: {
|
|
title: string;
|
|
description: string;
|
|
titleTemplate: string;
|
|
noIndex: boolean;
|
|
noFollow: boolean;
|
|
};
|
|
heroImages: string[];
|
|
exifOnHover: boolean;
|
|
grid: GridConfig;
|
|
theme: ThemeConfig;
|
|
footer: FooterConfig | null;
|
|
legal: LegalConfig;
|
|
map: boolean;
|
|
transitions: boolean;
|
|
analytics: boolean;
|
|
proofing: {
|
|
enabled: boolean;
|
|
allowMailto: boolean;
|
|
};
|
|
albumOverrides: Record<string, string>;
|
|
albumDescriptions: Record<string, string>;
|
|
albumPasswords: Record<string, string>;
|
|
albumHeroImages: Record<string, string>;
|
|
cacheTtl: number;
|
|
/** How long (ms) an expired cache entry may still be served while Immich is unreachable. */
|
|
staleMaxAge: number;
|
|
/** Response-wait budget for Immich API calls. Does not cap image/video body transfer. */
|
|
immichTimeoutMs: number;
|
|
rateLimitRpm: number;
|
|
trustedProxyHops: number;
|
|
needsSetup?: boolean;
|
|
protection?: {
|
|
disableRightClick?: boolean;
|
|
disableImageDrag?: boolean;
|
|
};
|
|
watermark?: {
|
|
enabled?: boolean;
|
|
text?: string;
|
|
opacity?: number;
|
|
position?: 'bottom-right' | 'bottom-left' | 'center';
|
|
};
|
|
}
|
|
|
|
export interface AlbumEntryObject {
|
|
title: string;
|
|
description?: string;
|
|
password?: string;
|
|
heroImage?: string;
|
|
}
|
|
|
|
export interface GalleryYaml {
|
|
hero?: string | string[];
|
|
albums?: Array<string | Record<string, string | AlbumEntryObject>>;
|
|
subpages?:
|
|
| Record<string, string[] | Array<string | Record<string, string>>>
|
|
| Array<{
|
|
name: string;
|
|
title?: string;
|
|
subtitle?: string;
|
|
albums?: Array<string | Record<string, string | AlbumEntryObject>>;
|
|
sections?: Array<{
|
|
title: string;
|
|
description?: string;
|
|
albums: Array<string | Record<string, string | AlbumEntryObject>>;
|
|
}>;
|
|
password?: string;
|
|
proofing?: boolean;
|
|
essayFile?: string;
|
|
essayText?: string;
|
|
enabled?: boolean;
|
|
grid?: {
|
|
columns?: number;
|
|
gap?: number;
|
|
aspectRatio?: string;
|
|
layout?: string;
|
|
};
|
|
}>;
|
|
}
|
|
|
|
export interface SettingsYaml {
|
|
title?: string;
|
|
subtitle?: string;
|
|
lang?: string;
|
|
seo?: {
|
|
title?: string;
|
|
description?: string;
|
|
titleTemplate?: string;
|
|
noIndex?: boolean;
|
|
noFollow?: boolean;
|
|
};
|
|
exifOnHover?: boolean;
|
|
map?: boolean;
|
|
transitions?: boolean;
|
|
analytics?: boolean;
|
|
proofing?: {
|
|
enabled?: boolean;
|
|
allowMailto?: boolean;
|
|
};
|
|
theme?:
|
|
| string
|
|
| {
|
|
preset?: string;
|
|
accent?: string;
|
|
fonts?: { heading?: string; body?: string; caption?: string };
|
|
radius?: number;
|
|
photoFrame?: string;
|
|
grain?: boolean;
|
|
headerDot?: boolean;
|
|
heroStyle?: string;
|
|
};
|
|
grid?: {
|
|
columns?: number;
|
|
gap?: number;
|
|
aspectRatio?: string;
|
|
layout?: string;
|
|
};
|
|
footer?: FooterConfig;
|
|
legal?: Partial<LegalConfig>;
|
|
protection?: {
|
|
disableRightClick?: boolean;
|
|
disableImageDrag?: boolean;
|
|
};
|
|
watermark?: {
|
|
enabled?: boolean;
|
|
text?: string;
|
|
opacity?: number;
|
|
position?: 'bottom-right' | 'bottom-left' | 'center';
|
|
};
|
|
}
|
|
|
|
export function slugify(name: string): string {
|
|
return name
|
|
.toLowerCase()
|
|
.normalize('NFD')
|
|
.replace(/[\u0300-\u036f]/g, '')
|
|
.replace(/[^a-z0-9]+/g, '-')
|
|
.replace(/^-+|-+$/g, '');
|
|
}
|