feat: unified 0 and 90 degree PDF envelope and category descriptors

2026-07-08 19:52:34 +00:00
commit 9fece3f174
170 changed files with 27177 additions and 0 deletions
@@ -0,0 +1,308 @@
+import { Document, Page, Text, View, StyleSheet, Image as PdfImage, pdf } from '@react-pdf/renderer';
+import { useGalpaoStore } from '../store/galpaoStore';
+import { useWindStore } from '../store/appStore';
+import { useCaptureStore } from '../store/captureStore';
+import {
+  getColumnLinearLoads,
+  getRoofLinearLoads,
+  getAllPillarBaseReactions,
+  getDragForce,
+} from './line-loads';
+import { getWallCpeOfficial, getRoofCpeOfficial } from './coefficients';
+
+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' },
+  row: { flexDirection: 'row', marginBottom: 4 },
+  label: { width: 200, fontWeight: 'bold' },
+  value: { flex: 1 },
+  table: {
+    display: 'flex',
+    flexDirection: 'column',
+    marginTop: 10,
+    borderTop: '1pt solid #ccc',
+    borderLeft: '1pt solid #ccc',
+  },
+  tableRow: { flexDirection: 'row' },
+  tableHeader: { backgroundColor: '#f3f4f6', fontWeight: 'bold' },
+  tableCell: {
+    flex: 1,
+    padding: 5,
+    borderRight: '1pt solid #ccc',
+    borderBottom: '1pt solid #ccc',
+    textAlign: 'center',
+  },
+  tableCellFirst: {
+    flex: 1,
+    padding: 5,
+    borderRight: '1pt solid #ccc',
+    borderBottom: '1pt solid #ccc',
+    textAlign: 'left',
+  },
+  footer: {
+    position: 'absolute',
+    bottom: 30,
+    left: 40,
+    right: 40,
+    textAlign: 'center',
+    color: '#999',
+    fontSize: 8,
+    borderTop: '1pt solid #eaeaea',
+    paddingTop: 10,
+  },
+  sceneImage: {
+    width: 480,
+    height: 270,
+    objectFit: 'contain',
+    marginVertical: 8,
+    border: '1pt solid #ddd',
+  },
+  sceneCaption: {
+    fontSize: 8,
+    color: '#666',
+    fontStyle: 'italic',
+    textAlign: 'center',
+    marginBottom: 8,
+  },
+});
+
+interface ReportProps {
+  galpao: ReturnType<typeof useGalpaoStore.getState>;
+  wind: ReturnType<typeof useWindStore.getState>;
+  sceneImage?: string | null;
+}
+
+const ReportDocument = ({ galpao, wind, sceneImage }: ReportProps) => {
+  const pressure = (cpe: number) => (wind.q * (cpe - wind.cpi)).toFixed(3);
+  const cpi = wind.cpi.toFixed(2);
+  const fmtSigned = (v: number, p = 3) => (v >= 0 ? `+${v.toFixed(p)}` : v.toFixed(p));
+
+  const FRAME_SPACING = 6.0;
+  const PURLIN_SPACING = 1.5;
+
+  return (
+    <Document>
+      <Page size="A4" style={styles.page}>
+        <View style={styles.header}>
+          <Text style={styles.title}>VentoApp — Memória de Cálculo</Text>
+          <Text style={styles.subtitle}>Cargas de Vento em Galpão — NBR 6123:2023</Text>
+        </View>
+
+        <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}>Velocidade Básica (V₀):</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 (S₁):</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 (S₂):</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 (S₃):</Text>
+            <Text style={styles.value}>{wind.s3.toFixed(2)} (Grupo {wind.s3Group}, conforme Tabela 4)</Text>
+          </View>
+          
+          <View style={{ marginTop: 10, padding: 8, backgroundColor: '#f9fafb', borderLeft: '3pt solid #6b21a8' }}>
+            <Text style={{ fontSize: 11, fontWeight: 'bold', marginBottom: 4 }}>Memória de Cálculo (Sec 4.2 e 4.3):</Text>
+            <Text style={{ fontSize: 10, fontFamily: 'Courier', marginBottom: 4 }}>
+              Vₖ = V₀ × S₁ × S₂ × S₃
+            </Text>
+            <Text style={{ fontSize: 10, fontFamily: 'Courier', marginBottom: 8, color: '#4b5563' }}>
+              Vₖ = {wind.v0} × {wind.s1} × {wind.s2.toFixed(3)} × {wind.s3.toFixed(2)} = {wind.vk.toFixed(2)} m/s
+            </Text>
+            
+            <Text style={{ fontSize: 10, fontFamily: 'Courier', marginBottom: 4 }}>
+              q = 0,613 × (Vₖ)²
+            </Text>
+            <Text style={{ fontSize: 10, fontFamily: 'Courier', color: '#4b5563' }}>
+              q = 0,613 × ({wind.vk.toFixed(2)})² = {(0.613 * Math.pow(wind.vk, 2) / 1000).toFixed(4)} kN/m²
+            </Text>
+          </View>
+        </View>
+
+        <View style={styles.section}>
+          <Text style={styles.sectionTitle}>2. Geometria do Galpão</Text>
+          <View style={styles.row}>
+            <Text style={styles.label}>Largura (b):</Text>
+            <Text style={styles.value}>{galpao.width} m</Text>
+          </View>
+          <View style={styles.row}>
+            <Text style={styles.label}>Comprimento (a):</Text>
+            <Text style={styles.value}>{galpao.length} m</Text>
+          </View>
+          <View style={styles.row}>
+            <Text style={styles.label}>Altura do Pé-direito (h):</Text>
+            <Text style={styles.value}>{galpao.height} m</Text>
+          </View>
+          <View style={styles.row}>
+            <Text style={styles.label}>Inclinação do Telhado (θ):</Text>
+            <Text style={styles.value}>{galpao.roofPitch}°</Text>
+          </View>
+          <View style={styles.row}>
+            <Text style={styles.label}>Direção do Vento Analisada:</Text>
+            <Text style={styles.value}>{wind.windAngle}°</Text>
+          </View>
+        </View>
+
+        <View style={styles.section}>
+          <Text style={styles.sectionTitle}>3. Pressão Interna (sec. 6.3)</Text>
+          <View style={styles.row}>
+            <Text style={styles.label}>Caso de Permeabilidade:</Text>
+            <Text style={styles.value}>{wind.permeabilityCase}</Text>
+          </View>
+          <View style={styles.row}>
+            <Text style={styles.label}>Coeficiente Cpi:</Text>
+            <Text style={styles.value}>{cpi}</Text>
+          </View>
+        </View>
+
+        {[0, 90].map((angle, index) => {
+          const wCpe = getWallCpeOfficial(galpao.length, galpao.width, galpao.height, angle as 0 | 90);
+          const rCpe = getRoofCpeOfficial(galpao.length, galpao.width, galpao.height, galpao.roofPitch, angle as 0 | 90);
+          const colLoads = getColumnLinearLoads(wind.cpi, wind.q, wCpe, FRAME_SPACING, angle as 0 | 90);
+          const rLoads = getRoofLinearLoads(wind.cpi, wind.q, rCpe, PURLIN_SPACING, galpao.roofPitch);
+          const rxns = getAllPillarBaseReactions(colLoads, galpao.height);
+          const dForce = getDragForce(wCpe, rCpe, wind.q, galpao.length, galpao.width, galpao.height, galpao.roofPitch, angle as 0 | 90);
+          const secBase = index === 0 ? 4 : 6;
+
+          return (
+            <View wrap={false} key={`angle-${angle}`}>
+              <Text style={{ fontSize: 16, fontWeight: 'bold', color: '#6b21a8', marginTop: 20, marginBottom: 10, borderBottom: '1pt solid #ddd', paddingBottom: 5 }}>
+                Cenário: Vento a {angle}°
+              </Text>
+              
+              <View style={styles.section}>
+                <Text style={styles.sectionTitle}>{secBase}. Coeficientes e Pressões (q × (Cpe − Cpi))</Text>
+                <View style={styles.table}>
+                  <View style={[styles.tableRow, styles.tableHeader]}>
+                    <Text style={styles.tableCellFirst}>Elemento / Região</Text>
+                    <Text style={styles.tableCell}>Cpe</Text>
+                    <Text style={styles.tableCell}>Cpi</Text>
+                    <Text style={styles.tableCell}>p [kN/m²]</Text>
+                  </View>
+                  {Object.entries(wCpe).map(([face, cpeVal]) => (
+                    <View style={styles.tableRow} key={`wall-${face}`}>
+                      <Text style={styles.tableCellFirst}>Parede — {face}</Text>
+                      <Text style={styles.tableCell}>{(cpeVal as number).toFixed(2)}</Text>
+                      <Text style={styles.tableCell}>{cpi}</Text>
+                      <Text style={styles.tableCell}>{pressure(cpeVal as number)}</Text>
+                    </View>
+                  ))}
+                  {Object.entries(rCpe).map(([face, cpeVal]) => (
+                    <View style={styles.tableRow} key={`roof-${face}`}>
+                      <Text style={styles.tableCellFirst}>Telhado — {face}</Text>
+                      <Text style={styles.tableCell}>{(cpeVal as number).toFixed(2)}</Text>
+                      <Text style={styles.tableCell}>{cpi}</Text>
+                      <Text style={styles.tableCell}>{pressure(cpeVal as number)}</Text>
+                    </View>
+                  ))}
+                </View>
+              </View>
+
+              <View style={styles.section}>
+                <Text style={styles.sectionTitle}>
+                  {secBase + 1}. Cargas Lineares (kN/m)
+                </Text>
+                <Text style={{ fontSize: 9, marginBottom: 6 }}>
+                  Pórticos: {FRAME_SPACING} m | Terças: {PURLIN_SPACING} m
+                </Text>
+
+                <View style={styles.table}>
+                  <View style={[styles.tableRow, styles.tableHeader]}>
+                    <Text style={styles.tableCellFirst}>Pilar</Text>
+                    <Text style={styles.tableCell}>Cpe</Text>
+                    <Text style={styles.tableCell}>w [kN/m]</Text>
+                  </View>
+                  {([
+                    ['Barlavento', angle === 0 ? wCpe.C : wCpe.A, colLoads.windward],
+                    ['Sotavento', angle === 0 ? wCpe.D : wCpe.B, colLoads.leeward],
+                    ['Lateral 1', angle === 0 ? wCpe.A : wCpe.C, colLoads.sideA],
+                    ['Lateral 2', angle === 0 ? wCpe.B : wCpe.D, colLoads.sideB],
+                  ] as const).map(([label, cpeVal, w]) => (
+                    <View style={styles.tableRow} key={`col-${label}`}>
+                      <Text style={styles.tableCellFirst}>{label}</Text>
+                      <Text style={styles.tableCell}>{cpeVal.toFixed(2)}</Text>
+                      <Text style={styles.tableCell}>{fmtSigned(w)}</Text>
+                    </View>
+                  ))}
+                </View>
+
+                <View style={[styles.table, { marginTop: 10 }]}>
+                  <View style={[styles.tableRow, styles.tableHeader]}>
+                    <Text style={styles.tableCellFirst}>Terça (Zona)</Text>
+                    <Text style={styles.tableCell}>Cpe</Text>
+                    <Text style={styles.tableCell}>w [kN/m]</Text>
+                  </View>
+                  {(['E', 'F', 'G', 'H', 'I', 'J'] as const).map((z) => (
+                    <View style={styles.tableRow} key={`roof-${z}`}>
+                      <Text style={styles.tableCellFirst}>{z}</Text>
+                      <Text style={styles.tableCell}>{rCpe[z].toFixed(2)}</Text>
+                      <Text style={styles.tableCell}>{fmtSigned(rLoads[z])}</Text>
+                    </View>
+                  ))}
+                </View>
+
+                <View style={{ marginTop: 6, fontSize: 9 }}>
+                  <Text>Reação global na base: <Text style={{ fontWeight: 'bold' }}>{fmtSigned(rxns.total, 3)} kN</Text></Text>
+                  <Text>Força de arrasto global (Cₐ): <Text style={{ fontWeight: 'bold' }}>{dForce.forceKN.toFixed(3)} kN</Text></Text>
+                </View>
+              </View>
+            </View>
+          );
+        })}
+
+        {sceneImage && (
+          <View style={styles.section} wrap={false}>
+            <Text style={styles.sectionTitle}>8. Modelo 3D (M9.3 — Captura de Cena)</Text>
+            <PdfImage src={sceneImage} style={styles.sceneImage} />
+            <Text style={styles.sceneCaption}>
+              Vista isométrica capturada em tempo real pelo projetista na interface web. Cores indicam intensidade de pressão (azul:
+              empuxo, vermelho: sucção).
+            </Text>
+          </View>
+        )}
+
+        <Text style={styles.footer}>
+          Gerado por VentoApp — Ferramenta de Auxílio ao Cálculo Estrutural (NBR 6123:2023)
+        </Text>
+      </Page>
+    </Document>
+  );
+};
+
+export async function exportGalpaoToPDF() {
+  const galpao = useGalpaoStore.getState();
+  const wind = useWindStore.getState();
+  const sceneImage = useCaptureStore.getState().capturedImage;
+
+  const blob = await pdf(
+    <ReportDocument galpao={galpao} wind={wind} sceneImage={sceneImage} />,
+  ).toBlob();
+
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.setAttribute('href', url);
+  link.setAttribute('download', 'memoria_calculo_vento.pdf');
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}