Dogen statt Geld -- und die Texte schreiben die Leute selbst

Filipe, 28.09.2026:
  "der text der dazu erscheint sollen die leute selber schreiben
   koennen. soll auf nicht zu viel aber auch nicht zu wenig
   schreiben koennen. aber es sollen personalisierte texte sein von
   den leuten selbst."
  "mann soll nie die summe sehen sondern die dogen auch mit dem
   symbol ... es soll auch nie geld da stehen sondern Dogen."
  "ich will dass die den leuten auch als punkte hinzugefuegt werden."

DER TEXT KOMMT VON DEM, DER GIBT

Bisher konnte ihn nur die Leitung tippen; beim Melden schickte der
Zuschauer gar nichts mit. Jetzt stehen nach dem Tippen auf einen
Betrag zwei Felder da: Name auf der Karte (mit dem eigenen Namen
vorausgefuellt) und der eigene Text, bis 140 Zeichen.

140 ist gemessen, nicht geraten: Die Karte steht je nach Stufe sechs
bis elf Sekunden. Bei 140 Zeichen sind das zwei bis drei Zeilen -- die
fasst man im Vorbeischauen. Bei 200 wird die Schrift auf einer kleinen
Karte so eng, dass niemand mehr hinsieht, und ein Gruss, den keiner
liest, ist schlechter als ein kurzer. Der Zaehler erscheint erst ab
30 uebrigen Zeichen; einer, der von Anfang an mitlaeuft, macht aus
einem Gruss eine Aufgabe.

UND EINE SCHRANKE DAVOR. Der Text kommt von einem Fremden und steht
gleich im Livestream. Er laeuft ohnehin durch die Bestaetigung -- neu
ist, dass die Leitung ihn dort AENDERN kann. Ohne das bliebe nur "ganz
ablehnen", und dann faellt wegen eines Wortes eine echte Spende unter
den Tisch.

NIE WIEDER GELD AUF DEM BILDSCHIRM

Ein Doge sind zehn Euro (Filipes Angabe "1 euro sind 0,10 dogen",
rueckgefragt und bestaetigt -- zwischen den beiden Lesarten liegt der
Faktor 100). Gerechnet wird in Tausendsteln, nie in Kommazahlen.

Das Entscheidende ist nicht die Beschriftung: DER BROWSER BEKOMMT
KEINEN EURO-BETRAG MEHR, auch nicht verborgen im JSON. Der Kurs steht
einmal auf dem Server. Was nicht gesendet wird, kann an keiner Stelle
versehentlich erscheinen, und niemand muss daran denken. Gemessen:
38 Felder im Stand, kein Geldfeld, kein Eurozeichen, auch nicht auf
der Buehnentafel. Der einzige Ort, an dem noch ein Euro entsteht, ist
die PayPal-Adresse -- weil PayPal ihn braucht.

DIE PUNKTE: EIN BUCH, KEIN ZAEHLER

Ein Feld `dogen` an der Person waere kuerzer gewesen -- und die zweite
Antwort auf dieselbe Frage. Der Stand IST die Summe der Buchungen, und
eine Summe kann sich nicht von ihren Posten entfernen. Weil Filipe
spaeter etwas daran haengen will ("spezielle sachen ... wo mit diesen
dogpunkten zu tun hat"), steht neben jeder Zeile ein Grund und ein
Datum: Ein Zaehler, der kleiner wird, laesst keine Frage mehr
beantworten.

Dass nie doppelt gutgeschrieben wird, entscheidet ein eindeutiger
Index in der Datenbank und keine Bedingung im Programm -- "nochmal
zeigen" und ein wiederholter Strom koennen es damit gar nicht
ausloesen.

Ohne Person keine Punkte: Eine von Hand eingetragene Spende hat oft
nur einen Vornamen auf dem Handy. Daraus eine Person zu RATEN waere
schlimmer als keine Gutschrift -- deshalb waehlt die Leitung sie aus,
und tut sie es nicht, laeuft die Karte trotzdem.

DAS SYMBOL IST VORBEREITET

Filipe: "die symbole schick ich dir spaeter." Es wird im Regiepult
hochgeladen, ohne Deploy -- bis dahin steht eine gezeichnete Muenze
da. Es liegt bei den Stufenbildern, weil das der einzige Weg ist, der
Bilder OHNE Anmeldung ausliefert; sonst fehlte es ausgerechnet im
Stream.

=======================================================================
UND EINE REPARATUR AN DEM, WAS HEUTE MITTAG LIVE GING

Seit 3fedeea7 war der Buehnenmodus (reaktion.html?nur=buehne) kaputt:
Leinwand null Pixel hoch, im Stream ein schwarzes Bild. Das ist die
Fensterquelle fuer den Fall, dass Gaeste im Bild sind.

Ursache: Teil A hat die Zeilen des Saals festgenagelt (#teil-live auf
Zeile 2). Im Buehnenmodus stand aber seit jeher eine eigene Regel, die
dem Saal nur EINE Zeile gibt -- das Video landete in einer impliziten
Zeile, die sich nach ihrem Inhalt bemisst, waehrend die Leinwand ihre
Hoehe aus der Zeile nimmt. Beide warten aufeinander, heraus kommt
null.

Das ist heute der VIERTE Fall von "zwei Regeln fuer dieselbe Frage"
(Tafeln, Saalzeilen, Kamerabreite, Buehnenmodus). Die Loesung ist
jedes Mal dieselbe: nicht die zweite Regel richtig stellen, sondern
sie abschaffen.

DREI DINGE, DIE DARAN LEHRREICH SIND:

1. MEINE EIGENE PRUEFUNG WAR GRUEN UND WERTLOS. Ich hatte nach Teil A
   extra geprueft: "genau eine Regel bestimmt die Zeilen des Saals".
   Sie verlangte, dass die Zeile mit `.saal` BEGINNT -- und hat
   `body[data-nur="buehne"] .saal { … }` deshalb nie gesehen. Jetzt
   zaehlt sie jede Regel, in deren Auswahl `.saal` vorkommt, mit einer
   Gegenprobe, die eine eingeschobene zweite wirklich findet.

2. EINE SEITE MIT ZWEI ANSICHTEN BRAUCHT BEIDE MESSUNGEN. Nach Teil A
   liefen `pruef-buehne` (Schnittstelle) und `mess-reaktion` (normale
   Ansicht). `mess-buehne` -- die einzige, die diese Ansicht
   ueberhaupt oeffnet -- lief nicht.

3. EIN PYTHON-SKRIPT, DAS ERST AM ENDE SCHREIBT, MELDET "ok" FUER
   AENDERUNGEN, DIE NIE ANKOMMEN. Eine fehlgeschlagene Zusicherung hat
   einen ganzen Stapel verworfen, obwohl die erste Aenderung schon
   bestaetigt war. Die Messung meldete daraufhin "Auf der Karte steht:
   undefined" -- kein Fehler im Code, sondern eine Zeile, die nie
   geschrieben wurde. Gefunden hat es die Messung, nicht das Lesen.

pruef-spenden 136/0 (vorher 95) - pruef-reaktion 321/0 -
pruef-buehne 36/0 - pruef-css-klassen ok - pruef-tippziele 11/0 -
mess-reaktion und mess-buehne ohne Beanstandung

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-28 18:54:02 +02:00
co-authored by Claude Opus 5
parent 3fedeea716
commit c00c209ac9
56 changed files with 2305 additions and 856 deletions
+209 -14
View File
@@ -555,6 +555,14 @@ if ((spLage.j?.knoepfe || []).length !== 4) {
ausgang = 1;
}
/* DIE ZUSCHAUERSEITE WIRD NEU GELADEN. Sie wurde geoeffnet, BEVOR
die PayPal-Adresse gesetzt war -- ohne sie gibt es keinen
Geben-Kasten, und der ist ab hier das Gemessene. Ein Neuladen ist
dabei nicht geschummelt, sondern der Normalfall: So kommt jeder
an, der spaeter dazustoesst. */
await zuschauer.seite.reload({ waitUntil: "domcontentloaded" });
await zuschauer.seite.waitForTimeout(1800);
/* 1. Von Hand eintragen -- die Karte muss bei der Zuschauerin laufen. */
await zuschauer.seite.evaluate(() => { window.__karten = []; });
await zuschauer.seite.evaluate(() => {
@@ -564,9 +572,16 @@ await zuschauer.seite.evaluate(() => {
for (const n of e.addedNodes) {
if (n.querySelector) {
window.__karten.push({
betrag: n.querySelector(".spendenkarte__betrag")?.textContent?.trim(),
/* NUR DIE ZAHL, NICHT DIE GANZE ZEILE. Seit dem
28.09. steht neben ihr ein Zeichen und das Wort
„Dogen"; `textContent` klebte beides zusammen
(„2,5Dogen"), und eine Suche mit regulaerem Ausdruck
darin traefe frueher oder spaeter das Falsche. */
betrag: n.querySelector(".dogen__zahl")?.textContent?.trim(),
wort: n.querySelector(".dogen__wort")?.textContent?.trim(),
wer: n.querySelector(".spendenkarte__wer")?.textContent?.trim(),
stufe: n.querySelector(".spendenkarte__stufe")?.textContent?.trim(),
gruss: n.querySelector(".spendenkarte__gruss")?.textContent?.trim(),
});
}
}
@@ -576,7 +591,7 @@ await zuschauer.seite.evaluate(() => {
await roh("/workspace/api/spenden", {
method: "POST", keks: k.admin,
rumpf: { betrag_cent: 2500, name: "Nachtfalter", gruss: "Fuer das Rudel!" },
rumpf: { dogen_mille: 2500, name: "Nachtfalter", gruss: "Fuer das Rudel!" },
});
await zuschauer.seite.waitForFunction(
() => document.querySelector('.spendenkarte[data-da="ja"]'), null, { timeout: 8000 },
@@ -584,19 +599,123 @@ await zuschauer.seite.waitForFunction(
await zuschauer.seite.waitForTimeout(700);
await bild(zuschauer.seite, "10-spendenkarte");
/* 2. Eine Meldung ohne Bestaetigung darf NICHT laufen. */
await roh("/workspace/api/spenden/melden", {
method: "POST", keks: k.gast, rumpf: { betrag_cent: 50000 },
/* ==== 2. DER ZUSCHAUER GIBT UND SCHREIBT SELBST ==================
Filipe: „der text der dazu erscheint sollen die leute selber
schreiben koennen ... es sollen personalisierte texte sein von den
leuten selbst."
Gemessen wird der WEG DURCH DIE OBERFLAECHE und nicht der Aufruf
dahinter: Ein Knopf, den man drueckt, ein Feld, das man ausfuellt,
ein Text, der ankommt. Der Aufruf allein haette nie gezeigt, ob
das Feld ueberhaupt existiert.
Und dieselbe Meldung beantwortet die alte Frage gleich mit: Sie
ist UNBESTAETIGT und darf deshalb NICHT im Bild stehen. */
const geben = await zuschauer.seite.evaluate(() => {
const k2 = document.getElementById("geben");
const knoepfe = [...document.querySelectorAll(".geben__betrag")];
return {
da: k2 && !k2.hidden,
knoepfe: knoepfe.length,
zahlen: knoepfe.map((a) => a.querySelector(".dogen__zahl")?.textContent || "?"),
/* Ohne hochgeladenes Symbol muss die gezeichnete Muenze da sein
-- ein Knopf mit einer nackten Zahl waere kein „Dogen mit dem
Symbol". */
zeichen: knoepfe.filter((a) => a.querySelector("svg.dogen__zeichen")).length,
/* Und nirgends ein Euro. */
geld: /€|EUR|Euro/.test(k2?.textContent || ""),
};
});
await zuschauer.seite.waitForTimeout(1200);
console.log(` Geben-Kasten: ${geben.knoepfe} Knoepfe (${geben.zahlen.join(" · ")}), `
+ `${geben.zeichen} mit Zeichen, Geld im Text: ${geben.geld}`);
if (!geben.da || geben.knoepfe !== 4 || geben.zeichen !== 4 || geben.geld
|| geben.zahlen[0] !== "0,2") {
console.log(" ACHTUNG: Der Geben-Kasten zeigt nicht, was er soll.");
ausgang = 1;
}
/* ==== DIE PROBE AENDERT NUR DAS, WAS SIE AENDERN MUSS ============
Der Knopf ist ein Verweis mit `target="_blank"` und fuehrt zu
PayPal. Ein Klick in der Messung wuerde also ins Netz gehen. Ein
Zuhoerer in der EINFANGPHASE nimmt nur die Navigation weg -- der
Zuhoerer der Seite laeuft danach ganz normal.
Das ist die Lehre vom 28.09. in klein: Eine Probe, die mehr
aendert als das, wonach man sucht, beantwortet eine andere
Frage. Hier wird kein Ereignis nachgebaut und keine Funktion
direkt gerufen -- es wird wirklich geklickt. */
await zuschauer.seite.evaluate(() => {
document.addEventListener("click", (e) => {
if (e.target.closest && e.target.closest("a.geben__betrag")) e.preventDefault();
}, true);
});
await zuschauer.seite.click(".geben__betrag");
await zuschauer.seite.waitForTimeout(400);
const felder = await zuschauer.seite.evaluate(() => {
const name = document.getElementById("geben-name");
const text = document.getElementById("geben-text");
return {
offen: !document.getElementById("geben-nach").hidden,
frage: document.getElementById("geben-frage")?.textContent?.trim() || "",
knopf: document.getElementById("geben-melden")?.textContent?.trim() || "",
name: name?.value || "",
grenze: text?.maxLength || 0,
/* Am Finger muessen beide Felder gross genug sein. */
hoch: Math.round(text?.getBoundingClientRect().height || 0),
};
});
console.log(` Nach dem Tippen: „${felder.frage}" · Knopf „${felder.knopf}"`);
console.log(` Felder: Name „${felder.name}", Text bis ${felder.grenze} Zeichen, `
+ `${felder.hoch} px hoch`);
if (!felder.offen || felder.grenze !== 140 || felder.name !== "Nachtfalter"
|| /€|EUR/.test(felder.frage) || !felder.frage.includes("Dogen")) {
console.log(" ACHTUNG: Die Felder fuer den eigenen Text stimmen nicht.");
ausgang = 1;
}
/* Der Zaehler steht erst da, wenn es eng wird -- vorher waere er
eine Aufsicht statt einer Hilfe. */
const kurz = await zuschauer.seite.evaluate(() => {
const t = document.getElementById("geben-text");
t.value = "Kurz";
t.dispatchEvent(new Event("input", { bubbles: true }));
return document.getElementById("geben-rest")?.textContent || "";
});
const lang = await zuschauer.seite.evaluate(() => {
const t = document.getElementById("geben-text");
t.value = "Danke fuer den Abend, ihr Lieben! Bleibt genau so wie ihr seid "
+ "-- das hier ist das Beste am ganzen Tag, ehrlich jetzt.";
t.dispatchEvent(new Event("input", { bubbles: true }));
return document.getElementById("geben-rest")?.textContent || "";
});
console.log(` Zaehler: bei „Kurz" „${kurz}", bei langem Text „${lang}"`);
if (kurz !== "" || !lang.startsWith("noch ")) {
console.log(" ACHTUNG: Der Zaehler erscheint zur falschen Zeit.");
ausgang = 1;
}
await zuschauer.seite.click("#geben-melden");
await zuschauer.seite.waitForTimeout(1400);
const danach = await zuschauer.seite.evaluate(() => ({
danke: document.getElementById("geben-danke")?.textContent?.trim() || "",
offen: !document.getElementById("geben-nach").hidden,
leer: document.getElementById("geben-text")?.value === "",
}));
console.log(` Danach: „${danach.danke}"`);
if (danach.offen || !danach.leer || !danach.danke.includes("Text")) {
console.log(" ACHTUNG: Nach dem Melden stimmt die Antwort nicht.");
ausgang = 1;
}
const nachMelden = await zuschauer.seite.evaluate(() => window.__karten);
console.log(` Karten bei der Zuschauerin: ${JSON.stringify(nachMelden)}`);
if (nachMelden.length !== 1 || !/25/.test(nachMelden[0]?.betrag || "")) {
if (nachMelden.length !== 1 || nachMelden[0]?.betrag !== "2,5") {
console.log(" ACHTUNG: Die eingetragene Spende kommt nicht als Karte an.");
ausgang = 1;
}
if (nachMelden.some((k2) => /500/.test(k2.betrag || ""))) {
if (nachMelden.some((k2) => k2.betrag === "0,2")) {
console.log(" ACHTUNG: Eine UNBESTAETIGTE Meldung stand im Bild.");
ausgang = 1;
}
@@ -604,13 +723,41 @@ if (nachMelden.some((k2) => /500/.test(k2.betrag || ""))) {
/* 3. Bestaetigen -- jetzt muss sie laufen. */
const offen = await roh("/workspace/api/spenden", { keks: k.admin });
const wartet = (offen.j?.offen || [])[0];
console.log(` Im Pult wartet: ${wartet ? wartet.betrag_cent / 100 + " EUR von " + wartet.name : "(nichts)"}`);
console.log(` Im Pult wartet: ${wartet ? wartet.dogen_mille / 1000 + " Dogen von " + wartet.name : "(nichts)"}`);
if (!wartet) {
console.log(" ACHTUNG: Die Meldung kommt nicht im Pult an.");
ausgang = 1;
} else {
/* ==== DIE SCHRANKE VOR DEM STREAM ============================
Der Text kommt von einem Fremden und steht gleich im Bild.
Geprueft wird deshalb, dass er (a) im Pult ANKOMMT, (b) sich
dort AENDERN laesst und (c) genau so auf der Karte landet. */
console.log(` Der Zuschauer schrieb: „${(wartet.gruss || "").slice(0, 60)}…"`);
if (!wartet.gruss || !wartet.gruss.startsWith("Danke fuer den Abend")) {
console.log(" ACHTUNG: Der selbst geschriebene Text kommt nicht im Pult an.");
ausgang = 1;
}
const inFeldern = await host.seite.evaluate(() => {
const z = document.querySelector("#sp-offen .spendenzeile");
const f = z ? [...z.querySelectorAll(".spendenzeile__feld")] : [];
return {
felder: f.length,
wert: f[1]?.value || "",
grenze: f[1]?.maxLength || 0,
zahl: z?.querySelector(".dogen__zahl")?.textContent || "",
};
});
console.log(` Im Pult: ${inFeldern.felder} Felder, Text bis ${inFeldern.grenze} `
+ `Zeichen, Zahl „${inFeldern.zahl}"`);
if (inFeldern.felder !== 2 || inFeldern.grenze !== 140
|| inFeldern.zahl !== "0,2") {
console.log(" ACHTUNG: Die Leitung kann den Text nicht sehen oder nicht aendern.");
ausgang = 1;
}
await roh(`/workspace/api/spenden/${wartet.id}/bestaetigen`, {
method: "POST", keks: k.admin, rumpf: { betrag_cent: 1000 },
method: "POST", keks: k.admin,
rumpf: { dogen_mille: 1000, gruss: "Danke fuer den Abend!" },
});
/* AUF DAS MERKMAL WARTEN, NICHT AUF DIE UHR. Die erste Karte
laeuft elf Sekunden (die hoechste Stufe steht am laengsten); die
@@ -621,18 +768,66 @@ if (!wartet) {
).catch(() => {});
const nachJa = await zuschauer.seite.evaluate(() => window.__karten);
console.log(` Nach dem Bestaetigen: ${JSON.stringify(nachJa.slice(-1))}`);
if (nachJa.length !== 2 || !/10/.test(nachJa[1]?.betrag || "")) {
if (nachJa.length !== 2 || nachJa[1]?.betrag !== "1") {
console.log(" ACHTUNG: Die bestaetigte Spende laeuft nicht -- oder mit falschem Betrag.");
ausgang = 1;
}
/* DIE STUFE MUSS ZUM BETRAG PASSEN. 25 EUR ist die hoechste
(„Rudel-Legende"), 10 EUR die mittlere („Starke Runde"). Ohne
/* DIE STUFE MUSS ZUR ZAHL PASSEN. 2,5 Dogen ist die hoechste
(„Rudel-Legende"), 1 Doge die mittlere („Starke Runde"). Ohne
diese Probe koennte jede Karte dieselbe Stufe tragen und es
faellt niemandem auf. */
console.log(` Stufen: ${nachMelden[0]?.stufe} / ${nachJa[1]?.stufe}`);
/* EINZAHL UND MEHRZAHL. „1 Dogen" waere die Sorte Fehler, die
jeder sieht und niemand meldet. */
console.log(` Einheit: „${nachMelden[0]?.wort}" bei 2,5 · `
+ `„${nachJa[1]?.wort}" bei 1`);
if (nachMelden[0]?.wort !== "Dogen" || nachJa[1]?.wort !== "Doge") {
console.log(" ACHTUNG: Einzahl und Mehrzahl stimmen nicht.");
ausgang = 1;
}
/* Der Text, nicht das Bild: Grossbuchstaben macht das Stilblatt. */
if (nachMelden[0]?.stufe !== "Rudel-Legende" || nachJa[1]?.stufe !== "Starke Runde") {
console.log(" ACHTUNG: Die Stufe passt nicht zum Betrag.");
console.log(" ACHTUNG: Die Stufe passt nicht zur Zahl.");
ausgang = 1;
}
/* ==== DER BERICHTIGTE TEXT STEHT AUF DER KARTE ================
Nicht der, den der Zuschauer geschrieben hat, sondern der, den
die Leitung freigegeben hat. Andersherum waere die ganze
Schranke wirkungslos -- und niemandem fiele es auf, bis es
einmal zaehlt. */
console.log(` Auf der Karte steht: „${nachJa[1]?.gruss}"`);
if (nachJa[1]?.gruss !== "Danke fuer den Abend!") {
console.log(" ACHTUNG: Der freigegebene Text steht nicht auf der Karte.");
ausgang = 1;
}
/* ==== UND DIE PUNKTE SIND SOFORT DA ===========================
Filipe: „ich will dass die den leuten auch als punkte
hinzugefuegt werden."
GEMESSEN BEIM ZUSCHAUER UND OHNE NEULADEN. Genau hier war ein
Loch: `spendenHolen()` ruft bei einer Zuschauerin niemand auf,
das tut nur der Host -- ihr Stand waere erst beim naechsten
Seitenaufruf gewachsen. „Hinzugefuegt werden" heisst sichtbar
hinzugefuegt. */
await zuschauer.seite.waitForFunction(
() => !document.getElementById("geben-stand")?.hidden, null, { timeout: 8000 },
).catch(() => {});
const stand = await zuschauer.seite.evaluate(() => {
const p = document.getElementById("geben-stand");
return {
da: !!p && !p.hidden,
zahl: p?.querySelector(".dogen__zahl")?.textContent || "",
wort: p?.querySelector(".dogen__wort")?.textContent || "",
zeichen: !!p?.querySelector("svg.dogen__zeichen"),
text: p?.textContent?.trim() || "",
};
});
console.log(` Eigener Stand ohne Neuladen: „${stand.text}" `
+ `(Zeichen: ${stand.zeichen})`);
if (!stand.da || stand.zahl !== "1" || stand.wort !== "Doge" || !stand.zeichen) {
console.log(" ACHTUNG: Der eigene Dogen-Stand kommt nicht an.");
ausgang = 1;
}
}