Files split by agents before rate limit: - dsr/api.ts (669 → barrel + helpers) - einwilligungen/context.tsx (669 → barrel + hooks/reducer) - export.ts (753 → barrel + domain exporters) - incidents/api.ts (845 → barrel + api-helpers) - tom-generator/context.tsx (720 → barrel + hooks/reducer) - vendor-compliance/context.tsx (1010 → 234 provider + hooks/reducer) - api-docs/endpoints.ts — partially split (3 domain files created) - academy/api.ts — partially split (helpers extracted) - whistleblower/api.ts — partially split (helpers extracted) next build passes. api-client.ts (885) deferred to next session. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
362 lines
11 KiB
TypeScript
362 lines
11 KiB
TypeScript
/**
|
|
* SDK PDF Export
|
|
* Generates PDF compliance reports from SDK state
|
|
*/
|
|
|
|
import jsPDF from 'jspdf'
|
|
import { SDKState, SDK_STEPS } from './types'
|
|
|
|
// =============================================================================
|
|
// TYPES
|
|
// =============================================================================
|
|
|
|
export interface ExportOptions {
|
|
includeEvidence?: boolean
|
|
includeDocuments?: boolean
|
|
includeRawData?: boolean
|
|
language?: 'de' | 'en'
|
|
}
|
|
|
|
export const DEFAULT_OPTIONS: ExportOptions = {
|
|
includeEvidence: true,
|
|
includeDocuments: true,
|
|
includeRawData: true,
|
|
language: 'de',
|
|
}
|
|
|
|
// =============================================================================
|
|
// LABELS (German)
|
|
// =============================================================================
|
|
|
|
export const LABELS_DE = {
|
|
title: 'AI Compliance SDK - Export',
|
|
subtitle: 'Compliance-Dokumentation',
|
|
generatedAt: 'Generiert am',
|
|
page: 'Seite',
|
|
summary: 'Zusammenfassung',
|
|
progress: 'Fortschritt',
|
|
phase1: 'Phase 1: Automatisches Compliance Assessment',
|
|
phase2: 'Phase 2: Dokumentengenerierung',
|
|
useCases: 'Use Cases',
|
|
risks: 'Risiken',
|
|
controls: 'Controls',
|
|
requirements: 'Anforderungen',
|
|
modules: 'Compliance-Module',
|
|
evidence: 'Nachweise',
|
|
checkpoints: 'Checkpoints',
|
|
noData: 'Keine Daten vorhanden',
|
|
status: 'Status',
|
|
completed: 'Abgeschlossen',
|
|
pending: 'Ausstehend',
|
|
inProgress: 'In Bearbeitung',
|
|
severity: 'Schweregrad',
|
|
mitigation: 'Mitigation',
|
|
description: 'Beschreibung',
|
|
category: 'Kategorie',
|
|
implementation: 'Implementierung',
|
|
}
|
|
|
|
// =============================================================================
|
|
// HELPERS
|
|
// =============================================================================
|
|
|
|
export function formatDate(date: Date | string | undefined): string {
|
|
if (!date) return '-'
|
|
const d = typeof date === 'string' ? new Date(date) : date
|
|
return d.toLocaleDateString('de-DE', {
|
|
day: '2-digit',
|
|
month: '2-digit',
|
|
year: 'numeric',
|
|
hour: '2-digit',
|
|
minute: '2-digit',
|
|
})
|
|
}
|
|
|
|
function addHeader(doc: jsPDF, title: string, pageNum: number, totalPages: number): void {
|
|
const pageWidth = doc.internal.pageSize.getWidth()
|
|
doc.setDrawColor(147, 51, 234)
|
|
doc.setLineWidth(0.5)
|
|
doc.line(20, 15, pageWidth - 20, 15)
|
|
doc.setFontSize(10)
|
|
doc.setTextColor(100)
|
|
doc.text(title, 20, 12)
|
|
doc.text(`${LABELS_DE.page} ${pageNum}/${totalPages}`, pageWidth - 40, 12)
|
|
}
|
|
|
|
function addFooter(doc: jsPDF, state: SDKState): void {
|
|
const pageWidth = doc.internal.pageSize.getWidth()
|
|
const pageHeight = doc.internal.pageSize.getHeight()
|
|
doc.setDrawColor(200)
|
|
doc.setLineWidth(0.3)
|
|
doc.line(20, pageHeight - 15, pageWidth - 20, pageHeight - 15)
|
|
doc.setFontSize(8)
|
|
doc.setTextColor(150)
|
|
doc.text(`Tenant: ${state.tenantId} | ${LABELS_DE.generatedAt}: ${formatDate(new Date())}`, 20, pageHeight - 10)
|
|
}
|
|
|
|
function addSectionTitle(doc: jsPDF, title: string, y: number): number {
|
|
doc.setFontSize(14)
|
|
doc.setTextColor(147, 51, 234)
|
|
doc.setFont('helvetica', 'bold')
|
|
doc.text(title, 20, y)
|
|
doc.setFont('helvetica', 'normal')
|
|
return y + 10
|
|
}
|
|
|
|
function addSubsectionTitle(doc: jsPDF, title: string, y: number): number {
|
|
doc.setFontSize(11)
|
|
doc.setTextColor(60)
|
|
doc.setFont('helvetica', 'bold')
|
|
doc.text(title, 25, y)
|
|
doc.setFont('helvetica', 'normal')
|
|
return y + 7
|
|
}
|
|
|
|
function addText(doc: jsPDF, text: string, x: number, y: number, maxWidth: number = 170): number {
|
|
doc.setFontSize(10)
|
|
doc.setTextColor(60)
|
|
const lines = doc.splitTextToSize(text, maxWidth)
|
|
doc.text(lines, x, y)
|
|
return y + lines.length * 5
|
|
}
|
|
|
|
function checkPageBreak(doc: jsPDF, y: number, requiredSpace: number = 40): number {
|
|
const pageHeight = doc.internal.pageSize.getHeight()
|
|
if (y + requiredSpace > pageHeight - 25) {
|
|
doc.addPage()
|
|
return 30
|
|
}
|
|
return y
|
|
}
|
|
|
|
// =============================================================================
|
|
// PDF EXPORT
|
|
// =============================================================================
|
|
|
|
export async function exportToPDF(state: SDKState, options: ExportOptions = {}): Promise<Blob> {
|
|
const doc = new jsPDF()
|
|
|
|
let y = 30
|
|
const pageWidth = doc.internal.pageSize.getWidth()
|
|
|
|
// Title Page
|
|
doc.setFillColor(147, 51, 234)
|
|
doc.rect(0, 0, pageWidth, 60, 'F')
|
|
doc.setFontSize(24)
|
|
doc.setTextColor(255)
|
|
doc.setFont('helvetica', 'bold')
|
|
doc.text(LABELS_DE.title, 20, 35)
|
|
doc.setFontSize(14)
|
|
doc.setFont('helvetica', 'normal')
|
|
doc.text(LABELS_DE.subtitle, 20, 48)
|
|
|
|
y = 80
|
|
doc.setDrawColor(200)
|
|
doc.setFillColor(249, 250, 251)
|
|
doc.roundedRect(20, y, pageWidth - 40, 50, 3, 3, 'FD')
|
|
|
|
y += 15
|
|
doc.setFontSize(12)
|
|
doc.setTextColor(60)
|
|
doc.text(`${LABELS_DE.generatedAt}: ${formatDate(new Date())}`, 30, y)
|
|
y += 10
|
|
doc.text(`Tenant ID: ${state.tenantId}`, 30, y)
|
|
y += 10
|
|
doc.text(`Version: ${state.version}`, 30, y)
|
|
y += 10
|
|
const completedSteps = state.completedSteps.length
|
|
const totalSteps = SDK_STEPS.length
|
|
doc.text(`${LABELS_DE.progress}: ${completedSteps}/${totalSteps} Schritte (${Math.round(completedSteps / totalSteps * 100)}%)`, 30, y)
|
|
|
|
y += 30
|
|
y = addSectionTitle(doc, 'Inhaltsverzeichnis', y)
|
|
|
|
const tocItems = [
|
|
{ title: 'Zusammenfassung', page: 2 },
|
|
{ title: 'Phase 1: Compliance Assessment', page: 3 },
|
|
{ title: 'Phase 2: Dokumentengenerierung', page: 4 },
|
|
{ title: 'Risiken & Controls', page: 5 },
|
|
{ title: 'Checkpoints', page: 6 },
|
|
]
|
|
|
|
doc.setFontSize(10)
|
|
doc.setTextColor(80)
|
|
tocItems.forEach((item, idx) => {
|
|
doc.text(`${idx + 1}. ${item.title}`, 25, y)
|
|
doc.text(`${item.page}`, pageWidth - 30, y, { align: 'right' })
|
|
y += 7
|
|
})
|
|
|
|
// Summary Page
|
|
doc.addPage()
|
|
y = 30
|
|
y = addSectionTitle(doc, LABELS_DE.summary, y)
|
|
|
|
doc.setFillColor(249, 250, 251)
|
|
doc.roundedRect(20, y, pageWidth - 40, 40, 3, 3, 'F')
|
|
y += 15
|
|
const phase1Steps = SDK_STEPS.filter(s => s.phase === 1)
|
|
const phase2Steps = SDK_STEPS.filter(s => s.phase === 2)
|
|
const phase1Completed = phase1Steps.filter(s => state.completedSteps.includes(s.id)).length
|
|
const phase2Completed = phase2Steps.filter(s => state.completedSteps.includes(s.id)).length
|
|
|
|
doc.setFontSize(10)
|
|
doc.setTextColor(60)
|
|
doc.text(`${LABELS_DE.phase1}: ${phase1Completed}/${phase1Steps.length} ${LABELS_DE.completed}`, 30, y)
|
|
y += 8
|
|
doc.text(`${LABELS_DE.phase2}: ${phase2Completed}/${phase2Steps.length} ${LABELS_DE.completed}`, 30, y)
|
|
y += 25
|
|
|
|
y = addSubsectionTitle(doc, 'Kennzahlen', y)
|
|
const metrics = [
|
|
{ label: 'Use Cases', value: state.useCases.length },
|
|
{ label: 'Risiken identifiziert', value: state.risks.length },
|
|
{ label: 'Controls definiert', value: state.controls.length },
|
|
{ label: 'Anforderungen', value: state.requirements.length },
|
|
{ label: 'Nachweise', value: state.evidence.length },
|
|
]
|
|
metrics.forEach(metric => {
|
|
doc.text(`${metric.label}: ${metric.value}`, 30, y)
|
|
y += 7
|
|
})
|
|
|
|
// Use Cases
|
|
y += 10
|
|
y = checkPageBreak(doc, y)
|
|
y = addSectionTitle(doc, LABELS_DE.useCases, y)
|
|
|
|
if (state.useCases.length === 0) {
|
|
y = addText(doc, LABELS_DE.noData, 25, y)
|
|
} else {
|
|
state.useCases.forEach((uc, idx) => {
|
|
y = checkPageBreak(doc, y, 50)
|
|
doc.setFillColor(249, 250, 251)
|
|
doc.roundedRect(20, y - 5, pageWidth - 40, 35, 2, 2, 'F')
|
|
doc.setFontSize(11)
|
|
doc.setTextColor(40)
|
|
doc.setFont('helvetica', 'bold')
|
|
doc.text(`${idx + 1}. ${uc.name}`, 25, y + 5)
|
|
doc.setFont('helvetica', 'normal')
|
|
doc.setFontSize(9)
|
|
doc.setTextColor(100)
|
|
const ucStatus = uc.stepsCompleted === uc.steps.length ? LABELS_DE.completed : `${uc.stepsCompleted}/${uc.steps.length} Schritte`
|
|
doc.text(`ID: ${uc.id} | ${LABELS_DE.status}: ${ucStatus}`, 25, y + 13)
|
|
if (uc.description) {
|
|
y = addText(doc, uc.description, 25, y + 21, 160)
|
|
}
|
|
y += 40
|
|
})
|
|
}
|
|
|
|
// Risks
|
|
doc.addPage()
|
|
y = 30
|
|
y = addSectionTitle(doc, LABELS_DE.risks, y)
|
|
|
|
if (state.risks.length === 0) {
|
|
y = addText(doc, LABELS_DE.noData, 25, y)
|
|
} else {
|
|
const sortedRisks = [...state.risks].sort((a, b) => {
|
|
const order = { CRITICAL: 0, HIGH: 1, MEDIUM: 2, LOW: 3 }
|
|
return (order[a.severity] || 4) - (order[b.severity] || 4)
|
|
})
|
|
sortedRisks.forEach((risk, idx) => {
|
|
y = checkPageBreak(doc, y, 45)
|
|
const severityColors: Record<string, [number, number, number]> = {
|
|
CRITICAL: [220, 38, 38], HIGH: [234, 88, 12],
|
|
MEDIUM: [234, 179, 8], LOW: [34, 197, 94],
|
|
}
|
|
const color = severityColors[risk.severity] || [100, 100, 100]
|
|
doc.setFillColor(color[0], color[1], color[2])
|
|
doc.rect(20, y - 3, 3, 30, 'F')
|
|
doc.setFontSize(11)
|
|
doc.setTextColor(40)
|
|
doc.setFont('helvetica', 'bold')
|
|
doc.text(`${idx + 1}. ${risk.title}`, 28, y + 5)
|
|
doc.setFont('helvetica', 'normal')
|
|
doc.setFontSize(9)
|
|
doc.setTextColor(100)
|
|
doc.text(`${LABELS_DE.severity}: ${risk.severity} | ${LABELS_DE.category}: ${risk.category}`, 28, y + 13)
|
|
if (risk.description) {
|
|
y = addText(doc, risk.description, 28, y + 21, 155)
|
|
}
|
|
if (risk.mitigation && risk.mitigation.length > 0) {
|
|
y += 5
|
|
doc.setFontSize(9)
|
|
doc.setTextColor(34, 197, 94)
|
|
doc.text(`${LABELS_DE.mitigation}: ${risk.mitigation.join(', ')}`, 28, y)
|
|
}
|
|
y += 15
|
|
})
|
|
}
|
|
|
|
// Controls
|
|
doc.addPage()
|
|
y = 30
|
|
y = addSectionTitle(doc, LABELS_DE.controls, y)
|
|
|
|
if (state.controls.length === 0) {
|
|
y = addText(doc, LABELS_DE.noData, 25, y)
|
|
} else {
|
|
state.controls.forEach((ctrl, idx) => {
|
|
y = checkPageBreak(doc, y, 35)
|
|
doc.setFillColor(249, 250, 251)
|
|
doc.roundedRect(20, y - 5, pageWidth - 40, 28, 2, 2, 'F')
|
|
doc.setFontSize(10)
|
|
doc.setTextColor(40)
|
|
doc.setFont('helvetica', 'bold')
|
|
doc.text(`${idx + 1}. ${ctrl.name}`, 25, y + 5)
|
|
doc.setFont('helvetica', 'normal')
|
|
doc.setFontSize(9)
|
|
doc.setTextColor(100)
|
|
doc.text(`${LABELS_DE.category}: ${ctrl.category} | ${LABELS_DE.implementation}: ${ctrl.implementationStatus || 'Nicht definiert'}`, 25, y + 13)
|
|
if (ctrl.description) {
|
|
y = addText(doc, ctrl.description.substring(0, 150) + (ctrl.description.length > 150 ? '...' : ''), 25, y + 20, 160)
|
|
}
|
|
y += 35
|
|
})
|
|
}
|
|
|
|
// Checkpoints
|
|
doc.addPage()
|
|
y = 30
|
|
y = addSectionTitle(doc, LABELS_DE.checkpoints, y)
|
|
|
|
const checkpointIds = Object.keys(state.checkpoints)
|
|
if (checkpointIds.length === 0) {
|
|
y = addText(doc, LABELS_DE.noData, 25, y)
|
|
} else {
|
|
checkpointIds.forEach((cpId) => {
|
|
const cp = state.checkpoints[cpId]
|
|
y = checkPageBreak(doc, y, 25)
|
|
const statusColor = cp.passed ? [34, 197, 94] : [220, 38, 38]
|
|
doc.setFillColor(statusColor[0], statusColor[1], statusColor[2])
|
|
doc.circle(25, y + 2, 3, 'F')
|
|
doc.setFontSize(10)
|
|
doc.setTextColor(40)
|
|
doc.text(cpId, 35, y + 5)
|
|
doc.setFontSize(9)
|
|
doc.setTextColor(100)
|
|
doc.text(`${LABELS_DE.status}: ${cp.passed ? LABELS_DE.completed : LABELS_DE.pending}`, 35, y + 12)
|
|
if (cp.errors && cp.errors.length > 0) {
|
|
doc.setTextColor(220, 38, 38)
|
|
doc.text(`Fehler: ${cp.errors.map(e => e.message).join(', ')}`, 35, y + 19)
|
|
y += 7
|
|
}
|
|
y += 20
|
|
})
|
|
}
|
|
|
|
// Add page numbers
|
|
const pageCount = doc.getNumberOfPages()
|
|
for (let i = 1; i <= pageCount; i++) {
|
|
doc.setPage(i)
|
|
if (i > 1) {
|
|
addHeader(doc, LABELS_DE.title, i, pageCount)
|
|
}
|
|
addFooter(doc, state)
|
|
}
|
|
|
|
return doc.output('blob')
|
|
}
|