diff --git a/.gitignore b/.gitignore index 7f60ec04..46c1374a 100644 --- a/.gitignore +++ b/.gitignore @@ -141,3 +141,21 @@ tools/.messkopf.txt # Das Arbeitsschloss gehoert dem Rechner, nicht dem Verlauf: Es sagt, # wer GERADE arbeitet. Committet waere es eine Behauptung von gestern. .arbeitsschloss + +# --------------------------------------------------------------------- +# AUSNAHME: server/pruefdaten/ IST VERSIONIERT (08.10.2026) +# +# Dort liegen PRUEFDATEN, keine erzeugten Bilder: gespeicherte Seiten, +# ein Erkennungstext und das Bild, aus dem er stammt. Ihre Pruefsummen +# stehen in den Pruefdateien -- ohne sie laeuft pruef-kampagne-lesen +# und pruef-kampagne-bild gar nicht erst an. +# +# Noetig wurde die Zeile, weil `bild-*.png` weiter oben die ERZEUGTEN +# Bildschirmfotos ausschliesst (bild-kampagne-1280.png und +# Geschwister) -- und `bild-agentur-nachbau.png` zufaellig genauso +# heisst. Zwei verschiedene Dinge, ein Muster. +# +# `.gitattributes` haelt diese Dateien ausserdem byteweise fest +# (`server/pruefdaten/** -text`), sonst wuerde Git die Zeilenenden +# umschreiben und die Pruefsummen brechen. +!server/pruefdaten/** diff --git a/server/kampagne-bild-lesen.mjs b/server/kampagne-bild-lesen.mjs new file mode 100644 index 00000000..408d1f9a --- /dev/null +++ b/server/kampagne-bild-lesen.mjs @@ -0,0 +1,599 @@ +/* ===================================================================== + EINE KAMPAGNE AUS EINEM BILDSCHIRMFOTO LESEN (08.10.2026) + + Filipe: „bei den agentur events soll ich kein link sondern immer so + ein screen reinschicke und dan soll daraus alles genommen werden und + daraus die kampagne kachel gemacht werden." + + WARUM ES DIESE DATEI UEBERHAUPT GIBT. Gemessen am 07.10.2026 an + seinem echten Agenturlink: `vm.tiktok.com/ZSbACwAnK/` fuehrt auf + `tiktok.com/tcn/activity?...` -- das Creator Network. Diese Seiten + baut TikTok erst im Browser auf, angemeldet; von aussen stehen dort + 233 KB leere Huelle. Dieselbe Kampagnennummer auf dem Weg der + oeffentlichen Kampagnenseite gibt 42 KB ohne Datenpaket, waehrend + eine echte Kampagne dort 967 KB MIT Datenpaket liefert. Die Kampagne + existiert also schlicht nicht als oeffentliche Seite. Kein Programm + kann sie von aussen lesen -- auch keines, das jemand anders baut. + + Was Filipe sieht, sieht nur sein Browser. Also wird genau das + gelesen: das Bild davon. + + --------------------------------------------------------------------- + HIER PASSIERT NICHTS AUSSER LESEN + + Keine Netzanfrage, keine Datenbank, kein Express, keine Datei, keine + Uhr, und auch KEINE Texterkennung. Text hinein, Daten heraus -- + dieselbe Regel wie bei kampagne-lesen.mjs, und aus demselben Grund: + So laesst sich das Auslesen gegen GESPEICHERTE Erkennungstexte + pruefen, ohne Tesseract, ohne Bild, ohne Server. Eine Pruefung, die + dafuer ein Bild durch die Texterkennung schicken muss, misst die + Tagesform von Tesseract statt unseren Code. + + Die Texterkennung selbst steht in workspace-kampagne.js -- an der + Stelle, an der es ohnehin einen Prozess und ein Dateisystem gibt. + + --------------------------------------------------------------------- + DIESELBE FORM WIE DER LINK-LESER + + `leseBild()` gibt `{ pflicht, kuer, hinweise, auszug }` zurueck -- + Feld fuer Feld dasselbe wie `leseKampagne()`. Das ist die wichtigste + Entscheidung in dieser Datei: Dadurch greifen Gliederung, + Geschenkplaketten, Aufklappen, Teilen, Steckbrief und Spaltenwahl + unveraendert weiter. Haette das Bild eine eigene Form, gaebe es zwei + Wege durch das Haus, und der zweite waere der, der beim naechsten + Umbau vergessen wird. + + --------------------------------------------------------------------- + DER ZEITRAUM WIRD ZWEIMAL GELESEN -- UND MUSS ZWEIMAL DASSELBE SAGEN + + Auf der Seite steht er an zwei Stellen, in zwei Schreibweisen: + + 10/01/2026 00:00:00 ~ 10/31/2026 22:59:59 (UTC+02:00) (oben) + Daten 01.10.2026 00:00 ~ 31.10.2026 22:59(UTC+02:00) (im Raster) + + Die obere ist amerikanisch (Monat zuerst), die untere deutsch (Tag + zuerst). Beide meinen den 1. bis 31. Oktober. Genommen wird die + DEUTSCHE -- sie ist eindeutig --, und die amerikanische dient als + Gegenprobe. Stimmen sie nicht ueberein, entsteht KEINE Kachel: + + Eine Kachel ohne Zeitraum ist unvollstaendig und sagt das selbst. + Eine Kachel mit dem FALSCHEN Zeitraum ist eine Falschauskunft -- sie + behauptet einen Termin, den sie nicht kennt, und man sieht es ihr + nicht an. Bei einer Texterkennung ist das keine theoretische Gefahr: + Aus einer 3 kann eine 8 werden, und „bis 08.10." statt „bis 03.10." + liest sich genauso plausibel. + ===================================================================== */ + +/** Was beim Lesen schiefgehen kann. Dieselbe Bauart wie + * `KampagneUnlesbar` in kampagne-lesen.mjs -- zwei Arten, damit die + * Route unterscheiden kann, was sie meldet. + * + * "pflicht" Titel oder Zeitraum fehlen / widersprechen sich + * "aufbau" das sieht nicht nach dieser Seite aus + */ +export class BildUnlesbar extends Error { + constructor(grund, art = "aufbau") { + super(grund); + this.name = "BildUnlesbar"; + this.art = art; + } +} + +/* --------------------------------------------------------------------- + MUSTER + + ALLE MIT TOLERANZ GEGEN DIE TEXTERKENNUNG. Gemessen an einer + nachgebauten Seite (server/pruefdaten/bild-agentur-*.txt): + + „Sichtbar für" kam als „Sichtbar für" durch -- gut + „22:59(UTC+02:00)" kam als „22:5XUTC+02:00)" durch -- die + Klammer ging verloren, die Ziffer auch + „Erstellt von" kam als „Erstellt von." durch -- ein Punkt + zu viel + „Creator*innen" kam als „Creator‘innen" und „Creatorinnen" + durch -- der Stern wandert + + Deshalb wird nirgends auf ein Satzzeichen vertraut, und hinter jedem + Schild steht `[\s.:]*` statt eines festen Trenners. Was dagegen NICHT + toleriert wird, sind die Ziffern des Zeitraums -- dafuer gibt es die + Gegenprobe oben. */ +const Z_DEUTSCH = new RegExp( + "Daten[\\s.:]*" + + "([0-9]{1,2})[.\\-/]([0-9]{1,2})[.\\-/]([0-9]{4})" + + "[^0-9]{0,12}(?:[0-9]{1,2}[:.][0-9]{2})?" + + "[\\s]*[~\\-–—][\\s]*" + + "([0-9]{1,2})[.\\-/]([0-9]{1,2})[.\\-/]([0-9]{4})", "i"); + +const Z_AMERIKANISCH = new RegExp( + "([0-9]{1,2})/([0-9]{1,2})/([0-9]{4})[\\s]+[0-9]{1,2}:[0-9]{2}:[0-9]{2}" + + "[\\s]*[~\\-–—][\\s]*" + + "([0-9]{1,2})/([0-9]{1,2})/([0-9]{4})", "i"); + +/* Eine Zonenangabe ist „Erdteil/Ort" -- und genau so steht sie da. + Ohne den Schraegstrich waere „Europe" allein keine Zone, die + `Intl.DateTimeFormat` kennt, und ein stillschweigendes Ausweichen + auf UTC waere ein anderer Tag (siehe tagInZone in + kampagne-lesen.mjs). */ +const ZONE = /Zeitzone[\s.:]*([A-Za-z]+\/[A-Za-z_+\-0-9]+)/i; + +/* DIE SCHILDER DES RASTERS -- mit ihrem GANZEN Namen. + + Die Texterkennung zieht die zwei Rasterspalten in EINE Zeile + zusammen: „Gruppenname X Zeitzone Y“. Gelesen wird deshalb + zeilenweise: Erst werden alle Schilder in der Zeile gesucht, + dann ist der Wert eines Schildes das, was bis zum NAECHSTEN + Schild steht. + + WARUM DER GANZE NAME (gemessen 08.10.2026, erster Lauf): + Mit dem Stueck „Sichtbar“ kam „Sichtbar für: für Privat“ heraus + -- das „für“ gehoert zum Schild, nicht zum Wert. Mit + „Anmeldung“ dasselbe: „Anmeldung erforderlich: erforderlich + Nein“. Ein halbes Schild laesst seine zweite Haelfte im Wert + stehen. + + UND WARUM „Creator“ KEIN SCHILD IST: Es steht mitten IM Wert + des Nachbarn („1 Creator Network, 55 Creator*innen“). Als + Schild gefuehrt schnitt es genau dort ab und machte aus der + Teilnehmerangabe „innen der. 1“. Das Schild heisst + „Creator*innen“ mit Stern -- und der Stern wandert bei der + Texterkennung, deshalb `Creator.{0,3}innen` und ein + Wortende dahinter. + + `muster` findet das Schild, `name` steht spaeter auf der + Kachel. Beides getrennt, weil das eine tolerant sein muss und + das andere lesbar. */ +const RASTER_SCHILDER = [ + { schluessel: "gruppenname", muster: /Gruppenname/i, name: "Gruppenname" }, + { schluessel: "zeitzone", muster: /Zeitzone/i, name: "Zeitzone" }, + { schluessel: "daten", muster: /Daten/i, name: "Daten" }, + { schluessel: "sichtbar", muster: /Sichtbar\s*f[uü]r/i, name: "Sichtbar für" }, + { schluessel: "erstellt", muster: /Erstellt\s*von/i, name: "Erstellt von" }, + /* „Teilnehmer*innen der ...“ -- auf dem Bild abgeschnitten, und + der Stern wandert. Der Punktrest am Ende gehoert zum Schild. */ + { schluessel: "teilnehmer", muster: /Teilnehmer.{0,3}innen(?:\s*der)?\s*\.{0,3}/i, + name: "Teilnehmer*innen" }, + { schluessel: "anmeldung", muster: /Anmeldung\s*erforderlich/i, + name: "Anmeldung erforderlich" }, + /* NUR AM ZEILENANFANG -- und das ist die wichtigste Zeile + dieser Liste (gemessen 08.10.2026, zweiter Lauf). + + „Creator*innen“ ist ein Schild UND steht zugleich mitten im + Wert des Nachbarn: „Teilnehmer*innen der ... 1 Creator + Network, 55 Creator*innen. Einzelheiten anzeigen“. Ohne diese + Einschraenkung schnitt es dort ab, und heraus kamen zwei + falsche Felder: „Teilnehmer*innen: 1 Creator Network, 55“ und + „Creator*innen: Einzelheiten anzeigen“. + + Im Raster steht dieses Schild in der LINKEN Spalte, also am + Zeilenanfang. Zwei Zeichen Spielraum fuer das, was die + Texterkennung links manchmal dazuerfindet. */ + { schluessel: "creator", muster: /Creator.{0,3}innen\b(?!\s*der)/i, + name: "Creator*innen", nurZeilenanfang: true }, +]; + +/* Aufzaehlungszeichen, wie die Texterkennung sie liefert. Gemessen: + Aus demselben runden Punkt wurden « (U+00AB) und ® (U+00AE) -- je + nach Zeile. Wer hier nur „•" erwartet, findet keine einzige + Aufgabe. */ +const AUFZAEHLUNG = /^[\s]*[«»®©@*•·▪◦‣>+\-–—]{1,3}[\s]*/u; + +/* DIE STATUSWORTE -- mit Toleranz gegen EINEN verlesenen + Anfangsbuchstaben (gemessen 08.10.2026): Aus „In Bearbeitung“ + wurde „in aearbeitung“. Das B vor „earbeitung“ ist genau das + Zeichen, das auf dunklem Grund am haeufigsten kippt. + + `name` ist, was auf der Kachel steht; `muster`, woran es + erkannt wird. Nie das Erkannte anzeigen -- sonst stuende + „in aearbeitung“ auf der Kachel. */ +const STATUSWORTE = [ + { name: "In Bearbeitung", muster: /\bin\s*\S?earbeitung\b/i }, + { name: "Nicht gestartet", muster: /\bnicht\s*\S?estartet\b/i }, + { name: "Beendet", muster: /\b\S?eendet\b/i }, + { name: "Abgeschlossen", muster: /\b\S?bgeschlossen\b/i }, + { name: "Entwurf", muster: /\b\S?ntwurf\b/i }, + { name: "Laufend", muster: /\b\S?aufend\b/i }, + { name: "Geplant", muster: /\b\S?eplant\b/i }, +]; + +/* --------------------------------------------------------------------- + KLEINE HELFER (alle rein) */ + +const zeilen = (text) => String(text || "") + .split(/\r?\n/).map((z) => z.trim()).filter(Boolean); + +const iso = (t, m, j) => `${j}-${String(m).padStart(2, "0")}-${String(t).padStart(2, "0")}`; + +/** Ist das ein moegliches Datum? Keine Uhr, kein Kalender -- nur die + * Frage, ob die Zahlen ueberhaupt einen Tag ergeben koennen. */ +function tagMoeglich(t, m, j) { + const tag = Number(t); + const monat = Number(m); + const jahr = Number(j); + if (!(monat >= 1 && monat <= 12)) return false; + if (!(jahr >= 2000 && jahr <= 2100)) return false; + const lang = [31, (jahr % 4 === 0 && jahr % 100 !== 0) || jahr % 400 === 0 ? 29 : 28, + 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][monat - 1]; + return tag >= 1 && tag <= lang; +} + +/** Den Wert hinter einem Schild holen -- bis zum naechsten Schild. + * + * WARUM NICHT „bis zum Zeilenende": Die Texterkennung zieht die zwei + * Rasterspalten in EINE Zeile zusammen. „Gruppenname Star Light + * Zeitzone Europe/Amsterdam" wuerde sonst den halben Nachbarn + * mitnehmen. */ +/** Alle Rasterfelder einer Zeile -- zerlegt an ihren Schildern. + * + * Erst werden alle Schilder gesucht und nach ihrer Stelle + * sortiert; der Wert eines Schildes ist dann genau das, was bis + * zum naechsten steht. Das ist der Unterschied zu „bis zum + * Zeilenende“ (nimmt den Nachbarn mit) und zu „bis zum ersten + * Wort, das wie ein Schild aussieht“ (schneidet mitten im Wert, + * gemessen am 08.10.2026 bei „1 Creator Network“). + * + * JEDES SCHILD NUR EINMAL JE ZEILE: `exec` ohne `g` liefert den + * ERSTEN Treffer. Stuende eines zweimal, gewaenne das erste -- + * und das ist auf dieser Seite auch das richtige. */ +/* Was die Seite neben einen Wert stellt und was die Texterkennung + daraus macht -- beides gehoert nicht in die Kachel. + + DIE FRAGEZEICHEN-KREISE der Seite (ⓘ) werden je nach Zeile als + `®`, `©`, `@` oder `0` gelesen. Gemessen: „Nein ⓘ“ kam als + „Nein ®“ durch und „1 ⓘ“ als „10“ -- das erste laesst sich + entfernen, das zweite nicht (aus „10“ ist nicht mehr zu sehen, + dass die 0 ein Kreis war). Deshalb wird nur abgeraeumt, was + eindeutig keine Angabe ist: ein EINZELNES Sonderzeichen am Ende. + + DIE KNOPFBESCHRIFTUNGEN („Einzelheiten anzeigen“) stehen im + selben Rasterfeld wie der Wert. Auf einer Kachel waeren sie ein + Hinweis auf etwas, das man dort nicht anklicken kann. */ +const WERT_ZIERDE = /[\s]*[®©@*^~|]+[\s]*$/u; +const WERT_KNOEPFE = /(Einzelheiten|Mehr|Weniger|Details)\s+anzeigen\s*\.?\s*$/i; + +function wertSaeubern(roh) { + let w = String(roh || ""); + w = w.replace(/^[\s.:,]+/, "").replace(WERT_KNOEPFE, ""); + w = w.replace(WERT_ZIERDE, "").replace(/[\s.:,]+$/, ""); + return w.trim(); +} + +function rasterZeile(zeile) { + const stellen = []; + for (const s of RASTER_SCHILDER) { + const m = s.muster.exec(zeile); + if (!m || m.index < 0) continue; + if (s.nurZeilenanfang && m.index > 2) continue; + stellen.push({ ...s, von: m.index, bis: m.index + m[0].length }); + } + stellen.sort((a, b) => a.von - b.von); + const aus = {}; + for (let i = 0; i < stellen.length; i += 1) { + const ende = i + 1 < stellen.length ? stellen[i + 1].von : zeile.length; + const wert = wertSaeubern(zeile.slice(stellen[i].bis, ende)); + if (wert) aus[stellen[i].schluessel] = wert; + } + return aus; +} + +/** Alle Rasterfelder des ganzen Textes. Spaetere Zeilen + * ueberschreiben nicht: Das erste Vorkommen gewinnt, weil das + * Raster oben steht und weiter unten dieselben Woerter in + * Fliesstext auftauchen koennen. */ +function rasterFelder(alle) { + const aus = {}; + for (const z of alle) { + for (const [k, v] of Object.entries(rasterZeile(z))) { + if (aus[k] === undefined) aus[k] = v; + } + } + return aus; +} + +/** Den Titel aus der Kopfzeile schaelen. + * + * Rechts daneben stehen Bedienelemente („Kampagne duplizieren", + * „Weniger anzeigen") und links ein Statusabzeichen. Beides gehoert + * nicht in den Titel einer Kachel. */ +function titelSaeubern(roh) { + let t = String(roh || "").trim(); + for (const wort of ["Kampagne duplizieren", "Weniger anzeigen", "Mehr anzeigen", + "Kampagne bearbeiten", "Einzelheiten anzeigen"]) { + const i = t.search(new RegExp(wort.replace(/ /g, "[\\s]+"), "i")); + if (i > 0) t = t.slice(0, i); + } + for (const s of STATUSWORTE) t = t.replace(s.muster, " "); + /* Das Pfeilzeichen des Aufklappers und uebrig gebliebene Zierde. */ + t = t.replace(/[\s^~*_|]+$/u, "").replace(/^[\s*_|]+/u, ""); + return t.trim(); +} + +/** Welches Statuswort steht oben? Nur zur Auskunft, nichts haengt daran. */ +function statusAus(text) { + for (const s of STATUSWORTE) if (s.muster.test(String(text || ""))) return s.name; + return null; +} + +/* ===================================================================== + LESEN + ===================================================================== */ + +/** Liest den Erkennungstext eines Kampagnen-Bildschirmfotos. + * + * @param {string} text was die Texterkennung geliefert hat + * @returns {{pflicht: object, kuer: object, hinweise: string[], auszug: object}} + * @throws {BildUnlesbar} + */ +export function leseBild(text) { + const roh = String(text || ""); + const alle = zeilen(roh); + const hinweise = []; + + if (alle.length < 3) { + throw new BildUnlesbar( + "auf dem Bild war fast kein Text zu erkennen -- " + + `${alle.length} Zeile(n)`, "aufbau"); + } + + /* EINMAL ZERLEGEN, DANN BENUTZEN. Vorher wurde fuer jedes Feld + einzeln im ganzen Text gesucht -- und dabei schnitt die Suche + mitten in den Werten der Nachbarn ab (gemessen 08.10.2026: + aus „1 Creator Network, 55 Creator*innen“ wurde „innen der. + 1“). Jetzt wird das Raster zeilenweise zerlegt, einmal. */ + const feld = rasterFelder(alle); + + /* ---- PFLICHT: der Zeitraum ------------------------------------ */ + const d = Z_DEUTSCH.exec(roh); + const a = Z_AMERIKANISCH.exec(roh); + + let start = null; + let ende = null; + let quelle = null; + + if (d && tagMoeglich(d[1], d[2], d[3]) && tagMoeglich(d[4], d[5], d[6])) { + start = iso(d[1], d[2], d[3]); + ende = iso(d[4], d[5], d[6]); + quelle = "deutsch"; + } + + let gegenStart = null; + let gegenEnde = null; + if (a && tagMoeglich(a[2], a[1], a[3]) && tagMoeglich(a[5], a[4], a[6])) { + /* Monat zuerst -- deshalb a[2] als Tag und a[1] als Monat. */ + gegenStart = iso(a[2], a[1], a[3]); + gegenEnde = iso(a[5], a[4], a[6]); + if (!start) { start = gegenStart; ende = gegenEnde; quelle = "amerikanisch"; } + } + + if (!start || !ende) { + throw new BildUnlesbar( + /* ANFUEHRUNGSZEICHEN: oeffnend „ (U+201E), schliessend “ + (U+201C) -- NIE das gerade ". Das gerade beendet die + Zeichenkette, und der Uebersetzer meldet einen Fehler zwanzig + Zeilen weiter unten. Dieses Haus hat das schon zweimal einen + Abend gekostet. */ + "auf dem Bild war kein Zeitraum zu lesen -- gesucht wurde " + + "„Daten 01.10.2026 ... ~ 31.10.2026 ...“ und " + + "„10/01/2026 00:00:00 ~ 10/31/2026 22:59:59“", "pflicht"); + } + + /* DIE GEGENPROBE. Stehen beide Schreibweisen da und sagen + Verschiedenes, hat die Texterkennung sich bei einer Ziffer vertan + -- und welche die richtige ist, weiss niemand. Dann lieber keine + Kachel als eine mit einem erfundenen Termin. */ + if (quelle === "deutsch" && gegenStart + && (gegenStart !== start || gegenEnde !== ende)) { + throw new BildUnlesbar( + `der Zeitraum steht auf dem Bild zweimal und beide Male anders ` + + `(${start} bis ${ende} gegen ${gegenStart} bis ${gegenEnde}) -- ` + + "bitte ein schärferes Bild einfügen", "pflicht"); + } + if (!gegenStart) { + hinweise.push("Der Zeitraum konnte nur an einer Stelle des Bildes " + + "geprüft werden — bitte Anfang und Ende kurz nachsehen."); + } + + if (ende < start) { + throw new BildUnlesbar( + `das Ende liegt vor dem Anfang (${start} bis ${ende}) -- ` + + "da hat die Texterkennung sich vertan", "pflicht"); + } + + /* ---- PFLICHT: der Titel --------------------------------------- */ + /* ERST „Gruppenname", DANN die Kopfzeile. Im Raster steht der Titel + ohne Abzeichen und ohne Bedienelemente daneben -- also sauberer. + Die Kopfzeile ist die Ausweiche. */ + let titel = titelSaeubern(feld.gruppenname || ""); + if (!titel || titel.length < 2) titel = titelSaeubern(alle[0]); + if (!titel || titel.length < 2) { + throw new BildUnlesbar( + "auf dem Bild war kein Titel zu lesen", "pflicht"); + } + titel = titel.slice(0, 160); + + /* ---- Zeitzone -------------------------------------------------- */ + const zoneTreffer = ZONE.exec(roh); + const zone = zoneTreffer ? zoneTreffer[1] : null; + if (!zone) { + hinweise.push("Die Zeitzone war auf dem Bild nicht zu lesen — " + + "die Tage stehen so da, wie sie auf dem Bild standen."); + } + + /* ---- Die Aufgaben ---------------------------------------------- */ + /* WO SIE ANFANGEN: nach der Phasenueberschrift. Steht die nicht da, + werden alle Aufzaehlungszeilen genommen -- auf dieser Seite gibt + es oberhalb keine. */ + const phaseAb = alle.findIndex((z) => + /Ziele erreichen|Phasendetails|Endet in|Endetin/i.test(z)); + /* AB DER ZEILE DANACH, nicht ab ihr selbst (berichtigt + 08.10.2026). + + Die Phasenueberschrift traegt auf der Seite ein Zielscheiben- + Zeichen, und die Texterkennung macht daraus ein `@`. Damit + sah sie aus wie eine Aufzaehlungszeile, und die erste + „Aufgabe“ hiess „Ziele erreichen Endetin 23 Tage 22 : 50 : + 44“ -- ein Haken, den niemand abhaken kann. + + Die Zeile selbst ist die Ueberschrift; was zaehlt, steht + darunter. */ + const ab = phaseAb >= 0 ? phaseAb + 1 : 0; + const aufgaben = []; + const gesehen = new Set(); + /* WAS NIE EINE AUFGABE IST (berichtigt 08.10.2026, zweiter + Lauf). `ab` reicht nicht: Gesucht wird die erste Zeile, die + nach der Phase aussieht, und das war „Phasendetails + Creator*innen-Leistung“ -- eine Zeile VOR der eigentlichen + Ueberschrift. Die rutschte dadurch wieder hinein, mitsamt + ihrem Countdown: „Ziele erreichen Endetin 23 Tage 22 : 50 : + 44“. + + Statt die Startzeile noch genauer zu suchen, wird gesagt, was + KEINE Aufgabe ist. Das haelt auch, wenn die Seite die Bloecke + einmal anders anordnet. */ + const KEINE_AUFGABE = /Endet\s*in|Endetin|Phasendetails|Leistung|Ziele erreichen/i; + for (const z of alle.slice(ab)) { + if (!AUFZAEHLUNG.test(z)) continue; + if (KEINE_AUFGABE.test(z)) continue; + /* EIN PUNKT AM ENDE IST FAST IMMER ZUFALL. Gemessen kam + „Geh LIVE für 900 Minuten.“ heraus, auf der Seite steht es + ohne Punkt. Eine Aufgabe ist eine Beschriftung, kein Satz; + und der Haken haengt an ihrem Text, also soll der stimmen. + Entfernt wird NUR ein einzelnes Satzzeichen am Ende -- ein + „...“ oder ein Fragezeichen bleibt stehen. */ + const nur = z.replace(AUFZAEHLUNG, "").trim().replace(/(? /Gruppenbeschreibung/i.test(z)); + if (beschrAb >= 0) { + for (const z of alle.slice(beschrAb + 1, beschrAb + 4)) { + if (/Phasendetails|Creator.{0,3}innen-Leistung|Ziele erreichen/i.test(z)) break; + if ((z.match(/\p{L}/gu) || []).length < 3) continue; + einleitung = z; + break; + } + } + + /* ---- Der Steckbrief -------------------------------------------- */ + /* Dieselben Felder wie beim Link-Leser, soweit es sie gibt. Was + leer ist, faellt weg statt als „—" zu erscheinen. */ + const steckbrief = { + nummer: null, + kurznummer: null, + region: null, + sprache: null, + verbund: feld.erstellt || null, + zeitzone: zone, + anmeldung_ab: null, + ergebnis_bis: null, + }; + + const kuer = { + einleitung, + einleitungTitel: null, + aufgaben, + aufgabenTitel: aufgaben.length ? "Ziele erreichen" : null, + aufgabenGruppen: [], + weitereRegeln: [], + geschenke: [], + geschenkTitel: null, + geschenkHinweis: null, + preise: [], + preisTitel: null, + klapptexte: [], + freitext: null, + rangliste: null, + steckbrief, + laender: [], + bannerUrl: null, + }; + + /* ---- Was sonst noch dastand ------------------------------------ */ + /* Als eigener Abschnitt im Regeltext -- mit „## " davor, damit die + Gliederung ihn als Ueberschrift erkennt (siehe gliederung() in + kampagne-lesen.mjs). */ + /* DIE NAMEN KOMMEN AUS DER SCHILDERLISTE, nicht aus einer + zweiten hier. Zwei Listen derselben Woerter laufen + auseinander, und dann heisst dasselbe Feld an zwei Stellen + verschieden. */ + const nebenbei = []; + /* „creator“ STEHT HIER ABSICHTLICH NICHT (08.10.2026). + Auf der Seite steht „1 ⓘ“ -- und der Fragezeichen-Kreis wird als + Null gelesen. Heraus kam „Creator*innen: 10“, also eine falsche + Zahl, und aus dem Erkennungstext ist nicht mehr zu sehen, ob die + 0 ein Kreis war oder eine Ziffer. Eine Zahl, der man nicht trauen + kann, gehoert nicht auf eine Kachel: Keine Angabe ist richtig, + eine falsche Angabe ist falsch. Die nuetzliche Zahl steht ohnehin + daneben („55 Creator*innen“ in der Teilnehmerzeile). */ + for (const schluessel of ["sichtbar", "teilnehmer", "anmeldung", "erstellt"]) { + const w = feld[schluessel]; + if (!w) continue; + const s = RASTER_SCHILDER.find((x) => x.schluessel === schluessel); + nebenbei.push(`${s ? s.name : schluessel}: ${w}`); + } + if (nebenbei.length) { + kuer.weitereRegeln.push({ titel: "Angaben der Kampagne", zeilen: nebenbei }); + } + + const status = statusAus(alle[0] || "") || statusAus(roh); + + return { + pflicht: { titel, start, ende, id: null, zone: zone || "" }, + kuer, + hinweise, + auszug: { + gelesen_aus: "bildschirmfoto", + sprache: "de-DE", + start_ms: null, + ende_ms: null, + zeitzone: zone, + zeitzone_versatz: null, + status: null, + status_anzeige: status, + kurznummer: null, + laender: [], + bausteine: [], + einleitung, + einleitungTitel: null, + aufgaben, + aufgabenTitel: kuer.aufgabenTitel, + aufgabenGruppen: [], + geschenke: [], + geschenkTitel: null, + geschenkHinweis: null, + preise: [], + preisTitel: null, + klapptexte: [], + rangliste: null, + steckbrief, + banner_url: null, + weitere_bilder: [], + woerterbuch_eintraege: 0, + platzhalter_ohne_eintrag: 0, + /* DER ERKANNTE TEXT KOMMT MIT. Geht spaeter etwas schief -- + ein Feld falsch, ein Datum daneben --, steht hier, WAS die + Texterkennung wirklich gesehen hat. Ohne ihn liesse sich ein + Fehlgriff nur nachstellen, indem man dasselbe Bild noch + einmal schickt, und das Bild hat vielleicht niemand mehr. + Gekuerzt, damit der Auszug nicht aufgeblaeht wird. */ + erkannter_text: roh.slice(0, 8000), + erkannte_zeilen: alle.length, + zeitraum_quelle: quelle, + zeitraum_gegenprobe: gegenStart ? `${gegenStart}..${gegenEnde}` : null, + }, + }; +} diff --git a/server/pruef-kampagne-bild.mjs b/server/pruef-kampagne-bild.mjs new file mode 100644 index 00000000..804d7686 --- /dev/null +++ b/server/pruef-kampagne-bild.mjs @@ -0,0 +1,403 @@ +/* ===================================================================== + EINE KAMPAGNE AUS EINEM BILDSCHIRMFOTO — GEPRUEFT (08.10.2026) + + Filipe: „bei den agentur events soll ich kein link sondern immer so + ein screen reinschicke und dan soll daraus alles genommen werden und + daraus die kampagne kachel gemacht werden." + + ZWEI DINGE, ZWEI MESSUNGEN, UND SIE HAENGEN NICHT ANEINANDER: + + 1. DAS AUSLESEN (Abschnitte 1-4). Text hinein, Daten heraus. Laeuft + ueberall, auch ohne Tesseract -- deshalb ist der Leser ueberhaupt + von der Texterkennung getrennt. Geprueft wird gegen einen + GESPEICHERTEN Erkennungstext, dessen Pruefsumme hier steht. + + 2. DIE TEXTERKENNUNG (Abschnitt 5). Bild hinein, Text heraus. Dafuer + braucht es Tesseract. Ist es nicht da, ist das Ergebnis NICHT + „bestanden" und auch nicht „uebersprungen", sondern der dritte + Ausgang: „konnte nicht nachsehen", mit Grund und Anleitung + (CLAUDE.md, 03.09.2026). + + WARUM DER ERKENNUNGSTEXT GESPEICHERT IST und nicht bei jedem Lauf + neu erzeugt wird: Sonst misst diese Pruefung die Tagesform von + Tesseract statt unseren Code. Faellt die Texterkennung einmal anders + aus, soll Abschnitt 5 rot werden -- und die Abschnitte 1-4 sollen + trotzdem weiter sagen, ob das Auslesen stimmt. + ===================================================================== */ +import { readFileSync, existsSync } from "node:fs"; +import { createHash } from "node:crypto"; +import { execFileSync } from "node:child_process"; +import { dirname, join } from "node:path"; +import { fileURLToPath } from "node:url"; +import { notbremse } from "./helfer-notbremse.mjs"; + +notbremse(90_000, "pruef-kampagne-bild"); + +const HIER = dirname(fileURLToPath(import.meta.url)); +const DATEN = join(HIER, "pruefdaten"); + +let fehler = 0; +let geprueft = 0; +const melde = (t) => console.log(t); +const ok = (b, t) => { + geprueft++; + console.log((b ? " ok " : " FEHL ") + t); + if (!b) fehler++; +}; +/* Der dritte Ausgang: nicht in Ordnung, aber auch nicht „bestanden". */ +let offen = 0; +const nichtNachsehbar = (was, wie) => { + offen++; + melde(` -- NICHT NACHSEHBAR: ${was}`); + melde(` ${wie}`); +}; + +/* ---- Die gespeicherten Daten ---------------------------------- */ +const DATEIEN = { + text: { + name: "bild-agentur-erkannt.txt", + sha: "49de95db94482ebd", gross: 768, + was: "was Tesseract am 08.10.2026 aus dem Nachbau gelesen hat", + }, + bild: { + name: "bild-agentur-nachbau.png", + was: "der Nachbau von Filipes Bildschirmfoto, als Bild", + }, + seite: { + name: "bild-agentur-nachbau.html", + was: "derselbe Nachbau als Seite -- daraus entsteht das Bild neu", + }, +}; + +melde("=== 0. Sind die gespeicherten Daten da? ==="); +for (const [, d] of Object.entries(DATEIEN)) { + const pfad = join(DATEN, d.name); + if (!existsSync(pfad)) { + melde(` FEHL ${d.name} fehlt in ${DATEN}`); + melde(" Sie gehoert ins Verzeichnis und ist in Gitea versioniert."); + process.exit(3); + } + const roh = readFileSync(pfad); + const sha = createHash("sha256").update(roh).digest("hex").slice(0, 16); + if (d.sha) { + ok(sha === d.sha && roh.length === d.gross, + `${d.name}: ${roh.length} Bytes, sha ${sha} — ${d.was}` + + (sha === d.sha ? "" : ` (ERWARTET ${d.sha}/${d.gross})`)); + } else { + ok(roh.length > 100, `${d.name}: ${roh.length} Bytes — ${d.was}`); + } +} + +const { leseBild, BildUnlesbar } = await import("./kampagne-bild-lesen.mjs"); +const ERKANNT = readFileSync(join(DATEN, DATEIEN.text.name), "utf8"); + +/* ===================================================================== + 1. WAS AUF DER KACHEL LANDET + ===================================================================== */ +melde(""); +melde("=== 1. Aus dem Erkennungstext wird eine Kachel ==="); +{ + const g = leseBild(ERKANNT); + + ok(g.pflicht.titel === "[Star Light] Refined visuals Goal 1.0", + `der Titel: ${JSON.stringify(g.pflicht.titel)}`); + /* OHNE DAS STATUSABZEICHEN und ohne die Knoepfe daneben. Auf dem + Bild steht rechts „Kampagne duplizieren" und links „In + Bearbeitung" -- beides gehoert nicht in einen Kacheltitel. */ + ok(!/Bearbeitung|duplizieren|anzeigen/i.test(g.pflicht.titel), + " ohne Statusabzeichen und ohne die Knoepfe daneben"); + + ok(g.pflicht.start === "2026-10-01" && g.pflicht.ende === "2026-10-31", + `der Zeitraum: ${g.pflicht.start} bis ${g.pflicht.ende}`); + /* DIE DEUTSCHE SCHREIBWEISE GEWINNT -- sie ist eindeutig. Die + amerikanische oben (10/01/2026) ist die Gegenprobe. */ + ok(g.auszug.zeitraum_quelle === "deutsch", + `gelesen aus der deutschen Angabe (${g.auszug.zeitraum_quelle})`); + ok(g.auszug.zeitraum_gegenprobe === "2026-10-01..2026-10-31", + `und die amerikanische sagt dasselbe (${g.auszug.zeitraum_gegenprobe})`); + + ok(g.pflicht.zone === "Europe/Amsterdam", `die Zeitzone: ${g.pflicht.zone}`); + ok(g.auszug.status_anzeige === "In Bearbeitung", + `der Stand: ${JSON.stringify(g.auszug.status_anzeige)}`); + + /* ---- Die Ziele --------------------------------------------- */ + ok(g.kuer.aufgaben.length === 3, + `drei Ziele (${g.kuer.aufgaben.length}): ${JSON.stringify(g.kuer.aufgaben)}`); + ok(g.kuer.aufgaben[0] === "Geh LIVE für 900 Minuten", + " das erste wortgleich, ohne den Punkt, den die Texterkennung anhaengt"); + ok(g.kuer.aufgaben[2] === "An 20 Tagen Ziele für optimierte Bildqualität erreichen", + " und das dritte mit Umlauten"); + /* DIE PHASENUEBERSCHRIFT IST KEINE AUFGABE. Sie traegt auf der + Seite ein Zielscheiben-Zeichen, und daraus macht die + Texterkennung ein `@` -- sie sah damit aus wie eine + Aufzaehlungszeile. Beim ersten Lauf hiess die erste „Aufgabe" + wirklich „Ziele erreichen Endetin 23 Tage 22 : 50 : 44". */ + ok(!g.kuer.aufgaben.some((a) => /Endet|Ziele erreichen|Leistung/i.test(a)), + " und die Phasenueberschrift mit ihrem Countdown ist keine"); + + ok(g.kuer.einleitung === "Zusätzliche Prämien für das Team im Oktober.", + `die Beschreibung: ${JSON.stringify(g.kuer.einleitung)}`); + ok(g.kuer.steckbrief.verbund === "Spicy Media", + `erstellt von: ${JSON.stringify(g.kuer.steckbrief.verbund)}`); + + /* ---- Die Nebenangaben -------------------------------------- */ + const zeilen = g.kuer.weitereRegeln[0]?.zeilen || []; + ok(zeilen.includes("Sichtbar für: Privat"), + `„Sichtbar für" steht sauber da: ${JSON.stringify(zeilen)}`); + /* HALBE SCHILDER WAREN DER FEHLER. Mit dem Stueck „Sichtbar" kam + „Sichtbar für: für Privat" heraus -- das zweite Wort gehoert zum + Schild, nicht zum Wert. */ + ok(!zeilen.some((z) => /: (für|erforderlich|von|innen)/i.test(z)), + " und kein Schild steht doppelt im eigenen Wert"); + /* UND „Creator*innen" SCHNEIDET NICHT MEHR IM NACHBARN. Es steht + mitten in „1 Creator Network, 55 Creator*innen" und machte daraus + „1 Creator Network, 55". */ + ok(zeilen.some((z) => /Teilnehmer.*55 Creator/i.test(z)), + " und die Teilnehmerzahl ist vollstaendig"); + /* DIE ZAHL, DER MAN NICHT TRAUEN KANN, FEHLT. Auf der Seite steht + „1 ⓘ" -- der Kreis wird als Null gelesen, heraus kaeme „10". + Keine Angabe ist richtig, eine falsche Angabe ist falsch. */ + ok(!zeilen.some((z) => /^Creator\*innen:/i.test(z)), + " und die unsichere Creator-Zahl steht gar nicht erst da"); + + /* ---- Die Form ist dieselbe wie beim Link-Leser -------------- */ + /* DAS IST DIE TRAGENDE ZUSICHERUNG DIESER DATEI. Weicht sie ab, + greifen Gliederung, Geschenke, Aufklappen und Teilen nicht mehr + -- und zwar still. */ + const { leseKampagne } = await import("./kampagne-lesen.mjs"); + const { brotliDecompressSync } = await import("node:zlib"); + const vomLink = leseKampagne(brotliDecompressSync( + readFileSync(join(DATEN, "kampagne-gipfelstuermer.html.br"))).toString("utf8")); + const felderBild = Object.keys(g.kuer).sort(); + const felderLink = Object.keys(vomLink.kuer).sort(); + ok(felderBild.join(",") === felderLink.join(","), + "kuer hat dieselben Felder wie beim Link-Leser " + + `(${felderBild.length} gegen ${felderLink.length})`); + const aBild = Object.keys(g.auszug).sort(); + const aLink = Object.keys(vomLink.auszug).sort(); + const fehltImBild = aLink.filter((f) => !aBild.includes(f)); + ok(fehltImBild.length === 0, + `und der Auszug laesst kein Feld des Link-Lesers aus` + + (fehltImBild.length ? `: ${fehltImBild.join(", ")}` : "")); + ok(["pflicht", "kuer", "hinweise", "auszug"].every((f) => f in g), + "und die vier Teile heissen gleich"); + + /* ---- Die Kachel sagt, woher sie kommt ---------------------- */ + ok(g.auszug.gelesen_aus === "bildschirmfoto", + `der Auszug nennt die Quelle (${g.auszug.gelesen_aus})`); + ok(typeof g.auszug.erkannter_text === "string" + && g.auszug.erkannter_text.includes("Star Light"), + `und traegt den Erkennungstext mit (${g.auszug.erkannter_text.length} Zeichen)`); +} + +/* ===================================================================== + 2. WAS NICHT GEHT — UND WARUM DAS RICHTIG IST + ===================================================================== */ +melde(""); +melde("=== 2. Lieber keine Kachel als eine mit erfundenem Termin ==="); +{ + const wirft = (text, art, was) => { + let f = null; + try { leseBild(text); } catch (x) { f = x; } + ok(f instanceof BildUnlesbar && f.art === art, + `${was} -> ${f ? `${f.name}/${f.art}` : "KEIN Fehler"}`); + return f; + }; + + wirft("", "aufbau", "gar kein Text"); + wirft("nur\nzwei", "aufbau", "fast kein Text"); + wirft("Gruppenname Test\nZeitzone Europe/Berlin\nnoch eine Zeile", + "pflicht", "ein Bild ohne Zeitraum"); + + /* DIE GEGENPROBE ZWISCHEN DEN ZWEI SCHREIBWEISEN -- der Kern + dieser Datei. Eine Texterkennung macht aus einer 3 eine 8, und + „bis 08.10." liest sich genauso plausibel wie „bis 03.10.". */ + const widerspruch = [ + "Kampagne X", + "10/01/2026 00:00:00 ~ 10/31/2026 22:59:59 (UTC+02:00)", + "Gruppenname Kampagne X Zeitzone Europe/Berlin", + "Daten 01.10.2026 00:00 ~ 28.10.2026 22:59", + ].join("\n"); + const f = wirft(widerspruch, "pflicht", "zwei Zeitraeume, die sich widersprechen"); + ok(/zweimal und beide Male anders/.test(f?.message || ""), + ` und die Meldung sagt, was los ist: „${f?.message?.slice(0, 70)}…"`); + + /* GEGENPROBE ZUR GEGENPROBE: Stimmen beide ueberein, entsteht sehr + wohl eine Kachel. Ohne diese Zeile waere „es wirft" auch dann + gruen, wenn es IMMER wirft. */ + const einig = widerspruch.replace("28.10.2026", "31.10.2026"); + let g = null; + try { g = leseBild(einig); } catch { g = null; } + ok(g !== null && g.pflicht.ende === "2026-10-31", + `Gegenprobe: stimmen beide ueberein, entsteht die Kachel ` + + `(${g ? g.pflicht.ende : "KEINE"})`); + + /* Steht nur EINE Schreibweise da, geht es -- mit Hinweis. Das ist + der mittlere Fall: nicht falsch, aber auch nicht doppelt + geprueft. */ + const nurDeutsch = "Kampagne Y\nGruppenname Kampagne Y Zeitzone Europe/Berlin\n" + + "Daten 05.11.2026 00:00 ~ 20.11.2026 22:59"; + const h = leseBild(nurDeutsch); + ok(h.pflicht.start === "2026-11-05" && h.pflicht.ende === "2026-11-20", + `eine Schreibweise allein reicht (${h.pflicht.start}..${h.pflicht.ende})`); + ok(h.hinweise.some((x) => /nur an einer Stelle/i.test(x)), + ` und die Kachel sagt, dass nicht gegengeprueft werden konnte`); + + /* Ein Ende vor dem Anfang ist ein Zahlendreher, kein Zeitraum. */ + wirft("Kampagne Z\nGruppenname Kampagne Z\nDaten 20.11.2026 ~ 05.11.2026", + "pflicht", "Ende vor Anfang"); + /* Und ein Datum, das es nicht gibt. */ + wirft("Kampagne Q\nGruppenname Kampagne Q\nDaten 31.02.2026 ~ 05.03.2026", + "pflicht", "der 31. Februar"); +} + +/* ===================================================================== + 3. DAS WASSERZEICHEN + ===================================================================== */ +melde(""); +melde("=== 3. Filipes Mailadresse liegt ueber dem ganzen Bild ==="); +{ + /* Auf seinen Bildschirmfotos steht sie vielfach und schraeg ueber + der Seite. Gemessen: Sie taucht im Erkennungstext kein einziges + Mal auf -- zu wenig Kontrast. Das ist Glueck, kein Verdienst, und + deshalb wird es festgehalten: Wuerde eine kuenftige + Tesseract-Fassung sie lesen, stuende sie mitten in den Zielen. */ + ok(!/dogfather1608|gmail/i.test(ERKANNT), + "das Wasserzeichen steht nicht im Erkennungstext"); + const g = leseBild(ERKANNT); + const alles = JSON.stringify(g); + ok(!/dogfather1608|gmail/i.test(alles), + "und damit auch nirgends in der Kachel"); + /* GEGENPROBE: Stuende es doch im Text, wuerde es auch in den Zielen + landen -- also waere die Zeile oben nicht nur Zierde. */ + const mitWasser = ERKANNT.replace("« 15 gültige", "« dogfather1608@gmail.com 15 gültige"); + const g2 = leseBild(mitWasser); + ok(g2.kuer.aufgaben.some((a) => /dogfather1608/.test(a)), + " Gegenprobe: stuende es im Text, stuende es auch in den Zielen"); +} + +/* ===================================================================== + 4. KEINE UHR, KEIN NETZ, KEINE DATENBANK + ===================================================================== */ +melde(""); +melde("=== 4. Der Leser haengt an nichts ==="); +{ + /* OHNE DIE KOMMENTARE (berichtigt 08.10.2026, erster Lauf). + Die Datei ERKLAERT, warum sie die Texterkennung nicht aufruft -- + und nannte sie dabei beim Namen. Die Muster unten fanden + „execFile" und „Tesseract" in genau diesen Saetzen und meldeten + einen Schaden, den es nicht gab. + + Das ist derselbe Fehlgriff wie am 07.10.2026 beim Teilen, wo das + Wort „agentur" im eingebetteten Stilblatt fuer ein Leck gehalten + wurde: Eine Pruefung, die eine Erklaerung fuer die Sache haelt, + meldet jeden Tag einen Schaden -- und wird nach dem zweiten Mal + weggeklickt. + + Gemessen wird der CODE. Der Kommentarraeumer ist absichtlich + schlicht; er muss nur Kommentare entfernen, nicht JavaScript + verstehen. */ + const mitAllem = readFileSync(join(HIER, "kampagne-bild-lesen.mjs"), "utf8"); + const quelle = mitAllem + .replace(/\/\*[\s\S]*?\*\//g, " ") + .replace(/(^|[^:])\/\/.*/g, "$1 "); + const verboten = [ + [/\bimport\s/, "ein import"], + [/\bfetch\s*\(/, "fetch"], + [/\bDate\.now\s*\(/, "Date.now"], + [/new\s+Date\s*\(\s*\)/, "new Date() ohne Angabe"], + [/\bdb\s*\(/, "die Datenbank"], + [/readFileSync|writeFileSync/, "das Dateisystem"], + /* `(? m.test(quelle)); + ok(drin.length === 0, + `die Datei fuehrt NICHTS ein und fasst nichts an` + + (drin.length ? ` — gefunden: ${drin.map((x) => x[1]).join(", ")}` : "")); + /* GEGENPROBE: Die Muster finden sehr wohl etwas, wenn es dasteht. + Ohne sie waere die Zeile oben auch bei kaputten Mustern gruen. */ + ok(verboten.filter(([m]) => m.test('import x from "y"; fetch(); db(); tesseract')).length >= 4, + " Gegenprobe: die Muster schlagen an, wenn es wirklich dasteht"); + /* UND DER KOMMENTARRAEUMER WIRFT NICHT ALLES WEG. Ohne diese Zeile + waere die Pruefung oben auch dann gruen, wenn `quelle` leer ist -- + ein gruener Haken ueber einem leeren Feld. */ + ok(quelle.length > 1500 && quelle.includes("export function leseBild"), + ` und der Code selbst steht noch da (${quelle.length} von ` + + `${mitAllem.length} Zeichen, Rest sind Kommentare)`); + ok(/execFile|tesseract/i.test(mitAllem), + " Gegenprobe: in den KOMMENTAREN kommen die Woerter sehr wohl vor"); + + /* GLEICHE EINGABE, GLEICHES ERGEBNIS. Eine Lesefunktion mit einer + Uhr darin liefert zu verschiedenen Zeiten Verschiedenes -- und + eine Pruefung darauf ist eine Zeitbombe. */ + const a = JSON.stringify(leseBild(ERKANNT)); + const b = JSON.stringify(leseBild(ERKANNT)); + ok(a.length > 500 && a === b, + `zwei Laeufe, ${a.length} Zeichen, Zeichen fuer Zeichen gleich`); +} + +/* ===================================================================== + 5. DIE TEXTERKENNUNG SELBST + ===================================================================== */ +melde(""); +melde("=== 5. Vom Bild zum Text ==="); +{ + let da = false; + try { + execFileSync("tesseract", ["--version"], { stdio: "ignore", timeout: 10_000 }); + da = true; + } catch { da = false; } + + if (!da) { + nichtNachsehbar( + "Tesseract ist auf dieser Maschine nicht eingerichtet — " + + "der Schritt vom BILD zum TEXT wurde nicht gemessen.", + "Auf dem Server ist es vorhanden (5.5.0 mit deutschen Sprachdaten, " + + "gemessen 08.10.2026); dort misst dieser Abschnitt wirklich. " + + "Lokal nachruesten: winget install UB-Mannheim.TesseractOCR — " + + "die Abschnitte 1 bis 4 laufen auch ohne."); + } else { + const bild = join(DATEN, DATEIEN.bild.name); + let text = ""; + try { + text = execFileSync("tesseract", + [bild, "stdout", "-l", "deu", "--psm", "4"], + { encoding: "utf8", timeout: 30_000, stdio: ["ignore", "pipe", "ignore"] }); + } catch (f) { + text = ""; + melde(` -- Tesseract brach ab: ${f?.message?.slice(0, 80)}`); + } + ok(text.length > 200, `aus dem Bild kommen ${text.length} Zeichen Text`); + + /* NICHT „Zeichen fuer Zeichen gleich wie gespeichert": Eine + andere Tesseract-Fassung liest ein Komma anders, und dann waere + diese Pruefung rot, ohne dass etwas kaputt ist. Gemessen wird, + was zaehlt -- dass die KACHEL dieselbe wird. */ + let g = null; + try { g = leseBild(text); } catch (f) { void f; g = null; } + ok(g !== null, "und der Leser macht daraus eine Kachel"); + ok(g?.pflicht.titel === "[Star Light] Refined visuals Goal 1.0", + `mit demselben Titel: ${JSON.stringify(g?.pflicht.titel)}`); + ok(g?.pflicht.start === "2026-10-01" && g?.pflicht.ende === "2026-10-31", + `demselben Zeitraum: ${g?.pflicht.start}..${g?.pflicht.ende}`); + ok(g?.kuer.aufgaben.length === 3, + `und denselben drei Zielen (${g?.kuer.aufgaben.length})`); + } +} + +melde(""); +melde(`${geprueft} Pruefungen, ${fehler} Fehler` + + (offen ? `, ${offen} nicht nachsehbar` : "")); +if (!geprueft) { + melde("ABBRUCH: nichts geprueft -- das ist ein Fehler, kein Erfolg."); + process.exit(3); +} +melde(fehler ? "NICHT IN ORDNUNG" : (offen ? "IN ORDNUNG, mit Luecke" : "ALLES IN ORDNUNG")); +process.exit(fehler ? 1 : 0); diff --git a/server/pruefdaten/bild-agentur-erkannt.txt b/server/pruefdaten/bild-agentur-erkannt.txt new file mode 100644 index 00000000..e464ad16 --- /dev/null +++ b/server/pruefdaten/bild-agentur-erkannt.txt @@ -0,0 +1,22 @@ +[Star Light] Refined visuals Goal 1.0 in aearbeitung Kampagne duplizieren Weniger anzeigen * +10/01/2026 00:00:00 - 10/31/2026 22:59:59 (UTC+02:00) + +Grundlegende Informationen +Gruppenname [Star Light] Refined visuals Goal 1.0 Zeitzone Europe/Amsterdam + +Daten 01.10.2026 00:00 - 31.10.2026 22:5XUTC+02:00) Sichtbar für Privat. + +Erstellt von. Spicy Media Teilnehmerinnen der. 1 Creator Network, 55 Creator*innen. Einzelheiten anzeigen +Creator*innen 10 Anmeldung erforderlich Nein ® + +Gruppenbeschreibung + +Zusätzliche Prämien für das Team im Oktober. + +Phasendetails _Creator‘innen-Leistung + +@ Ziele erreichen Endetin 23 Tage 22 : 50 : 44 + +«Geh LIVE für 900 Minuten. +« 15 gültige LIVE-Gehen-Tage haben +® An 20 Tagen Ziele für optimierte Bildqualität erreichen diff --git a/server/pruefdaten/bild-agentur-nachbau.html b/server/pruefdaten/bild-agentur-nachbau.html new file mode 100644 index 00000000..3614a62c --- /dev/null +++ b/server/pruefdaten/bild-agentur-nachbau.html @@ -0,0 +1,128 @@ + + + + + + + +
+ +
+
+

【Star Light】Refined visuals Goal 1.0

+ In Bearbeitung + Kampagne duplizierenWeniger anzeigen ⌃ +
+

10/01/2026 00:00:00 ~ 10/31/2026 22:59:59 (UTC+02:00)

+ +

Grundlegende Informationen

+
+ Gruppenname + 【Star Light】Refined visuals Goal 1.0 + Zeitzone + Europe/Amsterdam + + Daten + 01.10.2026 00:00 ~ 31.10.2026 22:59(UTC+02:00) + Sichtbar für + Privat + + Erstellt von + Spicy Media + Teilnehmer*innen der ... + 1 Creator Network, 55 Creator*innen. Einzelheiten anzeigen + + Creator*innen + 1 ⓘ + Anmeldung erforderlich + Nein ⓘ +
+ +

Gruppenbeschreibung

+

Zusätzliche Prämien für das Team im Oktober.

+
+ +
+
PhasendetailsCreator*innen-Leistung
+
+
+

🎯 Ziele erreichen

+ Endet in 23 Tage 22 : 50 : 44 +
+ +
+
+ + + + diff --git a/server/pruefdaten/bild-agentur-nachbau.png b/server/pruefdaten/bild-agentur-nachbau.png new file mode 100644 index 00000000..6af431c1 Binary files /dev/null and b/server/pruefdaten/bild-agentur-nachbau.png differ diff --git a/server/workspace-kampagne.js b/server/workspace-kampagne.js index 4527e22f..e36578a0 100644 --- a/server/workspace-kampagne.js +++ b/server/workspace-kampagne.js @@ -69,7 +69,7 @@ ===================================================================== */ import express from "express"; -import { randomBytes } from "node:crypto"; +import { randomBytes, createHash } from "node:crypto"; import { join } from "node:path"; import { mkdirSync, writeFileSync, unlinkSync } from "node:fs"; import { @@ -82,6 +82,9 @@ import { hostVon, FRIST_SEITE_MS } from "./helfer-tiktok.mjs"; import { leseKampagne, regelnText, aufgabenText, KampagneUnlesbar } from "./kampagne-lesen.mjs"; +import { leseBild, BildUnlesbar } from "./kampagne-bild-lesen.mjs"; +import { execFile } from "node:child_process"; +import { tmpdir } from "node:os"; export const kampagneRouter = express.Router(); @@ -283,6 +286,186 @@ async function bannerAblegen(adresse) { return { name, groesse: roh.length, art }; } +/* ===================================================================== + DIE TEXTERKENNUNG (08.10.2026) + + Filipe: „bei den agentur events soll ich kein link sondern immer so + ein screen reinschicke und dan soll daraus alles genommen werden." + + WARUM HIER UND NICHT IM LESER: `kampagne-bild-lesen.mjs` darf + nichts anfassen -- kein Netz, keine Datei, kein Prozess. Nur so + laesst sich das Auslesen gegen GESPEICHERTE Erkennungstexte + pruefen. Der Aufruf von Tesseract braucht beides, also steht er + hier. + + TESSERACT, NICHT EIN DIENST IM NETZ. Apache 2.0, laeuft auf dem + eigenen Server, kostet nichts und schickt das Bild nirgendwohin. + Ein Bildschirmfoto aus dem Agentur-Backstage zeigt Teilnehmerzahlen + und Kampagnennamen -- das geht niemanden sonst etwas an. + Nachgemessen am 08.10.2026: Version 5.5.0 mit deutschen + Sprachdaten ist auf dem Server vorhanden. + + `--psm 4` (eine Spalte mit wechselnden Groessen) statt `6` + (ein Block): gemessen 24 statt 14 Zeilen, und die Bloecke der Seite + bleiben getrennt. Beide lesen die Aufgaben fehlerfrei; `4` haelt + zusaetzlich das Raster auseinander. + + KEINE NACHBEARBEITUNG DES BILDES. Gemessen wurden vier Fassungen + (unveraendert, invertiert, doppelt so gross, beides): alle vier + lesen die drei Aufgaben wortgleich. Was nichts aendert, kommt nicht + in den Weg -- und eine Bildbibliothek mehr waere eine Abhaengigkeit + mehr. + + DAS WASSERZEICHEN STOERT NICHT. Auf Filipes Bildschirmfotos liegt + seine Mailadresse vielfach und schraeg ueber der Seite. Gemessen: + Sie taucht im Erkennungstext kein einziges Mal auf -- zu wenig + Kontrast. (Gepruefte Gegenprobe in pruef-kampagne-bild.mjs.) + ===================================================================== */ + +const OCR_FRIST_MS = 20_000; +const BILD_MAX = 8 * 1024 * 1024; + +/** Liest den Text aus einem Bild. Gibt `{ ok, text }` oder + * `{ ok: false, grund }` -- der dritte Ausgang inbegriffen: + * „Texterkennung nicht vorhanden" ist etwas anderes als + * „nichts erkannt". */ +function textAusBild(pfad) { + return new Promise((fertig) => { + execFile("tesseract", [pfad, "stdout", "-l", "deu", "--psm", "4"], + { timeout: OCR_FRIST_MS, maxBuffer: 4 * 1024 * 1024 }, + (fehler, aus) => { + if (fehler) { + /* ENOENT heisst: Tesseract gibt es auf dieser Maschine + nicht. Das ist KEIN Fehler des Bildes und muss anders + klingen -- sonst sucht jemand stundenlang am + Bildschirmfoto. */ + const grund = fehler.code === "ENOENT" + ? "Die Texterkennung ist auf diesem Server nicht eingerichtet." + : (fehler.killed + ? `Die Texterkennung hat länger als ${OCR_FRIST_MS / 1000} s gebraucht.` + : `Die Texterkennung ist gescheitert (${fehler.code ?? fehler.message}).`); + return fertig({ ok: false, grund }); + } + return fertig({ ok: true, text: String(aus || "") }); + }); + }); +} + +/** Der Dublettenschluessel eines Bildschirmfotos. + * + * EIN BILD TRAEGT KEINE KAMPAGNENNUMMER. Auf der Seite steht keine, + * und aus dem Bild laesst sich keine lesen. Ohne Schluessel entstuende + * bei jedem zweiten Einfuegen desselben Bildes eine zweite Kachel. + * + * Genommen wird deshalb, was die Kampagne ausmacht: Titel und + * Zeitraum. Zweimal dasselbe Bild gibt denselben Schluessel; zwei + * verschiedene Kampagnen geben verschiedene. + * + * DAS PRAEFIX `bild:` HAELT DIE RAEUME AUSEINANDER. Eine + * TikTok-Kampagnennummer besteht nur aus Ziffern; so kann ein + * Bildschlüssel nie mit einer verwechselt werden -- auch nicht im + * eindeutigen Index, den sich beide teilen. */ +function bildSchluessel(pflicht) { + const kern = `${pflicht.titel}|${pflicht.start}|${pflicht.ende}`; + return `bild:${createHash("sha256").update(kern, "utf8").digest("hex").slice(0, 32)}`; +} + +/* ===================================================================== + EINE KACHEL SCHREIBEN -- EINMAL IM HAUS (08.10.2026) + + Gerufen von BEIDEN Wegen: aus einem Link (`/einlesen`) und aus + einem Bildschirmfoto (`/bild`). Vorher stand dieser Block in der + Link-Route; als der Bild-Weg dazukam, waere die naheliegende Loesung + gewesen, ihn abzuschreiben. + + WARUM NICHT ABSCHREIBEN: Am 11.09.2026 hat genau das in diesem Haus + drei Spalten gekostet. Eine Umstellung schrieb die Spaltenliste von + Hand ab, spaeter kamen drei Spalten dazu, und die Abschrift warf sie + weg -- mit Inhalt, ohne Fehlermeldung, bei unveraenderter + Zeilenzahl. Zwei INSERTs fuer dieselbe Tabelle sind dieselbe Falle. + + EINTRAG UND BILD IN EINER TRANSAKTION. Bricht das zweite INSERT ab, + darf das erste nicht stehen bleiben: Eine Kachel mit einem Bild, das + es nicht gibt, sieht aus wie ein Fehler im Anzeigen -- und man sucht + ihn dort. + + @param {object} o + @param {object} o.gelesen was der Leser geliefert hat + @param {string[]} o.hinweise was dabei gefehlt hat + @param {object} o.person wer es anlegt + @param {?string} o.haus das Haus der Adresse, nicht geraten + @param {string} o.jetzt ein Zeitstempel fuer alles + @param {?string} o.nummer Dublettenschluessel oder null + @param {?string} o.quelle Link oder Herkunftsvermerk + @param {?string} o.wunschSeite "tiktok" | "agentur" | null + @param {?object} o.abgelegt eine schon abgelegte Bilddatei + @param {string} o.dateiBasis wie die Datei am Eintrag heissen soll + @returns {number} die Nummer des neuen Eintrags + ===================================================================== */ +function kachelSchreiben({ gelesen, hinweise, person, haus, jetzt, + nummer, quelle, wunschSeite, abgelegt, dateiBasis }) { + /* Ab wann draengt es? Gerechnet, nicht geraten -- und hier, nicht im + Leser: Eine Lesefunktion, die die Wanduhr befragt, liefert zu + verschiedenen Zeiten verschiedene Ergebnisse auf dieselbe + Eingabe. */ + const tageBisEnde = Math.round( + (Date.parse(`${gelesen.pflicht.ende}T12:00:00Z`) - Date.parse(jetzt)) / 86400_000); + const dringlichkeit = tageBisEnde < DRAENGT_AB_TAGEN ? "hoch" : "mittel"; + + const d = db(); + let meine = false; + try { d.exec("BEGIN IMMEDIATE"); meine = true; } catch { meine = false; } + try { + const { lastInsertRowid } = d.prepare(` + INSERT INTO eintraege + (bereich, art, titel, text, datum, event_ende, + event_aufgaben, event_regeln, dringlichkeit, status, nur_leitung, + erstellt, erstellt_von, haus, + kampagne_id, kampagne_quelle, kampagne_geholt_am, kampagne_zone, + kampagne_daten, kampagne_seite) + VALUES ('agentur','kampagne', ?,?,?,?, ?,?,?, 'offen', 0, ?,?,?, ?,?,?,?,?,?)`) + .run( + gelesen.pflicht.titel.slice(0, 160), + kuerzen(gelesen.kuer.einleitung || ""), + /* Der TAG der Kampagne in IHRER Zone -- nicht heuteLokal(). + Eine Kampagne, die morgen beginnt, steht sonst heute in der + Liste. */ + gelesen.pflicht.start, + gelesen.pflicht.ende, + kuerzen(aufgabenText(gelesen.kuer)), + kuerzen(regelnText(gelesen.kuer, hinweise)), + dringlichkeit, + jetzt, person.id, + /* NICHT von Hand auf "agentur" gesetzt, sondern dieselbe + Angabe, die oben schon ueber die Annahme entschieden hat. + Zweimal zu rechnen waeren zwei Fassungen derselben Regel -- + und die laufen auseinander. */ + haus, + nummer, quelle, jetzt, gelesen.pflicht.zone, + JSON.stringify(gelesen.auszug), + /* NULL, wenn niemand gewaehlt hat -- dann entscheidet wie + bisher die Herkunft. Siehe die Begruendung bei der Spalte in + workspace.js. */ + wunschSeite ?? null); + const eintragId = Number(lastInsertRowid); + + if (abgelegt) { + d.prepare(` + INSERT INTO dateien (name_original, name_datei, groesse, typ, status, notiz, + hochgeladen_von, erstellt, eintrag_id, haus) + VALUES (?,?,?,?, 'entwurf', NULL, ?,?,?,?)`) + .run(`${dateiBasis}${abgelegt.name.slice(abgelegt.name.lastIndexOf("."))}`, + abgelegt.name, abgelegt.groesse, abgelegt.art, + person.id, jetzt, eintragId, person.haus || null); + } + if (meine) d.exec("COMMIT"); + return eintragId; + } catch (fehler) { + if (meine) { try { d.exec("ROLLBACK"); } catch { /* schon zurück */ } } + throw fehler; + } +} + /* ===================================================================== DIE ROUTE ===================================================================== */ @@ -541,62 +724,24 @@ kampagneRouter.post("/workspace/api/kampagne/einlesen", async (req, res) => { ab, darf das erste nicht stehen bleiben: Eine Kachel mit einem Bild, das es nicht gibt, sieht aus wie ein Fehler im Anzeigen -- und man sucht ihn dort. */ + /* ---- 9. Anlegen --------------------------------------------- + DURCH DIESELBE TUER WIE DER BILD-WEG. `kachelSchreiben` steht + weiter unten und wird von beiden Routen gerufen. Abgeschrieben + waere dieser Block die Sorte Dopplung, die in diesem Haus schon + einmal drei Spalten gekostet hat (CLAUDE.md, 11.09.2026): Wer + spaeter eine Spalte ergaenzt, ergaenzt sie an einer Stelle und + vergisst die andere -- ohne Fehlermeldung, bei unveraenderter + Zeilenzahl. */ const jetzt = jetztIso(); - const tageBisEnde = Math.round( - (Date.parse(`${gelesen.pflicht.ende}T12:00:00Z`) - Date.parse(jetzt)) / 86400_000); - const dringlichkeit = tageBisEnde < DRAENGT_AB_TAGEN ? "hoch" : "mittel"; - - const d = db(); let eintragId = null; - let meine = false; try { - try { d.exec("BEGIN IMMEDIATE"); meine = true; } catch { meine = false; } - const { lastInsertRowid } = d.prepare(` - INSERT INTO eintraege - (bereich, art, titel, text, datum, event_ende, - event_aufgaben, event_regeln, dringlichkeit, status, nur_leitung, - erstellt, erstellt_von, haus, - kampagne_id, kampagne_quelle, kampagne_geholt_am, kampagne_zone, - kampagne_daten, kampagne_seite) - VALUES ('agentur','kampagne', ?,?,?,?, ?,?,?, 'offen', 0, ?,?,?, ?,?,?,?,?,?)`) - .run( - gelesen.pflicht.titel.slice(0, 160), - kuerzen(gelesen.kuer.einleitung || ""), - /* Der TAG der Kampagne in IHRER Zone -- nicht heuteLokal(). - Eine Kampagne, die morgen beginnt, steht sonst heute in der - Liste. */ - gelesen.pflicht.start, - gelesen.pflicht.ende, - kuerzen(aufgabenText(gelesen.kuer)), - kuerzen(regelnText(gelesen.kuer, hinweise)), - dringlichkeit, - jetzt, person.id, - /* NICHT von Hand auf "agentur" gesetzt, sondern dieselbe - Angabe, die oben schon ueber die Annahme entschieden - hat. Zweimal zu rechnen waeren zwei Fassungen derselben - Regel -- und die laufen auseinander. */ - haus, - nummer, link, jetzt, gelesen.pflicht.zone, - JSON.stringify(gelesen.auszug), - /* NULL, wenn niemand gewaehlt hat -- dann entscheidet - wie bisher die Herkunft. Siehe die Begruendung bei - der Spalte in workspace.js. */ - wunschSeite); - eintragId = Number(lastInsertRowid); - - if (abgelegt) { - d.prepare(` - INSERT INTO dateien (name_original, name_datei, groesse, typ, status, notiz, - hochgeladen_von, erstellt, eintrag_id, haus) - VALUES (?,?,?,?, 'entwurf', NULL, ?,?,?,?)`) - .run(`banner-${nummer}${abgelegt.name.slice(abgelegt.name.lastIndexOf("."))}`, - abgelegt.name, abgelegt.groesse, abgelegt.art, - person.id, jetzt, eintragId, person.haus || null); - abgelegt = null; /* ab hier gehört die Datei dem Eintrag */ - } - if (meine) d.exec("COMMIT"); + eintragId = kachelSchreiben({ + gelesen, hinweise, person, haus, jetzt, + nummer, quelle: link, wunschSeite, + abgelegt, dateiBasis: `banner-${nummer}`, + }); + abgelegt = null; /* ab hier gehört die Datei dem Eintrag */ } catch (fehler) { - if (meine) { try { d.exec("ROLLBACK"); } catch { /* schon zurück */ } } /* Der eindeutige Index hat zugeschlagen: zwei gleichzeitige Aufrufe für dieselbe Kampagne. Das ist kein Fehler, das ist genau sein Zweck -- und die Antwort ist dieselbe wie bei der @@ -642,3 +787,213 @@ kampagneRouter.post("/workspace/api/kampagne/einlesen", async (req, res) => { `unerwartet: ${fehler?.message}`); } }); + +/* ===================================================================== + EINE KAMPAGNE AUS EINEM BILDSCHIRMFOTO (08.10.2026) + + Filipe: „bei den agentur events soll ich kein link sondern immer so + ein screen reinschicke und dan soll daraus alles genommen werden und + daraus die kampagne kachel gemacht werden." + + DERSELBE WEG WIE DER LINK, nur mit einer anderen Quelle: Recht -> + Haus -> Bremse -> Lesen -> Dublette -> Anlegen -> Protokoll. Was + dabei herauskommt, hat dieselbe Form (siehe kampagne-bild-lesen.mjs), + und geschrieben wird mit derselben Funktion (`kachelSchreiben`). + + DAS BILD KOMMT ALS ROHE BYTES, so wie jede andere Datei im Haus + (`express.raw`, Beschriftung im Kopf). Kein multipart/form-data von + Hand -- die Begruendung steht in workspace-dateien.js. + + UND ES BLEIBT AN DER KACHEL. Das Bildschirmfoto IST die Quelle + dieser Kampagne; es wegzuwerfen hiesse, die einzige Stelle + wegzuwerfen, an der man nachsehen kann, was wirklich dastand. Es + wird deshalb als Datei an den Eintrag gehaengt -- und erscheint + damit als Buehnenbild der Kachel, genau wie ein Banner. + ===================================================================== */ + +kampagneRouter.post("/workspace/api/kampagne/bild", + express.raw({ type: "*/*", limit: BILD_MAX }), + async (req, res) => { + const person = req.person; + const ip = echteIp(req); + let abgelegt = null; + let temp = null; + + const schiefgegangen = (status, nachricht, grund) => { + protokolliere("kampagne_gescheitert", { + personId: person.id, rolle: person.rolle, ip, + detail: kurz(`bild: ${grund}`), + }); + return res.status(status).json({ fehler: nachricht }); + }; + + try { + /* ---- Recht und Haus: WORTGLEICH mit dem Link-Weg ---------- + Dieselben zwei Fragen, dieselben zwei Antworten. Eine eigene + Regel hier waere eine zweite -- und die zweite ist die, die + beim naechsten Umbau etwas durchlaesst. */ + if (!istLeitung(person)) { + return schiefgegangen(403, + "Kampagnen anlegen dürfen DogFather und die Manager.", + `keine Leitung (${person.rolle})`); + } + if (hausFuerNeuenEintrag(person, "agentur") !== "agentur") { + return schiefgegangen(403, + "Das geht nur auf der Agenturadresse.", + `falsches Haus (${hausFuerNeuenEintrag(person, "agentur")})`); + } + const haus = hausFuerNeuenEintrag(person, "agentur"); + + /* ---- Ist das ueberhaupt ein Bild? ------------------------- */ + if (!Buffer.isBuffer(req.body) || !req.body.length) { + return schiefgegangen(400, + "Es ist kein Bild angekommen. Füge das Bildschirmfoto noch einmal ein.", + "leerer Rumpf"); + } + /* DIE BYTES ENTSCHEIDEN, nicht der angesagte Typ -- dieselbe + Regel wie bei jedem Upload im Haus. Ein Browser darf + behaupten, was er will. */ + const art = bildArtVon(req.body.subarray(0, 16)); + if (!art) { + return schiefgegangen(415, + "Das war kein Bild. Es geht ein Bildschirmfoto als PNG, JPEG, GIF oder WebP.", + `unbekannte Bytes (${req.body.length} B)`); + } + + /* ---- Bremse, VOR der Texterkennung ------------------------ + Dieselbe Bremse wie beim Link, und aus demselben Grund: + Texterkennung kostet Rechenzeit auf unserem Server. Gezaehlt + wird im Protokoll, also fallen beide Wege in denselben + Zaehler -- wer zwanzigmal in der Stunde etwas einliest, hat + es getan, egal womit. */ + { + const { anzahl, aeltester } = versucheLetzteStunde(person.id); + if (anzahl >= KAMPAGNEN_JE_STUNDE) { + const frei = new Date(Date.parse(aeltester) + 3600_000); + const min = Math.max(1, Math.ceil((frei.getTime() - Date.now()) / 60000)); + protokolliere("kampagne_bremse", { + personId: person.id, rolle: person.rolle, ip, + detail: kurz(`bild: ${anzahl} in der letzten Stunde`), + }); + return res.status(429).json({ + fehler: `Das waren ${anzahl} Kampagnen in einer Stunde. ` + + `In ${min} Minute(n) geht es weiter.`, + }); + } + } + + /* ---- Die Texterkennung ------------------------------------ + Das Bild muss dafuer kurz als Datei dastehen: Tesseract liest + einen Pfad. Es liegt im Temp-Ordner, nicht in der Ablage -- + dort landet es erst, wenn eine Kachel daraus wird. */ + const endung = { "image/png": ".png", "image/jpeg": ".jpg", + "image/gif": ".gif", "image/webp": ".webp" }[art] || ".bin"; + temp = join(tmpdir(), + `kampagnebild-${Date.now().toString(36)}-${randomBytes(6).toString("hex")}${endung}`); + writeFileSync(temp, req.body, { flag: "wx" }); + + const erkannt = await textAusBild(temp); + if (!erkannt.ok) { + return schiefgegangen(503, erkannt.grund, `ocr: ${erkannt.grund}`); + } + + /* ---- Lesen ------------------------------------------------- */ + let gelesen; + try { + gelesen = leseBild(erkannt.text); + } catch (fehler) { + if (fehler instanceof BildUnlesbar) { + /* DREI AUSGAENGE, ZWEI DAVON HIER: „Pflichtfeld fehlt oder + widerspricht sich" und „das sieht nicht nach dieser Seite + aus". Beide bekommen ihren eigenen Satz, weil sie + verschiedene Handgriffe brauchen: schaerferes Bild gegen + richtiges Bild. */ + const satz = fehler.art === "pflicht" + ? `Das Bild wurde gelesen, aber ${fehler.message}.` + : `Aus diesem Bild wurde die Kampagne nicht erkannt: ${fehler.message}. ` + + "Am besten das ganze Fenster abfotografieren — mit Titel, " + + "Zeitraum und den Zielen."; + return schiefgegangen(422, satz, `${fehler.art}: ${fehler.message}`); + } + throw fehler; + } + + /* ---- Dublette --------------------------------------------- */ + const nummer = bildSchluessel(gelesen.pflicht); + const da = db().prepare( + "SELECT id FROM eintraege WHERE kampagne_id = ?").get(nummer); + if (da) { + protokolliere("kampagne_schon_da", { + personId: person.id, rolle: person.rolle, ip, + detail: kurz(`bild ${nummer} -> Eintrag ${da.id}`), + }); + return res.status(200).json({ id: da.id, schon: true }); + } + + /* ---- Das Bild in die Ablage -------------------------------- */ + const name = `${Date.now().toString(36)}-${randomBytes(8).toString("hex")}${endung}`; + writeFileSync(join(ORDNER, name), req.body, { flag: "wx" }); + abgelegt = { name, groesse: req.body.length, art }; + + /* ---- Die Seitenwahl --------------------------------------- + WIE BEIM LINK, nur mit einer anderen Vorgabe: Ein + Bildschirmfoto aus dem Backstage ist ein Event der AGENTUR -- + dort steht „Erstellt von: Spicy Media". Wer „Automatisch" + stehen laesst, bekommt also die rechte Spalte. + + Das ist eine Vorgabe, keine Festlegung: Die drei + Moeglichkeiten stehen im Kasten, und an der Kachel laesst es + sich danach jederzeit umstellen. */ + const rohSeite = String(req.get("x-seite") || "").trim().toLowerCase(); + const wunschSeite = rohSeite === "tiktok" || rohSeite === "agentur" + ? rohSeite : "agentur"; + + const hinweise = [...gelesen.hinweise]; + /* DIE KACHEL SAGT SELBST, WOHER SIE KOMMT. Ein Mensch, der sie + spaeter liest, soll wissen, dass hier eine Maschine + abgeschrieben hat -- und dass ein Zahlendreher moeglich ist. */ + hinweise.push("Diese Kachel wurde aus einem Bildschirmfoto gelesen — " + + "bitte Titel und Zeitraum einmal nachsehen."); + + const jetzt = jetztIso(); + const eintragId = kachelSchreiben({ + gelesen, hinweise, person, haus, jetzt, + nummer, + /* Es gibt keinen Link. Statt die Spalte leer zu lassen, steht + hier, WORAUS die Kachel entstanden ist -- sonst sieht eine + Kachel ohne Quelle aus wie eine von Hand angelegte. */ + quelle: "Bildschirmfoto (Creator Network)", + wunschSeite, abgelegt, dateiBasis: "kampagnenbild", + }); + abgelegt = null; /* ab hier gehoert die Datei dem Eintrag */ + + protokolliere("kampagne_eingelesen", { + personId: person.id, rolle: person.rolle, ip, + detail: kurz(`bild "${gelesen.pflicht.titel}" ` + + `${gelesen.pflicht.start}..${gelesen.pflicht.ende} -> Eintrag ${eintragId}` + + ` (${gelesen.kuer.aufgaben.length} Aufgaben)`), + }); + + return res.status(201).json({ + id: eintragId, + titel: gelesen.pflicht.titel, + von: gelesen.pflicht.start, + bis: gelesen.pflicht.ende, + aufgaben: gelesen.kuer.aufgaben, + hinweise, + }); + } catch (fehler) { + console.error("[kampagne] bild:", fehler?.message); + if (abgelegt) { + try { unlinkSync(join(ORDNER, abgelegt.name)); } catch { /* weg ist weg */ } + } + return schiefgegangen(500, + "Beim Lesen des Bildes ist etwas schiefgegangen. Bitte noch einmal versuchen.", + `unerwartet: ${fehler?.message}`); + } finally { + /* DIE ZWISCHENDATEI GEHT IMMER WEG -- auch wenn oben etwas + geworfen hat. Sonst fuellt sich der Temp-Ordner mit + Bildschirmfotos, die niemand mehr zuordnen kann. */ + if (temp) { try { unlinkSync(temp); } catch { /* schon weg */ } } + } + }); diff --git a/workspace/assets/css/bereich.css b/workspace/assets/css/bereich.css index c31fb230..4364a705 100644 --- a/workspace/assets/css/bereich.css +++ b/workspace/assets/css/bereich.css @@ -4222,3 +4222,76 @@ body[data-ton] .kopf-zeile::before { .kampagneholen__seite { border: 1px solid CanvasText; } .kampagneholen__seite:has(input:checked) { border: 2px solid Highlight; } } + +/* ===================================================================== + EIN BILDSCHIRMFOTO STATT EINES LINKS (08.10.2026) + + Filipe: „bei den agentur events soll ich kein link sondern immer so + ein screen reinschicke und dan soll daraus alles genommen werden.“ + + Drei Wege zum selben Ziel — einfügen, hereinziehen, auswählen. Der + Kasten muss deshalb beim Hereinziehen sichtbar antworten: Ein Bild + loszulassen und nicht zu wissen, ob es angekommen ist, ist der + Moment, in dem man es ein zweites Mal versucht. + ===================================================================== */ +.kampagneholen__bild { + display: flex; flex-wrap: wrap; align-items: center; + gap: 8px 12px; + margin: 12px 0 0; +} +.kampagneholen__bild .feld-hinweis { margin: 0; } + +/* Der stille Knopf: ein `label` zum versteckten Dateifeld. Er sieht + aus wie ein Knopf, weil er einer ist — aber er tritt zurück, denn + „Kampagne holen“ bleibt die Haupthandlung. + + HIESS ZUERST `.knopf--still` (berichtigt 08.10.2026). Das klang + nach einem allgemeinen Knopf-Zusatz für das ganze Haus — und + pruef-css-klassen hatte recht, als sie ihn auf drei Seiten + vermisste: Ein Zusatz im `knopf`-Namensraum verspricht, überall + verwendbar zu sein. Er gilt aber genau für diese eine Stelle, also + trägt er auch ihren Namen. */ +.kampagneholen__waehlen { + background: transparent; + border: 1px dashed color-mix(in srgb, var(--rand) 85%, transparent); + color: var(--text-leise); + cursor: pointer; +} +.kampagneholen__waehlen:hover, .kampagneholen__waehlen:focus-visible { + color: var(--text); + border-style: solid; + border-color: color-mix(in srgb, var(--akzent, #3fbdf5) 45%, transparent); +} +/* Das Dateifeld ist `hidden`; sein Fokus wandert sichtbar auf das + Etikett, sonst wäre der Knopf mit der Tastatur unsichtbar. */ +.kampagneholen__bild input:focus-visible + label, +.kampagneholen__bild input:focus-visible ~ label { + outline: 2px solid var(--akzent, #3fbdf5); + outline-offset: 2px; +} + +/* WÄHREND ETWAS DARÜBER SCHWEBT. Kein Blinken, kein Springen — ein + ruhiger Rahmen in der Hausfarbe reicht, und er lässt die Höhe + unverändert (`inset`-Schatten statt Rand, sonst ruckt der ganze + Kasten um zwei Pixel). */ +.kampagneholen[data-zieht="ja"] { + box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--akzent, #3fbdf5) 60%, transparent); +} +.kampagneholen[data-zieht="ja"] .kampagneholen__bild .feld-hinweis { + color: var(--text); +} + +@media (max-width: 560px) { + /* 44 px Tippziel — dieselbe Vorgabe wie überall im Haus. Auf dem + Handy ist „auswählen“ der einzige der drei Wege, den es gibt. */ + .kampagneholen__waehlen { min-height: 44px; } +} + +@media (forced-colors: active) { + .kampagneholen__waehlen { border: 1px solid CanvasText; } + .kampagneholen[data-zieht="ja"] { outline: 2px solid Highlight; } +} + +@media (prefers-reduced-motion: reduce) { + .kampagneholen__waehlen { transition: none; } +} diff --git a/workspace/assets/js/bereich.js b/workspace/assets/js/bereich.js index 9f35c291..82c3a6b5 100644 --- a/workspace/assets/js/bereich.js +++ b/workspace/assets/js/bereich.js @@ -2865,6 +2865,10 @@ const feld = $('kampagne-text'); const knopf = $('kampagne-holen'); const sagt = $('kampagne-sagt'); + /* DER GANZE KASTEN, nicht nur das Textfeld: Daran haengen + Einfuegen und Hereinziehen weiter unten. Wer ein Bild einfuegt, + soll nicht erst in das Textfeld klicken muessen. */ + const kasten = $('kampagneholen') || form; const ruheText = sagt ? sagt.textContent : ''; /* DER KNOPF GIBT SICH VON SELBST WIEDER FREI. @@ -2882,10 +2886,15 @@ zweites Mal. */ const FREI_NACH_MS = 15000; let wecker = null; - const sperren = () => { + /* `satz` SEIT DEM 08.10.2026: Beim Bild steht dort „Bild wird + gelesen …“, beim Link „Wird geholt …“. Dieselbe Sperre, + dieselbe Zeile -- nur das Wort passt zu dem, was wirklich + laeuft. „Wird geholt“ waere beim Bild schlicht falsch: Es + wird nichts geholt, es wird gelesen. */ + const sperren = (satz) => { knopf.disabled = true; form.dataset.laeuft = 'ja'; - if (sagt) sagt.textContent = 'Wird geholt …'; + if (sagt) sagt.textContent = satz || 'Wird geholt …'; clearTimeout(wecker); wecker = setTimeout(() => { knopf.disabled = false; @@ -2901,6 +2910,97 @@ if (sagt) sagt.textContent = text || ruheText; }; + /* ==== EIN BILDSCHIRMFOTO STATT EINES LINKS (08.10.2026) ==== + + Filipe: „bei den agentur events soll ich kein link sondern + immer so ein screen reinschicke.“ + + DERSELBE KASTEN, DERSELBE KNOPFZUSTAND, DIESELBE + MELDEZEILE. Ein zweiter Kasten daneben hiesse: zweimal + dasselbe lernen, und beim naechsten Umbau laufen beide + auseinander. Nur der Weg zum Server ist ein anderer, weil + ein Bild keine Zeichenkette ist. + + ROHE BYTES, BESCHRIFTUNG IM KOPF -- so nimmt dieses Haus + jede Datei entgegen (siehe workspace-dateien.js). Kein + multipart/form-data von Hand. */ + const bildSenden = async (datei) => { + if (!datei) return; + if (!/^image\//.test(datei.type || '')) { + freigeben('Das war kein Bild. Es geht ein Bildschirmfoto als PNG oder JPEG.'); + return; + } + sperren('Bild wird gelesen …'); + try { + const gewaehlt = form.querySelector('input[name="kampagne-seite"]:checked'); + const a = await hole('/workspace/api/kampagne/bild', { + method: 'POST', + headers: { + 'Content-Type': datei.type || 'application/octet-stream', + 'x-seite': gewaehlt ? gewaehlt.value : '', + }, + body: datei, + }); + const r = await a.json().catch(() => ({})); + if (!a.ok) { + freigeben(sagWas(r.fehler, + `Der Server hat abgelehnt (${a.status}), ohne den Grund mitzuschicken.`)); + return; + } + if (r.schon) { + freigeben('Diese Kampagne war schon da — die Kachel steht unten.'); + } else { + const spanne = r.von && r.bis ? ` (${r.von} bis ${r.bis})` : ''; + const zahl = (r.aufgaben || []).length; + freigeben(`„${r.titel}“${spanne} steht unten — ` + + `${zahl} Ziel(e) gelesen. Bitte Titel und Zeitraum nachsehen.`); + } + await laden(); + } catch (f) { + void f; /* umgeleitet -- holen.js schickt bei 401 zur Anmeldung */ + } + }; + + /* EINFÜGEN. Das ist der Weg, den Filipe meint: Win+Umschalt+S, + dann Strg+V. Der Zuhörer haengt am ganzen Kasten, nicht nur + am Textfeld -- sonst muss man erst hineinklicken. */ + kasten.addEventListener('paste', (ev) => { + const dinge = [...(ev.clipboardData?.items || [])]; + const bild = dinge.find((x) => x.kind === 'file' && /^image\//.test(x.type)); + if (!bild) return; /* Text eingefuegt: alles wie bisher */ + ev.preventDefault(); + bildSenden(bild.getAsFile()); + }); + + /* HEREINZIEHEN. `dragover` muss abgefangen werden, sonst oeffnet + der Browser das Bild einfach in der Seite -- und die Arbeit + waere weg. */ + kasten.addEventListener('dragover', (ev) => { + if (![...(ev.dataTransfer?.types || [])].includes('Files')) return; + ev.preventDefault(); + kasten.dataset.zieht = 'ja'; + }); + kasten.addEventListener('dragleave', () => { delete ziel.dataset.zieht; }); + kasten.addEventListener('drop', (ev) => { + const d = ev.dataTransfer?.files?.[0]; + if (!d) return; + ev.preventDefault(); + delete kasten.dataset.zieht; + bildSenden(d); + }); + + /* AUSWÄHLEN -- der Weg auf dem Handy, wo es kein Strg+V gibt. + Das Feld wird danach geleert: Sonst laesst sich dasselbe Bild + kein zweites Mal waehlen (`change` kommt nur bei Aenderung). */ + const bildfeld = $('kampagne-bilddatei'); + if (bildfeld) { + bildfeld.addEventListener('change', () => { + const d = bildfeld.files?.[0]; + bildfeld.value = ''; + bildSenden(d); + }); + } + form.addEventListener('submit', async (ev) => { ev.preventDefault(); const text = (feld?.value || '').trim(); diff --git a/workspace/bereich.html b/workspace/bereich.html index 695a352a..498cd1e1 100644 --- a/workspace/bereich.html +++ b/workspace/bereich.html @@ -17,7 +17,7 @@ - + @@ -399,8 +399,27 @@ Agentur + +
+ + + … oder hier einfügen (Strg+V) oder hereinziehen. +
-

Titel, Zeitraum, Banner, Aufgaben und Preise kommen von selbst.

+

Aus dem Link kommen Titel, Zeitraum, Banner, Aufgaben und Preise von selbst — aus einem Bildschirmfoto Titel, Zeitraum und Ziele.

@@ -427,6 +446,6 @@ - +