Filipe: "perfektioniere jede einzelne kategorie der community ... ich will auch dass du fertige und beispiele machst fuer die community damit die auch start hilfe haben ueberall." STARTHILFE: Wer zum ersten Mal schreibt, steht vor einem leeren Feld -- der haeufigste Grund, warum ein Brett still bleibt, obwohl viele mitlesen. Im Formular stehen jetzt Beispiele: ein Klick fuellt Art, Ueberschrift und Text. Auf treff, wunsch, highlight und mitmachen -- nicht auf anschlag, ansteht, regeln, denn dort schreibt die Community nicht, und ein Angebot fuer eine verschlossene Tuer ist keins. JEDE VORLAGE HAT LUECKEN. Eine, die man absenden KANN, wird abgesendet; dann steht dort zehnmal derselbe Satz, und der elfte Mensch merkt, dass hier niemand wirklich schreibt. Die Pruefung misst das: keine Vorlage ohne "…". NICHT ZU VERWECHSELN MIT DEM STARTKATALOG. Der ist fuers Team (fertige Beitraege zum Uebernehmen), das hier fuer die Mitglieder. --- Vier Funde, drei davon nur aus dem Bild ------------------------- 1. ZWEI KNOPFREIHEN MIT DENSELBEN WOERTERN. Auf "Regeln & Hilfe" standen "Regel · Haeufige Frage · Hilfe · Was passiert, wenn" zweimal untereinander -- die eine filterte, die andere sprang zur Ueberschrift, und beide sahen gleich aus. Wo nach Art gegliedert wird, entfaellt jetzt der Filter; die Sprungmarken sind Links geworden, mit "Springe zu" davor und der Anzahl dahinter. 2. "MELDEN" UNTER JEDER REGEL. Siebzehn Melden-Knoepfe unter Texten des Teams -- man meldet keine Regel. Steht jetzt nur noch an Beitraegen von Mitgliedern. Die Gegenprobe im Messwerkzeug legt dafuer eigens einen Beitrag eines zweiten Mitglieds an: Ohne ihn saehe ein abgeschaffter Meldeweg genauso aus wie ein funktionierender. 3. DER HINWEIS LAG AUF DER NAECHSTEN BESCHRIFTUNG. Auf 412 px stand "Gehoert allen hier - wer Der Treff sieht ..." quer ueber "UEBERSCHRIFT". Der Hinweis haengt absolut unter dem Feld, und darunter sind 30 px Luft -- genug fuer EINE Zeile. Unter 560 px steht ohnehin nur ein Feld je Zeile; dort gibt es nichts auszurichten, und er darf einfach im Fluss stehen. 4. UND MEIN EIGENER FEHLER, der alles unsichtbar machte: `vorlagen` gab es hier schon -- als Checkliste fuer Creator, mit demselben Behaelter `#vorlagen`. Die spaetere Funktionsdeklaration gewinnt, zwei Elemente trugen dieselbe Kennung, und die Starthilfe erschien NIE. Keine Fehlermeldung, keine rote Pruefung, nichts in der Konsole. Gefunden nur durch einen Blick auf das Bild. Deshalb prueft pruef-vorlagen jetzt im Browser mit, dass keine Kennung doppelt vorkommt -- derselbe Fehler wie am 17.09. mit `.teilen`, und beim naechsten Mal soll ihn nicht der Zufall finden. Nebenbei messbar: "Regeln & Hilfe" ist von 4569 auf 3623 px geschrumpft, die Karten sind 54 px niedriger. Geprueft: pruef-vorlagen (neu, 24), pruef-video unveraendert 67. Gegenproben: unbekannte Art -> rot; Vorlage ohne Luecke -> rot. Co-Authored-By: Claude Opus 5 <[email protected]>
273 lines
12 KiB
JavaScript
273 lines
12 KiB
JavaScript
/* =====================================================================
|
|
DIE STARTHILFE FÜR DIE COMMUNITY -- 18.09.2026
|
|
|
|
Filipe: „ich will auch dass du fertige und beispiele machst für die
|
|
community damit die auch start hilfe haben überall."
|
|
|
|
DIE WICHTIGSTE PRÜFUNG HIER IST DIE ERSTE: Steht in jeder Vorlage
|
|
eine Art, die es auf diesem Brett wirklich gibt?
|
|
|
|
Eine Vorlage mit unbekannter Art fällt nicht auf. Der Knopf
|
|
erscheint, man klickt ihn, das Auswahlfeld springt NICHT um --
|
|
und der Beitrag landet in der ersten Art der Liste. Ein Wunsch für
|
|
den Stream steht dann unter „Technik", und niemand weiß, warum.
|
|
|
|
Aufrufen mit: node server/pruef-vorlagen.mjs
|
|
===================================================================== */
|
|
import { mkdtempSync, rmSync } from "node:fs";
|
|
import { tmpdir } from "node:os";
|
|
import { join } from "node:path";
|
|
import { request as httpAnfrage } from "node:http";
|
|
import { portMussFreiSein } from "./helfer-port.mjs";
|
|
|
|
const PORT = await portMussFreiSein(4197, "pruef-vorlagen");
|
|
const ordner = mkdtempSync(join(tmpdir(), "ws-vorl-"));
|
|
process.env.WORKSPACE_DB = join(ordner, "workspace.db");
|
|
process.env.PORT = String(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";
|
|
await import("./index.js");
|
|
notbremse(120_000, "pruef-vorlagen");
|
|
await new Promise((r) => setTimeout(r, 700));
|
|
|
|
process.on("uncaughtException", (f) => { console.error("ABSTURZ:", f); process.exit(7); });
|
|
|
|
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 CREW = "crew.dogfather-universe.com";
|
|
const { TREFF_VORLAGEN, vorlagenFuer } = await import("./workspace-treff-vorlagen.js");
|
|
const { BEREICHE } = await import("./workspace-bereiche.js");
|
|
|
|
/* =======================================================================
|
|
1. JEDE ART MUSS ES GEBEN
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 1. Passen die Arten zu den Brettern? ===");
|
|
{
|
|
let gepruefteVorlagen = 0, unbekannt = 0;
|
|
for (const [brett, liste] of Object.entries(TREFF_VORLAGEN)) {
|
|
const arten = Object.keys(BEREICHE[brett]?.arten || {});
|
|
ok(arten.length > 0, `„${brett}" gibt es, mit ${arten.length} Arten`);
|
|
for (const v of liste) {
|
|
gepruefteVorlagen++;
|
|
if (!arten.includes(v.art)) {
|
|
unbekannt++;
|
|
console.log(` -> „${v.art}" gibt es auf ${brett} nicht (${arten.join(", ")})`);
|
|
}
|
|
}
|
|
}
|
|
/* DIE ANZAHL GEHOERT IN DIE BEDINGUNG. Waere die Liste leer, waere
|
|
„0 unbekannte Arten" wahr, ohne dass etwas geprueft wurde. */
|
|
ok(gepruefteVorlagen >= 8 && unbekannt === 0,
|
|
`alle ${gepruefteVorlagen} Vorlagen nennen eine Art, die es gibt (${unbekannt} unbekannt)`);
|
|
}
|
|
|
|
/* =======================================================================
|
|
2. WAS EINE VORLAGE HABEN MUSS
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 2. Taugen die Texte? ===");
|
|
{
|
|
let ohneLuecke = 0, zuKurz = 0, anzahl = 0;
|
|
for (const liste of Object.values(TREFF_VORLAGEN)) {
|
|
for (const v of liste) {
|
|
anzahl++;
|
|
/* JEDE VORLAGE BRAUCHT EINE LUECKE. Eine, die man absenden KANN,
|
|
wird abgesendet -- und dann steht zehnmal derselbe Satz da. */
|
|
if (!`${v.titel} ${v.text}`.includes("…")) ohneLuecke++;
|
|
if (!v.titel || v.titel.length < 8 || !v.text || v.text.length < 25) zuKurz++;
|
|
}
|
|
}
|
|
ok(anzahl >= 8 && ohneLuecke === 0,
|
|
`jede der ${anzahl} Vorlagen hat eine Luecke zum Ausfuellen (${ohneLuecke} ohne)`);
|
|
ok(anzahl >= 8 && zuKurz === 0,
|
|
`und alle haben Ueberschrift und Text (${zuKurz} zu duenn)`);
|
|
}
|
|
|
|
/* =======================================================================
|
|
3. NUR DIE BRETTER, AUF DENEN DIE COMMUNITY SCHREIBT
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 3. Auf welchen Brettern? ===");
|
|
{
|
|
const drin = Object.keys(TREFF_VORLAGEN);
|
|
for (const b of ["anschlag", "ansteht", "regeln"]) {
|
|
ok(!drin.includes(b),
|
|
`„${b}" hat keine Vorlagen -- dort schreibt die Community nicht`);
|
|
}
|
|
ok(drin.includes("treff") && drin.includes("wunsch"),
|
|
`Treff und Wunschliste haben welche (${drin.join(", ")})`);
|
|
ok(vorlagenFuer("gibtsnicht").length === 0,
|
|
"ein unbekanntes Brett liefert eine leere Liste, kein undefined");
|
|
}
|
|
|
|
/* =======================================================================
|
|
4. UND ÜBER DIE SCHNITTSTELLE
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 4. Wer bekommt sie zu sehen? ===");
|
|
|
|
function roh(pfad, host, kopf = {}, koerper = null) {
|
|
return new Promise((fertig, schief) => {
|
|
const a = httpAnfrage({
|
|
host: "127.0.0.1", port: PORT, path: pfad,
|
|
method: koerper ? "POST" : "GET",
|
|
headers: { Host: host, ...(koerper ? { "Content-Type": "application/json" } : {}), ...kopf },
|
|
}, (antwort) => {
|
|
let text = "";
|
|
antwort.on("data", (s) => { text += s; });
|
|
antwort.on("end", () => fertig({ code: antwort.statusCode, text, kopf: antwort.headers }));
|
|
});
|
|
a.on("error", schief);
|
|
if (koerper) a.write(JSON.stringify(koerper));
|
|
a.end();
|
|
});
|
|
}
|
|
const json = (a) => { try { return JSON.parse(a.text); } catch { return {}; } };
|
|
|
|
const { DatabaseSync } = await import("node:sqlite");
|
|
const { scryptSync, randomBytes } = await import("node:crypto");
|
|
{
|
|
const d = new DatabaseSync(process.env.WORKSPACE_DB);
|
|
for (const [name, rolle, code] of [
|
|
["Filipe", "admin", "CODE-DOGI-0001"],
|
|
["Mara", "gast", "CODE-GAST-0001"],
|
|
]) {
|
|
const salz = randomBytes(16).toString("hex");
|
|
const hash = scryptSync(code, salz, 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, aktiv, erstellt)"
|
|
+ " VALUES (?,?,?,?,?,1,?)")
|
|
.run(name, rolle, hash, salz, 32768, new Date().toISOString());
|
|
}
|
|
d.close();
|
|
}
|
|
|
|
async function anmelden(rolle, code, host) {
|
|
let a = await roh("/workspace/api/anmelden", host, {}, { rolle, code });
|
|
if (a.code === 400 && a.text.includes("alter_offen")) {
|
|
a = await roh("/workspace/api/anmelden", host, {}, { rolle, code, alter_ok: true });
|
|
}
|
|
return [].concat(a.kopf["set-cookie"] || []).map((z) => z.split(";")[0]).join("; ");
|
|
}
|
|
|
|
const kDogi = await anmelden("admin", "CODE-DOGI-0001", CREW);
|
|
ok(!!kDogi, "DogFather ist angemeldet");
|
|
{
|
|
const a = json(await roh("/workspace/api/bereich/treff/vorlagen", CREW, { cookie: kDogi }));
|
|
ok(Array.isArray(a.vorlagen) && a.vorlagen.length >= 3,
|
|
`er bekommt die Vorlagen des Treffs (${a.vorlagen?.length})`);
|
|
const b = json(await roh("/workspace/api/bereich/regeln/vorlagen", CREW, { cookie: kDogi }));
|
|
ok(Array.isArray(b.vorlagen) && b.vorlagen.length === 0,
|
|
`fuer „Regeln & Hilfe" kommt eine leere Liste (${b.vorlagen?.length})`);
|
|
}
|
|
{
|
|
/* OHNE ANMELDUNG GAR NICHTS. Der Router verlangt sie -- diese Zeile
|
|
misst, dass die neue Route nicht daran vorbeigebaut wurde. */
|
|
const a = await roh("/workspace/api/bereich/treff/vorlagen", CREW);
|
|
ok(a.code === 401, `ohne Anmeldung: abgewiesen (${a.code})`);
|
|
}
|
|
{
|
|
const a = await roh("/workspace/api/bereich/gibtsnicht/vorlagen", CREW, { cookie: kDogi });
|
|
ok(a.code === 404, `ein unbekanntes Brett: 404 (${a.code})`);
|
|
}
|
|
|
|
/* =======================================================================
|
|
5. IM BROWSER -- STEHEN DIE KNOEPFE WIRKLICH DA?
|
|
|
|
DIESER ABSCHNITT IST DER GRUND, WARUM ES IHN GIBT. Die Starthilfe
|
|
war fertig, die Route lieferte die Vorlagen, alle Prüfungen darüber
|
|
waren grün -- und im Formular erschien nichts.
|
|
|
|
Ursache: `vorlagenZeigen` und `#vorlagen` gab es im Haus bereits
|
|
(die Checkliste für Creator). Die spätere Funktionsdeklaration
|
|
gewinnt, und zwei Elemente trugen dieselbe Kennung. Es gab keine
|
|
Fehlermeldung, keine rote Prüfung, nichts in der Konsole.
|
|
|
|
Gefunden hat es nur ein Blick auf das Bild. Damit das nicht vom
|
|
Zufall abhängt, misst diese Prüfung jetzt das Sichtbare.
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 5. Im Browser ===");
|
|
{
|
|
let pw = null;
|
|
try {
|
|
pw = await import("file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
|
|
} catch { /* kein Playwright -- dritter Ausgang unten */ }
|
|
|
|
if (!pw) {
|
|
melde(" -- Playwright nicht da -- im Browser nicht nachgesehen");
|
|
} else {
|
|
const browser = await pw.chromium.launch();
|
|
try {
|
|
const ctx = await browser.newContext({ viewport: { width: 1400, height: 1000 } });
|
|
const seite = await ctx.newPage();
|
|
const konsole = [];
|
|
seite.on("pageerror", (e) => konsole.push(String(e).slice(0, 120)));
|
|
|
|
await seite.goto(`http://127.0.0.1:${PORT}/workspace/`, { waitUntil: "networkidle" });
|
|
await seite.click('.rolle[data-rolle="admin"]');
|
|
await seite.fill("#code", "CODE-DOGI-0001");
|
|
await seite.click("button[type=submit]", { noWaitAfter: true });
|
|
await seite.waitForURL("**/start.html", { timeout: 25000 });
|
|
await seite.goto(`http://127.0.0.1:${PORT}/workspace/bereich.html?b=treff`,
|
|
{ waitUntil: "networkidle" });
|
|
await seite.waitForTimeout(1200);
|
|
|
|
/* KEINE DOPPELTEN KENNUNGEN. Das war die Ursache, und es ist
|
|
die Sorte Fehler, die man nur sieht, wenn man danach sucht. */
|
|
const doppelt = await seite.evaluate(() => {
|
|
const zaehler = {};
|
|
for (const e of document.querySelectorAll("[id]")) {
|
|
zaehler[e.id] = (zaehler[e.id] || 0) + 1;
|
|
}
|
|
return Object.entries(zaehler).filter(([, n]) => n > 1).map(([k]) => k);
|
|
});
|
|
ok(doppelt.length === 0,
|
|
`keine Kennung kommt zweimal vor${doppelt.length ? ": " + doppelt.join(", ") : ""}`);
|
|
|
|
await seite.click("#neu-oeffnen");
|
|
await seite.waitForTimeout(900);
|
|
const z = await seite.evaluate(() => ({
|
|
sichtbar: !document.getElementById("starthilfe")?.hidden,
|
|
knoepfe: [...document.querySelectorAll(".starthilfe__beispiel")].map((b) => b.textContent.trim()),
|
|
}));
|
|
ok(z.sichtbar && z.knoepfe.length === 4,
|
|
`die Starthilfe steht im Formular (${z.knoepfe.length} Beispiele: ${z.knoepfe.join(", ")})`);
|
|
|
|
/* EIN KLICK MUSS DIE FELDER FUELLEN -- alles andere ist ein
|
|
Knopf, der nichts tut. */
|
|
await seite.click(".starthilfe__beispiel");
|
|
await seite.waitForTimeout(300);
|
|
const g = await seite.evaluate(() => ({
|
|
art: document.getElementById("f-art")?.value || "",
|
|
titel: document.getElementById("f-titel")?.value || "",
|
|
text: document.getElementById("f-text")?.value || "",
|
|
wegDanach: !!document.getElementById("starthilfe")?.hidden,
|
|
}));
|
|
ok(g.titel.length > 5 && g.text.length > 20,
|
|
`ein Klick fuellt Ueberschrift und Text („${g.titel.slice(0, 40)}")`);
|
|
ok(g.art === "hallo", `und stellt die Art passend um (${g.art})`);
|
|
ok(g.text.includes("…"), "der Text hat Luecken, die noch zu fuellen sind");
|
|
ok(g.wegDanach, "danach ist die Starthilfe weg -- sie hat ihre Arbeit getan");
|
|
ok(konsole.length === 0,
|
|
`kein Skriptfehler${konsole.length ? ": " + konsole[0] : ""}`);
|
|
} finally {
|
|
await browser.close();
|
|
}
|
|
}
|
|
}
|
|
|
|
melde("");
|
|
melde(`${geprueft} Pruefungen, ${fehler} Fehler`);
|
|
melde(fehler ? "NICHT IN ORDNUNG" : "ALLES IN ORDNUNG");
|
|
try { rmSync(ordner, { recursive: true, force: true }); } catch { /* Rest */ }
|
|
process.exit(fehler ? 1 : 0);
|