201 lines
7.6 KiB
TypeScript
201 lines
7.6 KiB
TypeScript
import { Document, Page, Text, View, StyleSheet, pdf, Image } from '@react-pdf/renderer';
|
||
import type { AuditReport, ModuleAuditResult, ScenarioResult, CheckStatus } from './types';
|
||
|
||
const styles = StyleSheet.create({
|
||
page: {
|
||
flexDirection: 'column',
|
||
padding: 40,
|
||
fontSize: 10,
|
||
fontFamily: 'Helvetica',
|
||
color: '#333',
|
||
},
|
||
header: {
|
||
marginBottom: 20,
|
||
borderBottom: '2pt solid #6b21a8',
|
||
paddingBottom: 10,
|
||
},
|
||
title: { fontSize: 20, fontWeight: 'bold', color: '#6b21a8' },
|
||
subtitle: { fontSize: 10, color: '#666', marginTop: 4 },
|
||
section: { marginTop: 15, marginBottom: 10 },
|
||
sectionTitle: { fontSize: 14, fontWeight: 'bold', marginBottom: 8, color: '#111' },
|
||
summaryRow: {
|
||
flexDirection: 'row',
|
||
justifyContent: 'space-between',
|
||
marginBottom: 4,
|
||
},
|
||
summaryLabel: { fontWeight: 'bold', width: 200 },
|
||
summaryValue: { flex: 1 },
|
||
moduleCard: {
|
||
marginTop: 12,
|
||
padding: 10,
|
||
border: '1pt solid #ddd',
|
||
borderRadius: 4,
|
||
},
|
||
moduleTitle: { fontSize: 12, fontWeight: 'bold', marginBottom: 6, color: '#6b21a8' },
|
||
moduleStats: { fontSize: 9, color: '#555', marginBottom: 4 },
|
||
scenarioItem: {
|
||
marginTop: 6,
|
||
padding: 6,
|
||
backgroundColor: '#f9fafb',
|
||
borderRadius: 3,
|
||
},
|
||
scenarioId: { fontSize: 9, fontWeight: 'bold', marginBottom: 3, color: '#111' },
|
||
checkRow: { flexDirection: 'row', marginBottom: 2, fontSize: 8 },
|
||
statusBadge: { width: 40, fontWeight: 'bold' },
|
||
checkLabel: { width: 120 },
|
||
checkValue: { flex: 1 },
|
||
footer: {
|
||
position: 'absolute',
|
||
bottom: 30,
|
||
left: 40,
|
||
right: 40,
|
||
textAlign: 'center',
|
||
color: '#999',
|
||
fontSize: 8,
|
||
borderTop: '1pt solid #eaeaea',
|
||
paddingTop: 10,
|
||
},
|
||
});
|
||
|
||
function statusColor(s: CheckStatus): string {
|
||
switch (s) {
|
||
case 'PASS': return '#16a34a';
|
||
case 'WARN': return '#d97706';
|
||
case 'FAIL': return '#dc2626';
|
||
}
|
||
}
|
||
|
||
function sanitizeForPDF(text: string | undefined): string {
|
||
if (!text) return '';
|
||
return text
|
||
.replace(/φ/g, 'phi')
|
||
.replace(/ϕ/g, 'phi')
|
||
.replace(/α/g, 'alpha')
|
||
.replace(/θ/g, 'theta')
|
||
.replace(/β/g, 'beta')
|
||
.replace(/γ/g, 'gamma')
|
||
.replace(/Δ/g, 'Delta')
|
||
.replace(/—/g, '-')
|
||
.replace(/–/g, '-')
|
||
.replace(/“/g, '"')
|
||
.replace(/”/g, '"')
|
||
.replace(/‘/g, "'")
|
||
.replace(/’/g, "'")
|
||
.replace(/Æ/g, 'phi') // Fix specifically the one seen in user screenshot
|
||
.replace(/≤/g, '<=')
|
||
.replace(/≥/g, '>=')
|
||
.replace(/≈/g, '~')
|
||
.replace(/×/g, 'x')
|
||
.replace(/÷/g, '/')
|
||
.replace(/²/g, '^2')
|
||
.replace(/³/g, '^3')
|
||
.replace(/°/g, ' deg');
|
||
}
|
||
|
||
interface ReportPDFProps {
|
||
report: AuditReport;
|
||
}
|
||
|
||
function AuditReportDocument({ report }: ReportPDFProps) {
|
||
return (
|
||
<Document>
|
||
<Page size="A4" style={styles.page}>
|
||
<View style={[styles.header, { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }]}>
|
||
<View>
|
||
<Text style={styles.title}>Relatório de Auditoria</Text>
|
||
<Text style={styles.subtitle}>
|
||
Auditor IA: {report.provider} ({report.model}) | {new Date(report.timestamp).toLocaleString('pt-BR')}
|
||
</Text>
|
||
</View>
|
||
{typeof window !== 'undefined' && window.location && (
|
||
<Image src={`${window.location.origin}/logo_brainwind.png`} style={{ width: 120, height: 40, objectFit: 'contain' }} />
|
||
)}
|
||
</View>
|
||
|
||
<View style={styles.section}>
|
||
<Text style={styles.sectionTitle}>Resumo</Text>
|
||
<View style={styles.summaryRow}>
|
||
<Text style={styles.summaryLabel}>Total de Cenários:</Text>
|
||
<Text style={styles.summaryValue}>{report.totalScenarios}</Text>
|
||
</View>
|
||
<View style={styles.summaryRow}>
|
||
<Text style={[styles.summaryLabel, { color: '#16a34a' }]}>Aprovado:</Text>
|
||
<Text style={styles.summaryValue}>{report.totalPassed}</Text>
|
||
</View>
|
||
<View style={styles.summaryRow}>
|
||
<Text style={[styles.summaryLabel, { color: '#d97706' }]}>Atenção:</Text>
|
||
<Text style={styles.summaryValue}>{report.totalWarnings}</Text>
|
||
</View>
|
||
<View style={styles.summaryRow}>
|
||
<Text style={[styles.summaryLabel, { color: '#dc2626' }]}>Falha:</Text>
|
||
<Text style={styles.summaryValue}>{report.totalFailed}</Text>
|
||
</View>
|
||
</View>
|
||
|
||
{report.modules.map((mod: ModuleAuditResult) => (
|
||
<View key={mod.module} style={styles.moduleCard}>
|
||
<Text style={styles.moduleTitle}>
|
||
{mod.moduleLabel} — {mod.passed}/{mod.totalScenarios} (Alertas: {mod.warnings} | Falhas: {mod.failed})
|
||
</Text>
|
||
{mod.scenarios.map((sc: ScenarioResult) => {
|
||
const summaryTranslated = (sc.summary || '')
|
||
.replace(/Verdict PASS\.?/gi, 'Veredito: APROVADO.')
|
||
.replace(/Verdict WARN\.?/gi, 'Veredito: ATENÇÃO.')
|
||
.replace(/Verdict FAIL\.?/gi, 'Veredito: FALHA.');
|
||
|
||
return (
|
||
<View key={sc.scenarioId} style={styles.scenarioItem} wrap={false}>
|
||
<Text style={styles.scenarioId}>
|
||
{sanitizeForPDF(sc.scenarioId)} — {sc.verdict === 'PASS' ? '✓' : sc.verdict === 'WARN' ? '⚠' : '✗'} {sanitizeForPDF(summaryTranslated)}
|
||
</Text>
|
||
{sc.enunciado_problema && (
|
||
<Text style={{ fontSize: 8, color: '#444', marginBottom: 2 }}>Enunciado: {sanitizeForPDF(sc.enunciado_problema)}</Text>
|
||
)}
|
||
{sc.tabelas_nbr_consultadas && (
|
||
<Text style={{ fontSize: 8, color: '#444', marginBottom: 2 }}>Tabelas: {sanitizeForPDF(sc.tabelas_nbr_consultadas)}</Text>
|
||
)}
|
||
{sc.resultado_app && (
|
||
<Text style={{ fontSize: 8, color: '#444', marginBottom: 2 }}>Avaliação do App: {sanitizeForPDF(sc.resultado_app)}</Text>
|
||
)}
|
||
{sc.calculation_steps && (
|
||
<Text style={{ fontSize: 8, color: '#444', marginBottom: 4, fontStyle: 'italic' }}>
|
||
CoT: {sanitizeForPDF(sc.calculation_steps.substring(0, 300))}{sc.calculation_steps.length > 300 ? '...' : ''}
|
||
</Text>
|
||
)}
|
||
{sc.checks.map((chk, i) => (
|
||
<View key={i} style={styles.checkRow}>
|
||
<Text style={[styles.statusBadge, { color: statusColor(chk.status) }]}>{chk.status}</Text>
|
||
<Text style={styles.checkLabel}>{sanitizeForPDF(chk.name)}</Text>
|
||
<Text style={styles.checkValue}>{sanitizeForPDF(chk.actual)} ({sanitizeForPDF(chk.expected)})</Text>
|
||
</View>
|
||
))}
|
||
</View>
|
||
);
|
||
})}
|
||
</View>
|
||
))}
|
||
|
||
<Text style={styles.footer}>
|
||
Gerado por BrainWind v1.0 — Ferramenta de Auditoria NBR 6123:2023
|
||
</Text>
|
||
</Page>
|
||
</Document>
|
||
);
|
||
}
|
||
|
||
export async function exportAuditReportToPDF(report: AuditReport): Promise<void> {
|
||
const blob = await pdf(<AuditReportDocument report={report} />).toBlob();
|
||
const url = URL.createObjectURL(blob);
|
||
const link = document.createElement('a');
|
||
|
||
const dateStr = new Date(report.timestamp).toLocaleDateString('pt-BR').replace(/\//g, '-');
|
||
const safeModel = report.model.split('/').pop()?.replace(/[^a-zA-Z0-9_-]/g, '-') || 'LLM';
|
||
const filename = `Audit-${safeModel}_${dateStr}.pdf`;
|
||
|
||
link.setAttribute('href', url);
|
||
link.setAttribute('download', filename);
|
||
document.body.appendChild(link);
|
||
link.click();
|
||
document.body.removeChild(link);
|
||
}
|