342 lines
18 KiB
TypeScript
342 lines
18 KiB
TypeScript
import { Document, Page, Text, View, StyleSheet, Image as PdfImage, pdf, Font } from '@react-pdf/renderer';
|
||
import { useWindStore } from '../store/appStore';
|
||
import { useCaptureStore } from '../store/captureStore';
|
||
|
||
// Registrar fonte Roboto com suporte Unicode completo (subscripts, grego, etc.)
|
||
Font.register({
|
||
family: 'Roboto',
|
||
fonts: [
|
||
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/fonts/Roboto/Roboto-Regular.ttf' },
|
||
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/fonts/Roboto/Roboto-Medium.ttf', fontWeight: 'bold' },
|
||
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/fonts/Roboto/Roboto-Italic.ttf', fontStyle: 'italic' },
|
||
],
|
||
});
|
||
|
||
const styles = StyleSheet.create({
|
||
page: { flexDirection: 'column', padding: 40, fontSize: 9, fontFamily: 'Roboto', color: '#334155' },
|
||
header: { marginBottom: 15, borderBottom: '1.5pt solid #6b21a8', paddingBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' },
|
||
title: { fontSize: 16, fontWeight: 'bold', color: '#6b21a8', textAlign: 'right' },
|
||
subtitle: { fontSize: 9, color: '#64748b', marginTop: 3, textAlign: 'right' },
|
||
section: { marginTop: 12, marginBottom: 8 },
|
||
sectionTitle: { fontSize: 11, fontWeight: 'bold', marginBottom: 6, color: '#4c1d95', borderBottom: '0.5pt solid #e2e8f0', paddingBottom: 2 },
|
||
row: { flexDirection: 'row', marginBottom: 3 },
|
||
label: { width: 180, fontWeight: 'bold', color: '#475569' },
|
||
value: { flex: 1, color: '#1e293b' },
|
||
text: { fontSize: 9, marginBottom: 3, lineHeight: 1.3, color: '#334155' },
|
||
table: { display: 'flex', flexDirection: 'column', marginTop: 8, borderTop: '0.5pt solid #cbd5e1', borderLeft: '0.5pt solid #cbd5e1' },
|
||
tableRow: { flexDirection: 'row' },
|
||
tableHeader: { backgroundColor: '#f8fafc', fontWeight: 'bold' },
|
||
tableCell: { flex: 1, padding: 4, borderRight: '0.5pt solid #cbd5e1', borderBottom: '0.5pt solid #cbd5e1', textAlign: 'center', fontSize: 8 },
|
||
tableCellFirst: { flex: 1, padding: 4, borderRight: '0.5pt solid #cbd5e1', borderBottom: '0.5pt solid #cbd5e1', textAlign: 'left', fontSize: 8 },
|
||
footer: { position: 'absolute', bottom: 30, left: 40, right: 40, borderTop: '0.5pt solid #cbd5e1', paddingTop: 6 },
|
||
sceneImage: { width: 480, height: 250, objectFit: 'contain', marginVertical: 6, border: '0.5pt solid #e2e8f0', borderRadius: 4 },
|
||
sceneCaption: { fontSize: 7, color: '#64748b', fontStyle: 'italic', textAlign: 'center', marginBottom: 6 },
|
||
mathCard: { marginTop: 8, padding: 8, backgroundColor: '#f8fafc', borderLeft: '2.5pt solid #6b21a8', borderRadius: 2 },
|
||
recCard: { marginTop: 8, padding: 8, backgroundColor: '#faf5ff', borderLeft: '2.5pt solid #a855f7', borderRadius: 2 },
|
||
signatureBlock: { marginTop: 40, flexDirection: 'row', justifyContent: 'space-around', paddingTop: 30 },
|
||
signatureLine: { width: 200, borderTop: '0.75pt solid #334155', paddingTop: 4, alignItems: 'center' },
|
||
signatureText: { fontSize: 9, color: '#334155' },
|
||
});
|
||
|
||
export function getEffortColor(val: string | number): string {
|
||
const num = typeof val === 'number' ? val : parseFloat(val.toString().replace(',', '.').replace(/[^\d.-]/g, ''));
|
||
if (isNaN(num) || num === 0) return '#1e293b';
|
||
return num < 0 ? '#ea580c' : '#2563eb'; // orange for negative (suction), blue for positive (compression)
|
||
}
|
||
|
||
export function appendKgf(val: string | number): string {
|
||
if (typeof val === 'number') return String(val);
|
||
return val.replace(/(-?\d+(?:[.,]\d+)?)\s*(kN(?:\/m²|\/m2|\/m|·m|\.m|m)?)/g, (match, numStr, unit) => {
|
||
const num = parseFloat(numStr.replace(',', '.'));
|
||
if (isNaN(num)) return match;
|
||
const kgf = num * 101.9716;
|
||
|
||
let kgfUnit = 'kgf';
|
||
if (unit.includes('/m²') || unit.includes('/m2')) kgfUnit = 'kgf/m²';
|
||
else if (unit.includes('/m')) kgfUnit = 'kgf/m';
|
||
else if (unit.includes('·m') || unit.includes('.m') || unit === 'kNm') kgfUnit = 'kgf·m';
|
||
|
||
const kgfStr = kgf.toFixed(1);
|
||
const kgfFormatted = numStr.includes(',') ? kgfStr.replace('.', ',') : kgfStr;
|
||
return `${match} (${kgfFormatted} ${kgfUnit})`;
|
||
});
|
||
}
|
||
|
||
export interface GenericPDFSection {
|
||
title: string;
|
||
type: 'table' | 'text' | 'grid';
|
||
content?: string;
|
||
tableHeaders?: string[];
|
||
tableRows?: (string | number)[][];
|
||
gridItems?: { label: string; value: string | number }[];
|
||
}
|
||
|
||
export interface GenericPDFProps {
|
||
moduleName: string;
|
||
sections: GenericPDFSection[];
|
||
wind: ReturnType<typeof useWindStore.getState>;
|
||
sceneImage?: string | null;
|
||
}
|
||
|
||
function generateRecommendations(moduleName: string, sections: GenericPDFSection[], wind: any): string[] {
|
||
const recs: string[] = [];
|
||
let hasSuction = false;
|
||
let forceValue = 0;
|
||
|
||
for (const sec of sections) {
|
||
if (sec.gridItems) {
|
||
for (const item of sec.gridItems) {
|
||
const labelLower = item.label.toLowerCase();
|
||
if (labelLower.includes('vertical') || labelLower.includes('fy') || labelLower.includes('força vertical')) {
|
||
const valStr = String(item.value);
|
||
const valNum = parseFloat(valStr.replace(/[^\d.-]/g, ''));
|
||
if (!isNaN(valNum)) {
|
||
if (valNum > 0 || labelLower.includes('arrancamento') || labelLower.includes('sucção')) {
|
||
hasSuction = true;
|
||
forceValue = Math.max(forceValue, Math.abs(valNum));
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
const nameLower = moduleName.toLowerCase();
|
||
if (nameLower.includes('abrigo') || nameLower.includes('pórtico') || nameLower.includes('marquise')) {
|
||
recs.push("Em abrigos e pórticos em balanço, o arrancamento vertical (Fz) na cobertura é intensificado quando a parede de fundo é fechada devido ao aprisionamento de pressão (+Cpi).");
|
||
recs.push("Verifique criteriosamente as ligações pilar-viga e a ancoragem das telhas na região da testeira, onde as tensões de arrancamento atingem picos críticos.");
|
||
if (hasSuction && forceValue > 15) {
|
||
recs.push(`A força de arrancamento calculada (${forceValue.toFixed(1)} kN) requer verificação da fundação dos pilares contra arrancamento e tombamento.`);
|
||
}
|
||
} else if (nameLower.includes('cobertura') || nameLower.includes('isolada')) {
|
||
recs.push("Para coberturas isoladas, o vento gera sucções severas de arrancamento nas bordas. Verifique criteriosamente o dimensionamento e ancoragem das terças.");
|
||
if (hasSuction && forceValue > 20) {
|
||
recs.push(`A força de arrancamento vertical calculada (${forceValue.toFixed(1)} kN) exige detalhamento especial de fundação resistente a tração.`);
|
||
}
|
||
} else if (nameLower.includes('torre') || nameLower.includes('reticulada')) {
|
||
recs.push("Torres reticuladas sofrem grandes forças de arrasto. Certifique-se de que a esbeltez local atende aos limites regulamentares e verifique a fadiga nas conexões.");
|
||
} else if (nameLower.includes('muro') || nameLower.includes('placa') || nameLower.includes('sign')) {
|
||
recs.push("Em painéis e muros, o momento de tombamento na fundação é crítico. Recomenda-se adotar coeficiente de segurança mínimo de 1,5 contra tombamento.");
|
||
} else if (nameLower.includes('ponte') || nameLower.includes('tabuleiro')) {
|
||
recs.push("Pontes de grandes vãos são susceptíveis a oscilações aeroelásticas (Flutter/Galloping). Caso a velocidade crítica de flutter seja próxima à de projeto, execute ensaios aerodinâmicos complementares.");
|
||
} else if (nameLower.includes('dinâ') || nameLower.includes('dinamica') || nameLower.includes('vórtice')) {
|
||
recs.push("Estruturas esbeltas com frequência natural inferior a 1,0 Hz devem obrigatoriamente ser analisadas sob efeito de oscilação dinâmica.");
|
||
} else if (nameLower.includes('cilindro') || nameLower.includes('chaminé')) {
|
||
recs.push("Cilindros e reservatórios estão expostos a picos locais de pressão e flambagem da chapa. Anéis de rigidez superiores são altamente sugeridos.");
|
||
} else if (nameLower.includes('abóbada') || nameLower.includes('cúpula') || nameLower.includes('vault') || nameLower.includes('dome')) {
|
||
recs.push("Estruturas curvas apresentam zonas de transição com forte gradiente de pressões. Cuidado redobrado no cálculo das pressões tangenciais locais.");
|
||
}
|
||
|
||
if (wind.vk > 45) {
|
||
recs.push(`A velocidade característica encontrada (${wind.vk.toFixed(1)} m/s) é elevada. É sugerido rígido controle de deslocamentos laterais na estrutura.`);
|
||
}
|
||
|
||
recs.push("O memorial serve como suporte ao projetista estrutural, cabendo ao Engenheiro Responsável Técnico (RT) a aprovação final dos esforços de dimensionamento.");
|
||
return recs;
|
||
}
|
||
|
||
const GenericReportDocument = ({ moduleName, sections, wind, sceneImage }: GenericPDFProps) => {
|
||
const recommendations = generateRecommendations(moduleName, sections, wind);
|
||
|
||
return (
|
||
<Document>
|
||
<Page size="A4" style={styles.page}>
|
||
{/* Cabeçalho com Logotipo customizado ou placeholder */}
|
||
<View style={styles.header}>
|
||
{wind.companyLogo ? (
|
||
<PdfImage src={wind.companyLogo} style={{ width: 110, height: 40, objectFit: 'contain' }} />
|
||
) : (
|
||
<View style={{ width: 110, height: 40, border: '0.75pt dashed #cbd5e1', borderRadius: 2, justifyContent: 'center', alignItems: 'center' }}>
|
||
<Text style={{ fontSize: 7, color: '#94a3b8' }}>Logotipo Empresa</Text>
|
||
</View>
|
||
)}
|
||
<View style={{ flex: 1, marginLeft: 15 }}>
|
||
<Text style={styles.title}>{wind.projectName || 'BrainWind v1.0 — Memória de Cálculo'}</Text>
|
||
<Text style={styles.subtitle}>Módulo: {moduleName} — ABNT NBR 6123:2023</Text>
|
||
</View>
|
||
</View>
|
||
|
||
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 12, backgroundColor: '#f8fafc', padding: 6, borderRadius: 2 }}>
|
||
<View>
|
||
<Text style={{ fontSize: 8, color: '#64748b' }}>Cliente</Text>
|
||
<Text style={{ fontSize: 9, fontWeight: 'bold' }}>{wind.clientName || '-'}</Text>
|
||
</View>
|
||
<View>
|
||
<Text style={{ fontSize: 8, color: '#64748b' }}>Autor</Text>
|
||
<Text style={{ fontSize: 9, fontWeight: 'bold' }}>{wind.authorName || '-'}</Text>
|
||
</View>
|
||
<View>
|
||
<Text style={{ fontSize: 8, color: '#64748b' }}>Revisão</Text>
|
||
<Text style={{ fontSize: 9, fontWeight: 'bold' }}>{wind.projectRev || '-'}</Text>
|
||
</View>
|
||
<View>
|
||
<Text style={{ fontSize: 8, color: '#64748b' }}>Data</Text>
|
||
<Text style={{ fontSize: 9, fontWeight: 'bold' }}>{new Date().toLocaleDateString('pt-BR')}</Text>
|
||
</View>
|
||
</View>
|
||
|
||
{/* 1. Parâmetros Globais do Vento */}
|
||
<View style={styles.section}>
|
||
<Text style={styles.sectionTitle}>1. Parâmetros Globais do Vento e Pressão Dinâmica</Text>
|
||
<View style={styles.row}>
|
||
<Text style={styles.label}>Localidade de Projeto:</Text>
|
||
<Text style={styles.value}>{wind.locality || 'V0 generalizado'}</Text>
|
||
</View>
|
||
<View style={styles.row}>
|
||
<Text style={styles.label}>Velocidade Básica (V0):</Text>
|
||
<Text style={styles.value}>{wind.v0} m/s (conforme Figura 1 e Anexo C da NBR 6123)</Text>
|
||
</View>
|
||
<View style={styles.row}>
|
||
<Text style={styles.label}>Fator Topográfico (S1):</Text>
|
||
<Text style={styles.value}>{wind.s1} (conforme Seção 5.2)</Text>
|
||
</View>
|
||
<View style={styles.row}>
|
||
<Text style={styles.label}>Fator de Rugosidade (S2):</Text>
|
||
<Text style={styles.value}>
|
||
{wind.s2.toFixed(3)} (Categoria {wind.terrainCategory}, Classe {wind.structureClass}, conforme Tabela 2)
|
||
</Text>
|
||
</View>
|
||
<View style={styles.row}>
|
||
<Text style={styles.label}>Fator Estatístico (S3):</Text>
|
||
<Text style={styles.value}>{wind.s3.toFixed(2)} (Grupo {wind.s3Group}, conforme Tabela 4)</Text>
|
||
</View>
|
||
|
||
<View style={styles.mathCard}>
|
||
<Text style={{ fontSize: 10, fontWeight: 'bold', marginBottom: 3, color: '#1e1b4b' }}>
|
||
Formulações de Velocidade e Pressão (Sec. 4.2 e 4.3):
|
||
</Text>
|
||
<Text style={{ fontSize: 9, fontWeight: 'bold', color: '#1e1b4b', marginBottom: 2 }}>
|
||
Fórmula Base: Vk = V0 × S1 × S2 × S3
|
||
</Text>
|
||
<Text style={{ fontSize: 8, color: '#475569', marginBottom: 6 }}>
|
||
Vk = {wind.v0} × {wind.s1} × {wind.s2.toFixed(3)} × {wind.s3.toFixed(2)} = {wind.vk.toFixed(2)} m/s
|
||
</Text>
|
||
<Text style={{ fontSize: 9, fontWeight: 'bold', color: '#1e1b4b', marginBottom: 2 }}>
|
||
Pressão Dinâmica: q = 0,613 × (Vk)²
|
||
</Text>
|
||
<Text style={{ fontSize: 8, color: '#475569' }}>
|
||
q = 0,613 × ({wind.vk.toFixed(2)})² = {(0.613 * Math.pow(wind.vk, 2) / 1000).toFixed(4)} kN/m²
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
|
||
{sceneImage && (
|
||
<View style={styles.section}>
|
||
<Text style={styles.sectionTitle}>2. Modelo 3D (Captura de Cena)</Text>
|
||
<PdfImage src={sceneImage} style={styles.sceneImage} />
|
||
<Text style={styles.sceneCaption}>
|
||
Vista isométrica em tempo real capturada pelo usuário na interface.
|
||
</Text>
|
||
</View>
|
||
)}
|
||
|
||
{sections.map((sec, idx) => (
|
||
<View style={styles.section} key={idx} wrap={false}>
|
||
<Text style={styles.sectionTitle}>
|
||
{sceneImage ? idx + 3 : idx + 2}. {sec.title}
|
||
</Text>
|
||
|
||
{sec.type === 'text' && sec.content && (
|
||
<Text style={styles.text}>{appendKgf(sec.content)}</Text>
|
||
)}
|
||
|
||
{sec.type === 'grid' && sec.gridItems && (
|
||
<View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
|
||
{sec.gridItems.map((item, i) => (
|
||
<View style={{ width: '50%', marginBottom: 4 }} key={i}>
|
||
<Text style={{ fontWeight: 'bold', color: '#475569' }}>
|
||
{item.label.replace('⊥', 'perpendicular à').replace('∥', 'paralelo à')}:
|
||
</Text>
|
||
<Text style={{ color: '#1e293b' }}>{appendKgf(item.value)}</Text>
|
||
</View>
|
||
))}
|
||
</View>
|
||
)}
|
||
|
||
{sec.type === 'table' && sec.tableHeaders && sec.tableRows && (
|
||
<View style={styles.table}>
|
||
<View style={[styles.tableRow, styles.tableHeader]}>
|
||
{sec.tableHeaders.map((th, i) => (
|
||
<Text key={i} style={i === 0 ? styles.tableCellFirst : styles.tableCell}>
|
||
{th}
|
||
</Text>
|
||
))}
|
||
</View>
|
||
{sec.tableRows.map((tr, rIdx) => (
|
||
<View style={styles.tableRow} key={rIdx}>
|
||
{tr.map((tc, cIdx) => (
|
||
<Text key={cIdx} style={[cIdx === 0 ? styles.tableCellFirst : styles.tableCell, cIdx > 0 ? { color: getEffortColor(tc) } : {}]}>
|
||
{appendKgf(tc)}
|
||
</Text>
|
||
))}
|
||
</View>
|
||
))}
|
||
</View>
|
||
)}
|
||
</View>
|
||
))}
|
||
|
||
<View style={styles.section} wrap={false}>
|
||
<Text style={styles.sectionTitle}>
|
||
{sceneImage ? sections.length + 3 : sections.length + 2}. Parecer Técnico e Observações
|
||
</Text>
|
||
<View style={styles.recCard}>
|
||
{recommendations.map((rec, rIdx) => (
|
||
<Text style={{ fontSize: 9, marginBottom: 4, lineHeight: 1.3, color: '#3b0764' }} key={rIdx}>
|
||
• {rec}
|
||
</Text>
|
||
))}
|
||
</View>
|
||
|
||
<View style={styles.signatureBlock}>
|
||
<View style={styles.signatureLine}>
|
||
<Text style={styles.signatureText}>{wind.authorName || 'Engenheiro Responsável'}</Text>
|
||
<Text style={{ fontSize: 7, color: '#64748b', marginTop: 2 }}>CREA / CAU:</Text>
|
||
</View>
|
||
</View>
|
||
|
||
<View style={{ marginTop: 20, paddingTop: 10, borderTop: '0.5pt solid #e2e8f0' }}>
|
||
<Text style={{ fontSize: 6, color: '#94a3b8', textAlign: 'justify', lineHeight: 1.3 }}>
|
||
Isenção de Responsabilidade do Software: Os resultados e relatórios gerados pelo BrainWind são de responsabilidade exclusiva e integral do usuário. O aplicativo atua como ferramenta de auxílio e não substitui o julgamento técnico, a análise detalhada das normas e o dimensionamento final por profissional habilitado.
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
|
||
<View style={styles.footer} fixed>
|
||
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
|
||
<View style={{ flex: 1 }}>
|
||
<Text style={{ fontSize: 6, color: '#94a3b8' }}>
|
||
Legendas: V0: Vel. básica | S1, S2, S3: Fatores de vento | Vk: Vel. de projeto | q: Pressão dinâmica | Cpe: Pressão externa | Cpi: Pressão interna
|
||
</Text>
|
||
</View>
|
||
<Text style={{ fontSize: 7, color: '#64748b', textAlign: 'right', flex: 0.2, paddingRight: 10 }} render={({ pageNumber, totalPages }) => (
|
||
`Pág. ${pageNumber} de ${totalPages}`
|
||
)} />
|
||
<View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-end', flex: 0.3 }}>
|
||
<PdfImage src="/logo_brainwind.png" style={{ width: 25, height: 'auto', objectFit: 'contain' }} />
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</Page>
|
||
|
||
</Document>
|
||
);
|
||
};
|
||
|
||
export async function exportGenericToPDF(moduleName: string, sections: GenericPDFSection[]) {
|
||
const wind = useWindStore.getState();
|
||
const sceneImage = useCaptureStore.getState().capturedImage;
|
||
|
||
const blob = await pdf(
|
||
<GenericReportDocument moduleName={moduleName} sections={sections} wind={wind} sceneImage={sceneImage} />
|
||
).toBlob();
|
||
|
||
const url = URL.createObjectURL(blob);
|
||
const link = document.createElement('a');
|
||
link.setAttribute('href', url);
|
||
link.setAttribute('download', `memoria_calculo_${moduleName.toLowerCase().replace(/\s+/g, '_')}.pdf`);
|
||
document.body.appendChild(link);
|
||
link.click();
|
||
document.body.removeChild(link);
|
||
}
|