Compare commits

..
53 Commits
Author SHA1 Message Date
rodrigo 8e75018a35 add webproof system
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-28 15:51:41 -03:00
rodrigo a63aaeb655 remove arquivo desnecessario
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-27 18:58:13 -03:00
rodrigo 48ea0c7303 undo commit 2025-07-27 18:57:22 -03:00
rodrigo 89b06db89e Limpeza de codigo
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-27 18:55:29 -03:00
rodrigo 928dfc0443 revert commit 2025-07-27 18:50:37 -03:00
rodrigo 24b5d04fbc frontend; backend: adiciona sistema novo de gravacao de provas
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-27 18:47:48 -03:00
rodrigo 0750b26208 frontend: fix dashboard PainelFinanceiro
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-27 17:26:25 -03:00
rodrigo 47f2d08b9b calculo: fix pensaoalimenticia
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 17:01:49 -03:00
rodrigo 19f23a540a calculo: fix pensaoalimenticia
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 16:52:50 -03:00
rodrigo 3e561b46bb calculo: fix pensaoalimenticia
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 16:43:00 -03:00
rodrigo 3ae50e75d4 calculo: fix pensaoalimenticia
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 16:24:08 -03:00
rodrigo d69d5b1b0e calculo: fix pensaoalimenticia
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 16:20:59 -03:00
rodrigo 3f012552e7 calculo: fix pensaoalimenticia
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 16:16:17 -03:00
rodrigo ae71161860 calculo: fix pensaoalimenticia
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 16:14:08 -03:00
rodrigo 866a3fe539 calculo: fix pensaoalimenticia
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 16:10:18 -03:00
rodrigo c37a0461bf dashboard: fix audiencias
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 12:24:20 -03:00
rodrigo 21932e5372 dashboard: fix audiencias
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-16 12:23:27 -03:00
rodrigo 626137276f dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 22:47:28 -03:00
rodrigo fc8e96cd58 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 22:46:08 -03:00
rodrigo 90a098e7db dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 22:43:12 -03:00
rodrigo 285d829c27 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 22:40:54 -03:00
rodrigo 0963cab395 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 22:08:05 -03:00
rodrigo 6300fb98a7 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 22:05:34 -03:00
rodrigo 0a67f95eaf dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 21:38:51 -03:00
rodrigo c03c6d1b5a dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 21:37:02 -03:00
rodrigo 061156e5e7 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 21:24:46 -03:00
rodrigo 71f5a56cbd dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 21:21:33 -03:00
rodrigo 683da3264d dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 21:19:21 -03:00
rodrigo 0475c34d64 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 21:17:35 -03:00
rodrigo 167766fdfd dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 21:09:34 -03:00
rodrigo a7c32aa128 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 20:45:55 -03:00
rodrigo b3d9ebe999 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 20:42:58 -03:00
rodrigo b713e24fbf dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 20:39:56 -03:00
rodrigo a4206a7611 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 20:28:16 -03:00
rodrigo 3d919350c8 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:47:49 -03:00
rodrigo 4d22c07151 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:46:14 -03:00
rodrigo 80df7310f3 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:38:23 -03:00
rodrigo 9160939de2 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:32:09 -03:00
rodrigo 9c2df341ea dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:28:40 -03:00
rodrigo 3c00956cf4 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:22:59 -03:00
rodrigo f5fb1e427d dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:21:28 -03:00
rodrigo 1e08f559ff dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:17:47 -03:00
rodrigo 1ab7bd8f36 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:14:01 -03:00
rodrigo f782fb36ad dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:12:10 -03:00
rodrigo af2f0ed649 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:08:55 -03:00
rodrigo 6b89a61dd7 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:07:35 -03:00
rodrigo 7e868dbc46 dashboard: reimaginacao
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
2025-07-15 19:06:00 -03:00
Rodrigo B. de Sousa Martins b9e7de0ca0 backend: fix PDFService.ts 2025-06-11 11:57:33 -03:00
Rodrigo B. de Sousa Martins 0fef046d38 backend: fix PDFService.ts 2025-06-11 11:54:44 -03:00
Rodrigo B. de Sousa Martins 8f6b708d51 backend: fix PDFService.ts 2025-06-11 11:50:31 -03:00
Rodrigo B. de Sousa Martins db7446f19a frontend: possibilita edição manual do endereço do cliente
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo@martinsevieira.adv.br>
2025-05-26 13:32:38 -03:00
Rodrigo B. de Sousa Martins 59ea762227 frontend: fix PublicProvaUpload
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo@martinsevieira.adv.br>
2025-05-26 13:08:32 -03:00
rodrigo fe54b55af0 Fix - Size PDF
Signed-off-by: Rodrigo Martins <rodrigo.sousa.577@gmail.com>
2025-04-23 16:01:24 -03:00
34 changed files with 1725 additions and 1078 deletions

No files matched your search

+24
View File
@@ -0,0 +1,24 @@
import express from "express";
import cors from "cors";
import { PrismaClient } from "@prisma/client";
import usuariosRoutes from "./routes/usuarios";
import clientesRoutes from "./routes/clientes";
import processosRoutes from "./routes/processos";
import audienciasRoutes from "./routes/audiencias";
const app = express();
const prisma = new PrismaClient();
app.use(cors());
app.use(express.json());
app.use("/api/usuarios", usuariosRoutes);
app.use("/api/clientes", clientesRoutes);
app.use("/api/processos", processosRoutes);
app.use("/api/audiencias", audienciasRoutes);
app.get("/", (req, res) => {
res.json({ message: "API is running" });
});
export default app;
@@ -0,0 +1,20 @@
import { Request, Response } from "express";
import prisma from "../prisma/client";
// Lista todas as audiências
export async function getAudiencias(req: Request, res: Response) {
try {
const audiencias = await prisma.audiencia.findMany({
orderBy: { data: "asc" },
include: {
processo: {
select: { numero: true, nomeContraparte: true }
}
}
});
res.json(audiencias);
} catch (error) {
console.error("Erro ao buscar audiências:", error);
res.status(500).json({ error: "Erro ao buscar audiências" });
}
}
+9
View File
@@ -0,0 +1,9 @@
import { Router } from "express";
import { getAudiencias } from "../controllers/audienciasController";
const router = Router();
// GET /api/audiencias - Lista todas as audiências
router.get("/", getAudiencias);
export default router;
+106
View File
@@ -0,0 +1,106 @@
// Adicionar ao schema.prisma existente (não substitui)
model SessaoNavegacao {
id String @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
titulo String
descricao String?
status StatusSessao @default(INICIADA)
usuarioId String @db.Uuid
usuario Usuario @relation(fields: [usuarioId], references: [id])
// Dados da sessão
sessionKey String @unique
browserFingerprint Json
inicioSessao DateTime @default(now())
fimSessao DateTime?
duracaoSegundos Int?
// Arquivos gerados
videoPath String?
screenshotsPaths String[]
metadataPath String?
relatorioPdfPath String?
// Hashes e validação
checksumVideo String?
checksumMetadata String?
timestampProof String?
// Navegação registrada
acoes AcaoNavegacao[]
capturas CapturaNavegacao[]
criadoEm DateTime @default(now())
atualizadoEm DateTime @updatedAt
@@map("sessoes_navegacao")
}
model AcaoNavegacao {
id String @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
sessaoId String @db.Uuid
sessao SessaoNavegacao @relation(fields: [sessaoId], references: [id], onDelete: Cascade)
timestamp DateTime
tipo TipoAcao
url String?
elemento String?
coordenadas Json?
valor String?
screenshot String?
metadados Json
criadoEm DateTime @default(now())
@@map("acoes_navegacao")
}
model CapturaNavegacao {
id String @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
sessaoId String @db.Uuid
sessao SessaoNavegacao @relation(fields: [sessaoId], references: [id], onDelete: Cascade)
timestamp DateTime
url String
titulo String?
screenshotPath String
htmlContent String?
checksumHtml String?
checksumScreenshot String
// Metadados da página
networkRequests Json[]
cookies Json[]
localStorage Json?
sessionStorage Json?
criadoEm DateTime @default(now())
@@map("capturas_navegacao")
}
enum StatusSessao {
INICIADA
EM_ANDAMENTO
FINALIZANDO
CONCLUIDA
ERRO
CANCELADA
}
enum TipoAcao {
NAVEGACAO
CLIQUE
DIGITACAO
SCROLL
HOVER
DOWNLOAD
FORMULARIO
POPUP
REDIRECT
}
// Adicionar relação ao modelo Usuario existente
// Usuario {
// sessoesNavegacao SessaoNavegacao[]
// }
+9 -2
View File
@@ -48,6 +48,8 @@ import { CalculosList } from './components/calculos/CalculosList';
import { NovoCalculo } from './components/calculos/NovoCalculo';
import { DetalhesCalculo } from './components/calculos/DetalhesCalculo';
import { NovoPensaoAlimenticia } from './components/calculos/NovoPensaoAlimenticia';
import { DetalhePensaoAlimenticia } from './components/calculos/DetalhePensaoAlimenticia';
import { IniciarNavegacao } from './components/navegacao/IniciarNavegacao';
const queryClient = new QueryClient();
@@ -114,7 +116,7 @@ const router = createBrowserRouter(
} />
{/* Rotas para Pensão Alimentícia */}
<Route path="/pensao-alimenticia/nova" element={
<Route path="/pensao-alimenticia/novo" element={
<ProtectedRoute>
<NovoPensaoAlimenticia />
</ProtectedRoute>
@@ -122,7 +124,12 @@ const router = createBrowserRouter(
<Route path="/pensao-alimenticia/:id" element={
<ProtectedRoute>
<DetalhesCalculo />
<DetalhePensaoAlimenticia />
</ProtectedRoute>
} />
<Route path="/navegacao/iniciar" element={
<ProtectedRoute>
<IniciarNavegacao />
</ProtectedRoute>
} />
</Route>
+14 -6
View File
@@ -144,12 +144,20 @@ export function CalculosList() {
<div className="container mx-auto px-4 py-8">
<div className="flex justify-between items-center mb-6">
<h1 className="text-2xl font-bold text-gray-900">Cálculos Judiciais</h1>
<Link
to="/calculos/novo"
className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
>
Novo Cálculo
</Link>
<div className="flex gap-3">
<Link
to="/calculos/novo"
className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
>
Novo Cálculo Judicial
</Link>
<Link
to="/pensao-alimenticia/novo"
className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
>
Novo Cálculo de Pensão
</Link>
</div>
</div>
{/* Filtros */}
@@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react';
import { useParams } from 'react-router-dom';
import { useParams, useNavigate } from 'react-router-dom'; // Adicionar useNavigate
import { toast } from 'react-toastify';
import api from '../../services/api';
@@ -27,17 +27,36 @@ interface CalculoPensao {
export function DetalhePensaoAlimenticia() {
const { id } = useParams<{ id: string }>();
const navigate = useNavigate(); // Adicionar hook de navegação
const [calculo, setCalculo] = useState<CalculoPensao | null>(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
// Verificação extra para garantir que o id está definido
if (!id || id === "novo") {
setLoading(false);
setCalculo(null);
return;
}
const loadCalculo = async () => {
try {
const response = await api.get(`/pensao-alimenticia/${id}`);
console.log('[DetalhePensaoAlimenticia] Buscando cálculo para id:', id);
const response = await api.get(`/api/calculos/pensao-alimenticia/${id}`);
setCalculo(response.data);
} catch (error) {
console.error('Erro ao carregar cálculo:', error);
toast.error('Falha ao carregar dados do cálculo');
} catch (error: any) {
// Log detalhado para depuração
console.error('[DetalhePensaoAlimenticia] Erro ao carregar cálculo:', error);
// Tratamento específico para erro 404 (cálculo não encontrado)
if (error?.response?.status === 404) {
toast.warn('Cálculo de pensão alimentícia não encontrado.');
} else {
toast.error(
error?.response?.data?.message ||
'Falha ao buscar cálculo de pensão alimentícia.'
);
}
setCalculo(null);
} finally {
setLoading(false);
}
@@ -51,7 +70,17 @@ export function DetalhePensaoAlimenticia() {
}
if (!calculo) {
return <div>Cálculo não encontrado</div>;
return (
<div className="bg-white shadow-md rounded-lg p-6 flex flex-col items-center">
<div className="text-lg mb-4 text-gray-700">Nenhum cálculo de pensão alimentícia encontrado.</div>
<button
className="px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700"
onClick={() => navigate('/pensao-alimenticia/novo')}
>
Criar novo cálculo
</button>
</div>
);
}
return (
@@ -90,6 +119,15 @@ export function DetalhePensaoAlimenticia() {
<p className="text-gray-700">{calculo.observacoes}</p>
</div>
)}
<div className="mt-8 flex justify-end">
<button
className="px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700"
onClick={() => navigate('/pensao-alimenticia/novo')}
>
Criar novo cálculo
</button>
</div>
</div>
);
}
@@ -1,6 +1,7 @@
import { useState, useEffect } from 'react';
import { useNavigate } from 'react-router-dom';
import { toast } from 'react-toastify';
import { useAuth } from '../../contexts/AuthContext';
import { formatarPercentual, parsePercentual } from '../../utils/formatters';
interface ProcessoOption {
@@ -16,6 +17,7 @@ interface ClienteOption {
export function NovoPensaoAlimenticia() {
const navigate = useNavigate();
const { getToken } = useAuth();
const [loading, setLoading] = useState(false);
const [formData, setFormData] = useState({
titulo: '',
@@ -101,13 +103,21 @@ export function NovoPensaoAlimenticia() {
...formData,
percentualSalarioMinimo: percentual,
multaPactuada: formData.multaPactuada ? parsePercentual(formData.multaPactuada) : undefined,
processoId: formData.processoId || undefined, // Corrigir aqui
clienteId: formData.clienteId || undefined, // Corrigir aqui
};
const token = getToken();
if (!token) {
throw new Error('Usuário não autenticado. Faça login novamente.');
}
// Enviar solicitação para criar cálculo
const response = await fetch('/api/pensao-alimenticia', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}` // Adicionar o token aqui
},
body: JSON.stringify(dadosParaEnviar),
});
+29 -20
View File
@@ -212,25 +212,24 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({
);
if (response.data && !response.data.erro) {
// Usar estado local para garantir re-renderização imediata
const endereco = response.data.logradouro || "";
const bairro = response.data.bairro || "";
const cidade = response.data.localidade || "";
const estado = response.data.uf || "";
// Atualizar valores no formulário
setValue("endereco", endereco, { shouldValidate: true });
setValue("bairro", bairro, { shouldValidate: true });
// Só preencher endereço/bairro se vier valor da API
if (endereco) setValue("endereco", endereco, { shouldValidate: true });
if (bairro) setValue("bairro", bairro, { shouldValidate: true });
setValue("cidade", cidade, { shouldValidate: true });
setValue("estado", estado, { shouldValidate: true });
// Atualizar o estado para re-renderização do componente
// Atualizar estado apenas para cidade/estado (não controlar endereço/bairro)
setEnderecoState({
endereco,
bairro,
cidade,
estado,
preenchido: true,
endereco: endereco,
bairro: bairro,
cidade: cidade,
estado: estado,
preenchido: false, // Não usar mais para travar campos
});
// Focar no próximo campo apenas se o usuário não estiver digitando ativamente
@@ -251,6 +250,18 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({
}, 100);
}
} else {
// Se CEP não encontrado, limpar campos e permitir edição manual
setEnderecoState({
endereco: "",
bairro: "",
cidade: "",
estado: "",
preenchido: false,
});
setValue("endereco", "");
setValue("bairro", "");
setValue("cidade", "");
setValue("estado", "");
console.error("CEP não encontrado");
alert("CEP não encontrado. Por favor, verifique o CEP informado.");
}
@@ -622,10 +633,9 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({
required: "Endereço é obrigatório",
})}
error={errors.endereco?.message}
value={enderecoState.preenchido ? enderecoState.endereco : undefined}
// Remover value/controlado por enderecoState, deixar react-hook-form controlar
onChange={(e) => {
setValue("endereco", e.target.value);
setEnderecoState(prev => ({...prev, endereco: e.target.value}));
setValue("endereco", e.target.value, { shouldValidate: true });
}}
/>
<FormInput
@@ -645,10 +655,9 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({
required: "Bairro é obrigatório",
})}
error={errors.bairro?.message}
value={enderecoState.preenchido ? enderecoState.bairro : undefined}
// Remover value/controlado por enderecoState, deixar react-hook-form controlar
onChange={(e) => {
setValue("bairro", e.target.value);
setEnderecoState(prev => ({...prev, bairro: e.target.value}));
setValue("bairro", e.target.value, { shouldValidate: true });
}}
/>
<FormInput
@@ -657,9 +666,9 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({
required: "Cidade é obrigatória",
})}
error={errors.cidade?.message}
value={enderecoState.preenchido ? enderecoState.cidade : undefined}
value={typeof watch("cidade") === "string" ? watch("cidade") : enderecoState.cidade}
onChange={(e) => {
setValue("cidade", e.target.value);
setValue("cidade", e.target.value, { shouldValidate: true });
setEnderecoState(prev => ({...prev, cidade: e.target.value}));
}}
/>
@@ -670,9 +679,9 @@ export const ClienteModal: React.FC<ClienteModalProps> = ({
})}
options={estadosOptions}
error={errors.estado?.message}
value={enderecoState.preenchido ? enderecoState.estado : undefined}
value={typeof watch("estado") === "string" ? watch("estado") : enderecoState.estado}
onChange={(e) => {
setValue("estado", e.target.value);
setValue("estado", e.target.value, { shouldValidate: true });
setEnderecoState(prev => ({...prev, estado: e.target.value}));
}}
/>
@@ -0,0 +1,65 @@
import React from 'react';
import { useBenchmarking } from '../../hooks/useBenchmarking';
import { CheckCircleIcon, XCircleIcon, FolderOpenIcon } from '@heroicons/react/24/solid';
export const BenchmarkingEscritorio: React.FC = () => {
// Hook para buscar e calcular benchmarking
const { data: benchmarking, isLoading, error } = useBenchmarking();
if (isLoading) return <div>Carregando benchmarking...</div>;
if (error) return <div className="text-red-600">Erro ao buscar benchmarking</div>;
if (!benchmarking) return null;
// Cálculo da porcentagem de sucesso das causas
const totalCausas = benchmarking.procedentes + benchmarking.improcedentesOuSemMerito;
const sucessoPercent = totalCausas > 0 ? Math.round((benchmarking.procedentes / totalCausas) * 100) : 0;
return (
<div className="border rounded-xl p-6 shadow-lg bg-white dark:bg-gray-900 flex flex-col gap-6 max-w-md mx-auto">
<div className="grid grid-cols-2 gap-4">
<div className="flex items-center gap-2 bg-blue-50 dark:bg-blue-900 rounded-lg p-3">
<FolderOpenIcon className="h-7 w-7 text-blue-600" />
<div>
<div className="text-xs text-gray-500">Total de processos</div>
<div className="text-lg font-bold text-blue-700 dark:text-blue-300">{benchmarking.totalProcessos}</div>
</div>
</div>
<div className="flex items-center gap-2 bg-green-50 dark:bg-green-900 rounded-lg p-3">
<CheckCircleIcon className="h-7 w-7 text-green-600" />
<div>
<div className="text-xs text-gray-500">Processos ativos</div>
<div className="text-lg font-bold text-green-700 dark:text-green-300">{benchmarking.ativos}</div>
</div>
</div>
<div className="flex items-center gap-2 bg-green-50 dark:bg-green-900 rounded-lg p-3">
<CheckCircleIcon className="h-7 w-7 text-green-600" />
<div>
<div className="text-xs text-gray-500">Julgados procedentes</div>
<div className="text-lg font-bold text-green-700 dark:text-green-300">{benchmarking.procedentes}</div>
</div>
</div>
<div className="flex items-center gap-2 bg-red-50 dark:bg-red-900 rounded-lg p-3">
<XCircleIcon className="h-7 w-7 text-red-600" />
<div>
<div className="text-xs text-gray-500">Improcedentes/Sem mérito</div>
<div className="text-lg font-bold text-red-700 dark:text-red-300">{benchmarking.improcedentesOuSemMerito}</div>
</div>
</div>
<div className="flex items-center gap-2 bg-indigo-50 dark:bg-indigo-900 rounded-lg p-3">
<FolderOpenIcon className="h-7 w-7 text-indigo-600" />
<div>
<div className="text-xs text-gray-500">Ajuizados últimos 7 dias</div>
<div className="text-lg font-bold text-indigo-700 dark:text-indigo-300">{benchmarking.ajuizados7dias}</div>
</div>
</div>
<div className="flex items-center gap-2 bg-teal-50 dark:bg-teal-900 rounded-lg p-3">
<CheckCircleIcon className="h-7 w-7 text-teal-600" />
<div>
<div className="text-xs text-gray-500">% de sucesso das causas</div>
<div className="text-lg font-extrabold text-teal-700 dark:text-teal-300">{sucessoPercent}%</div>
</div>
</div>
</div>
</div>
);
};
@@ -0,0 +1,117 @@
import React from 'react';
import { useCalendarioAtendimentos } from '../../hooks/useCalendarioAtendimentos';
import { CalendarIcon, UserIcon, PresentationChartBarIcon } from '@heroicons/react/24/outline';
export const CalendarioAtendimentos: React.FC = () => {
const { data: eventos = [], isLoading, error } = useCalendarioAtendimentos();
// Estado para mês e ano selecionados
const hoje = new Date();
const [mesSelecionado, setMesSelecionado] = React.useState(hoje.getMonth() + 1);
const [anoSelecionado, setAnoSelecionado] = React.useState(hoje.getFullYear());
const diasMes = Array.from({ length: new Date(anoSelecionado, mesSelecionado, 0).getDate() }, (_, i) => i + 1);
const mesStr = mesSelecionado.toString().padStart(2, '0');
const anoStr = anoSelecionado.toString();
// Atualiza data selecionada ao trocar mês/ano
const [dataSelecionada, setDataSelecionada] = React.useState(`${anoStr}-${mesStr}-${hoje.getDate().toString().padStart(2, '0')}`);
React.useEffect(() => {
setDataSelecionada(`${anoStr}-${mesStr}-${hoje.getDate().toString().padStart(2, '0')}`);
}, [mesSelecionado, anoSelecionado]);
// Separar eventos futuros/próximos e passados considerando ano/mês
const hojeStr = `${anoStr}-${mesStr}-${hoje.getDate().toString().padStart(2, '0')}`;
const eventosProximos = eventos
.filter(ev => ev.data >= hojeStr)
.sort((a, b) => a.data.localeCompare(b.data))
.slice(0, 10);
const eventosPassados = eventos
.filter(ev => ev.data < hojeStr)
.sort((a, b) => b.data.localeCompare(a.data))
.slice(0, 10);
const eventosDoDia = eventos.filter(e => e.data === dataSelecionada);
if (isLoading) return <div>Carregando calendário...</div>;
if (error) return <div className="text-red-600">Erro ao buscar eventos</div>;
return (
<div className="border rounded-xl p-4 shadow-lg bg-white dark:bg-gray-900 flex flex-col gap-6 max-w-4xl mx-auto">
<h2 className="text-lg font-bold text-gray-800 dark:text-gray-100 mb-2 flex items-center gap-2">
<CalendarIcon className="h-6 w-6 text-blue-600" /> Calendário de Atendimentos e Audiências
</h2>
<div className="flex items-center gap-4 mb-2">
<button type="button" className="px-2 py-1 rounded bg-gray-100 dark:bg-gray-800" onClick={() => setMesSelecionado(m => m === 1 ? 12 : m - 1)}>&lt;</button>
<span className="font-semibold text-lg">{mesStr}/{anoStr}</span>
<button type="button" className="px-2 py-1 rounded bg-gray-100 dark:bg-gray-800" onClick={() => setMesSelecionado(m => m === 12 ? 1 : m + 1)}>&gt;</button>
<button type="button" className="px-2 py-1 rounded bg-gray-100 dark:bg-gray-800" onClick={() => setAnoSelecionado(a => a - 1)}>&lt; Ano</button>
<button type="button" className="px-2 py-1 rounded bg-gray-100 dark:bg-gray-800" onClick={() => setAnoSelecionado(a => a + 1)}>Ano &gt;</button>
</div>
<div className="grid grid-cols-7 gap-2 mb-4">
{diasMes.map((dia) => {
const dataStr = `${anoStr}-${mesStr}-${dia.toString().padStart(2, '0')}`;
const eventosDia = eventos.filter(e => e.data === dataStr);
const selecionado = dataStr === dataSelecionada;
return (
<button
key={dia}
type="button"
onClick={() => setDataSelecionada(dataStr)}
className={`h-12 w-full flex flex-col items-center justify-center border rounded-lg shadow-sm transition-all text-[11px] focus:outline-none ${selecionado ? 'ring-2 ring-blue-500 border-blue-500 bg-blue-100 dark:bg-blue-900' : eventosDia.length ? 'bg-blue-50 dark:bg-blue-900 border-blue-400' : 'bg-gray-50 dark:bg-gray-800'}`}
>
<span className="font-bold text-[11px] text-gray-700 dark:text-gray-200">{dia}</span>
{eventosDia.map((ev) => (
<span key={ev.id} className={`text-[10px] font-semibold flex items-center gap-1 whitespace-nowrap ${ev.tipo === 'Audiência' ? 'text-red-600' : 'text-blue-700'}`}>
{ev.tipo === 'Audiência' ? <PresentationChartBarIcon className="h-3 w-3" /> : <UserIcon className="h-3 w-3" />} {ev.tipo}
</span>
))}
</button>
);
})}
</div>
<div className="mb-6">
<h3 className="font-semibold mb-2 flex items-center gap-2"><CalendarIcon className="h-5 w-5 text-blue-600" /> Eventos do dia {dataSelecionada.split('-').reverse().join('/')}</h3>
<ul className="text-xs divide-y divide-gray-200 dark:divide-gray-700">
{eventosDoDia.length === 0 && <li className="text-gray-400">Não existem eventos no dia selecionado.</li>}
{eventosDoDia.map((ev) => (
<li key={ev.id} className="py-2 flex flex-wrap items-center gap-3">
{ev.tipo === 'Audiência' ? <PresentationChartBarIcon className="h-4 w-4 text-red-600" /> : <UserIcon className="h-4 w-4 text-blue-600" />}
<span className="px-2 py-1 rounded text-xs font-semibold bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 min-w-[80px] text-center">{ev.tipo}</span>
<span className="text-gray-600 dark:text-gray-300 break-words max-w-xs">{ev.descricao}</span>
</li>
))}
</ul>
</div>
<div className="grid grid-cols-2 gap-8">
<div>
<h3 className="font-semibold mb-2 flex items-center gap-2"><CalendarIcon className="h-5 w-5 text-blue-600" /> Próximos eventos</h3>
<ul className="text-xs divide-y divide-gray-200 dark:divide-gray-700">
{eventosProximos.length === 0 && <li className="text-gray-400">Nenhum evento futuro</li>}
{eventosProximos.map((ev) => (
<li key={ev.id} className="py-2 flex flex-wrap items-center gap-3">
{ev.tipo === 'Audiência' ? <PresentationChartBarIcon className="h-4 w-4 text-red-600" /> : <UserIcon className="h-4 w-4 text-blue-600" />}
<span className="font-bold min-w-[70px]">{ev.data}</span>
<span className="px-2 py-1 rounded text-xs font-semibold bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 min-w-[80px] text-center">{ev.tipo}</span>
<span className="text-gray-600 dark:text-gray-300 break-words max-w-xs">{ev.descricao}</span>
</li>
))}
</ul>
</div>
<div>
<h3 className="font-semibold mb-2 flex items-center gap-2"><CalendarIcon className="h-5 w-5 text-gray-500" /> Últimos eventos</h3>
<ul className="text-xs divide-y divide-gray-200 dark:divide-gray-700">
{eventosPassados.length === 0 && <li className="text-gray-400">Nenhum evento anterior</li>}
{eventosPassados.map((ev) => (
<li key={ev.id} className="py-2 flex flex-wrap items-center gap-3">
{ev.tipo === 'Audiência' ? <PresentationChartBarIcon className="h-4 w-4 text-red-600" /> : <UserIcon className="h-4 w-4 text-blue-600" />}
<span className="font-bold min-w-[70px]">{ev.data}</span>
<span className="px-2 py-1 rounded text-xs font-semibold bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 min-w-[80px] text-center">{ev.tipo}</span>
<span className="text-gray-600 dark:text-gray-300 break-words max-w-xs">{ev.descricao}</span>
</li>
))}
</ul>
</div>
</div>
</div>
);
};
+19 -41
View File
@@ -1,52 +1,30 @@
import React from 'react';
import { useAuth } from '../../contexts/AuthContext';
import { useDashboardStats } from '../../hooks/useDashboardStats';
import { ProcessosStats } from './stats/ProcessosStats';
import { TarefasStats } from './stats/TarefasStats';
import { AtendimentosStats } from './stats/AtendimentosStats';
import { FinanceiroStats } from './stats/FinanceiroStats';
import { AlertasPrazos } from './AlertasPrazos';
import { AtividadesRecentes } from './AtividadesRecentes';
import { TaxaSucessoCard } from './TaxaSucessoCard';
import { KPIsFinanceiros } from './stats/KPIsFinanceiros';
import { WorkflowTarefas } from './WorkflowTarefas';
import { CalendarioAtendimentos } from './CalendarioAtendimentos';
import { BenchmarkingEscritorio } from './BenchmarkingEscritorio';
import { PainelFinanceiro } from './PainelFinanceiro';
export const DashboardLayout: React.FC = () => {
const { user } = useAuth();
const {
processosStats,
tarefasStats,
atendimentosStats,
financeiroStats,
proximosPrazos,
atividades
} = useDashboardStats();
const isAdminOrAdvogado = ['ADVOGADO_ADMIN', 'ADVOGADO'].includes(user?.perfil || '');
return (
<div className="space-y-6 p-6">
{/* Stats Cards */}
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
{processosStats.data && <ProcessosStats data={processosStats.data} />}
{tarefasStats.data && <TarefasStats data={tarefasStats.data} />}
{atendimentosStats.data && <AtendimentosStats data={atendimentosStats.data} />}
{isAdminOrAdvogado && financeiroStats.data && (
<FinanceiroStats data={financeiroStats.data} />
)}
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6 p-6">
{/* Coluna 1: Workflow de Tarefas */}
<div className="space-y-6">
<h2 className="text-xl font-bold">Workflow de Tarefas</h2>
<WorkflowTarefas />
</div>
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
{/* Coluna da esquerda */}
<div className="lg:col-span-2 space-y-6">
<TaxaSucessoCard />
{isAdminOrAdvogado && <KPIsFinanceiros />}
</div>
{/* Coluna 2: Calendário de Atendimentos, Compromissos e Diligências */}
<div className="space-y-6">
<h2 className="text-xl font-bold">Calendário</h2>
<CalendarioAtendimentos />
</div>
{/* Coluna da direita */}
<div className="space-y-6">
<AlertasPrazos />
<AtividadesRecentes />
</div>
{/* Coluna 3: Benchmarking do Escritório */}
<div className="space-y-6">
<h2 className="text-xl font-bold">Benchmarking do Escritório</h2>
<BenchmarkingEscritorio />
<PainelFinanceiro />
</div>
</div>
);
@@ -0,0 +1,83 @@
import React from 'react';
import { useFinanceiroPainel } from '../../hooks/useFinanceiroPainel';
import { CurrencyDollarIcon, ArrowDownCircleIcon, ArrowUpCircleIcon } from '@heroicons/react/24/solid';
export const PainelFinanceiro: React.FC = () => {
const hoje = new Date();
const [mes, setMes] = React.useState(hoje.getMonth() + 1);
const [ano, setAno] = React.useState(hoje.getFullYear());
const { data, isLoading, error } = useFinanceiroPainel(mes, ano);
const mesesNomes = ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'];
return (
<div className="border rounded-xl p-6 shadow-lg bg-white dark:bg-gray-900 flex flex-col gap-6 max-w-4xl mx-auto mt-8">
<h2 className="text-lg font-bold text-gray-800 dark:text-gray-100 mb-2 flex items-center gap-2">
<CurrencyDollarIcon className="h-6 w-6 text-green-600" /> Painel Financeiro
</h2>
<div className="flex items-center gap-4 mb-2">
<button type="button" className="px-2 py-1 rounded bg-gray-100 dark:bg-gray-800" onClick={() => setMes(m => m === 1 ? 12 : m - 1)}>&lt;</button>
<span className="font-semibold text-lg">{mesesNomes[mes - 1]}/{ano}</span>
<button type="button" className="px-2 py-1 rounded bg-gray-100 dark:bg-gray-800" onClick={() => setMes(m => m === 12 ? 1 : m + 1)}>&gt;</button>
<button type="button" className="px-2 py-1 rounded bg-gray-100 dark:bg-gray-800" onClick={() => setAno(a => a - 1)}>&lt; Ano</button>
<button type="button" className="px-2 py-1 rounded bg-gray-100 dark:bg-gray-800" onClick={() => setAno(a => a + 1)}>Ano &gt;</button>
</div>
{isLoading && <div>Carregando dados financeiros...</div>}
{error && <div className="text-red-600">Erro ao buscar dados financeiros</div>}
{data && (
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
<div className="flex flex-col items-center bg-green-50 dark:bg-green-900 rounded-lg p-4">
<CurrencyDollarIcon className="h-7 w-7 text-green-600 mb-1" />
<span className="text-xs text-gray-500">Honorários a receber</span>
<span className="text-lg font-bold text-green-700 dark:text-green-300">R$ {data.honorariosAReceber.toLocaleString('pt-br', { minimumFractionDigits: 2 })}</span>
</div>
<div className="flex flex-col items-center bg-blue-50 dark:bg-blue-900 rounded-lg p-4">
<ArrowUpCircleIcon className="h-7 w-7 text-blue-600 mb-1" />
<span className="text-xs text-gray-500">Honorários recebidos no mês</span>
<span className="text-lg font-bold text-blue-700 dark:text-blue-300">R$ {data.honorariosRecebidosMes.toLocaleString('pt-br', { minimumFractionDigits: 2 })}</span>
</div>
<div className="flex flex-col items-center bg-red-50 dark:bg-red-900 rounded-lg p-4">
<ArrowDownCircleIcon className="h-7 w-7 text-red-600 mb-1" />
<span className="text-xs text-gray-500">Custas a pagar</span>
<span className="text-lg font-bold text-red-700 dark:text-red-300">R$ {data.custasAPagar.toLocaleString('pt-br', { minimumFractionDigits: 2 })}</span>
</div>
<div className="flex flex-col items-center bg-teal-50 dark:bg-teal-900 rounded-lg p-4">
<ArrowUpCircleIcon className="h-7 w-7 text-teal-600 mb-1" />
<span className="text-xs text-gray-500">Custas pagas no mês</span>
<span className="text-lg font-bold text-teal-700 dark:text-teal-300">R$ {data.custasPagasMes.toLocaleString('pt-br', { minimumFractionDigits: 2 })}</span>
</div>
</div>
)}
{data && (
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 className="font-semibold mb-2 text-green-700 dark:text-green-300">Honorários recebidos no mês</h3>
<ul className="text-xs divide-y divide-gray-200 dark:divide-gray-700">
{data.detalhesHonorarios.length === 0 && <li className="text-gray-400">Nenhum recebimento registrado neste mês.</li>}
{data.detalhesHonorarios.map((item, idx) => (
<li key={idx} className="py-2 flex flex-col">
<span className="font-bold">Contrato: {item.contrato?.processoId || 'N/A'}</span>
<span>Parcela: {item.parcela?.numeroParcela || 'N/A'} - Valor: R$ {Number(item.parcela?.valorPago || item.parcela?.valor || 0).toLocaleString('pt-br', { minimumFractionDigits: 2 })}</span>
<span className="text-gray-500">Pago em: {item.parcela?.dataPagamento ? new Date(item.parcela.dataPagamento).toLocaleDateString('pt-br') : '-'}</span>
</li>
))}
</ul>
</div>
<div>
<h3 className="font-semibold mb-2 text-red-700 dark:text-red-300">Custas pagas no mês</h3>
<ul className="text-xs divide-y divide-gray-200 dark:divide-gray-700">
{data.detalhesCustas.length === 0 && <li className="text-gray-400">Nenhuma custa paga neste mês.</li>}
{data.detalhesCustas.map((c, idx) => (
<li key={idx} className="py-2 flex flex-col">
<span className="font-bold">Processo: {c.processoId || 'N/A'}</span>
<span>Tipo: {c.tipo || 'N/A'} - Valor: R$ {Number(c.valor || 0).toLocaleString('pt-br', { minimumFractionDigits: 2 })}</span>
<span className="text-gray-500">Pago em: {c.dataPagamento ? new Date(c.dataPagamento).toLocaleDateString('pt-br') : '-'}</span>
</li>
))}
</ul>
</div>
</div>
)}
</div>
);
};
@@ -0,0 +1,106 @@
import React from 'react';
import { useAuth } from '../../contexts/AuthContext';
import { useTarefas } from '../../hooks/useTarefas';
import { Tarefa } from '../../types/entities';
import { PencilIcon, TrashIcon } from '@heroicons/react/24/outline';
export const WorkflowTarefas: React.FC = () => {
const { user } = useAuth();
const { tarefas, isLoading, deleteTarefa } = useTarefas();
const canDelete = user && ['ADVOGADO_ADMIN', 'ADVOGADO'].includes(user.perfil);
const handleEdit = (tarefa: Tarefa) => {
// Implemente a lógica de edição conforme necessário
alert(`Editar tarefa: ${tarefa.titulo}`);
};
const handleDelete = async (id: string) => {
if (!window.confirm('Tem certeza que deseja excluir esta tarefa?')) return;
try {
await deleteTarefa.mutateAsync(id);
} catch (error) {
console.error('Erro ao excluir tarefa:', error);
alert('Erro ao excluir tarefa');
}
};
if (isLoading) {
return (
<div className="bg-white dark:bg-gray-800 shadow rounded-lg p-4 text-center text-gray-500 dark:text-gray-400">
Carregando tarefas...
</div>
);
}
if (!tarefas || tarefas.length === 0) {
return (
<div className="bg-white dark:bg-gray-800 shadow rounded-lg p-4 text-center text-gray-500 dark:text-gray-400">
Nenhuma tarefa encontrada.
</div>
);
}
// Exibir apenas tarefas que não estão concluídas ou canceladas
const tarefasAtivas = tarefas.filter((t: Tarefa) => t.status !== 'CONCLUIDA' && t.status !== 'CANCELADA');
return (
<div className="flex flex-col gap-4">
{tarefasAtivas.map((tarefa: Tarefa) => (
<div key={tarefa.id} className="border rounded-lg p-4 shadow flex flex-col gap-2 bg-white dark:bg-gray-800">
<div className="flex flex-col md:flex-row md:justify-between md:items-center gap-2">
<div className="flex items-center gap-3">
<span className="font-medium text-lg text-gray-900 dark:text-white">{tarefa.titulo}</span>
{/* Exibe o grau de prioridade com cor */}
<span className={`px-2 py-1 rounded text-xs font-semibold border ${
tarefa.prioridade === 'URGENTE' ? 'bg-red-100 text-red-700 border-red-300' :
tarefa.prioridade === 'ALTA' ? 'bg-orange-100 text-orange-700 border-orange-300' :
tarefa.prioridade === 'MEDIA' ? 'bg-yellow-100 text-yellow-700 border-yellow-300' :
'bg-green-100 text-green-700 border-green-300'
}`}>
{tarefa.prioridade === 'URGENTE' ? 'Urgente' : tarefa.prioridade === 'ALTA' ? 'Alta' : tarefa.prioridade === 'MEDIA' ? 'Média' : 'Baixa'}
</span>
</div>
<div className="flex items-center gap-3">
{/* Status da tarefa */}
<span className={`px-2 py-1 rounded text-xs font-semibold border ${
tarefa.status === 'CONCLUIDA' ? 'bg-green-100 text-green-700 border-green-300' :
tarefa.status === 'EM_ANDAMENTO' ? 'bg-blue-100 text-blue-700 border-blue-300' :
tarefa.status === 'PENDENTE' ? 'bg-gray-100 text-gray-700 border-gray-300' :
'bg-red-100 text-red-700 border-red-300'
}`}>
{tarefa.status.replace('_', ' ')}
</span>
<button
onClick={() => handleEdit(tarefa)}
className="text-blue-600 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-300"
title="Editar"
>
<PencilIcon className="h-5 w-5" />
</button>
{canDelete && (
<button
onClick={() => handleDelete(tarefa.id)}
className="text-red-600 dark:text-red-400 hover:text-red-900 dark:hover:text-red-300"
title="Excluir"
>
<TrashIcon className="h-5 w-5" />
</button>
)}
</div>
</div>
{/* Listagem das subtarefas vinculadas */}
{tarefa.subtarefas && tarefa.subtarefas.length > 0 && (
<ul className="mt-2 ml-2 list-disc text-sm text-gray-700 dark:text-gray-300">
{tarefa.subtarefas.map((sub) => (
<li key={sub.id} className={sub.concluida ? 'line-through text-gray-400' : ''}>
{sub.titulo} {sub.concluida ? '(Concluída)' : ''}
</li>
))}
</ul>
)}
</div>
))}
</div>
);
};
@@ -0,0 +1,119 @@
import React, { useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { toast } from 'react-toastify';
import {
Container,
Card,
CardContent,
Typography,
TextField,
Button,
Box,
Alert,
CircularProgress
} from '@mui/material';
export const IniciarNavegacao: React.FC = () => {
const [titulo, setTitulo] = useState('');
const [descricao, setDescricao] = useState('');
const [iniciando, setIniciando] = useState(false);
const navigate = useNavigate();
const handleIniciar = async () => {
if (!titulo.trim()) {
toast.error('Título é obrigatório');
return;
}
try {
setIniciando(true);
const response = await fetch('/api/navegacao/iniciar', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${localStorage.getItem('token')}`
},
body: JSON.stringify({ titulo, descricao })
});
if (!response.ok) {
throw new Error('Erro ao iniciar sessão');
}
const resultado = await response.json();
toast.success('Sessão de navegação iniciada!');
navigate(`/navegacao/sessao/${resultado.sessaoId}`);
} catch (error) {
console.error('Erro:', error);
toast.error('Erro ao iniciar sessão de navegação');
} finally {
setIniciando(false);
}
};
return (
<Container maxWidth="md">
<Box mt={4}>
<Card>
<CardContent>
<Typography variant="h4" gutterBottom>
Nova Sessão de Coleta de Provas
</Typography>
<Alert severity="info" sx={{ mb: 3 }}>
<Typography variant="body2">
Este sistema criará uma sessão controlada de navegação onde todas as ações
serão gravadas e registradas para fins de coleta de provas digitais.
</Typography>
</Alert>
<Box component="form" sx={{ mt: 2 }}>
<TextField
fullWidth
label="Título da Sessão"
value={titulo}
onChange={(e) => setTitulo(e.target.value)}
margin="normal"
required
helperText="Descreva brevemente o objetivo desta coleta"
/>
<TextField
fullWidth
label="Descrição (opcional)"
value={descricao}
onChange={(e) => setDescricao(e.target.value)}
margin="normal"
multiline
rows={3}
helperText="Informações adicionais sobre o que será coletado"
/>
<Box mt={3} display="flex" gap={2}>
<Button
variant="contained"
color="primary"
onClick={handleIniciar}
disabled={iniciando || !titulo.trim()}
startIcon={iniciando ? <CircularProgress size={20} /> : null}
>
{iniciando ? 'Iniciando...' : 'Iniciar Coleta'}
</Button>
<Button
variant="outlined"
onClick={() => navigate('/navegacao')}
>
Cancelar
</Button>
</Box>
</Box>
</CardContent>
</Card>
</Box>
</Container>
);
};
+53 -10
View File
@@ -3,6 +3,8 @@ import { useNavigate } from 'react-router-dom';
import { useDropzone } from 'react-dropzone';
import { toast } from 'react-toastify';
// Página pública: NÃO requer autenticação do usuário
export function ClientProvaUpload() {
const [file, setFile] = useState<File | null>(null);
const [uploading, setUploading] = useState(false);
@@ -43,9 +45,31 @@ export function ClientProvaUpload() {
}
}, []);
// Validação extra do arquivo antes do upload
function validateFile(file: File | null): string | null {
if (!file) return 'Nenhum arquivo selecionado.';
const allowedTypes = [
'image/jpeg', 'image/png', 'image/gif', 'image/webp', 'application/pdf'
];
if (!allowedTypes.includes(file.type)) {
return 'Tipo de arquivo não suportado. Use JPG, PNG, GIF, WEBP ou PDF.';
}
if (file.size > 10 * 1024 * 1024) {
return 'Arquivo excede o tamanho máximo de 10MB.';
}
return null;
}
const onDrop = useCallback(async (acceptedFiles: File[]) => {
if (acceptedFiles.length > 0) {
const selectedFile = acceptedFiles[0];
const validationError = validateFile(selectedFile);
if (validationError) {
toast.error(validationError);
setFile(null);
setFilePreview(null);
return;
}
setFile(selectedFile);
// Criar preview para imagens
@@ -77,6 +101,12 @@ export function ClientProvaUpload() {
toast.error('Por favor, selecione um arquivo primeiro');
return;
}
// Validação extra antes do envio
const validationError = validateFile(file);
if (validationError) {
toast.error(validationError);
return;
}
setUploading(true);
setUploadProgress(0);
@@ -120,7 +150,7 @@ export function ClientProvaUpload() {
// Adicionar timestamp preciso do cliente
formData.append('client_timestamp', new Date().toISOString());
// Criar simulação de progresso
// Simulação de progresso
const progressInterval = setInterval(() => {
setUploadProgress(prev => {
if (prev >= 95) {
@@ -131,10 +161,18 @@ export function ClientProvaUpload() {
});
}, 300);
const response = await fetch('/api/provas/upload', {
method: 'POST',
body: formData,
});
// Upload sem autenticação (página pública)
let response: Response;
try {
response = await fetch('/api/provas/upload', {
method: 'POST',
body: formData,
});
} catch (networkError) {
clearInterval(progressInterval);
setUploadProgress(0);
throw new Error('Erro de conexão. Verifique sua internet e tente novamente.');
}
clearInterval(progressInterval);
setUploadProgress(100);
@@ -155,9 +193,14 @@ export function ClientProvaUpload() {
}
// Ler o corpo da resposta
const result = await response.json();
if (result.id) {
let result: any;
try {
result = await response.json();
} catch {
throw new Error('Resposta inesperada do servidor.');
}
if (result && result.id) {
toast.success('Arquivo enviado com sucesso!');
// Navegar para a página de status
navigate(`/public/provas/status/${result.id}`);
@@ -165,10 +208,10 @@ export function ClientProvaUpload() {
throw new Error('ID do documento não encontrado na resposta');
}
} catch (error) {
} catch (error: any) {
console.error('Erro detalhado no upload:', error);
setError(error.message || 'Erro ao enviar arquivo. Por favor, tente novamente.');
toast.error('Falha no upload: ' + error.message);
toast.error('Falha no upload: ' + (error.message || 'Erro desconhecido'));
} finally {
setUploading(false);
}
+12
View File
@@ -168,6 +168,18 @@ export const TarefaModal: React.FC<TarefaModalProps> = ({ isOpen, onClose, taref
<option value="URGENTE">Urgente</option>
</select>
{/* Campo para alterar o status da tarefa conforme banco de dados */}
<select
{...register('status')}
className="w-full p-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
>
<option value="PENDENTE">Pendente</option>
{/* Exibe 'Em andamento' sem underline */}
<option value="EM_ANDAMENTO">Em andamento</option>
<option value="CONCLUIDA">Concluída</option>
<option value="CANCELADA">Cancelada</option>
</select>
<select
{...register('responsavelId')}
className="w-full p-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
+8 -1
View File
@@ -1,5 +1,6 @@
import { useMutation, useQueryClient } from "react-query";
import { useMutation, useQuery, useQueryClient } from "react-query";
import axios from "axios";
import api from "../services/api";
export function useAudiencias(processoId: string) {
const queryClient = useQueryClient();
@@ -49,9 +50,15 @@ export function useAudiencias(processoId: string) {
},
);
const { data: audiencias } = useQuery("audiencias", async () => {
const { data } = await api.get("/audiencias");
return data;
});
return {
addAudiencia: addAudiencia.mutateAsync,
updateAudiencia: updateAudiencia.mutateAsync,
deleteAudiencia: deleteAudiencia.mutateAsync,
audiencias,
};
}
+44
View File
@@ -0,0 +1,44 @@
import { useQuery } from 'react-query';
import { Processo } from '../types/entities';
import api from '../services/api';
interface Benchmarking {
totalProcessos: number;
ativos: number;
procedentes: number;
improcedentesOuSemMerito: number;
ajuizados7dias: number;
}
// Hook para calcular benchmarking do escritório
export function useBenchmarking() {
return useQuery<Benchmarking>('benchmarking', async () => {
// Buscar todos os processos
const res = await api.get<Processo[]>('/processos');
const processos = res.data;
// Total de processos
const totalProcessos = processos.length;
// Total de processos ativos
const ativos = processos.filter(p => p.statusAtividade === 'ATIVO').length;
// Julgados procedentes
const procedentes = processos.filter(p => p.resultado === 'PROCEDENTE').length;
// Julgados improcedentes ou sem análise de mérito
const improcedentesOuSemMerito = processos.filter(p => p.resultado === 'IMPROCEDENTE' || p.resultado === 'SEM_ANALISE_MERITO').length;
// Processos ajuizados nos últimos 7 dias
const seteDiasAtras = new Date();
seteDiasAtras.setDate(seteDiasAtras.getDate() - 7);
const ajuizados7dias = processos.filter(p => {
const criacao = p.dataCriacao ? new Date(p.dataCriacao) : null;
return criacao && criacao >= seteDiasAtras;
}).length;
return {
totalProcessos,
ativos,
procedentes,
improcedentesOuSemMerito,
ajuizados7dias,
};
});
}
+41
View File
@@ -0,0 +1,41 @@
import { useQuery } from 'react-query';
import api from '../services/api';
export interface EventoCalendario {
id: string;
data: string;
tipo: string;
descricao: string;
}
// Hook para buscar atendimentos e audiências do calendário
export function useCalendarioAtendimentos() {
return useQuery<EventoCalendario[]>('calendarioAtendimentos', async () => {
// Buscar atendimentos
const atendimentosRes = await api.get('/atendimentos');
const atendimentos = atendimentosRes.data.map((a: any) => ({
id: a.id,
data: a.dataAtendimento?.slice(0, 10),
tipo: 'Atendimento',
descricao: a.titulo || 'Atendimento',
}));
// Buscar audiências, tratar erro 404
let audiencias: EventoCalendario[] = [];
try {
const audienciasRes = await api.get('/audiencias');
audiencias = audienciasRes.data.map((a: any) => ({
id: a.id,
data: a.data?.slice(0, 10),
tipo: 'Audiência',
descricao: a.tipo || 'Audiência',
}));
} catch (error: any) {
if (error?.response?.status !== 404) throw error;
// Se for 404, ignora audiências
}
// Junta todos eventos
return [...atendimentos, ...audiencias];
});
}
+31
View File
@@ -0,0 +1,31 @@
import { useQuery } from 'react-query';
import api from '../services/api';
export interface FinanceiroResumo {
honorariosAReceber: number;
honorariosRecebidosMes: number;
custasAPagar: number;
custasPagasMes: number;
detalhesHonorarios: any[];
detalhesCustas: any[];
}
// Hook para buscar dados financeiros do painel diretamente do backend
export function useFinanceiroPainel(mes: number, ano: number) {
return useQuery<FinanceiroResumo>(['financeiroPainel', mes, ano], async () => {
try {
const res = await api.get(`/financeiro-painel?mes=${mes}&ano=${ano}`);
return res.data;
} catch (error: any) {
// Se der erro, retorna tudo zerado
return {
honorariosAReceber: 0,
honorariosRecebidosMes: 0,
custasAPagar: 0,
custasPagasMes: 0,
detalhesHonorarios: [],
detalhesCustas: [],
};
}
});
}
-40
View File
@@ -1,40 +0,0 @@
import express from 'express';
import bodyParser from 'body-parser';
import cors from 'cors';
import dotenv from 'dotenv';
import path from 'path';
import { PrismaClient } from '@prisma/client';
import provasRoutes from './routes/provas';
import calculosJudiciaisRoutes from './routes/calculosJudiciais';
import indicesMonetariosRoutes from './routes/indicesMonetarios';
import pensaoAlimenticiaRoutes from './routes/pensaoAlimenticia';
dotenv.config();
const app = express();
const prisma = new PrismaClient();
// Configurar para confiar em proxies, permitindo a leitura de X-Forwarded-For
// Isso é necessário se sua aplicação estiver atrás de um balanceador de carga,
// proxy reverso ou Cloudflare
app.set('trust proxy', true);
app.use(cors());
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use('/api/provas', provasRoutes);
app.use('/api/calculos', calculosJudiciaisRoutes);
app.use('/api/indices', indicesMonetariosRoutes);
app.use('/api/pensao-alimenticia', pensaoAlimenticiaRoutes);
app.use(express.static(path.join(__dirname, 'public')));
app.set('trust proxy', true); // Importante para obter o IP real em ambientes com proxy
const PORT = process.env.PORT || 5000;
app.listen(PORT, () => {
console.log(`Server is running on port ${PORT}`);
});
export { app, prisma };
@@ -0,0 +1,20 @@
import { Request, Response } from "express";
import { prisma } from "../prismaClient";
// Função para listar todas as audiências
export async function getAudiencias(req: Request, res: Response) {
try {
const audiencias = await prisma.audiencia.findMany({
orderBy: { data: "asc" },
include: {
processo: {
select: { numero: true, nomeContraparte: true }
}
}
});
res.json(audiencias);
} catch (error) {
console.error("Erro ao buscar audiências:", error);
res.status(500).json({ error: "Erro ao buscar audiências" });
}
}
+11 -3
View File
@@ -24,7 +24,11 @@ import processosAdministrativosRoutes from './routes/processosAdministrativos';
import provasRouter from './routes/provas';
import calculosJudiciaisRoutes from './routes/calculosJudiciais';
import indicesMonetariosRoutes from './routes/indicesMonetarios';
import pensaoAlimenticiaRoutes from './routes/pensaoAlimenticia';
import pensaoAlimenticiaRouter from './routes/pensaoAlimenticia'; // Importar router de pensão alimentícia
import financeiroPainelRoutes from './routes/financeiroPainel'; // Importar rotas do financeiro painel
import audienciasRoutes from './routes/audiencias'; // Importar rotas de audiências
import navegacaoRoutes from './routes/navegacao'; // Adicionar esta importação
const app = express();
const port = process.env.PORT || 5000;
@@ -47,7 +51,8 @@ app.use((req, res, next) => {
next();
});
app.use(express.json());
app.use(express.json({ limit: '20mb' }));
app.use(express.urlencoded({ extended: true, limit: '20mb' }));
const clienteRepository = new ClienteRepository();
const processoRepository = new ProcessoRepository();
@@ -1475,4 +1480,7 @@ app.use('/api/documentos-modelos', documentosModelosRouter);
app.use('/api/processos-administrativos', processosAdministrativosRoutes);
app.use('/api/calculos', calculosJudiciaisRoutes);
app.use('/api/indices', indicesMonetariosRoutes);
app.use('/api/pensao-alimenticia', pensaoAlimenticiaRoutes);
app.use('/api/pensao-alimenticia', pensaoAlimenticiaRouter);
app.use('/api/financeiro-painel', financeiroPainelRoutes); // Adicionar uso das rotas do financeiro painel
app.use('/api/audiencias', audienciasRoutes); // Adicionar uso das rotas de audiências
app.use('/api/navegacao', navegacaoRoutes); // Adicionar esta linha junto com as outras rotas
+9
View File
@@ -0,0 +1,9 @@
import { Router } from "express";
import { getAudiencias } from "../controllers/audienciasController";
const router = Router();
// GET /api/audiencias - Lista todas as audiências
router.get("/", getAudiencias);
export default router;
-2
View File
@@ -83,11 +83,9 @@ router.get('/:id', async (req, res) => {
try {
const { id } = req.params;
const calculo = await calculoService.buscarCalculo(id);
if (!calculo) {
return res.status(404).json({ error: 'Cálculo não encontrado' });
}
res.json(calculo);
} catch (error) {
console.error('Erro ao buscar cálculo:', error);
+99
View File
@@ -0,0 +1,99 @@
import express from 'express';
import { prisma } from '../prismaClient';
const router = express.Router();
// GET /api/financeiro-painel?mes=6&ano=2024
router.get('/', async (req, res) => {
try {
const mes = parseInt(req.query.mes as string) || (new Date().getMonth() + 1);
const ano = parseInt(req.query.ano as string) || (new Date().getFullYear());
if (isNaN(mes) || isNaN(ano)) {
return res.status(400).json({ error: 'Parâmetros de mês e ano inválidos.' });
}
// Datas para filtro
const dataInicio = new Date(ano, mes - 1, 1);
const dataFim = new Date(ano, mes, 1);
// Honorários a receber: parcelas pendentes ou vencidas
const honorariosAReceber = await prisma.parcelaHonorario.aggregate({
_sum: { valor: true },
where: {
OR: [{ status: 'PENDENTE' }, { status: 'VENCIDO' }],
},
});
// Honorários recebidos no mês
const honorariosRecebidosMes = await prisma.parcelaHonorario.aggregate({
_sum: { valorPago: true },
where: {
status: 'PAGO',
dataPagamento: {
gte: dataInicio,
lt: dataFim,
},
},
});
// Detalhes das parcelas recebidas no mês
const detalhesHonorarios = await prisma.parcelaHonorario.findMany({
where: {
status: 'PAGO',
dataPagamento: {
gte: dataInicio,
lt: dataFim,
},
},
include: { honorario: true },
orderBy: { dataPagamento: 'desc' },
take: 10,
});
// Custas a pagar
const custasAPagar = await prisma.custaProcessual.aggregate({
_sum: { valor: true },
where: {
OR: [{ status: 'PENDENTE' }, { status: 'VENCIDO' }],
},
});
// Custas pagas no mês
const custasPagasMes = await prisma.custaProcessual.aggregate({
_sum: { valor: true },
where: {
status: 'PAGO',
dataPagamento: {
gte: dataInicio,
lt: dataFim,
},
},
});
// Detalhes das custas pagas no mês
const detalhesCustas = await prisma.custaProcessual.findMany({
where: {
status: 'PAGO',
dataPagamento: {
gte: dataInicio,
lt: dataFim,
},
},
orderBy: { dataPagamento: 'desc' },
take: 10,
});
res.json({
honorariosAReceber: honorariosAReceber._sum.valor || 0,
honorariosRecebidosMes: honorariosRecebidosMes._sum.valorPago || 0,
custasAPagar: custasAPagar._sum.valor || 0,
custasPagasMes: custasPagasMes._sum.valor || 0,
detalhesHonorarios,
detalhesCustas,
});
} catch (error) {
console.error('Erro no financeiroPainel:', error);
res.status(500).json({ error: 'Erro ao buscar dados financeiros.' });
}
});
export default router;
+168
View File
@@ -0,0 +1,168 @@
import { Router } from 'express';
import { NavegacaoService } from '../services/NavegacaoService';
import { authMiddleware } from '../../middleware/auth';
import { prisma } from '../prismaClient';
const router = Router();
// Aplicar middleware de autenticação
router.use(authMiddleware);
// Iniciar nova sessão de navegação
router.post('/iniciar', async (req, res) => {
try {
const { titulo, descricao } = req.body;
if (!req.user?.id) {
return res.status(401).json({ error: 'Usuário não autenticado' });
}
const navegacaoService = new NavegacaoService();
const resultado = await navegacaoService.iniciarSessao(
req.user.id,
titulo,
descricao
);
res.json(resultado);
} catch (error) {
console.error('Erro ao iniciar navegação:', error);
res.status(500).json({
error: 'Erro ao iniciar sessão de navegação',
details: error.message
});
}
});
// Navegar para URL específica
router.post('/:sessaoId/navegar', async (req, res) => {
try {
const { sessaoId } = req.params;
const { url } = req.body;
// Verificar se a sessão pertence ao usuário
const sessao = await prisma.sessaoNavegacao.findFirst({
where: {
id: sessaoId,
usuarioId: req.user!.id
}
});
if (!sessao) {
return res.status(404).json({ error: 'Sessão não encontrada' });
}
const navegacaoService = new NavegacaoService();
await navegacaoService.navegarPara(url);
res.json({ success: true });
} catch (error) {
console.error('Erro na navegação:', error);
res.status(500).json({ error: 'Erro ao navegar' });
}
});
// Finalizar sessão
router.post('/:sessaoId/finalizar', async (req, res) => {
try {
const { sessaoId } = req.params;
const sessao = await prisma.sessaoNavegacao.findFirst({
where: {
id: sessaoId,
usuarioId: req.user!.id
}
});
if (!sessao) {
return res.status(404).json({ error: 'Sessão não encontrada' });
}
const navegacaoService = new NavegacaoService();
await navegacaoService.finalizarSessao();
res.json({ success: true });
} catch (error) {
console.error('Erro ao finalizar sessão:', error);
res.status(500).json({ error: 'Erro ao finalizar sessão' });
}
});
// Listar sessões do usuário
router.get('/sessoes', async (req, res) => {
try {
const sessoes = await prisma.sessaoNavegacao.findMany({
where: { usuarioId: req.user!.id },
include: {
acoes: {
select: { id: true, timestamp: true, tipo: true }
},
capturas: {
select: { id: true, timestamp: true, url: true }
}
},
orderBy: { criadoEm: 'desc' }
});
res.json(sessoes);
} catch (error) {
console.error('Erro ao listar sessões:', error);
res.status(500).json({ error: 'Erro ao listar sessões' });
}
});
// Detalhes de uma sessão
router.get('/sessoes/:sessaoId', async (req, res) => {
try {
const { sessaoId } = req.params;
const sessao = await prisma.sessaoNavegacao.findFirst({
where: {
id: sessaoId,
usuarioId: req.user!.id
},
include: {
acoes: {
orderBy: { timestamp: 'asc' }
},
capturas: {
orderBy: { timestamp: 'asc' }
}
}
});
if (!sessao) {
return res.status(404).json({ error: 'Sessão não encontrada' });
}
res.json(sessao);
} catch (error) {
console.error('Erro ao buscar sessão:', error);
res.status(500).json({ error: 'Erro ao buscar detalhes da sessão' });
}
});
// Download do relatório
router.get('/sessoes/:sessaoId/relatorio', async (req, res) => {
try {
const { sessaoId } = req.params;
const sessao = await prisma.sessaoNavegacao.findFirst({
where: {
id: sessaoId,
usuarioId: req.user!.id
}
});
if (!sessao || !sessao.relatorioPdfPath) {
return res.status(404).json({ error: 'Relatório não encontrado' });
}
res.download(sessao.relatorioPdfPath);
} catch (error) {
console.error('Erro ao baixar relatório:', error);
res.status(500).json({ error: 'Erro ao baixar relatório' });
}
});
export default router;
+4 -5
View File
@@ -55,7 +55,7 @@ router.post('/', async (req, res) => {
router.get('/:id', async (req, res) => {
try {
const { id } = req.params;
console.log('[pensaoAlimenticia] Buscando cálculo por ID:', id); // Log para depuração
const calculo = await prisma.calculoPensaoAlimenticia.findUnique({
where: { id },
include: {
@@ -70,15 +70,14 @@ router.get('/:id', async (req, res) => {
}
}
});
if (!calculo) {
console.warn('[pensaoAlimenticia] Cálculo não encontrado para ID:', id); // Log para depuração
return res.status(404).json({ error: 'Cálculo não encontrado' });
}
res.json(calculo);
} catch (error) {
console.error('Erro ao buscar cálculo:', error);
res.status(500).json({ error: 'Falha ao buscar cálculo' });
console.error('[pensaoAlimenticia] Erro ao buscar cálculo:', error);
res.status(500).json({ error: 'Falha ao buscar cálculo', details: error.message });
}
});
-634
View File
@@ -1,634 +0,0 @@
import puppeteer from 'puppeteer';
import { prisma } from '../prismaClient';
import { PDFDocument, rgb, StandardFonts } from 'pdf-lib';
import fs from 'fs/promises';
import path from 'path';
/**
* Serviço para geração e manipulação de arquivos PDF
*/
export class PdfService {
/**
* Cria um documento PDF básico
* @returns Documento PDF
*/
async criarDocumento() {
return await PDFDocument.create();
}
/**
* Carrega um documento PDF existente
* @param pdfBytes - Bytes do PDF
* @returns Documento PDF
*/
async carregarDocumento(pdfBytes: Uint8Array) {
return await PDFDocument.load(pdfBytes);
}
/**
* Adiciona uma página ao documento
* @param doc - Documento PDF
* @param tamanho - Tamanho da página (padrão: A4)
* @returns Página adicionada
*/
adicionarPagina(doc: any, tamanho = [595.28, 841.89]) {
return doc.addPage(tamanho);
}
/**
* Salva o documento como buffer
* @param doc - Documento PDF
* @returns Buffer do PDF
*/
async salvarComoBuffer(doc: any): Promise<Buffer> {
const pdfBytes = await doc.save();
return Buffer.from(pdfBytes);
}
/**
* Carrega uma fonte padrão
* @param doc - Documento PDF
* @param fonte - Nome da fonte padrão
* @returns Fonte carregada
*/
async carregarFonte(doc: any, fonte: StandardFonts) {
return await doc.embedFont(fonte);
}
/**
* Desenha texto em uma página
* @param pagina - Página do PDF
* @param texto - Texto a ser desenhado
* @param x - Posição X
* @param y - Posição Y
* @param fonte - Fonte a ser usada
* @param tamanho - Tamanho da fonte
* @param cor - Cor do texto (padrão: preto)
*/
desenharTexto(
pagina: any,
texto: string,
x: number,
y: number,
fonte: any,
tamanho: number,
cor = rgb(0, 0, 0)
) {
pagina.drawText(texto, {
x,
y,
font: fonte,
size: tamanho,
color: cor,
});
}
/**
* Cria um cabeçalho para o documento
* @param pagina - Página do PDF
* @param titulo - Título do cabeçalho
* @param fonte - Fonte a ser usada
* @param margemSuperior - Margem superior
* @param margem - Margem lateral
* @returns Posição Y após o cabeçalho
*/
criarCabecalho(
pagina: any,
titulo: string,
fonte: any,
margemSuperior: number,
margem: number
): number {
const yPos = pagina.getHeight() - margemSuperior;
this.desenharTexto(
pagina,
titulo,
margem,
yPos,
fonte,
18,
rgb(0, 0, 0.7)
);
// Linha separadora
pagina.drawLine({
start: { x: margem, y: yPos - 10 },
end: { x: pagina.getWidth() - margem, y: yPos - 10 },
thickness: 1,
color: rgb(0, 0, 0.5),
});
return yPos - 30; // Retorna a posição Y após o cabeçalho
}
/**
* Cria um rodapé para o documento
* @param pagina - Página do PDF
* @param texto - Texto do rodapé
* @param fonte - Fonte a ser usada
* @param margem - Margem
*/
criarRodape(pagina: any, texto: string, fonte: any, margem: number) {
const yPos = margem / 2;
this.desenharTexto(
pagina,
texto,
margem,
yPos,
fonte,
8,
rgb(0.5, 0.5, 0.5)
);
}
private async getConfiguracao() {
try {
// Buscar configuração ou usar valores padrão
const config = await prisma.configuracaoDocumento.findFirst({
orderBy: { criadoEm: 'desc' },
select: {
id: true,
timbradoUrl: true,
timbradoMarginTop: true,
timbradoMarginBottom: true,
timbradoMarginLeft: true,
timbradoMarginRight: true,
templatePadrao: true,
margensTemplate: true,
criadoEm: true
}
});
console.log('Configuração encontrada:', config); // Debug
// Retornar configuração padrão se não existir
return {
// Valores padrão
cabecalhoHtml: `
<div style="text-align: center; padding: 20px;">
<h2 style="margin:0;font-size:14pt">{{escritorio.nome}}</h2>
</div>
`,
rodapeHtml: `
<div style="text-align: center; font-size: 10pt;">
{{escritorio.endereco}}<br>
Tel: {{escritorio.telefone}} | Email: {{escritorio.email}}
</div>
`,
// Campos que existem no modelo
timbradoUrl: config?.timbradoUrl || '',
timbradoMarginTop: config?.timbradoMarginTop || 100,
timbradoMarginBottom: config?.timbradoMarginBottom || 50,
timbradoMarginLeft: config?.timbradoMarginLeft || 50,
timbradoMarginRight: config?.timbradoMarginRight || 50,
templatePadrao: config?.templatePadrao || null,
margensTemplate: config?.margensTemplate || null
};
} catch (error) {
console.error('Erro ao buscar configuração:', error);
// Retornar configuração padrão para não interromper o fluxo
return {
cabecalhoHtml: `<div style="text-align: center; padding: 20px;"><h2 style="margin:0;font-size:14pt">Documento</h2></div>`,
rodapeHtml: `<div style="text-align: center; font-size: 10pt;">Documento gerado pelo sistema</div>`,
timbradoUrl: '',
timbradoMarginTop: 100,
timbradoMarginBottom: 50,
timbradoMarginLeft: 50,
timbradoMarginRight: 50,
templatePadrao: null,
margensTemplate: null
};
}
}
/**
* Gera um PDF a partir do conteúdo HTML simples (apenas texto) e dados do escritório,
* encaixando o texto sobre o timbrado (PDF de fundo) em todas as páginas.
* Não usa Puppeteer, apenas PDF-LIB.
*/
async gerarPDF(conteudo: string, escritorio: any = {}): Promise<Buffer> {
try {
console.log('Buscando configurações do documento...');
const config = await this.getConfiguracao();
// Verificar se temos um timbrado para usar
const temTimbrado = !!config.timbradoUrl;
let timbradoPath = '';
let timbradoExists = false;
if (temTimbrado) {
if (config.timbradoUrl.startsWith('/uploads')) {
timbradoPath = path.join(process.cwd(), 'public', config.timbradoUrl);
} else {
timbradoPath = path.join(process.cwd(), 'public', 'uploads', path.basename(config.timbradoUrl));
}
try {
await fs.access(timbradoPath);
timbradoExists = true;
} catch (e) {
timbradoExists = false;
}
}
// Margens
const margens = config.margensTemplate || {
top: config.timbradoMarginTop || 100,
left: config.timbradoMarginLeft || 50,
right: config.timbradoMarginRight || 50,
bottom: config.timbradoMarginBottom || 50
};
// Parâmetros de página
const PAGE_WIDTH = 595.28; // A4
const PAGE_HEIGHT = 841.89; // A4
const FONT_SIZE = 12;
const LINE_HEIGHT = FONT_SIZE * 1.5;
const MAX_WIDTH = PAGE_WIDTH - margens.left - margens.right;
// Crie o PDFDocument ANTES de tentar usar pdfDoc para embedFont!
let pdfDoc: PDFDocument = await PDFDocument.create();
// Fonte padrão do pdf-lib: TimesRoman, TimesBold, TimesItalic
const font = await pdfDoc.embedFont('Times-Roman');
const fontBold = await pdfDoc.embedFont('Times-Bold');
const fontItalic = await pdfDoc.embedFont('Times-Italic');
const fontBoldItalic = fontBold;
// Função para decodificar entidades HTML comuns (acentuação, símbolos, º, etc)
function decodeHtmlEntities(str: string): string {
if (!str) return '';
return str
// Acentos minúsculos e maiúsculos
.replace(/&Aacute;/g, 'Á').replace(/&aacute;/g, 'á')
.replace(/&Eacute;/g, 'É').replace(/&eacute;/g, 'é')
.replace(/&Iacute;/g, 'Í').replace(/&iacute;/g, 'í')
.replace(/&Oacute;/g, 'Ó').replace(/&oacute;/g, 'ó')
.replace(/&Uacute;/g, 'Ú').replace(/&uacute;/g, 'ú')
.replace(/&Agrave;/g, 'À').replace(/&agrave;/g, 'à')
.replace(/&Egrave;/g, 'È').replace(/&egrave;/g, 'è')
.replace(/&Igrave;/g, 'Ì').replace(/&igrave;/g, 'ì')
.replace(/&Ograve;/g, 'Ò').replace(/&ograve;/g, 'ò')
.replace(/&Ugrave;/g, 'Ù').replace(/&ugrave;/g, 'ù')
.replace(/&Acirc;/g, 'Â').replace(/&acirc;/g, 'â')
.replace(/&Ecirc;/g, 'Ê').replace(/&ecirc;/g, 'ê')
.replace(/&Icirc;/g, 'Î').replace(/&icirc;/g, 'î')
.replace(/&Ocirc;/g, 'Ô').replace(/&ocirc;/g, 'ô')
.replace(/&Ucirc;/g, 'Û').replace(/&ucirc;/g, 'û')
.replace(/&Atilde;/g, 'Ã').replace(/&atilde;/g, 'ã')
.replace(/&Otilde;/g, 'Õ').replace(/&otilde;/g, 'õ')
.replace(/&Ccedil;/g, 'Ç').replace(/&ccedil;/g, 'ç')
.replace(/&Ntilde;/g, 'Ñ').replace(/&ntilde;/g, 'ñ')
.replace(/&Uuml;/g, 'Ü').replace(/&uuml;/g, 'ü')
// Símbolos comuns
.replace(/&ordm;/gi, 'º')
.replace(/&ordf;/gi, 'ª')
.replace(/&sect;/gi, '§')
.replace(/&deg;/gi, '°')
.replace(/&copy;/gi, '©')
.replace(/&reg;/gi, '®')
.replace(/&para;/gi, '¶')
.replace(/&bull;/gi, '•')
.replace(/&ndash;/gi, '–')
.replace(/&mdash;/gi, '—')
.replace(/&laquo;/gi, '«')
.replace(/&raquo;/gi, '»')
.replace(/&lsquo;/gi, '‘')
.replace(/&rsquo;/gi, '’')
.replace(/&ldquo;/gi, '“')
.replace(/&rdquo;/gi, '”')
.replace(/&euro;/gi, '€')
.replace(/&yen;/gi, '¥')
.replace(/&pound;/gi, '£')
.replace(/&cent;/gi, '¢')
.replace(/&nbsp;/gi, ' ')
.replace(/&amp;/gi, '&')
.replace(/&quot;/gi, '"')
.replace(/&#39;/g, "'")
.replace(/&lt;/gi, '<')
.replace(/&gt;/gi, '>')
// Numéricos
.replace(/&#(\d+);/g, (m, code) => String.fromCharCode(code));
}
// Função para remover todas as tags HTML, exceto as de formatação suportadas
function stripUnsupportedTags(html: string): string {
// Remove todas as tags, exceto <b>, <strong>, <i>, <em>, <u>, <br>, <p>, <span style="text-indent:2em;">, <span style="text-align:center;">
// Remove atributos de <span> exceto text-indent e text-align
return html
// Mantém apenas <span> com text-indent ou text-align:center
.replace(/<span\b(?:(?!text-indent|text-align)[^>])*?>/gi, '')
// Remove atributos de <b>, <strong>, <i>, <em>, <u>, <p>
.replace(/<(b|strong|i|em|u|p)[^>]*>/gi, '<$1>')
// Remove todas as outras tags e atributos
.replace(/<(?!\/?(b|strong|i|em|u|br|p|span)[ >])[^>]+>/gi, '')
// Remove spans sem text-indent ou text-align
.replace(/<span>(.*?)<\/span>/gi, '$1')
// Remove comentários HTML
.replace(/<!--[\s\S]*?-->/g, '');
}
// Função para renderizar texto com formatação inline (negrito, itálico, sublinhado) e controle de quebra de linha e recuo
function renderInlineFormattedParagraph(
page,
text: string,
x: number,
y: number,
font,
fontBold,
fontItalic,
fontBoldItalic,
fontSize: number,
color,
align: string,
maxWidth: number,
indent: boolean,
topMargin: number,
bottomMargin: number,
pageHeight: number
) {
let regex = /(<\/?(b|strong|i|em|u)>)/gi;
let tokens: { text: string, bold: boolean, italic: boolean, underline: boolean }[] = [];
let lastIndex = 0;
let match;
let currentStyle = { bold: false, italic: false, underline: false };
while ((match = regex.exec(text)) !== null) {
if (match.index > lastIndex) {
tokens.push({
text: text.substring(lastIndex, match.index),
bold: currentStyle.bold,
italic: currentStyle.italic,
underline: currentStyle.underline
});
}
if (/^<(b|strong)>$/i.test(match[0])) currentStyle.bold = true;
if (/^<\/(b|strong)>$/i.test(match[0])) currentStyle.bold = false;
if (/^<(i|em)>$/i.test(match[0])) currentStyle.italic = true;
if (/^<\/(i|em)>$/i.test(match[0])) currentStyle.italic = false;
if (/^<u>$/i.test(match[0])) currentStyle.underline = true;
if (/^<\/u>$/i.test(match[0])) currentStyle.underline = false;
lastIndex = regex.lastIndex;
}
if (lastIndex < text.length) {
tokens.push({
text: text.substring(lastIndex),
bold: currentStyle.bold,
italic: currentStyle.italic,
underline: currentStyle.underline
});
}
let words: { text: string, font: any, underline: boolean, bold: boolean, italic: boolean }[] = [];
for (const token of tokens) {
let usedFont = font;
if (token.bold && token.italic) usedFont = fontBoldItalic;
else if (token.bold) usedFont = fontBold;
else if (token.italic) usedFont = fontItalic;
// Corrige: split por espaço, mas preserva espaços como tokens separados
const split = token.text.split(/(\s+)/);
for (const part of split) {
words.push({ text: part, font: usedFont, underline: token.underline, bold: token.bold, italic: token.italic });
}
}
let lines: { tokens: { text: string, font: any, underline: boolean, bold: boolean, italic: boolean }[] }[] = [];
let currentTokens: { text: string, font: any, underline: boolean, bold: boolean, italic: boolean }[] = [];
let currentWidth = 0;
for (const [i, word] of words.entries()) {
const wordWidth = word.font.widthOfTextAtSize(word.text, fontSize);
if (currentWidth + wordWidth > maxWidth && currentTokens.length > 0) {
lines.push({ tokens: currentTokens });
currentTokens = [word];
currentWidth = wordWidth;
} else {
currentTokens.push(word);
currentWidth += wordWidth;
}
}
if (currentTokens.length > 0) {
lines.push({ tokens: currentTokens });
}
// Ajuste: Força alinhamento consistente para todas as linhas do parágrafo
// Se align === 'center', todas as linhas centralizadas
// Se align === 'justify', todas as linhas justificadas (exceto a última ou linhas curtas)
// Se align === 'left' ou outro, todas à esquerda
for (let i = 0; i < lines.length; i++) {
if (y < bottomMargin + fontSize * 1.5) {
return null;
}
let line = lines[i];
let drawX = x;
// Remove espaços no início e fim da linha para não justificar esses espaços
let trimmedTokens = [...line.tokens];
while (trimmedTokens.length && /^\s+$/.test(trimmedTokens[0].text)) trimmedTokens.shift();
while (trimmedTokens.length && /^\s+$/.test(trimmedTokens[trimmedTokens.length - 1].text)) trimmedTokens.pop();
let totalWidth = trimmedTokens.reduce((acc, t) => acc + t.font.widthOfTextAtSize(t.text, fontSize), 0);
// Corrige centralização: centraliza a linha inteira, inclusive se for a única linha do parágrafo
if (align === 'center') {
drawX = x + (maxWidth - totalWidth) / 2;
for (const t of trimmedTokens) {
page.drawText(t.text, {
x: drawX,
y,
size: fontSize,
font: t.font,
color
});
if (t.underline && t.text.trim() !== '') {
const underlineY = y - 1.5;
page.drawLine({
start: { x: drawX, y: underlineY },
end: { x: drawX + t.font.widthOfTextAtSize(t.text, fontSize), y: underlineY },
thickness: 0.75,
color
});
}
drawX += t.font.widthOfTextAtSize(t.text, fontSize);
}
} else if (align === 'justify' && i < lines.length - 1 && trimmedTokens.length > 2) {
// Justify: distribui espaço entre palavras, exceto na última linha ou linhas curtas
const spaces = trimmedTokens.filter(t => /^\s+$/.test(t.text));
const numSpaces = spaces.length;
const lineTextWidth = trimmedTokens.reduce((acc, t) => acc + t.font.widthOfTextAtSize(t.text, fontSize), 0);
const extraSpace = maxWidth - lineTextWidth;
let spaceWidth = 0;
// Só justifica se houver pelo menos 2 espaços e a linha não for muito curta
if (numSpaces > 0 && extraSpace > 0) {
spaceWidth = extraSpace / numSpaces;
}
let localDrawX = x;
for (const t of trimmedTokens) {
page.drawText(t.text, {
x: localDrawX,
y,
size: fontSize,
font: t.font,
color
});
if (t.underline && t.text.trim() !== '') {
const underlineY = y - 1.5;
page.drawLine({
start: { x: localDrawX, y: underlineY },
end: { x: localDrawX + t.font.widthOfTextAtSize(t.text, fontSize), y: underlineY },
thickness: 0.75,
color
});
}
if (/^\s+$/.test(t.text) && spaceWidth > 0) {
localDrawX += t.font.widthOfTextAtSize(t.text, fontSize) + spaceWidth;
} else {
localDrawX += t.font.widthOfTextAtSize(t.text, fontSize);
}
}
} else {
// Alinhamento à esquerda (padrão) ou última linha de parágrafo justificado
for (const t of trimmedTokens) {
page.drawText(t.text, {
x: drawX,
y,
size: fontSize,
font: t.font,
color
});
if (t.underline && t.text.trim() !== '') {
const underlineY = y - 1.5;
page.drawLine({
start: { x: drawX, y: underlineY },
end: { x: drawX + t.font.widthOfTextAtSize(t.text, fontSize), y: underlineY },
thickness: 0.75,
color
});
}
drawX += t.font.widthOfTextAtSize(t.text, fontSize);
}
}
y -= fontSize * 1.5;
}
return y;
}
const texto = decodeHtmlEntities(
stripUnsupportedTags(
this.processarTemplate(conteudo, escritorio)
.replace(/<br\s*\/?>/gi, '\n')
.replace(/<\/p>/gi, '\n\n')
.replace(/<p[^>]*>/gi, '')
.replace(/<span[^>]*text-indent[^>]*>/gi, '§§INDENT§§')
.replace(/<span[^>]*text-align\s*:\s*center[^>]*>/gi, '§§CENTER§§')
.replace(/<\/span>/gi, '')
.replace(/\r\n/g, '\n')
.replace(/\r/g, '\n')
.replace(/\n{3,}/g, '\n\n')
.trim()
)
);
const paragrafos = texto.split(/\n{2,}/).map(p => p.trim()).filter(Boolean);
let timbradoPdf: PDFDocument | null = null;
let timbradoPageCount = 0;
let timbradoPages: any[] = [];
if (timbradoExists) {
const timbradoBytes = await fs.readFile(timbradoPath);
timbradoPdf = await PDFDocument.load(timbradoBytes);
timbradoPageCount = timbradoPdf.getPageCount();
timbradoPages = [];
for (let i = 0; i < timbradoPageCount; i++) {
const [embedded] = await pdfDoc.embedPages([timbradoPdf.getPage(i)]);
timbradoPages.push(embedded);
}
}
let currentPar = 0;
let pageIndex = 0;
while (currentPar < paragrafos.length) {
let page = pdfDoc.addPage([PAGE_WIDTH, PAGE_HEIGHT]);
if (timbradoPages.length > 0) {
const embedded = timbradoPages[pageIndex % timbradoPages.length];
page.drawPage(embedded, {
x: 0,
y: 0,
width: PAGE_WIDTH,
height: PAGE_HEIGHT
});
}
let y = PAGE_HEIGHT - margens.top;
while (currentPar < paragrafos.length) {
let indent = paragrafos[currentPar].startsWith('§§INDENT§§');
let center = paragrafos[currentPar].startsWith('§§CENTER§§');
let align: 'center' | 'justify' | 'left' = center ? 'center' : 'justify';
let text = paragrafos[currentPar].replace(/^§§INDENT§§/, '').replace(/^§§CENTER§§/, '').trim();
// Se o parágrafo for centralizado, força alinhamento center e ignora recuo
if (center) {
indent = false;
align = 'center';
}
text = decodeHtmlEntities(text);
let x = margens.left;
let parWidth = MAX_WIDTH;
let yAfter = renderInlineFormattedParagraph(
page,
text,
x,
y,
font,
fontBold,
fontItalic,
fontBoldItalic,
FONT_SIZE,
rgb(0, 0, 0),
align,
parWidth,
indent,
margens.top,
margens.bottom,
PAGE_HEIGHT
);
if (yAfter === null) {
pageIndex++;
break;
}
y = yAfter - FONT_SIZE * 0.5;
currentPar++;
if (y < margens.bottom + FONT_SIZE * 1.5) break;
}
pageIndex++;
}
const pdfBytes = await pdfDoc.save();
return Buffer.from(pdfBytes);
} catch (error) {
console.error('Erro geral ao gerar PDF:', error);
throw error;
}
}
private processarTemplate(template: string, dados: any): string {
return template.replace(/\{\{([^}]+)\}\}/g, (match, key) => {
const keyParts = key.trim().split('.');
let value = dados;
for (const part of keyParts) {
if (value && typeof value === 'object' && part in value) {
value = value[part];
} else {
value = undefined;
break;
}
}
return value !== undefined ? value : match;
});
}
}
-219
View File
@@ -1,219 +0,0 @@
import puppeteer from 'puppeteer';
import { PDFDocument } from 'pdf-lib';
import fs from 'fs/promises';
import path from 'path';
import { prisma } from '../prismaClient';
// Função utilitária para converter pixels em milímetros (1px ≈ 0.264583 mm)
function pxToMm(px: number | null | undefined): string {
if (!px) return '0mm';
return (px * 0.264583).toFixed(2) + 'mm';
}
export class PdfService {
// Busca configuração do documento, usando apenas campos válidos do schema
private async getConfiguracao() {
try {
const config = await prisma.configuracaoDocumento.findFirst({
orderBy: { criadoEm: 'desc' },
select: {
id: true,
timbradoUrl: true,
timbradoMarginTop: true,
timbradoMarginBottom: true,
timbradoMarginLeft: true,
timbradoMarginRight: true,
templatePadrao: true,
margensTemplate: true,
criadoEm: true
}
});
// Extrai recuo de primeira linha se existir em margensTemplate
let firstLineIndent = '0mm';
if (config?.margensTemplate) {
try {
const margens = typeof config.margensTemplate === 'string' ? JSON.parse(config.margensTemplate) : config.margensTemplate;
if (margens && margens.firstLineIndent) {
firstLineIndent = `${margens.firstLineIndent}mm`;
}
} catch (e) {
// Se der erro, ignora e usa padrão
}
}
return {
timbradoUrl: config?.timbradoUrl || '',
timbradoMarginTop: config?.timbradoMarginTop ?? 100,
timbradoMarginBottom: config?.timbradoMarginBottom ?? 50,
timbradoMarginLeft: config?.timbradoMarginLeft ?? 50,
timbradoMarginRight: config?.timbradoMarginRight ?? 50,
templatePadrao: config?.templatePadrao || '',
firstLineIndent
};
} catch (error) {
console.error('Erro ao buscar configuração:', error);
throw new Error('Falha ao buscar configuração');
}
}
// Gera HTML com timbrado e margens
private gerarHTML(content: string, config: any) {
// Limpa espaços, quebras de linha e tags vazias do final do conteúdo
let cleanContent = content
.replace(/(\s|<br\s*\/?>|<p>\s*<\/p>)+$/gi, '')
.replace(/(<p>\s*<\/p>)+/gi, '');
const timbradoUrl = config.timbradoUrl
? `${process.env.FRONTEND_URL || 'http://localhost:5000'}${config.timbradoUrl}`
: '';
// Adiciona log para debug
if (timbradoUrl) {
console.log('[PDF] Timbrado inserido no HTML:', timbradoUrl);
}
return `
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600&display=swap" rel="stylesheet">
<style>
@page {
margin-top: ${pxToMm(config.timbradoMarginTop)};
margin-bottom: ${pxToMm(config.timbradoMarginBottom)};
margin-left: ${pxToMm(config.timbradoMarginLeft)};
margin-right: ${pxToMm(config.timbradoMarginRight)};
size: A4;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Fira Sans', Arial, sans-serif;
font-size: 11pt;
line-height: 1.5;
background: none;
}
body {
position: relative;
min-height: 100vh;
/* Remove background-image do body para evitar problemas no Puppeteer */
}
.timbrado-bg {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 0;
${timbradoUrl ? `background-image: url('${timbradoUrl}'); background-size: cover; background-position: center; background-repeat: no-repeat;` : ''}
pointer-events: none;
}
.content {
position: relative;
z-index: 1;
box-sizing: border-box;
width: 100%;
/* Removido padding-top e padding-bottom para evitar recuo duplo com as margens do PDF */
padding-left: ${pxToMm(config.timbradoMarginLeft)};
padding-right: ${pxToMm(config.timbradoMarginRight)};
overflow-wrap: break-word;
word-break: break-word;
/* Permite múltiplas páginas e evita corte de conteúdo */
break-inside: auto;
page-break-inside: auto;
}
.content p {
text-indent: ${config.firstLineIndent || '0mm'};
}
/* Corrige recuo exagerado apenas na primeira linha do primeiro parágrafo da primeira página */
.content p:first-child {
text-indent: 0mm !important;
}
/* Corrige recuo exagerado apenas na última linha do último parágrafo da última página */
.content p:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
</style>
</head>
<body>
${timbradoUrl ? '<div class="timbrado-bg"></div>' : ''}
<div class="content">
${cleanContent}
</div>
</body>
</html>
`;
}
// Gera PDF a partir do HTML, depois sobrepõe o timbrado em cada página
async gerarPDF(conteudo: string) {
try {
const config = await this.getConfiguracao();
// Usa templatePadrao se não houver conteúdo
const html = this.gerarHTML(conteudo || config.templatePadrao, config);
const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
const page = await browser.newPage();
await page.setContent(html, {
waitUntil: ['networkidle0', 'load'],
timeout: 30000
});
const margin = {
top: pxToMm(config.timbradoMarginTop),
bottom: pxToMm(config.timbradoMarginBottom),
left: pxToMm(config.timbradoMarginLeft),
right: pxToMm(config.timbradoMarginRight)
};
const pdfBuffer = await page.pdf({
format: 'A4',
printBackground: true,
margin,
preferCSSPageSize: true
});
await browser.close();
// Se não houver timbrado, retorna direto
if (!config.timbradoUrl) {
return Buffer.from(pdfBuffer);
}
// Caminho absoluto do PDF de timbrado
const timbradoPath = config.timbradoUrl.startsWith('/uploads')
? path.join(process.cwd(), 'public', config.timbradoUrl)
: path.join(process.cwd(), 'public', 'uploads', path.basename(config.timbradoUrl));
let timbradoBytes: Buffer;
try {
timbradoBytes = await fs.readFile(timbradoPath);
} catch (e) {
console.error('Timbrado não encontrado:', timbradoPath);
return Buffer.from(pdfBuffer);
}
// Mescla cada página do PDF gerado com o timbrado
const pdfDoc = await PDFDocument.load(pdfBuffer);
const timbradoDoc = await PDFDocument.load(timbradoBytes);
const timbradoPage = timbradoDoc.getPage(0);
const [timbradoEmbed] = await pdfDoc.embedPages([timbradoPage]);
const pageCount = pdfDoc.getPageCount();
for (let i = 0; i < pageCount; i++) {
const page = pdfDoc.getPage(i);
page.drawPage(timbradoEmbed, { x: 0, y: 0, width: page.getWidth(), height: page.getHeight() });
}
// Remove última página se estiver vazia (sem conteúdo visível)
if (pdfDoc.getPageCount() > 1) {
const lastPage = pdfDoc.getPage(pdfDoc.getPageCount() - 1);
const textContent = lastPage.getTextContent ? await lastPage.getTextContent() : null;
// pdf-lib não tem getTextContent, então alternativa: verifica se altura do conteúdo é mínima
if (lastPage.getHeight && lastPage.getWidth && lastPage.getHeight() > 0 && lastPage.getWidth() > 0) {
// Heurística: verifica se a página tem apenas o timbrado (sem outros objetos)
if (lastPage.node.Contents().size() === 0) {
pdfDoc.removePage(pdfDoc.getPageCount() - 1);
}
}
}
const mergedPdf = await pdfDoc.save();
return Buffer.from(mergedPdf);
} catch (error) {
console.error('Erro ao gerar PDF:', error);
throw new Error('Falha ao gerar PDF');
}
}
}
+159 -76
View File
@@ -1,47 +1,53 @@
import puppeteer from 'puppeteer';
import { PDFDocument } from 'pdf-lib';
import fs from 'fs/promises';
import path from 'path';
import { prisma } from '../prismaClient';
// Função utilitária para converter pixels em milímetros (1px ≈ 0.264583 mm)
function pxToMm(px: number | null | undefined): string {
if (!px) return '0mm';
return (px * 0.264583).toFixed(2) + 'mm';
}
export class PdfService {
// Busca configuração do documento, usando apenas campos válidos do schema
private async getConfiguracao() {
try {
// Buscar configuração ou usar valores padrão
const config = await prisma.configuracaoDocumento.findFirst({
orderBy: { criadoEm: 'desc' },
select: {
id: true,
headerImageUrl: true,
footerImageUrl: true,
logoUrl: true,
timbradoUrl: true,
timbradoMarginTop: true,
timbradoMarginBottom: true,
timbradoMarginLeft: true,
timbradoMarginRight: true,
templatePadrao: true,
margensTemplate: true,
criadoEm: true
}
});
console.log('Configuração encontrada:', config); // Debug
// Retornar configuração padrão se não existir
// Extrai recuo de primeira linha se existir em margensTemplate
let firstLineIndent = '0mm';
if (config?.margensTemplate) {
try {
const margens = typeof config.margensTemplate === 'string' ? JSON.parse(config.margensTemplate) : config.margensTemplate;
if (margens && margens.firstLineIndent) {
firstLineIndent = `${margens.firstLineIndent}mm`;
}
} catch (e) {
// Se der erro, ignora e usa padrão
}
}
return {
cabecalhoHtml: config?.cabecalhoHtml || `
<div style="text-align: center; padding: 20px;">
<h2 style="margin:0;font-size:14pt">{{escritorio.nome}}</h2>
</div>
`,
rodapeHtml: config?.rodapeHtml || `
<div style="text-align: center; font-size: 10pt;">
{{escritorio.endereco}}<br>
Tel: {{escritorio.telefone}} | Email: {{escritorio.email}}
</div>
`,
logoUrl: config?.logoUrl || '',
timbradoUrl: config?.timbradoUrl || '',
timbradoMarginTop: config?.timbradoMarginTop || 100,
timbradoMarginBottom: config?.timbradoMarginBottom || 50,
timbradoMarginLeft: config?.timbradoMarginLeft || 50,
timbradoMarginRight: config?.timbradoMarginRight || 50
timbradoMarginTop: config?.timbradoMarginTop ?? 100,
timbradoMarginBottom: config?.timbradoMarginBottom ?? 50,
timbradoMarginLeft: config?.timbradoMarginLeft ?? 50,
timbradoMarginRight: config?.timbradoMarginRight ?? 50,
templatePadrao: config?.templatePadrao || '',
firstLineIndent
};
} catch (error) {
console.error('Erro ao buscar configuração:', error);
@@ -49,13 +55,19 @@ export class PdfService {
}
}
// Gera HTML com timbrado e margens
private gerarHTML(content: string, config: any) {
const timbradoUrl = config.timbradoUrl
? `${process.env.BACKEND_URL || 'http://localhost:5000'}${config.timbradoUrl}`
// Limpa espaços, quebras de linha e tags vazias do final do conteúdo
let cleanContent = content
.replace(/(\s|<br\s*\/?>|<p>\s*<\/p>)+$/gi, '')
.replace(/(<p>\s*<\/p>)+/gi, '');
const timbradoUrl = config.timbradoUrl
? `${process.env.FRONTEND_URL || 'http://localhost:5000'}${config.timbradoUrl}`
: '';
console.log('Gerando PDF com timbrado:', timbradoUrl);
// Adiciona log para debug
if (timbradoUrl) {
console.log('[PDF] Timbrado inserido no HTML:', timbradoUrl);
}
return `
<!DOCTYPE html>
<html>
@@ -63,91 +75,162 @@ export class PdfService {
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600&display=swap" rel="stylesheet">
<style>
@page {
margin: 0;
@page {
margin-top: ${pxToMm(config.timbradoMarginTop)};
margin-bottom: ${pxToMm(config.timbradoMarginBottom)};
margin-left: ${pxToMm(config.timbradoMarginLeft)};
margin-right: ${pxToMm(config.timbradoMarginRight)};
size: A4;
}
body {
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Fira Sans', Arial, sans-serif;
font-size: 11pt;
line-height: 1.5;
background: none;
}
body {
position: relative;
min-height: 100vh;
/* Remove background-image do body para evitar problemas no Puppeteer */
}
.page {
position: relative;
width: 21cm;
min-height: 29.7cm;
padding: ${config.timbradoMarginTop || 100}px ${config.timbradoMarginRight || 50}px ${config.timbradoMarginBottom || 50}px ${config.timbradoMarginLeft || 50}px;
background: ${timbradoUrl ? `url('${timbradoUrl}')` : 'none'};
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-sizing: border-box;
.timbrado-bg {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 0;
${timbradoUrl ? `background-image: url('${timbradoUrl}'); background-size: cover; background-position: center; background-repeat: no-repeat;` : ''}
pointer-events: none;
}
.content {
position: relative;
z-index: 1;
box-sizing: border-box;
width: 100%;
/* Removido padding-top e padding-bottom para evitar recuo duplo com as margens do PDF */
padding-left: ${pxToMm(config.timbradoMarginLeft)};
padding-right: ${pxToMm(config.timbradoMarginRight)};
overflow-wrap: break-word;
word-break: break-word;
/* Permite múltiplas páginas e evita corte de conteúdo */
break-inside: auto;
page-break-inside: auto;
}
.content p {
text-indent: ${config.firstLineIndent || '0mm'};
}
/* Corrige recuo exagerado apenas na primeira linha do primeiro parágrafo da primeira página */
.content p:first-child {
text-indent: 0mm !important;
}
/* Corrige recuo exagerado apenas na última linha do último parágrafo da última página */
.content p:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
</style>
</head>
<body>
<div class="page">
<div class="content">
${content}
</div>
${timbradoUrl ? '<div class="timbrado-bg"></div>' : ''}
<div class="content">
${cleanContent}
</div>
</body>
</html>
`;
}
async gerarPDF(conteudo: string, escritorio: any) {
// Gera PDF a partir do HTML, depois sobrepõe o timbrado em cada página
async gerarPDF(conteudo: string) {
try {
const config = await prisma.configuracaoDocumento.findFirst({
orderBy: { criadoEm: 'desc' }
});
console.log('Configuração do PDF:', config);
const html = this.gerarHTML(conteudo, config);
const browser = await puppeteer.launch({
headless: 'new',
args: ['--no-sandbox']
});
const config = await this.getConfiguracao();
// Usa templatePadrao se não houver conteúdo
const html = this.gerarHTML(conteudo || config.templatePadrao, config);
const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
const page = await browser.newPage();
await page.setViewport({
width: 794, // A4 width in pixels (72 dpi)
height: 1123,
deviceScaleFactor: 2
});
await page.setContent(html, {
await page.setContent(html, {
waitUntil: ['networkidle0', 'load'],
timeout: 30000
});
const margin = {
top: pxToMm(config.timbradoMarginTop),
bottom: pxToMm(config.timbradoMarginBottom),
left: pxToMm(config.timbradoMarginLeft),
right: pxToMm(config.timbradoMarginRight)
};
const pdfBuffer = await page.pdf({
format: 'A4',
printBackground: true,
margin: { top: '0', right: '0', bottom: '0', left: '0' },
margin,
preferCSSPageSize: true
});
await browser.close();
return Buffer.from(pdfBuffer);
// Se não houver timbrado, retorna direto
if (!config.timbradoUrl) {
return Buffer.from(pdfBuffer);
}
// Caminho absoluto do PDF de timbrado
const timbradoPath = config.timbradoUrl.startsWith('/uploads')
? path.join(process.cwd(), 'public', config.timbradoUrl)
: path.join(process.cwd(), 'public', 'uploads', path.basename(config.timbradoUrl));
let timbradoBytes: Buffer;
try {
timbradoBytes = await fs.readFile(timbradoPath);
} catch (e) {
console.error('Timbrado não encontrado:', timbradoPath);
return Buffer.from(pdfBuffer);
}
// Mescla cada página do PDF gerado com o timbrado
const pdfDoc = await PDFDocument.load(pdfBuffer);
const timbradoDoc = await PDFDocument.load(timbradoBytes);
const timbradoPage = timbradoDoc.getPage(0);
const [timbradoEmbed] = await pdfDoc.embedPages([timbradoPage]);
const pageCount = pdfDoc.getPageCount();
for (let i = 0; i < pageCount; i++) {
const page = pdfDoc.getPage(i);
page.drawPage(timbradoEmbed, { x: 0, y: 0, width: page.getWidth(), height: page.getHeight() });
}
// Após mesclar o timbrado
const pageCountBefore = pdfDoc.getPageCount();
if (pageCountBefore > 1) {
// Heurística aprimorada: remove a última página apenas se estiver realmente vazia (sem texto, imagens ou gráficos)
const lastPage = pdfDoc.getPage(pageCountBefore - 1);
let isBlank = true;
// Verifica se há texto
const annotations = lastPage.node.Annots;
if (annotations && annotations.length > 0) {
isBlank = false;
}
// Verifica se há objetos gráficos (imagens, paths, etc.)
if (isBlank && typeof lastPage.node?.Resources === 'function') {
const resourcesDict = lastPage.node.Resources();
if (resourcesDict && typeof resourcesDict === 'object') {
// Corrige: usa PDFName para acessar o XObject
// eslint-disable-next-line @typescript-eslint/no-var-requires
const { PDFName } = require('pdf-lib');
const xObject = resourcesDict.get(PDFName.of('XObject'));
if (xObject && typeof xObject === 'object' && Object.keys(xObject).length > 0) {
isBlank = false;
}
}
}
// Só remove se realmente não houver nada
if (isBlank) {
pdfDoc.removePage(pageCountBefore - 1);
}
}
const mergedPdf = await pdfDoc.save();
return Buffer.from(mergedPdf);
} catch (error) {
console.error('Erro ao gerar PDF:', error);
throw new Error('Falha ao gerar PDF');
}
}
}
}
+27 -12
View File
@@ -187,8 +187,32 @@ export class PdfService {
return Buffer.from(pdfBuffer);
}
// Mescla cada página do PDF gerado com o timbrado
const pdfDoc = await PDFDocument.load(pdfBuffer);
// Remove página vazia do final ANTES de mesclar o timbrado
let pdfDoc = await PDFDocument.load(pdfBuffer);
let pageCountBefore = pdfDoc.getPageCount();
if (pageCountBefore > 1) {
const lastPage = pdfDoc.getPage(pageCountBefore - 1);
const contentStreams = (lastPage as any).node.Contents?.();
let isBlank = false;
if (!contentStreams) {
isBlank = true;
} else if (Array.isArray(contentStreams)) {
isBlank = contentStreams.every(
(stream: any) =>
!stream.contents ||
(typeof stream.contents.length === 'number' && stream.contents.length < 5)
);
} else if (contentStreams.contents && typeof contentStreams.contents.length === 'number') {
isBlank = contentStreams.contents.length < 5;
}
if (isBlank) {
pdfDoc.removePage(pageCountBefore - 1);
}
}
// Agora sim, mescle o timbrado nas páginas restantes
const timbradoDoc = await PDFDocument.load(timbradoBytes);
const timbradoPage = timbradoDoc.getPage(0);
const [timbradoEmbed] = await pdfDoc.embedPages([timbradoPage]);
@@ -197,16 +221,7 @@ export class PdfService {
const page = pdfDoc.getPage(i);
page.drawPage(timbradoEmbed, { x: 0, y: 0, width: page.getWidth(), height: page.getHeight() });
}
// Após mesclar o timbrado
const pageCountBefore = pdfDoc.getPageCount();
if (pageCountBefore > 1) {
// Heurística: remove a última página se ela estiver completamente em branco (sem texto)
const lastPage = pdfDoc.getPage(pageCountBefore - 1);
const text = await lastPage.getTextContent?.();
if (!text || (Array.isArray(text.items) && text.items.length === 0)) {
pdfDoc.removePage(pageCountBefore - 1);
}
}
const mergedPdf = await pdfDoc.save();
return Buffer.from(mergedPdf);
} catch (error) {
+264
View File
@@ -0,0 +1,264 @@
import { prisma } from '../config/database';
import puppeteer from 'puppeteer-extra';
import StealthPlugin from 'puppeteer-extra-plugin-stealth';
import { createHash } from 'crypto';
import * as path from 'path';
import * as fs from 'fs/promises';
import { Browser, Page } from 'puppeteer';
import * as OpenTimestamps from 'opentimestamps';
puppeteer.use(StealthPlugin());
export class NavegacaoService {
private browser: Browser | null = null;
private page: Page | null = null;
private sessaoId: string | null = null;
private recording: boolean = false;
private recordingInterval: NodeJS.Timeout | null = null;
async iniciarSessao(usuarioId: string, titulo: string, descricao?: string) {
try {
// Criar sessão no banco
const sessionKey = this.generateSessionKey();
const sessao = await prisma.sessaoNavegacao.create({
data: {
titulo,
descricao,
usuarioId,
sessionKey,
status: 'INICIADA',
browserFingerprint: await this.getBrowserFingerprint()
}
});
this.sessaoId = sessao.id;
// Inicializar browser controlado
await this.setupBrowser();
return {
sessaoId: sessao.id,
sessionKey: sessao.sessionKey,
browserWsEndpoint: this.browser?.wsEndpoint()
};
} catch (error) {
console.error('Erro ao iniciar sessão:', error);
throw new Error('Falha ao iniciar sessão de navegação');
}
}
private async setupBrowser() {
this.browser = await puppeteer.launch({
headless: false,
devtools: true,
defaultViewport: null,
args: [
'--no-sandbox',
'--disable-setuid-sandbox',
'--enable-webrtc-logs',
'--use-fake-ui-for-media-stream',
'--autoplay-policy=no-user-gesture-required'
]
});
this.page = await this.browser.newPage();
// Configurar interceptadores
await this.setupPageInterceptors();
}
private async setupPageInterceptors() {
if (!this.page) return;
// Interceptar requests de rede
await this.page.setRequestInterception(true);
this.page.on('request', async (request) => {
await this.registrarAcao('NAVEGACAO', {
url: request.url(),
method: request.method(),
headers: request.headers(),
postData: request.postData()
});
request.continue();
});
// Interceptar cliques
await this.page.evaluateOnNewDocument(() => {
document.addEventListener('click', (event) => {
window.postMessage({
type: 'NAVEGACAO_ACTION',
action: 'CLIQUE',
data: {
x: event.clientX,
y: event.clientY,
target: event.target?.tagName,
targetId: event.target?.id,
targetClass: event.target?.className
}
}, '*');
});
});
// Escutar mensagens do frontend
this.page.on('console', async (msg) => {
if (msg.text().includes('NAVEGACAO_ACTION')) {
const data = JSON.parse(msg.text().replace('NAVEGACAO_ACTION:', ''));
await this.registrarAcao(data.action, data.data);
}
});
}
async navegarPara(url: string) {
if (!this.page || !this.sessaoId) {
throw new Error('Sessão não iniciada');
}
try {
await this.page.goto(url, { waitUntil: 'networkidle2' });
// Capturar estado atual
await this.capturarEstadoAtual();
// Atualizar status
await prisma.sessaoNavegacao.update({
where: { id: this.sessaoId },
data: { status: 'EM_ANDAMENTO' }
});
} catch (error) {
console.error('Erro na navegação:', error);
throw error;
}
}
private async capturarEstadoAtual() {
if (!this.page || !this.sessaoId) return;
const url = this.page.url();
const titulo = await this.page.title();
const timestamp = new Date();
// Screenshot
const screenshotBuffer = await this.page.screenshot({ fullPage: true });
const screenshotPath = await this.salvarArquivo(
screenshotBuffer,
`screenshot_${Date.now()}.png`
);
// HTML content
const htmlContent = await this.page.content();
const checksumHtml = createHash('sha256').update(htmlContent).digest('hex');
const checksumScreenshot = createHash('sha256').update(screenshotBuffer).digest('hex');
// Cookies e storage
const cookies = await this.page.cookies();
const localStorage = await this.page.evaluate(() =>
JSON.stringify(window.localStorage)
);
const sessionStorage = await this.page.evaluate(() =>
JSON.stringify(window.sessionStorage)
);
// Salvar captura
await prisma.capturaNavegacao.create({
data: {
sessaoId: this.sessaoId,
timestamp,
url,
titulo,
screenshotPath,
htmlContent,
checksumHtml,
checksumScreenshot,
networkRequests: [], // Será preenchido pelos interceptadores
cookies,
localStorage: localStorage ? JSON.parse(localStorage) : null,
sessionStorage: sessionStorage ? JSON.parse(sessionStorage) : null
}
});
}
private async registrarAcao(tipo: string, dados: any) {
if (!this.sessaoId) return;
const screenshot = this.page ? await this.page.screenshot({ encoding: 'base64' }) : null;
await prisma.acaoNavegacao.create({
data: {
sessaoId: this.sessaoId,
timestamp: new Date(),
tipo: tipo as any,
url: this.page?.url(),
elemento: dados.target,
coordenadas: dados.x && dados.y ? { x: dados.x, y: dados.y } : null,
valor: dados.value,
screenshot: screenshot ? `data:image/png;base64,${screenshot}` : null,
metadados: dados
}
});
}
async finalizarSessao() {
if (!this.sessaoId) return;
try {
await prisma.sessaoNavegacao.update({
where: { id: this.sessaoId },
data: {
status: 'FINALIZANDO',
fimSessao: new Date()
}
});
// Gerar relatório final
await this.gerarRelatorioFinal();
if (this.browser) {
await this.browser.close();
}
await prisma.sessaoNavegacao.update({
where: { id: this.sessaoId },
data: { status: 'CONCLUIDA' }
});
} catch (error) {
console.error('Erro ao finalizar sessão:', error);
await prisma.sessaoNavegacao.update({
where: { id: this.sessaoId },
data: { status: 'ERRO' }
});
}
}
private async gerarRelatorioFinal() {
// Implementar geração do relatório PDF com todas as evidências
// Compilar screenshots, metadados, timestamps, etc.
}
private generateSessionKey(): string {
return createHash('sha256')
.update(`${Date.now()}_${Math.random()}_${process.pid}`)
.digest('hex');
}
private async getBrowserFingerprint() {
return {
userAgent: 'Controlled Browser',
timestamp: new Date().toISOString(),
nodeVersion: process.version
};
}
private async salvarArquivo(buffer: Buffer, filename: string): Promise<string> {
const dir = path.join(process.cwd(), 'storage', 'navegacao', this.sessaoId!);
await fs.mkdir(dir, { recursive: true });
const filepath = path.join(dir, filename);
await fs.writeFile(filepath, buffer);
return filepath;
}
}