Agent Zero
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
/**
|
||
* Task G5 – Browser-Print-Service.
|
||
*
|
||
* Bereitet die App für window.print() vor: Der Body erhält die Klasse
|
||
* `print-layout`, das @media print Stylesheet blendet das UI-Chrome aus
|
||
* und zeigt nur den Druckbereich (Canvas/Layout). Nach dem Druck wird
|
||
* die Klasse wieder entfernt (kein DOM-Mutation-Restzustand).
|
||
*/
|
||
|
||
const PRINT_CLASS = 'print-layout';
|
||
|
||
/** Setzt den Print-Modus (Body-Klasse; @media print regelt das Rendering). */
|
||
export function preparePrintLayout(): void {
|
||
document.body.classList.add(PRINT_CLASS);
|
||
}
|
||
|
||
/** Entfernt den Print-Modus (nach Druck oder bei Abbruch). */
|
||
export function cleanupPrintLayout(): void {
|
||
document.body.classList.remove(PRINT_CLASS);
|
||
}
|
||
|
||
/**
|
||
* Druck-Flow: Vorbereitung → Rendern der nächsten Frames (Styles müssen
|
||
* greifen, bevor der Browser den Print-Dialog aufbaut) → window.print
|
||
* → Aufräumen. await-fähig für Tests (window.print wird gemockt).
|
||
*/
|
||
export async function printLayout(): Promise<void> {
|
||
preparePrintLayout();
|
||
// Zwei Frames warten: Style-Anwendung + Layout der Print-Ansicht
|
||
await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
|
||
await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
|
||
try {
|
||
window.print();
|
||
} finally {
|
||
cleanupPrintLayout();
|
||
}
|
||
}
|