feat: verschieben, Ordner, Adressvorlagen, API-Seite mit Export

VERSCHIEBEN. Dateien in einen anderen Ordner legen -- mit einer Warnung, die
OBEN steht und nicht im Kleingedruckten: der Pfad IST die oeffentliche Adresse,
nach dem Verschieben fuehrt die alte URL ins Leere. Das ist kein Fehler,
sondern der Preis vorhersagbarer Adressen; man muss es nur vorher wissen.

Der Umzug ist ein `rename` und kein Kopieren-dann-Loeschen: auf derselben
Platte ist das unteilbar. Die Vorschau zieht mit, sonst zeigte die Galerie am
neuen Ort nichts und am alten das Bild einer Datei, die dort nicht mehr liegt.
Eine belegte Zieladresse wird NICHT still ueberschrieben -- da verschwaende
sonst eine fremde Datei, und der Verlauf zeigte nur einen Umzug.

Der Verlauf kennt dafuer eine neue Spalte `von` und eine neue Art `move`; ohne
sie stuende dort nur das Ziel und die Frage "wo war die vorher" waere nicht
mehr zu beantworten.

ORDNER anlegen und entfernen. Leere Ordner gibt es sonst nicht -- sie sind der
Teil eines Pfades vor dem letzten Schraegstrich, mehr nicht. Jetzt sind sie ein
echtes Verzeichnis, und /folders liest Tabelle und Platte zusammen. Ein Ordner
MIT Inhalt wird nicht mitgeloescht: das waere ein Knopf, der hunderte Dateien
wegraeumt, ohne sie zu zeigen.

ADRESSVORLAGEN. Der Bauplan einer oeffentlichen Adresse, benannt und
gespeichert (vehicles/{model}.webp). Sie werden auf der Startseite und der
API-Seite mit ausgefuellter Adresse gezeigt. Ohne Platzhalter oder mit ".." im
Muster wird abgelehnt -- beides nachgemessen.

API-SEITE. Anleitung fuer die eigenen Skripte, und der Punkt daran: die
Beispiele stehen MIT DER ECHTEN ADRESSE drin statt mit example.com. Wer
abschreibt, schreibt keinen Tippfehler ab. Dazu Export in drei Formen -- JSON,
CSV (Semikolon und CRLF, sonst steht in Excel alles in einer Spalte) und eine
fertige Lua-Tabelle Name -> Adresse, die man in eine Resource legt.

DREI FEHLER BEIM MESSEN GEFUNDEN:
- rm mit recursive:false wirft bei einem Verzeichnis EISDIR und sagt damit
  etwas ganz anderes, als der Fall ist. rmdir scheitert von selbst, wenn der
  Ordner nicht leer ist -- genau das gewuenschte Verhalten.
- In der Lua-Ausgabe war "\'" gemeint und "\'" geschrieben: in JavaScript ist
  das schlicht ein Apostroph, der Backslash faellt weg. Ein Modellname mit
  Apostroph haette die erzeugte Datei zerlegt.
- Der Export mit Ordnerfilter antwortete mit einem NACKTEN 500 (kaputtes
  ESCAPE in der SQL-Zeile). Ausgerechnet das.

Deshalb hat der Dienst jetzt eine AUFFANGLINIE: app.onError gibt einen Text
statt "Internal Server Error". Wir haben das bisher an den bekannten Stellen
einzeln abgefangen -- und prompt hat ein Tippfehler die Luecke gefunden. Eine
Stelle schliesst sie fuer alles, woran heute niemand denkt.

Dazu: die Verlaufstabelle hat feste Spaltenbreiten (colgroup) und ueberall
dieselben Abstaende -- vorher hatten Kopf und Koerper verschiedene, und der
Pfad wurde abgeschnitten, obwohl daneben Platz frei war. Und die Anmeldeseite
hat zwei weiche Lichter statt einer leeren Flaeche.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-11 20:01:01 +02:00
co-authored by Claude Opus 5
parent 32d69c9945
commit 67d2f4ec93
15 changed files with 1012 additions and 39 deletions
+32 -11
View File
@@ -6,6 +6,7 @@ import {
Loader2,
RefreshCw,
Search,
FolderInput,
Trash2,
Upload,
X,
@@ -23,6 +24,7 @@ const arten: Record<EventKind, { text: string; farbe: string; kind: typeof Uploa
upload: { text: 'hochgeladen', farbe: 'text-gut', kind: Upload },
replace: { text: 'ersetzt', farbe: 'text-warn', kind: RefreshCw },
delete: { text: 'gelöscht', farbe: 'text-schlecht', kind: Trash2 },
move: { text: 'verschoben', farbe: 'text-akzent', kind: FolderInput },
}
export function Verlauf() {
@@ -198,14 +200,25 @@ export function Verlauf() {
text="Für diese Auswahl gibt es nichts."
/>
) : (
<table className="w-full text-sm">
<table className="w-full table-fixed text-sm">
{/* Die Spaltenbreiten stehen HIER und nicht verteilt an
den Zellen: vorher hatten Kopf und Koerper
verschiedene Abstaende, und der Pfad wurde
abgeschnitten, obwohl daneben Platz frei war. */}
<colgroup>
<col className="w-40" />
<col className="w-32" />
<col />
<col className="w-24" />
<col className="w-44" />
</colgroup>
<thead>
<tr className="text-left text-xs text-schrift-leise">
<th className="pb-2 font-medium">Wann</th>
<th className="pb-2 font-medium">Was</th>
<th className="pb-2 font-medium">Pfad</th>
<th className="pb-2 pr-8 text-right font-medium">Größe</th>
<th className="pb-2 pl-2 font-medium">Von wem</th>
<th className="px-3 pb-2 font-medium">Wann</th>
<th className="px-3 pb-2 font-medium">Was</th>
<th className="px-3 pb-2 font-medium">Pfad</th>
<th className="px-3 pb-2 text-right font-medium">Größe</th>
<th className="px-3 pb-2 font-medium">Von wem</th>
</tr>
</thead>
<tbody>
@@ -214,22 +227,30 @@ export function Verlauf() {
const Kind = a.kind
return (
<tr key={e.id} className="border-t border-rand">
<td className="py-1.5 whitespace-nowrap text-schrift-leise tabular-nums">
<td className="px-3 py-1.5 whitespace-nowrap text-schrift-leise tabular-nums">
{zeit(e.at)}
</td>
<td className={`py-1.5 whitespace-nowrap ${a.farbe}`}>
<td className={`px-3 py-1.5 whitespace-nowrap ${a.farbe}`}>
<span className="flex items-center gap-1.5">
<Kind size={13} />
{a.text}
</span>
</td>
<td className="max-w-0 truncate py-1.5 font-mono text-xs" title={e.path}>
<td
className="max-w-0 truncate px-3 py-1.5 font-mono text-xs"
title={e.von ? `${e.von}${e.path}` : e.path}
>
{e.von && (
<span className="text-schrift-leise">
{e.von} {' '}
</span>
)}
{e.path}
</td>
<td className="py-1.5 pr-8 text-right whitespace-nowrap text-schrift-leise tabular-nums">
<td className="px-3 py-1.5 text-right whitespace-nowrap text-schrift-leise tabular-nums">
{e.size === null ? '—' : bytes(e.size)}
</td>
<td className="py-1.5 pl-2 whitespace-nowrap">
<td className="px-3 py-1.5 whitespace-nowrap">
<span className="flex items-center gap-2">
{e.actor_kind !== 'unbekannt' && (
<Avatar