Refactor Galerie component to use image IDs for keys and update image loading logic; add new scripts for generating previews and migrating public gallery to metadata with authentication checks.

scripts/generate-galerie-previews.js

@@ -0,0 +1,107 @@
+import fs from 'fs/promises'
+import path from 'path'
+import sharp from 'sharp'
+
+const getDataPath = (filename) => {
+  const cwd = process.cwd()
+  if (cwd.endsWith('.output')) return path.join(cwd, '../server/data', filename)
+  return path.join(cwd, 'server/data', filename)
+}
+
+const GALERIE_DIR = getDataPath('galerie')
+const GALERIE_METADATA = getDataPath('galerie-metadata.json')
+
+async function readJsonArray(file) {
+  try {
+    const data = await fs.readFile(file, 'utf-8')
+    const parsed = JSON.parse(data)
+    return Array.isArray(parsed) ? parsed : []
+  } catch (e) {
+    if (e.code === 'ENOENT') return []
+    throw e
+  }
+}
+
+async function writeJson(file, obj) {
+  await fs.writeFile(file, JSON.stringify(obj, null, 2), 'utf-8')
+}
+
+async function ensureDirs() {
+  await fs.mkdir(path.join(GALERIE_DIR, 'originals'), { recursive: true })
+  await fs.mkdir(path.join(GALERIE_DIR, 'previews'), { recursive: true })
+}
+
+async function fileExists(p) {
+  try {
+    await fs.access(p)
+    return true
+  } catch {
+    return false
+  }
+}
+
+async function generatePreviewForEntry(entry, size) {
+  const original = path.join(GALERIE_DIR, 'originals', entry.filename)
+  if (!(await fileExists(original))) return { ok: false, reason: 'missing original' }
+
+  const previewFilename = entry.previewFilename && String(entry.previewFilename).trim() !== ''
+    ? entry.previewFilename
+    : `preview_${entry.filename}`
+
+  const preview = path.join(GALERIE_DIR, 'previews', previewFilename)
+
+  await sharp(original)
+    .rotate()
+    .resize(size, size, {
+      fit: 'cover',
+      withoutEnlargement: true
+    })
+    .jpeg({ quality: 82, mozjpeg: true })
+    .toFile(preview)
+
+  return { ok: true, previewFilename }
+}
+
+async function main() {
+  const size = Number(process.env.GALERIE_PREVIEW_SIZE || 300)
+  await ensureDirs()
+
+  const entries = await readJsonArray(GALERIE_METADATA)
+  if (entries.length === 0) {
+    console.log('Keine Galerie-Metadaten gefunden.')
+    return
+  }
+
+  let changed = 0
+  let generated = 0
+  let skipped = 0
+
+  for (const entry of entries) {
+    if (!entry || !entry.filename) {
+      skipped++
+      continue
+    }
+
+    const res = await generatePreviewForEntry(entry, size)
+    if (!res.ok) {
+      skipped++
+      continue
+    }
+
+    generated++
+
+    if (entry.previewFilename !== res.previewFilename) {
+      entry.previewFilename = res.previewFilename
+      changed++
+    }
+  }
+
+  if (changed > 0) await writeJson(GALERIE_METADATA, entries)
+
+  console.log(`Previews erzeugt: ${generated}, übersprungen: ${skipped}, metadata-updates: ${changed}`)
+}
+
+main().catch(e => {
+  console.error(e)
+  process.exit(1)
+})

scripts/migrate-public-galerie-to-metadata.js

@@ -0,0 +1,96 @@
+import fs from 'fs/promises'
+import path from 'path'
+import { randomUUID } from 'crypto'
+
+const allowed = new Set(['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg'])
+
+const getDataPath = (filename) => {
+  const cwd = process.cwd()
+  if (cwd.endsWith('.output')) return path.join(cwd, '../server/data', filename)
+  return path.join(cwd, 'server/data', filename)
+}
+
+const GALERIE_DIR = getDataPath('galerie')
+const GALERIE_METADATA = getDataPath('galerie-metadata.json')
+const PUBLIC_GALERIE_DIR = path.join(process.cwd(), 'public', 'galerie')
+
+function titleFromFilename(filename) {
+  const nameWithoutExt = path.parse(filename).name
+  return nameWithoutExt.replace(/[-_]/g, ' ').replace(/\b\w/g, l => l.toUpperCase())
+}
+
+async function readJsonArray(file) {
+  try {
+    const data = await fs.readFile(file, 'utf-8')
+    const parsed = JSON.parse(data)
+    return Array.isArray(parsed) ? parsed : []
+  } catch (e) {
+    if (e.code === 'ENOENT') return []
+    throw e
+  }
+}
+
+async function ensureDirs() {
+  await fs.mkdir(path.join(GALERIE_DIR, 'originals'), { recursive: true })
+  await fs.mkdir(path.join(GALERIE_DIR, 'previews'), { recursive: true })
+}
+
+async function main() {
+  await ensureDirs()
+
+  const entries = await readJsonArray(GALERIE_METADATA)
+  const existingByName = new Map(entries.map(e => [e.filename, e]))
+
+  let files = []
+  try {
+    files = await fs.readdir(PUBLIC_GALERIE_DIR)
+  } catch (e) {
+    console.error('public/galerie nicht gefunden:', PUBLIC_GALERIE_DIR)
+    process.exit(1)
+  }
+
+  const candidates = files.filter(f => allowed.has(path.extname(f).toLowerCase()))
+  let migrated = 0
+  let skipped = 0
+
+  for (const filename of candidates) {
+    if (existingByName.has(filename)) {
+      skipped++
+      continue
+    }
+
+    const id = randomUUID()
+    const title = titleFromFilename(filename)
+
+    const src = path.join(PUBLIC_GALERIE_DIR, filename)
+    const dest = path.join(GALERIE_DIR, 'originals', filename)
+
+    await fs.rename(src, dest)
+
+    const meta = {
+      id,
+      filename,
+      previewFilename: `preview_${filename}`,
+      title,
+      description: '',
+      isPublic: true,
+      uploadedBy: 'migration',
+      uploadedAt: new Date().toISOString(),
+      originalName: filename
+    }
+
+    entries.push(meta)
+    existingByName.set(filename, meta)
+    migrated++
+  }
+
+  await fs.writeFile(GALERIE_METADATA, JSON.stringify(entries, null, 2), 'utf-8')
+
+  console.log(`Fertig. Migriert: ${migrated}, übersprungen: ${skipped}`)
+  console.log('Hinweis: previews werden nicht automatisch erzeugt. Für echte previews bitte neu hochladen oder ein separates preview-generator script verwenden.')
+}
+
+main().catch(e => {
+  console.error(e)
+  process.exit(1)
+})