Der Redakteur baut eine Vorlage jetzt vollstaendig in der Oberflaeche: Liste mit Suche und Filtern, Editor mit Abschnitten, Schritten und Variablen, Vorschau mit Beispielwerten, Veroeffentlichen mit Aenderungsnotiz, Versionsgeschichte. Sortiert wird mit dem Finger, der Maus, der Tastatur **und** zwei Knoepfen an jeder Zeile — ein Touch-Drag gelingt auf einem 390-px-Geraet nicht jedem, und die Reihenfolge ist fachlich zu wichtig fuer nur einen Weg. Schritte, Variablen und Abschnitte klappen zu: dieselbe Vorlage misst am Handy 3 482 statt 16 986 px. - src/lib/platzhalter.ts als einzige Quelle der eingebauten Platzhalter; der Editor warnt vor unbekannten, blockiert aber nichts - Hilfetexte als Markdown ohne rohes HTML, Bilder als Alternativtext - Erste Playwright-Tests: der Editor wird durch die Oberflaeche gefahren Wichtigster Befund des Meilensteins: `next dev` hydriert in dieser Umgebung ueberhaupt nicht — die Seiten sehen richtig aus, aber kein Knopf tut etwas (2 von 1302 Elementen tragen React-Knoten, im gebauten Stand 1281 von 1296). Nicht an diesem Code: auch ohne proxy.ts und ohne output: standalone. Ein Screenshot beweist damit nichts ueber Bedienbarkeit. Oberflaechen werden ab sofort gegen `pnpm build && pnpm start` abgenommen, und was nur mit angehaengtem React gelingt, gehoert in einen Playwright-Test. Der unabhaengige Review fand zwei Blocker: eine abgelaufene Anmeldung haette im Editor jede ungespeicherte Arbeit vernichtet (der Rechtefehler lief bis in Nexts Fehlergrenze), und das Speichern der Kopfdaten loeste eine archivierte Kundenzuordnung stillschweigend auf. Dazu sechs weitere Befunde, alle behoben. 496 Tests gruen (vorher 428), dazu 5 E2E-Tests. Schliesst #010 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
161 lines
4.9 KiB
TypeScript
161 lines
4.9 KiB
TypeScript
#!/usr/bin/env tsx
|
||
/**
|
||
* Eine Beispielvorlage fuer die Screenshots des Editors (#010).
|
||
*
|
||
* Der Editor laesst sich nur mit Inhalt zeigen, und die sieben echten Vorlagen
|
||
* kommen erst mit #017. Bis dahin legt dieses Skript eine Vorlage mit
|
||
* veroeffentlichter Version 1 **und** einem offenen Entwurf an — also genau die
|
||
* Lage, die die Oberflaeche unterscheiden muss.
|
||
*
|
||
* Es geht durch die echten Dienste aus `src/server/services/vorlagen.ts`, nicht
|
||
* an ihnen vorbei: waeren die Regeln anders als hier angenommen, schlaegt es
|
||
* fehl, statt eine Lage herzustellen, die es in der Anwendung nie gibt.
|
||
*
|
||
* Idempotent: ein zweiter Lauf legt nichts Neues an.
|
||
*
|
||
* pnpm beispiel:vorlage
|
||
*
|
||
* Mit #017 wird das Skript geloescht.
|
||
*/
|
||
import "dotenv/config";
|
||
import { prisma } from "../src/lib/db.js";
|
||
import type { AbschnittEingabe, StrukturEingabe, VariableEingabe } from "../src/lib/vorlagen-format.js";
|
||
import {
|
||
entwurfHolenOderErzeugen,
|
||
entwurfSpeichern,
|
||
versionVeroeffentlichen,
|
||
vorlageAnlegen,
|
||
} from "../src/server/services/vorlagen.js";
|
||
|
||
const NAME = "PC-Neuinstallation (Beispiel)";
|
||
|
||
const VARIABLEN: VariableEingabe[] = [
|
||
{
|
||
schluessel: "os_version",
|
||
beschriftung: "Betriebssystem",
|
||
typ: "AUSWAHL",
|
||
optionen: ["Windows 11 Pro 24H2", "Windows 11 Enterprise 24H2"],
|
||
pflicht: true,
|
||
},
|
||
{
|
||
schluessel: "join_typ",
|
||
beschriftung: "Einbindung",
|
||
typ: "AUSWAHL",
|
||
optionen: ["Active Directory", "Entra ID"],
|
||
pflicht: true,
|
||
},
|
||
{ schluessel: "arbeitsspeicher", beschriftung: "Arbeitsspeicher in GB", typ: "ZAHL" },
|
||
];
|
||
|
||
const ABSCHNITTE: AbschnittEingabe[] = [
|
||
{
|
||
titel: "Vorbereitung",
|
||
schritte: [
|
||
{ titel: "Ticket und Endbenutzer im Lauf erfasst", pflicht: true },
|
||
{
|
||
titel: "Datensicherung geprüft",
|
||
hilfetext:
|
||
"Auch nach Daten **außerhalb** des Profils fragen: Desktop, `D:\\`, lokale Outlook-Archive.\n\n" +
|
||
"- OneDrive-Status prüfen\n- lokale Archive suchen",
|
||
pflicht: true,
|
||
},
|
||
{
|
||
titel: "Gerätedaten notiert",
|
||
typ: "TEXT",
|
||
hilfetext: "Seriennummer steht auf der Unterseite.",
|
||
konfig: { mehrzeilig: false },
|
||
dokuUrl: "https://intern.example/geraetedaten",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
titel: "Installation",
|
||
schritte: [
|
||
{
|
||
titel: "{{os_version}} installiert",
|
||
pflicht: true,
|
||
hilfetext: "Vom vorbereiteten Stick starten, keine Datenträgerverschlüsselung aktivieren.",
|
||
},
|
||
{
|
||
titel: "Rechner umbenannt",
|
||
typ: "BEFEHL",
|
||
pflicht: true,
|
||
konfig: {
|
||
shell: "powershell",
|
||
befehl: 'Rename-Computer -NewName "{{hostname}}" -Restart',
|
||
},
|
||
},
|
||
{
|
||
titel: "Arbeitsspeicher geprüft",
|
||
typ: "ZAHL",
|
||
konfig: { min: 8, max: 128, einheit: "GB" },
|
||
},
|
||
{ titel: "Übergabe am {{datum}} bestätigt", typ: "DATUM", pflicht: true },
|
||
],
|
||
},
|
||
];
|
||
|
||
const VEROEFFENTLICHT: StrukturEingabe = { variablen: VARIABLEN, abschnitte: ABSCHNITTE };
|
||
|
||
/** Der Entwurf zeigt, wie eine Weiterentwicklung aussieht: ein Abschnitt mehr. */
|
||
const ENTWURF: StrukturEingabe = {
|
||
variablen: VARIABLEN,
|
||
abschnitte: [
|
||
...ABSCHNITTE,
|
||
{
|
||
titel: "Abschluss",
|
||
schritte: [
|
||
{
|
||
titel: "Konto angelegt",
|
||
typ: "BEFEHL",
|
||
pflicht: true,
|
||
konfig: {
|
||
shell: "powershell",
|
||
befehl:
|
||
'New-ADUser -Name "{{mitarbeiter}}" -UserPrincipalName "{{upn}}" ' +
|
||
'-SamAccountName "{{sam}}" -Path "{{ou}}" ' +
|
||
'-AccountPassword (ConvertTo-SecureString "{{generiertes_passwort}}" -AsPlainText -Force) -Enabled $true',
|
||
},
|
||
},
|
||
{
|
||
titel: "Endgerät übergeben",
|
||
typ: "AUSWAHL",
|
||
konfig: { optionen: ["persönlich", "per Post", "über Kollegen"] },
|
||
},
|
||
],
|
||
},
|
||
],
|
||
};
|
||
|
||
const admin = await prisma.benutzer.findFirst({
|
||
where: { rolle: "ADMIN" },
|
||
orderBy: { erstelltAm: "asc" },
|
||
select: { id: true },
|
||
});
|
||
if (!admin) {
|
||
throw new Error("Es gibt keinen Administrator. Erst pnpm db:seed laufen lassen.");
|
||
}
|
||
|
||
const vorhanden = await prisma.vorlage.findFirst({ where: { name: NAME }, select: { id: true } });
|
||
if (vorhanden) {
|
||
console.log(`„${NAME}“ gibt es schon – nichts zu tun.`);
|
||
} else {
|
||
const { vorlage, version } = await vorlageAnlegen(
|
||
{
|
||
name: NAME,
|
||
beschreibung: "Neuaufsetzen eines Arbeitsplatzrechners, von der Sicherung bis zur Übergabe.",
|
||
kategorie: "Client",
|
||
schlagworte: ["windows", "arbeitsplatz"],
|
||
},
|
||
admin.id,
|
||
);
|
||
await entwurfSpeichern(version.id, VEROEFFENTLICHT);
|
||
await versionVeroeffentlichen(version.id, "Erste Fassung nach der Abstimmung im Team.", admin.id);
|
||
|
||
const entwurf = await entwurfHolenOderErzeugen(vorlage.id, admin.id);
|
||
await entwurfSpeichern(entwurf.id, ENTWURF);
|
||
console.log(`„${NAME}“ angelegt: v1 veröffentlicht, v2 als Entwurf.`);
|
||
}
|
||
|
||
await prisma.$disconnect();
|