dogfather-universe/server/pruef-fingermass.mjs

/* =====================================================================
   pruef-fingermass.mjs — Wer am Handy misst, braucht einen Finger

   WAS HIER SCHIEFGING (29.09.2026 gemessen):
   In chat.css stand neben den 44-Pixel-Knoepfen der Nachrichten-
   fusszeile eine Rechnung: „Fuenf mal 44 plus vier Abstaende sind
   236 px — eine Blase hat auf 412 px innen 251 px. Die Reihe bleibt
   damit einzeilig." Sie vergisst die Uhrzeit (57 px), und 236 + 57
   sind 293. Gemessen waren es drei Zeilen, 96 Pixel hoch, unter
   JEDER einzelnen Nachricht.

   WARUM DAS VIER TAGE UNBEMERKT BLIEB: Die Regel ist nie gelaufen.
   `page.setViewportSize({ width: 412 })` aendert nur die Groesse.
   `hasTouch` gehoert zum KONTEXT und laesst sich danach nicht mehr
   setzen — ohne ihn meldet der Browser `pointer: fine`, und KEINE
   einzige Regel aus `@media (pointer: coarse)` greift. Dort stehen
   im ganzen Haus die 44-Pixel-Beruehrziele.

   Eine Messung mit Mauszeiger auf 412 Pixeln vermisst also eine
   Seite, die es auf keinem Telefon gibt — und meldet dabei „in
   Ordnung". Das ist die dritte Sorte falscher Haken: nicht
   uebersprungen, nicht rot, sondern gruen und wertlos.

   WAS DIESE PRUEFUNG SICHERT: Dass die Zahl solcher Messungen nur
   noch SINKT. Sie meldet nicht 18 Fehler auf einmal — eine Warnung,
   die immer kommt, wird weggeklickt und nimmt den echten Fund mit.
   Sie haelt eine Grundlinie und schlaegt an, sobald eine NEUE
   dazukommt.

   UND SIE SCHLAEGT AUCH AN, WENN DIE ZAHL SINKT. Wer eine Messung
   repariert und die Grundlinie stehen laesst, deckt damit Platz fuer
   die naechste Suende. Das kostet eine Zeile und haelt die Wache
   scharf.
   ===================================================================== */

import { readdirSync, readFileSync } from "node:fs";
import { join } from "node:path";

let ok_ = 0, fehl = 0;
const ok = (b, text) => { if (b) { ok_++; console.log("  ok   " + text); }
  else { fehl++; console.log("  FEHL " + text); } };

const ORDNER = new URL(".", import.meta.url).pathname.replace(/^\/([A-Za-z]:)/, "$1");

/* GRUNDLINIE, gemessen am 29.09.2026. Diese Zahl darf nur kleiner
   werden. Wird sie kleiner, gehoert sie hier angepasst — die
   Pruefung sagt es dann selbst.

   DREI ANLAEUFE, DREI ZAHLEN. Ein grep ueber die Dateien fand 18;
   zwei davon waren Zahlen in Kommentaren („gemessen bei 412 px"),
   keine Fenster. Die erste Fassung dieser Wache zaehlte dann DATEIEN
   und kam auf 16 — aber `pruef-kalender.mjs` allein hat sieben
   Fenster, davon drei schmale, und ein einziges `hasTouch` irgendwo
   in der Datei haette alle drei freigesprochen. Gezaehlt wird
   deshalb je FENSTER.

   Die geschaerfte Fassung fand dann prompt zwei Dateien, welche die
   grobe freigesprochen hatte — `pruef-chat-optik` und
   `pruef-handy-teamdogi`, beide mit EINEM Finger und einem blinden
   Fenster daneben. Beim Nachmessen war die erste ein Fehlalarm (ihr
   `setViewportSize` sitzt auf einer Seite, die den Finger schon
   hat), die zweite ein echter Fund und sofort repariert.

   Die erste Zahl, die eine Wache liefert, ist selten die richtige.

   29.09.2026, nachmittags: 17 -> 6. Zehn Fenster bekamen einen
   Finger, eines fiel weg. Alle zehn Pruefungen liefen danach gruen
   -- diese Seiten halten die Fingerregeln also schon ein, es hatte
   nur nie jemand nachgesehen. Gefunden wurde dabei trotzdem etwas:
   eine Zeitbombe in pruef-kalender (siehe dort).

   Die sechs uebrigen sind die schweren Faelle: Dort schaltet
   `setViewportSize` mitten im Ablauf auf Handyformat um, und der
   Finger laesst sich nachtraeglich nicht setzen. Jeder davon
   braucht einen eigenen Kontext samt Anmeldung -- Umbau, nicht
   Einzeiler. `pruef-grosscheck` bleibt unangetastet, bis Filipe
   einen Lauf freigibt: Eine Aenderung, die ich nicht pruefen darf,
   liefere ich nicht aus. */
const GRUNDLINIE = 6;

/* Ab wann ist ein Fenster ein Telefon? 860 ist die Grenze, die im
   Haus schon in mess-reaktion und mess-chat-optik steht. Darueber
   hat ein Geraet mit hoher Wahrscheinlichkeit einen Zeiger. */
const SCHMAL = 860;
const MISST = /getBoundingClientRect|offsetWidth|offsetHeight|clientWidth|clientHeight|scrollWidth|scrollHeight|boundingBox/;

const ohneKommentare = (text) => text
  .replace(/\/\*[\s\S]*?\*\//g, " ")
  .replace(/^\s*\/\/.*$/gm, " ");

/* NUR DIE STELLE, DIE EIN FENSTER AUFMACHT — nicht jede Zahl im
   Text. `width: 412` in einem Kommentar ueber eine Messung von
   gestern ist keine Messung.

   UND JE FENSTER, NICHT JE DATEI. Eine Wache, die eine Datei als
   Ganzes abhakt, uebersieht genau die Mischung, die im Haus die
   Regel ist: ein Fenster mit Finger, drei ohne. */
export const fensterStellen = (text) => {
  const raus = [];
  const rein = ohneKommentare(text);
  for (const m of rein.matchAll(/newContext\s*\(\s*\{[\s\S]{0,400}?\}\s*\)/g)) {
    const br = [...m[0].matchAll(/width\s*:\s*(\d{3,4})\b/g)].map((z) => Number(z[1]));
    if (!br.length) continue;
    raus.push({ schmal: br.some((x) => x <= SCHMAL), finger: /hasTouch/.test(m[0]) });
  }
  /* `setViewportSize` KANN `hasTouch` nicht nachtragen — es gehoert
     zum Kontext und ist beim Anlegen entschieden.

     ABER ES KANN IHN AUCH NICHT WEGNEHMEN. Die erste Fassung zaehlte
     jede solche Stelle als blind und meldete daraufhin
     `pruef-chat-optik.mjs` — zu Unrecht: Deren Kontext traegt
     `hasTouch: breite < 900`, und wer danach nur die Groesse
     aendert, behaelt den Finger. Ein Fehlalarm, gefunden beim
     Nachmessen des ersten Laufs.

     Gezaehlt wird die Stelle deshalb nur, wenn in der ganzen Datei
     KEIN einziges `hasTouch` steht — dann stammt die Seite sicher
     aus einem fingerlosen Kontext. Wo ich raten muesste, zaehle ich
     nicht: Eine Wache, die im Zweifel meldet, wird weggeklickt. */
  if (!/hasTouch/.test(rein)) {
    for (const m of rein.matchAll(/setViewportSize\s*\(\s*\{[^}]{0,150}\}/g)) {
      const br = [...m[0].matchAll(/width\s*:\s*(\d{3,4})\b/g)].map((z) => Number(z[1]));
      if (!br.length) continue;
      raus.push({ schmal: br.some((x) => x <= SCHMAL), finger: false });
    }
  }
  return raus;
};

/* Ein Fenster ist nur dann ein Befund, wenn die Datei ueberhaupt
   MISST. Wer bei 390 px nachsieht, ob ein Text dasteht, braucht
   keinen Finger. */
export const blindeStellen = (text) => (MISST.test(text)
  ? fensterStellen(text).filter((f) => f.schmal && !f.finger).length : 0);
export const fingerlos = (text) => blindeStellen(text) > 0;

console.log("\n=== 1. Wer misst am Telefon ohne Finger? ===");
const dateien = readdirSync(ORDNER)
  .filter((n) => /^(pruef|mess)-.*\.mjs$/.test(n) && n !== "pruef-fingermass.mjs");

/* DRITTER AUSGANG: Findet sie nichts zum Ansehen, ist das kein
   „alles in Ordnung", sondern „konnte nicht nachsehen". */
if (dateien.length < 50) {
  console.log(`  FEHL Nur ${dateien.length} Pruefdateien gefunden — der Ordner stimmt nicht.`);
  console.log("       Erwartet werden ueber 150 in " + ORDNER);
  process.exit(2);
}

const funde = [];
let blind = 0, mitFinger = 0, amTelefon = 0;
for (const name of dateien) {
  const text = readFileSync(join(ORDNER, name), "utf8");
  const schmale = fensterStellen(text).filter((f) => f.schmal);
  if (!schmale.length) continue;
  amTelefon++;
  mitFinger += schmale.filter((f) => f.finger).length;
  const b = blindeStellen(text);
  if (b) { blind += b; funde.push(`${name} (${b})`); }
}

console.log(`  ${amTelefon} Dateien oeffnen ein Telefonformat, `
  + `${mitFinger} dieser Fenster haben einen Finger.`);
if (funde.length) console.log("  blinde Fenster mit Massband: " + funde.join(", "));

ok(amTelefon > 20, `${amTelefon} Dateien messen am Telefon — die Suche findet ueberhaupt etwas`);

if (blind > GRUNDLINIE) {
  ok(false, `${blind} blinde Fenster — das sind ${blind - GRUNDLINIE} MEHR als die `
    + `Grundlinie ${GRUNDLINIE}. Neu dazugekommen ist eine Messung, die auf einem `
    + "Telefonformat eine Seite vermisst, die es auf keinem Telefon gibt. "
    + "`hasTouch: true` gehoert in den newContext-Aufruf — setViewportSize kann es "
    + "nicht nachtragen.");
} else if (blind < GRUNDLINIE) {
  ok(false, `Nur noch ${blind} blinde Fenster — die Grundlinie steht auf ${GRUNDLINIE}. `
    + `Bitte in pruef-fingermass.mjs auf ${blind} senken, sonst deckt sie Platz fuer `
    + "die naechste.");
} else {
  ok(true, `${blind} blinde Fenster mit Massband — unveraendert zur Grundlinie ${GRUNDLINIE}`);
}

console.log("\n=== 2. Gegenprobe: kann sie auch NICHT IN ORDNUNG sagen? ===");
const faelle = [
  ["der Fall vom 29.09. (schmal, misst, kein Finger)",
    'const s = await b.newContext({ viewport: { width: 412, height: 900 } });\n'
    + 'el.getBoundingClientRect()', 1],
  ["mit Finger",
    'const s = await b.newContext({ viewport: { width: 412, height: 900 }, hasTouch: true });\n'
    + 'el.getBoundingClientRect()', 0],
  ["nur ein Laptopfenster",
    'const s = await b.newContext({ viewport: { width: 1280, height: 900 } });\n'
    + 'el.getBoundingClientRect()', 0],
  ["schmal, misst aber nichts",
    'const s = await b.newContext({ viewport: { width: 390, height: 844 } });\n'
    + 'await p.textContent("h1")', 0],
  ["eine Breite, die nur im Kommentar steht",
    '/* gemessen bei width: 412 -- drei Zeilen */\n'
    + 'const s = await b.newContext({ viewport: { width: 1440, height: 900 } });\n'
    + 'el.getBoundingClientRect()', 0],
  ["setViewportSize statt newContext — kann hasTouch gar nicht setzen",
    'await p.setViewportSize({ width: 390, height: 844 });\nel.offsetWidth', 1],
  /* DER FEHLALARM AUS DEM ERSTEN LAUF: Wer einen Finger-Kontext
     anlegt und danach nur die Groesse aendert, behaelt den Finger. */
  ["Groesse aendern an einer Seite, die schon einen Finger hat",
    'const c = await b.newContext({ viewport: { width: 900, height: 900 },\n'
    + '  hasTouch: breite < 900 });\n'
    + 'await p.setViewportSize({ width: 390, height: 844 });\nel.offsetWidth', 0],
  /* DER FALL, AN DEM DIE ERSTE FASSUNG SCHEITERTE: Ein Finger in der
     Datei, drei blinde Fenster daneben. Sie sprach die ganze Datei
     frei. */
  ["ein Finger spricht nicht die ganze Datei frei",
    'const a = await b.newContext({ viewport: { width: 390, height: 844 }, hasTouch: true });\n'
    + 'const c = await b.newContext({ viewport: { width: 412, height: 900 } });\n'
    + 'el.getBoundingClientRect()', 1],
  ["zwei blinde Fenster sind zwei Befunde, nicht einer",
    'const a = await b.newContext({ viewport: { width: 390, height: 844 } });\n'
    + 'const c = await b.newContext({ viewport: { width: 412, height: 900 } });\n'
    + 'el.getBoundingClientRect()', 2],
];
const daneben = faelle
  .filter(([, text, soll]) => blindeStellen(text) !== soll)
  .map(([n, text, soll]) => `${n} (${blindeStellen(text)} statt ${soll})`);
ok(daneben.length === 0,
  daneben.length ? `Gegenprobe daneben bei: ${daneben.join(", ")}`
    : `Gegenprobe: alle ${faelle.length} Faelle richtig eingeordnet`);

console.log(`\n${ok_} Pruefungen, ${fehl} Fehler`);
console.log(fehl ? "NICHT IN ORDNUNG\n" : "ALLES IN ORDNUNG\n");
process.exit(fehl ? 1 : 0);