Beim Antworten im Support darf jetzt ein Bild mit

VanVan (Support): „Wenn man hier im Support auf deine Frage 'geht es
wieder' reagiert und antwortet, kann man auch kein Bild hinzufügen. Das
müsstest du auch noch hinzufügen, damit man nochmal ein Bild anhängen
kann, wenn das Problem noch besteht oder sich durch die Änderung ein
neues Problem ergeben hat."

Ihr zweiter Halbsatz ist der eigentliche Grund, und ich waere nicht
darauf gekommen: Das Bild beim MELDEN zeigt das ERSTE Problem. Taucht
durch die Aenderung ein neues auf, hilft das alte Bild niemandem.

WO ES LIEGT: AN DER RUNDE, NICHT AN DER MELDUNG

Die Meldung hat schon ein Bild -- das vom ersten Mal. Wuerde es hier
ueberschrieben, waere nach Runde drei nicht mehr zu sehen, womit es
angefangen hat. Genau diese Frage loest einen wiederkehrenden Fehler,
und genau deshalb gibt es die Rundentabelle ueberhaupt (ihre eigene
Begruendung steht seit dem 25.09. darueber).

DERSELBE WEG WIE BEIM MELDEN, NICHT EIN ZWEITER

Text und Urteil reisen im Kopf (`x-text`, `x-geht`), das Bild im
Rumpf, eine Route fuer beides. Die Begruendung stand schon beim
Melden und gilt hier genauso: Zwei Routen haetten einen Zustand
dazwischen -- eine Antwort, die schon zaehlt, waehrend das Bild noch
laedt. Ein leerer Rumpf ist zulaessig; ein Bildschirmfoto ist Hilfe,
keine Huerde.

DIE SPALTEN MUESSEN NACHGETRAGEN WERDEN, und das ist die Stelle, an
der es sonst schiefgeht: Die Tabelle entsteht mit `CREATE TABLE IF NOT
EXISTS`. Auf einer Datenbank, die es schon gibt -- also auf dem Server
-- sieht das den Namen, findet ihn, und ist fertig. Die vier neuen
Spalten kaemen dort NIE an: lokal alles gruen (jede Pruefung legt ihre
Datenbank frisch an), live ein Schreibfehler. Zwanzig Zeilen weiter
oben steht derselbe Fall schon einmal, damals mit einem Index.
Deshalb ein ALTER-Nachtrag, der die Tabelle SELBST fragt
(`PRAGMA table_info`) statt einer gepflegten Liste.

DATENBANK VORHER GESICHERT (Hausregel bei Schemaaenderungen):
`sicherungen/vor-support-rundenbild-20261002-142949.db`, geprueft mit
`integrity_check: ok`, 20 Personen, 16 Runden.

DER DIALOG KANN JETZT EIN BILD -- UND ZWAR NUR, WENN MAN IHN FRAGT

Das Feld ist eine Option von `frageNach` und standardmaessig AUS.
Ohne diese Vorgabe bekaemen die 56 anderen Rueckfragen im Haus ein
Bildfeld, nach dem niemand gefragt hat.

Es steht dort und nicht in support.js, weil Grund und Bild in
DENSELBEN Kasten gehoeren: Zwei Dialoge nacheinander hiessen, dass
jemand beim zweiten abbricht und den ersten umsonst getippt hat --
dieselbe Begruendung, aus der die Anzahl-Zeile dort gelandet ist.

Mit Vorschau. Wer sieht, was er anhaengt, haengt seltener das falsche
Bild an.

IM NOTAUSGANG GIBT ES KEINS, und das wird gesagt statt verschwiegen:
`window.prompt` kann keine Datei. Wer einen Browser ohne `<dialog>`
hat, kann antworten -- nur eben ohne Anhang. `bild: null` sorgt dafuer,
dass die aufrufende Stelle nicht raten muss.

GEPRUEFT

pruef-support 48 -> 78. Fuenf vorhandene Aufrufe mussten auf den neuen
Weg mitgezogen werden -- haette ich das vergessen, haetten sie ab
heute nur noch ihre eigene Veraltung gemessen. Neu dazu:

    die Antwort geht mit Bild durch (200)
    im Verlauf haengt das Bild an Runde 1
      und zwar an DIESER Runde, nicht oben an der Meldung
    der Melder bekommt es wieder (200, 70 von 70 Bytes)
    und ueber den gemeinsamen Ausliefer-Weg (Accept-Ranges)
    die Leitung sieht es auch (200)
    ein Fremder bekommt 404 — nicht 403, sonst waere die Nummer verraten
    ohne Anmeldung gar nichts (401)
    ohne Bild geht es genauso (200)
    eine PDF wird abgelehnt (415)

pruef-nachfrage 53 -> 69, am echten Bildschirm, mit echten Dateien
ueber `DataTransfer`:

    ohne Angabe bleibt die Bildzeile verborgen
    der Knopf ist 44 px hoch (Fingermass)
    nach der Wahl steht der Name da, Vorschau ist da
    ein 300x900 grosses Bild wird auf 160 px gedeckelt
      und der Senden-Knopf steht weiter im Fenster
    Gegenprobe: Abbrechen gibt nichts zurueck, auch kein Bild
    und beim naechsten Oeffnen ist es leer

ZWEI EIGENE FEHLER, BEIDE VON DER MESSUNG GEFUNDEN:
 · Meine erste Fassung las die neue Meldung ueber `.id` statt
   `.meldung.id` und meldete „#undefined". Die Pruefung hatte recht,
   der Fehler war meiner.
 · Die Obergrenze der Vorschau habe ich zuerst an einem 1x1-Bild
   gemessen: „3 px, hoechstens 160" -- gruen und wertlos, ein ein
   Pixel hohes Bild kann keine Grenze ueberschreiten. Jetzt entsteht
   im Browser ein 300x900 grosses, und die Grenze wird wirklich
   geprueft.

Dazu unveraendert gruen: pruef-aufbewahrung 45 · pruef-css-klassen 37 ·
pruef-struktur 99.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-10-02 14:30:39 +02:00
co-authored by Claude Opus 5
parent 58911d7c4f
commit 4c08c8859d
53 changed files with 1407 additions and 693 deletions
+120 -10
View File
@@ -465,8 +465,7 @@ melde("\n=== Sich kuemmern ===");
diese Zeile koennte sie ihre eigene Arbeit abnicken, und der
ganze Umweg waere Zierde. */
const fremd = await hol("hand", `/workspace/api/support/${meldungMitBild}/rueckmeldung`, {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ geht: true }),
method: "POST", headers: { "x-geht": "ja" },
});
ok(fremd.status === 404,
`Gegenprobe: die Leitung bestaetigt nicht fuer den Melder (${fremd.status})`);
@@ -494,15 +493,15 @@ melde("\n=== Sich kuemmern ===");
/* ---- „Noch nicht" -- und ohne Wort geht das nicht ------------- */
const ohneWort = await hol("modi", `/workspace/api/support/${meldungMitBild}/rueckmeldung`, {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ geht: false }),
method: "POST", headers: { "x-geht": "nein" },
});
ok(ohneWort.status === 400,
`„noch nicht" ohne Wort wird abgelehnt (${ohneWort.status})`);
const zurueck = await hol("modi", `/workspace/api/support/${meldungMitBild}/rueckmeldung`, {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ geht: false, text: "Die Farbe ja, das Datum nicht." }),
method: "POST",
headers: { "x-geht": "nein",
"x-text": encodeURIComponent("Die Farbe ja, das Datum nicht.") },
});
ok(zurueck.status === 200, `mit Wort geht es zurueck (${zurueck.status})`);
@@ -521,8 +520,7 @@ melde("\n=== Sich kuemmern ===");
ok(zu2.status === 200, `die Leitung antwortet ein zweites Mal (${zu2.status})`);
const bestaetigt = await hol("modi", `/workspace/api/support/${meldungMitBild}/rueckmeldung`, {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ geht: true }),
method: "POST", headers: { "x-geht": "ja" },
});
ok(bestaetigt.status === 200, `der Melder bestaetigt (${bestaetigt.status})`);
@@ -547,12 +545,124 @@ melde("\n=== Sich kuemmern ===");
sich eine geschlossene Sache durch ein zweites „noch nicht"
wieder aufmachen -- „zugemacht" waere dann eine Meinung. */
const nochmal2 = await hol("modi", `/workspace/api/support/${meldungMitBild}/rueckmeldung`, {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ geht: false, text: "doch nicht" }),
method: "POST",
headers: { "x-geht": "nein", "x-text": encodeURIComponent("doch nicht") },
});
ok(nochmal2.status === 409,
` und der Melder kann sie auch nicht wieder aufmachen (${nochmal2.status})`);
}
/* ===================================================================
EIN BILD ZUR ANTWORT (02.10.2026)
VanVan: „Wenn man hier im Support auf deine Frage 'geht es wieder'
reagiert und antwortet, kann man auch kein Bild hinzufuegen. Das
muesstest du auch noch hinzufuegen, damit man nochmal ein Bild
anhaengen kann, wenn das Problem noch besteht oder sich durch die
Aenderung ein neues Problem ergeben hat."
Beim MELDEN gab es ein Bild von Anfang an, beim ANTWORTEN nicht.
GEPRUEFT WIRD AN EINER NEUEN MELDUNG, nicht an der von oben: Die
ist erledigt und nimmt keine Antwort mehr an -- eine Pruefung, die
das uebersieht, misst eine 409 und haelt sie fuer einen Befund.
=================================================================== */
melde("\n=== Ein Bild zur Antwort ===");
{
const neu = await hol("modi", "/workspace/api/support", {
method: "POST",
headers: { "Content-Type": "text/plain",
"x-text": encodeURIComponent("Die Liste springt beim Scrollen.") },
});
/* Das Feld heisst -- nachgesehen, nicht geraten.
Mein erster Anlauf fragte und bekam ; die
Meldung war 201, der Fehler war meiner. */
const neuId = (await neu.json())?.meldung?.id;
ok(neu.status === 201 && Number.isInteger(neuId),
`eine frische Meldung (${neu.status}, #${neuId})`);
await hol("hand", `/workspace/api/support/${neuId}`, {
method: "PATCH", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ stand: "erledigt", antwort: "Probier es nochmal." }),
});
/* ---- Mit Bild zurueckgeben ----------------------------------- */
const mitBild = await hol("modi", `/workspace/api/support/${neuId}/rueckmeldung`, {
method: "POST",
headers: { "Content-Type": "image/png", "x-geht": "nein",
"x-text": encodeURIComponent("Jetzt springt sie nach oben – siehe Bild.") },
body: PNG,
});
ok(mitBild.status === 200, `die Antwort geht mit Bild durch (${mitBild.status})`);
const stand = await standVon("modi", neuId);
const r1 = (stand?.verlauf || [])[0];
ok(!!r1?.urteil_bild,
`im Verlauf haengt das Bild an Runde ${r1?.nr} (${r1?.urteil_bild})`);
/* AN DER RUNDE UND NICHT AN DER MELDUNG. Sonst waere nach drei
Runden nicht mehr zu sehen, welches Bild zu welchem Versuch
gehoerte. */
ok(/\/runde\/1\/bild$/.test(r1?.urteil_bild || ""),
" und zwar an DIESER Runde, nicht oben an der Meldung");
ok(/noch nicht|nicht/.test(r1?.urteil || ""), ` das Urteil steht dabei (${r1?.urteil})`);
ok(/springt sie nach oben/.test(r1?.urteil_text || ""),
` und der Text kam durch den Kopf heil an („${r1?.urteil_text}")`);
/* ---- Das Bild kommt auch heraus ------------------------------ */
const holen = await hol("modi", r1.urteil_bild);
const bytes = Buffer.from(await holen.arrayBuffer());
ok(holen.status === 200 && bytes.length === PNG.length,
`der Melder bekommt es wieder (HTTP ${holen.status}, ${bytes.length} von ${PNG.length} Bytes)`);
ok(holen.headers.get("content-type") === "image/png",
`mit dem erkannten Typ (${holen.headers.get("content-type")})`);
/* Es geht ueber denselben Ausliefer-Weg wie alles andere seit
heute frueh -- also mit Teilanfragen. */
ok(holen.headers.get("accept-ranges") === "bytes",
"und ueber den gemeinsamen Ausliefer-Weg (Accept-Ranges)");
const auchLeitung = await hol("hand", r1.urteil_bild);
ok(auchLeitung.status === 200,
`die Leitung sieht es auch (${auchLeitung.status}) — sie soll ja darauf schauen`);
/* ---- GEGENPROBEN ---------------------------------------------- */
const fremder = await hol("gast", r1.urteil_bild);
ok(fremder.status === 404,
`ein Fremder bekommt 404 (${fremder.status}) — nicht 403, sonst waere die Nummer verraten`);
const ohneAnmeldung = await fetch(BASIS + r1.urteil_bild);
ok(ohneAnmeldung.status !== 200,
`ohne Anmeldung gar nichts (${ohneAnmeldung.status})`);
const gibtsNicht = await hol("modi", `/workspace/api/support/${neuId}/runde/9/bild`);
ok(gibtsNicht.status === 404, `eine Runde ohne Bild gibt 404 (${gibtsNicht.status})`);
/* KEIN BILD IST WEITERHIN ERLAUBT -- ein Bildschirmfoto ist Hilfe,
keine Huerde. Ohne diese Zeile koennte die Pflicht hereinrutschen,
ohne dass es jemandem auffaellt. */
await hol("hand", `/workspace/api/support/${neuId}`, {
method: "PATCH", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ stand: "erledigt", antwort: "Und jetzt?" }),
});
const ohneBild = await hol("modi", `/workspace/api/support/${neuId}/rueckmeldung`, {
method: "POST",
headers: { "x-geht": "nein", "x-text": encodeURIComponent("Immer noch nicht.") },
});
ok(ohneBild.status === 200, `ohne Bild geht es genauso (${ohneBild.status})`);
/* UND NUR BILDER. Eine PDF im Bildfeld waere eine Tuer, nach der
niemand gefragt hat -- dieselbe Absage wie beim Melden. */
await hol("hand", `/workspace/api/support/${neuId}`, {
method: "PATCH", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ stand: "erledigt", antwort: "Und nun?" }),
});
const alsPdf = await hol("modi", `/workspace/api/support/${neuId}/rueckmeldung`, {
method: "POST",
headers: { "Content-Type": "application/pdf", "x-geht": "nein",
"x-text": encodeURIComponent("Hier ein PDF.") },
body: Buffer.from("%PDF-1.4\n%%EOF\n"),
});
ok(alsPdf.status === 415, `eine PDF wird abgelehnt (${alsPdf.status})`);
}
}
/* =====================================================================