/* ===================================================================== DER CHAT OEFFNET DORT, WO DAS NEUE ANFAENGT (25.09.2026) ===================================================================== Filipe: „wenn ich in den chat rein gehe und es neue kommentare gibt, will ich dass mein chat sich da öffnet wo die neuen nachrichten anfangen die ich noch nicht gesehen hab bitte und nicht immer ganz unten. sonst muss man immer hoch scrollen um die neuen zu lesen und das ist scheisse. perfektionier das bei allen rollen." --------------------------------------------------------------------- WARUM ES DIESE PRUEFUNG GIBT, OBWOHL DIE FUNKTION SEIT DEM 09.09. DA IST Sie war da und sass falsch. Der Sprung rechnete mit `offsetTop` -- dem Abstand zum `offsetParent`, und das ist nur dann der Verlauf selbst, wenn dieser `position: relative` traegt. Tut er nicht. Gemessen auf 390 px landete die Linie „Ab hier neu" 23 px OBERHALB des sichtbaren Bereichs: Man musste genau das tun, was Filipe nicht mehr tun wollte. Am Rechner stimmte es zufaellig, weil dort weniger dazwischenliegt -- deshalb ist es nie aufgefallen. EIN FEHLER, DEN NUR EINE MESSUNG IN PIXELN FINDET. „Die Linie ist da" war die ganze Zeit wahr. Gemessen wird hier deshalb, ob sie IM BILD steht und wie weit sie vom oberen Rand entfernt ist. --------------------------------------------------------------------- BEI ALLEN ROLLEN, UND ZWAR IN BEIDEN HAEUSERN Die Mechanik ist dieselbe Datei fuer alle -- aber „dieselbe Datei" war schon oefter ein Trugschluss: Die Kopfleiste ist je nach Rolle verschieden hoch, der Treff hat eigene Regeln, und die Agentur laedt ihre eigene Wand. Ein Verlauf, der bei DogFather richtig sitzt und beim Modi 40 px daneben, ist fuer den Modi kaputt. Aufrufen mit: node server/pruef-chat-neu-stelle.mjs ===================================================================== */ import { mkdtempSync, rmSync, readFileSync } from "node:fs"; import { tmpdir } from "node:os"; import { join } from "node:path"; import { execFileSync } from "node:child_process"; import { request as httpAnfrage } from "node:http"; import { createServer as httpsServer } from "node:https"; const ordner = mkdtempSync(join(tmpdir(), "ws-neustelle-p-")); process.env.WORKSPACE_DB = join(ordner, "workspace.db"); const { eigenerPort } = await import("./helfer-port.mjs"); const PORT = await eigenerPort(import.meta, "die Pruefung der Oeffnungsstelle"); const HP = PORT + 1; process.env.PORT = `${PORT}`; process.env.SITE_ACCESS_SECRET = "lokaler-test"; process.env.SITE_PUBLIC_LAUNCH_AT = "2020-01-01T00:00:00+01:00"; const express = (await import("express")).default; const ec = express.response.cookie; express.response.cookie = function (n, w, o) { return ec.call(this, n, w, { ...(o || {}), secure: false }); }; import { notbremse } from "./helfer-notbremse.mjs"; import { zertifikatBauen } from "./helfer-openssl.mjs"; await import("./index.js"); notbremse(300_000, "pruef-chat-neu-stelle"); await new Promise((r) => setTimeout(r, 1000)); process.on("uncaughtException", (f) => { console.error("ABSTURZ:", f); process.exit(7); }); process.on("unhandledRejection", (f) => { console.error("ABSTURZ (Versprechen):", f); process.exit(7); }); const CREW = "crew.dogfather-universe.com"; const AGENTUR = "workspace.dogfather-universe.com"; let fehler = 0, geprueft = 0; const melde = (t) => console.log(t); const ok = (b, t) => { geprueft++; console.log((b ? " ok " : " FEHL ") + t); if (!b) fehler++; }; const { DatabaseSync } = await import("node:sqlite"); const { scryptSync, randomBytes, createHmac } = await import("node:crypto"); const d = new DatabaseSync(process.env.WORKSPACE_DB); const jetzt = new Date().toISOString(); const sch = randomBytes(32).toString("hex"); d.prepare("INSERT INTO einstellungen (schluessel, wert, geaendert, von)" + " VALUES (?,?,?,NULL) ON CONFLICT(schluessel) DO NOTHING") .run("code_kennung_schluessel", sch, jetzt); const anlegen = (name, rolle, code) => { const s = randomBytes(16).toString("hex"); const h = scryptSync(code, s, 64, { N: 32768, r: 8, p: 1, maxmem: 96 * 1024 * 1024 }).toString("hex"); return d.prepare("INSERT INTO personen" + " (name, rolle, code_hash, code_salt, code_n, code_kennung, aktiv, erstellt)" + " VALUES (?,?,?,?,?,?,1,?) RETURNING id") .get(name, rolle, h, s, 32768, createHmac("sha256", sch).update(code).digest("hex"), jetzt).id; }; const idDogi = anlegen("Filipe", "admin", "CODE-DOGI-0001"); const idHand = anlegen("Rieke", "hand", "CODE-HAND-0001"); const idLinke = anlegen("Mara", "linke", "CODE-LINK-0001"); const idModi = anlegen("Kessi", "modi", "CODE-MODI-0001"); const idManager = anlegen("Cigdem", "manager", "CODE-MANA-0001"); const idCreator = anlegen("Luna", "creator", "CODE-CREA-0001"); /* DIE BETREUUNG GEHOERT DAZU. Im Agenturhaus darf ein Manager nur mit SEINEN Creators schreiben -- ohne diese Zeile antwortet die Route mit 403, und die Pruefung meldet einen Fehler, den es nicht gibt. Im ersten Anlauf genau so passiert: „Manager: ein Gespraech entsteht (403)". Der Server hatte recht; die Lage war unvollstaendig. */ d.prepare("INSERT INTO betreuung (creator_id, betreuer_id, seit, gesetzt_von)" + " VALUES (?,?,?,?) ON CONFLICT(creator_id) DO UPDATE SET betreuer_id = excluded.betreuer_id") .run(idCreator, idManager, jetzt, idDogi); d.close(); const roh = (host, keks, pfad, methode = "GET", koerper = null) => new Promise((fertig, schief) => { const daten = koerper === null ? null : JSON.stringify(koerper); const a = httpAnfrage({ host: "127.0.0.1", port: PORT, path: pfad, method: methode, headers: { Host: host, ...(keks ? { Cookie: keks } : {}), Origin: `https://${host}`, Referer: `https://${host}/workspace/chat.html`, ...(daten ? { "Content-Type": "application/json", "Content-Length": Buffer.byteLength(daten) } : {}), }, }, (r) => { let t = ""; r.on("data", (x) => { t += x; }); r.on("end", () => fertig({ status: r.statusCode, kopf: r.headers, json: () => { try { return JSON.parse(t); } catch { return {}; } } })); }); a.on("error", schief); if (daten) a.write(daten); a.end(); }); const anmelden = async (host, rolle, code) => { const a = await roh(host, null, "/workspace/api/anmelden", "POST", { rolle, code }); if (a.status !== 200) { console.log(`ABBRUCH: ${rolle} ${a.status}`); process.exit(2); } return [].concat(a.kopf["set-cookie"] || []).map((z) => z.split(";")[0]).join("; "); }; /* ======================================================================= DIE LAGE: je Rolle ein Gespraech mit 20 alten und 12 neuen Zeilen ======================================================================= */ const LEUTE = [ { wer: "DogFather", host: CREW, rolle: "admin", code: "CODE-DOGI-0001", id: idDogi, partner: idModi, partnerCode: "CODE-MODI-0001", partnerRolle: "modi", partnerHost: CREW }, { wer: "rechte Hand", host: CREW, rolle: "hand", code: "CODE-HAND-0001", id: idHand, partner: idModi, partnerCode: "CODE-MODI-0001", partnerRolle: "modi", partnerHost: CREW }, { wer: "linke Hand", host: CREW, rolle: "linke", code: "CODE-LINK-0001", id: idLinke, partner: idModi, partnerCode: "CODE-MODI-0001", partnerRolle: "modi", partnerHost: CREW }, { wer: "Modi", host: CREW, rolle: "modi", code: "CODE-MODI-0001", id: idModi, partner: idHand, partnerCode: "CODE-HAND-0001", partnerRolle: "hand", partnerHost: CREW }, { wer: "Manager", host: AGENTUR, rolle: "manager", code: "CODE-MANA-0001", id: idManager, partner: idCreator, partnerCode: "CODE-CREA-0001", partnerRolle: "creator", partnerHost: AGENTUR }, { wer: "Creator", host: AGENTUR, rolle: "creator", code: "CODE-CREA-0001", id: idCreator, partner: idManager, partnerCode: "CODE-MANA-0001", partnerRolle: "manager", partnerHost: AGENTUR }, ]; /* ---- Zertifikat und Vorbau (eine Adresse je Haus) ------------------- */ const schl = join(ordner, "b.key"), zert = join(ordner, "b.crt"); zertifikatBauen(schl, zert, CREW); const vorbau = httpsServer({ key: readFileSync(schl), cert: readFileSync(zert) }, (von, nach) => { const w = httpAnfrage({ host: "127.0.0.1", port: PORT, path: von.url, method: von.method, headers: { ...von.headers }, }, (a) => { nach.writeHead(a.statusCode || 502, a.headers); a.pipe(nach); }); von.pipe(w); }); await new Promise((r) => vorbau.listen(HP, "127.0.0.1", r)); const pw = await import( "file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs"); const browser = await pw.chromium.launch({ args: [`--host-resolver-rules=MAP ${CREW} 127.0.0.1,MAP ${AGENTUR} 127.0.0.1`, "--ignore-certificate-errors"], }); /** Wo steht der Verlauf, nachdem die Seite geoeffnet wurde? */ async function blick(person, breite, hoehe, keks, raumId) { const kontext = await browser.newContext({ viewport: { width: breite, height: hoehe }, deviceScaleFactor: breite < 700 ? 2 : 1, isMobile: breite < 700, hasTouch: breite < 700, }); await kontext.addCookies(keks.split("; ").map((k) => { const [x, ...r] = k.split("="); return { name: x, value: r.join("="), domain: person.host, path: "/" }; })); const seite = await kontext.newPage(); const konsole = []; seite.on("pageerror", (e) => konsole.push("Absturz: " + e.message.slice(0, 120))); await seite.goto(`https://${person.host}:${HP}/workspace/chat.html?raum=${raumId}`, { waitUntil: "networkidle" }); await seite.waitForTimeout(2200); const lage = await seite.evaluate(() => { const v = document.getElementById("verlauf"); if (!v) return { da: false }; const linie = v.querySelector(".chat-neu"); const sicht = v.getBoundingClientRect(); return { da: true, hoehe: Math.round(v.clientHeight), amEnde: v.scrollHeight - v.scrollTop - v.clientHeight < 40, linieDa: !!linie, /* DIE EIGENTLICHE FRAGE: Steht sie im Bild, und wie weit unter dem oberen Rand? Ein negativer Wert heisst: darueber, also unsichtbar -- genau der Fehler, um den es hier geht. */ abstand: linie ? Math.round(linie.getBoundingClientRect().top - sicht.top) : null, sichtbar: linie ? (linie.getBoundingClientRect().top >= sicht.top - 2 && linie.getBoundingClientRect().bottom <= sicht.bottom + 2) : false, /* Was steht ganz oben im Bild? Ueber der Linie soll Zusammenhang stehen, nicht schon das Neue. */ obenImBild: (() => { const z = [...v.querySelectorAll(".chat-nachricht")] .find((x) => x.getBoundingClientRect().bottom > sicht.top + 4); return z ? (z.textContent || "").trim().slice(0, 24) : "-"; })(), }; }); await kontext.close(); return { ...lage, konsole }; } melde(""); melde("=== 1. Bei jeder Rolle oeffnet der Chat an der neuen Stelle ==="); /* ==== JEDER BLICK BEKOMMT SEINEN EIGENEN RAUM ====================== Der erste Anlauf benutzte einen Raum je Rolle und setzte den Lesestand zwischen Handy und Rechner zurueck. Das Ergebnis FLATTERTE: Mal war DogFather rot, mal die rechte Hand, mal der Modi -- bei unveraendertem Code. Der Grund ist ein Wettlauf: Die Seite meldet „gelesen bis hier" beim Oeffnen, und zwar nicht sofort. Wird der Stand danach zurueckgesetzt, gewinnt mal das eine, mal das andere. Eine Pause davor macht es wahrscheinlicher und nicht sicher -- und eine Pruefung, die von Wahrscheinlichkeit lebt, ist keine. MIT EINEM EIGENEN RAUM JE BLICK gibt es nichts zurueckzusetzen. Das ist mehr Aufbau und dafuer eine Messung, die immer dasselbe sagt. */ for (const person of LEUTE) { const keks = await anmelden(person.host, person.rolle, person.code); const kPartner = await anmelden(person.partnerHost, person.partnerRolle, person.partnerCode); for (const [wie, breite, hoehe] of [["Handy", 390, 844], ["Rechner", 1280, 900]]) { const gr = await roh(person.host, keks, "/workspace/api/chat/gruppe", "POST", { name: `${person.wer} ${wie}`, mit: [person.partner] }); const raumId = gr.json().raum_id; if (!raumId) { ok(false, `${person.wer} / ${wie}: ein Raum entsteht (${gr.status})`); continue; } let letzteAlte = 0; for (let i = 1; i <= 20; i++) { const a = await roh(person.partnerHost, kPartner, `/workspace/api/chat/raeume/${raumId}/nachrichten`, "POST", { text: `Alte Nachricht ${i} -- lange genug, damit sie auf einem Handy umbricht.` }); letzteAlte = a.json().nachricht?.id || a.json().id || letzteAlte; } await roh(person.host, keks, `/workspace/api/chat/raeume/${raumId}/gelesen`, "PUT", { bis: letzteAlte }); for (let i = 1; i <= 12; i++) { await roh(person.partnerHost, kPartner, `/workspace/api/chat/raeume/${raumId}/nachrichten`, "POST", { text: `NEUE Nachricht ${i} -- auch diese ist lang genug zum Umbrechen.` }); } /* Was sagt der Server unmittelbar vor dem Blick? Ohne diese Zeile steht bei einem Fehlschlag nur „die Linie fehlt" da -- und man weiss nicht, ob die Oberflaeche sie nicht zeichnet oder der Server schon alles als gelesen fuehrt. */ const vorher = await roh(person.host, keks, `/workspace/api/chat/raeume/${raumId}/nachrichten`); const standVor = vorher.json().gelesen_bis; const l = await blick(person, breite, hoehe, keks, raumId); const wo = `${person.wer} / ${wie}`; ok(l.da && l.linieDa, `${wo}: die Linie „Ab hier neu" steht im Verlauf ` + `(gelesen_bis ${standVor}, letzte alte #${letzteAlte})`); ok(l.sichtbar === true, `${wo}: und sie ist zu SEHEN (${l.abstand} px unter dem oberen Rand)`); /* Nicht am Rand kleben: Ueber der Linie soll Zusammenhang stehen. Ein Viertel der Hoehe ist die Vorgabe; gemessen wird grosszuegig (mindestens 24 px), damit eine andere Kopfhoehe nicht sofort rot wird -- die Aussage ist „es steht etwas darueber", nicht „genau ein Viertel". */ ok((l.abstand || 0) >= 24, `${wo}: mit Zusammenhang darueber ("${l.obenImBild}")`); ok(l.amEnde === false, `${wo}: und NICHT ganz unten`); ok(l.konsole.length === 0, `${wo}: keine Abstuerze (${l.konsole.join(" | ") || "keine"})`); } } /* ======================================================================= 2. GEGENPROBEN ======================================================================= */ melde(""); melde("=== 2. Gegenproben (jede MUSS anschlagen) ==="); { const person = LEUTE[0]; const keks = await anmelden(person.host, person.rolle, person.code); const kPartner = await anmelden(CREW, "modi", "CODE-MODI-0001"); const gr = await roh(person.host, keks, "/workspace/api/chat/direkt", "POST", { mit: idModi }); const raumId = gr.json().raum_id; /* (a) NICHTS NEUES -> ans Ende. Ohne diese Zeile koennte der Sprung immer stattfinden, und wer nichts verpasst hat, laendete grundlos mitten im Verlauf. */ let letzte = 0; for (let i = 1; i <= 8; i++) { const a = await roh(CREW, kPartner, `/workspace/api/chat/raeume/${raumId}/nachrichten`, "POST", { text: `Alles gelesen ${i}.` }); letzte = a.json().nachricht?.id || a.json().id || letzte; } await roh(person.host, keks, `/workspace/api/chat/raeume/${raumId}/gelesen`, "PUT", { bis: letzte }); await new Promise((r) => setTimeout(r, 400)); const ohneNeues = await blick(person, 390, 844, keks, raumId); ok(ohneNeues.linieDa === false, `ohne Ungelesenes gibt es keine Linie (${ohneNeues.linieDa})`); ok(ohneNeues.amEnde === true, "und der Verlauf steht am Ende -- da, wo man weiterschreibt"); /* (b) Kann die Messung „nicht sichtbar" ueberhaupt erkennen? Sonst waere jede gruene Zeile oben wertlos. Gemessen wird an einem Verlauf, der absichtlich nach unten gescrollt wird. */ for (let i = 1; i <= 12; i++) { await roh(CREW, kPartner, `/workspace/api/chat/raeume/${raumId}/nachrichten`, "POST", { text: `Danach noch etwas ${i}.` }); } { const dd = new DatabaseSync(process.env.WORKSPACE_DB); dd.prepare("UPDATE chat_teilnehmer SET gelesen_bis = ? WHERE raum_id = ? AND person_id = ?") .run(letzte, raumId, person.id); dd.close(); } const kontext = await browser.newContext({ viewport: { width: 390, height: 844 }, deviceScaleFactor: 2, isMobile: true, hasTouch: true }); await kontext.addCookies(keks.split("; ").map((k) => { const [x, ...r] = k.split("="); return { name: x, value: r.join("="), domain: person.host, path: "/" }; })); const seite = await kontext.newPage(); await seite.goto(`https://${person.host}:${HP}/workspace/chat.html?raum=${raumId}`, { waitUntil: "networkidle" }); await seite.waitForTimeout(2000); const kuenstlich = await seite.evaluate(() => { const v = document.getElementById("verlauf"); v.scrollTop = v.scrollHeight; /* mit Absicht ans Ende */ const linie = v.querySelector(".chat-neu"); const sicht = v.getBoundingClientRect(); if (!linie) return null; return { abstand: Math.round(linie.getBoundingClientRect().top - sicht.top), sichtbar: linie.getBoundingClientRect().top >= sicht.top - 2 && linie.getBoundingClientRect().bottom <= sicht.bottom + 2, }; }); await kontext.close(); ok(kuenstlich && kuenstlich.sichtbar === false && kuenstlich.abstand < 0, `am Ende ist die Linie NICHT sichtbar (${kuenstlich?.abstand} px) ` + "-- die Messung kann also auch nein sagen"); } await browser.close(); vorbau.close(); melde(""); melde(`${geprueft} Pruefungen, ${fehler} Fehler`); melde(fehler === 0 ? "ALLES IN ORDNUNG" : "NICHT IN ORDNUNG"); try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ } process.exit(fehler === 0 ? 0 : 1);