/* ===================================================================== WIE SIEHT DIE NEUE PERSONENKACHEL AUS? (24.09.2026) Filipe: "mach das bitte viel krasser und viel geiler. die aufgaben die wir verteilen sollen da auch zu sehen sein und so. viel uebersichtlicher, viel moderner." --------------------------------------------------------------------- WARUM ES DIESE DATEI GIBT, OBWOHL pruef-entwicklung-kacheln EXISTIERT Die Pruefung nebenan misst, ob die Kachel STIMMT -- ob Ring, Ziffer, Zeile und Vorleseschild dieselbe Zahl sagen. Dafuer braucht sie einen kargen Bestand: zwei Leute, alles auf null. Genau dadurch zeigt ihr Bildschirmfoto den Sonderfall, nicht den Alltag: zwei leere Ringe nebeneinander. Ob ein Ring bei 68 Prozent gut aussieht, ob eine Kachel mit drei ueberfaelligen Aufgaben noch ruhig wirkt, ob sechs Kacheln am Handy uebersichtlich bleiben -- davon steht dort nichts. Diese Datei legt deshalb einen Bestand an, der wie der echte aussieht: sechs Leute, jeder anders weit, jeder mit anderen Aufgaben. Sie prueft NICHTS und meldet keinen Fehlschlag. Sie macht Bilder, an denen man entscheiden kann. Sie heisst deshalb `mess-` und nicht `pruef-`: Die Portvergabe leitet sich aus den `pruef-`-Namen ab, und eine Messdatei darf die Nummern der Pruefungen nicht verschieben. Aufrufen mit: node server/mess-entwicklung-kacheln.mjs Bilder: server/mess-entwicklung-kacheln-breit.png server/mess-entwicklung-kacheln-handy.png ===================================================================== */ import { mkdtempSync, rmSync } from "node:fs"; import { tmpdir } from "node:os"; import { join } from "node:path"; import { eigenerPort } from "./helfer-port.mjs"; const PORT = await eigenerPort(import.meta); const ordner = mkdtempSync(join(tmpdir(), "ws-messkachel-")); process.env.WORKSPACE_DB = join(ordner, "workspace.db"); process.env.PORT = String(PORT); process.env.SITE_ACCESS_SECRET = "lokaler-test"; process.env.SITE_ACCESS_CODE_DOGI = "DOGI-TEST-1"; 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"; await import("./index.js"); notbremse(180_000, "mess-entwicklung-kacheln"); await new Promise((r) => setTimeout(r, 700)); const BASIS = `http://127.0.0.1:${PORT}`; process.on("uncaughtException", (f) => { console.error("ABSTURZ:", f); process.exit(7); }); process.on("unhandledRejection", (f) => { console.error("ABSTURZ (Versprechen):", f); process.exit(7); }); const { DatabaseSync } = await import("node:sqlite"); const { scryptSync, randomBytes, createHmac } = await import("node:crypto"); const { ENTWICKLUNG_FREMD } = await import("./workspace-entwicklungs-punkte.js"); const d = new DatabaseSync(process.env.WORKSPACE_DB); const jetzt = new Date().toISOString(); const schluessel = randomBytes(32).toString("hex"); d.prepare("INSERT INTO einstellungen (schluessel, wert, geaendert, von)" + " VALUES (?,?,?,NULL) ON CONFLICT(schluessel) DO NOTHING") .run("code_kennung_schluessel", schluessel, jetzt); function anlegen(name, rolle, code) { const salt = randomBytes(16).toString("hex"); const hash = scryptSync(code, salt, 64, { N: 32768, r: 8, p: 1, maxmem: 96 * 1024 * 1024 }).toString("hex"); d.prepare("INSERT INTO personen" + " (name, rolle, code_hash, code_salt, code_n, code_kennung, aktiv, erstellt)" + " VALUES (?,?,?,?,?,?,1,?)") .run(name, rolle, hash, salt, 32768, createHmac("sha256", schluessel).update(code).digest("hex"), jetzt); return d.prepare("SELECT last_insert_rowid() AS id").get().id; } const ich = anlegen("Filipe", "admin", "CODE-DOGI-0001"); const leute = [ { name: "VanVan", rolle: "hand", anteil: 1.00, aufgaben: 0, spaet: 0 }, { name: "Kessi", rolle: "linke", anteil: 0.68, aufgaben: 3, spaet: 1 }, { name: "Rieke", rolle: "modi", anteil: 0.22, aufgaben: 5, spaet: 2 }, { name: "Nala", rolle: "modi", anteil: 0.00, aufgaben: 1, spaet: 0 }, { name: "Juli", rolle: "modi", anteil: 0.47, aufgaben: 0, spaet: 0 }, { name: "Momo", rolle: "modi", anteil: 0.91, aufgaben: 2, spaet: 0 }, ]; for (const p of leute) p.id = anlegen(p.name, p.rolle, `CODE-${p.name.toUpperCase()}-1`); /* Eine zweite Stimme -- nur damit "verschieden gesehen" ueberhaupt entstehen kann. Sie braucht keine Kachel. */ const zweite = anlegen("Mira", "linke", "CODE-MIRA-0001"); /* ---- Der Stand: wie weit ist Filipe bei wem? ----------------------- ERST ANMELDEN, DANN SCHREIBEN. `entwicklung_stand` entsteht nicht beim Start, sondern beim ersten Aufruf der Entwicklungsseite (tabellen() in workspace-entwicklung.js). Wer vorher hineinschreibt, bekommt "no such table" -- genau der Fehler, den die Pruefung dort schon einmal gefunden hat. */ d.close(); const vorlauf = await fetch(BASIS + "/workspace/api/anmelden", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ rolle: "admin", code: "CODE-DOGI-0001" }), }); const vorKeks = (vorlauf.headers.getSetCookie?.() || []) .map((z) => z.split(";")[0]).join("; "); await fetch(BASIS + "/workspace/api/entwicklung/lage", { headers: { Cookie: vorKeks } }); const d2 = new DatabaseSync(process.env.WORKSPACE_DB); const setze = d2.prepare( "INSERT OR REPLACE INTO entwicklung_stand (person_id, schluessel, von_id, stufe, anlass, am)" + " VALUES (?,?,?,?,NULL,?)"); const alt = new Date(Date.now() - 90 * 86400000).toISOString(); for (const p of leute) { const wie_viele = Math.round(ENTWICKLUNG_FREMD.length * p.anteil); ENTWICKLUNG_FREMD.slice(0, wie_viele).forEach((punkt, i) => { /* Ein paar alte Eintraege bei Kessi -- so steht auf ihrer Kachel auch die Zeile "x aelter als 60 Tage". */ const wann = (p.name === "Kessi" && i < 4) ? alt : jetzt; setze.run(p.id, punkt.schluessel, ich, "laeuft", wann); }); /* Zwei Punkte, die Mira anders sieht -- daraus wird "verschieden gesehen" auf Riekes Kachel. */ if (p.name === "Rieke") { ENTWICKLUNG_FREMD.slice(0, 2).forEach((punkt) => setze.run(p.id, punkt.schluessel, zweite, "hakt", jetzt)); } } /* ---- Die Aufgaben -------------------------------------------------- */ const tagPlus = (n) => { const t = new Date(); t.setHours(12, 0, 0, 0); t.setDate(t.getDate() + n); return `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}` + `-${String(t.getDate()).padStart(2, "0")}`; }; const TITEL = [ "Clips vom Samstag schneiden", "Plan für nächste Woche", "Ideen sammeln", "Rückmeldung an die Neue", "Termine für Oktober eintragen", ]; const neueAufgabe = d2.prepare( "INSERT INTO aufgaben (titel, status, prioritaet, creator_id, verantwortlich_id, frist," + " erstellt, erstellt_von) VALUES (?,?,'mittel',?,?,?,?,?)"); for (const p of leute) { for (let i = 0; i < p.aufgaben; i++) { const frist = i < p.spaet ? tagPlus(-(i + 1)) : (i === p.spaet ? tagPlus(i + 1) : null); neueAufgabe.run(TITEL[i % TITEL.length], "offen", ich, p.id, frist, jetzt, ich); } /* Eine erledigte je Person -- sie darf nicht mitzaehlen. */ neueAufgabe.run("Längst abgehakt", "erledigt", ich, p.id, tagPlus(-9), jetzt, ich); } d2.close(); const an = await fetch(BASIS + "/workspace/api/anmelden", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ rolle: "admin", code: "CODE-DOGI-0001" }), }); const keks = (an.headers.getSetCookie?.() || []).map((z) => z.split(";")[0]).join("; "); const { chromium } = await import( "file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs"); const browser = await chromium.launch(); try { for (const [wie, breite, hoehe] of [["breit", 1280, 1000], ["handy", 390, 1100]]) { const kontext = await browser.newContext({ viewport: { width: breite, height: hoehe }, hasTouch: breite <= 860 }); await kontext.addCookies(keks.split("; ").map((k) => { const [name, ...rest] = k.split("="); return { name, value: rest.join("="), domain: "127.0.0.1", path: "/" }; })); const seite = await kontext.newPage(); const konsole = []; seite.on("console", (e) => { if (e.type() === "error") konsole.push(e.text()); }); await seite.goto(`${BASIS}/workspace/entwicklung.html`, { waitUntil: "networkidle" }); await seite.waitForSelector("#personen .e-person", { timeout: 15_000 }); /* Warten, bis die Aufgabenzeilen nachgezogen sind -- sie kommen aus einem zweiten Abruf, der nach dem Zeichnen laeuft. */ await seite.waitForFunction(() => [...document.querySelectorAll(".e-person__auftrag")].some((z) => z.textContent.trim()), { timeout: 15_000 }); await seite.waitForTimeout(600); const block = await seite.$("#personen-block"); await block.screenshot({ path: `server/mess-entwicklung-kacheln-${wie}.png` }); console.log(` -- Bild (${breite} px): server/mess-entwicklung-kacheln-${wie}.png`); const zahlen = await seite.evaluate(() => [...document.querySelectorAll("#personen .e-person")].map((k) => ({ name: k.querySelector(".e-person__name")?.textContent, ring: k.querySelector(".e-ring__zahl")?.textContent, bogen: k.querySelector(".e-ring__bogen")?.getAttribute("stroke-dasharray"), auftrag: (k.querySelector(".e-person__auftrag")?.textContent || "").trim(), fuss: (k.querySelector(".e-person__fuss")?.textContent || "").trim(), hoch: Math.round(k.getBoundingClientRect().height), breit: Math.round(k.getBoundingClientRect().width), }))); if (wie === "breit") { console.log(""); for (const z of zahlen) { console.log(` ${z.name.padEnd(8)} ${String(z.ring + "%").padStart(5)} ` + `[${z.bogen}] ${z.breit}x${z.hoch}px`); console.log(` ${z.auftrag.replace(/\s+/g, " ")}`); console.log(` ${z.fuss.replace(/\s+/g, " ")}`); } console.log(""); } else { const proZeile = {}; for (const z of zahlen) proZeile[z.breit] = (proZeile[z.breit] || 0) + 1; console.log(` -- Handy: Kachelbreiten ${Object.keys(proZeile).join(", ")} px, ` + `Hoehen ${[...new Set(zahlen.map((z) => z.hoch))].join(", ")} px`); } if (konsole.length) console.log(" !! Konsole: " + konsole[0]); await kontext.close(); } } finally { await browser.close(); try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ } process.exit(0); }