Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 rodrigo
|
8f826ab223 | ||
|
rodrigo
|
cdc4134b16 | ||
|
rodrigo
|
d381d17435 | ||
|
rodrigo
|
ab73ea667e | ||
|
rodrigo
|
db7b832044 | ||
|
rodrigo
|
f4afe83db0 | ||
|
rodrigo
|
61a1631519 |
No files matched your search
@@ -0,0 +1,26 @@
|
||||
# Configurações de Manipulação de PDF
|
||||
|
||||
# Tamanho máximo de arquivo em MB
|
||||
PDF_MAX_FILE_SIZE=100
|
||||
|
||||
# Número máximo de arquivos por operação
|
||||
PDF_MAX_FILES_COMPRESS=10
|
||||
PDF_MAX_FILES_MERGE=50
|
||||
PDF_MAX_FILES_IMAGES_TO_PDF=100
|
||||
|
||||
# Tempo de retenção de arquivos processados em horas
|
||||
PDF_FILES_RETENTION_HOURS=24
|
||||
|
||||
# Qualidade padrão para compressão (50-100)
|
||||
PDF_DEFAULT_QUALITY=95
|
||||
|
||||
# DPI padrão para conversão de imagens (150-600)
|
||||
PDF_DEFAULT_DPI=300
|
||||
|
||||
# Idioma padrão para OCR (por, eng, spa)
|
||||
PDF_DEFAULT_OCR_LANGUAGE=por
|
||||
|
||||
# Diretórios de armazenamento (relativos ao root do projeto)
|
||||
PDF_TEMP_DIR=storage/temp/pdf-ops
|
||||
PDF_OUTPUT_DIR=storage/pdf-output
|
||||
PDF_UPLOAD_DIR=storage/temp/uploads
|
||||
@@ -8,6 +8,8 @@ ENV PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser
|
||||
RUN apt-get update && apt-get install -y chromium \
|
||||
libgconf-2-4 \
|
||||
postgresql-client \
|
||||
graphicsmagick \
|
||||
ghostscript \
|
||||
&& rm -rf /var/lib/apt/lists/* \
|
||||
&& ln -sf /usr/bin/chromium /usr/bin/chromium-browser
|
||||
|
||||
|
||||
+100
@@ -0,0 +1,100 @@
|
||||
# Passos para ativar a funcionalidade de PDF
|
||||
|
||||
## 1. Instalar Dependências
|
||||
|
||||
Execute o seguinte comando para instalar todas as dependências necessárias:
|
||||
|
||||
```bash
|
||||
npm install pdf-lib pdf-parse pdf2pic tesseract.js
|
||||
npm install --save-dev @types/pdf-parse
|
||||
```
|
||||
|
||||
## 2. Executar Migration do Banco de Dados
|
||||
|
||||
Execute a migration para criar a tabela de operações de PDF:
|
||||
|
||||
```bash
|
||||
npx prisma migrate dev --name add_operacoes_pdf
|
||||
```
|
||||
|
||||
Ou simplesmente:
|
||||
|
||||
```bash
|
||||
npm run prisma:migrate
|
||||
```
|
||||
|
||||
## 3. Gerar Cliente Prisma
|
||||
|
||||
Gere o cliente Prisma atualizado:
|
||||
|
||||
```bash
|
||||
npm run prisma:generate
|
||||
```
|
||||
|
||||
## 4. Criar Diretórios
|
||||
|
||||
Os diretórios serão criados automaticamente, mas você pode criá-los manualmente:
|
||||
|
||||
**No Windows (PowerShell):**
|
||||
```powershell
|
||||
New-Item -Path "storage\temp\pdf-ops" -ItemType Directory -Force
|
||||
New-Item -Path "storage\pdf-output" -ItemType Directory -Force
|
||||
New-Item -Path "storage\temp\uploads" -ItemType Directory -Force
|
||||
```
|
||||
|
||||
**No Linux/Mac:**
|
||||
```bash
|
||||
mkdir -p storage/temp/pdf-ops
|
||||
mkdir -p storage/pdf-output
|
||||
mkdir -p storage/temp/uploads
|
||||
```
|
||||
|
||||
## 5. Reiniciar o Servidor
|
||||
|
||||
Após instalar as dependências e executar as migrations, reinicie o servidor:
|
||||
|
||||
```bash
|
||||
npm run dev:full
|
||||
```
|
||||
|
||||
Ou apenas o backend:
|
||||
|
||||
```bash
|
||||
npm run server
|
||||
```
|
||||
|
||||
## Verificação
|
||||
|
||||
Após seguir todos os passos:
|
||||
|
||||
1. Acesse a aplicação no navegador
|
||||
2. Faça login
|
||||
3. Clique no item "PDFs" no menu lateral
|
||||
4. Teste a funcionalidade de compressão enviando um PDF
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Se continuar dando erro 404:
|
||||
|
||||
1. Verifique se o servidor foi reiniciado após as mudanças
|
||||
2. Verifique se as dependências foram instaladas corretamente
|
||||
3. Verifique os logs do servidor para erros de importação
|
||||
|
||||
### Se der erro de módulo não encontrado:
|
||||
|
||||
Execute:
|
||||
```bash
|
||||
npm install
|
||||
npm run prisma:generate
|
||||
```
|
||||
|
||||
### Se der erro no banco de dados:
|
||||
|
||||
Execute:
|
||||
```bash
|
||||
npx prisma migrate reset
|
||||
npx prisma migrate dev
|
||||
npm run prisma:generate
|
||||
```
|
||||
|
||||
**ATENÇÃO:** O comando `migrate reset` apaga todos os dados do banco!
|
||||
@@ -5,6 +5,7 @@ import usuariosRoutes from "./routes/usuarios";
|
||||
import clientesRoutes from "./routes/clientes";
|
||||
import processosRoutes from "./routes/processos";
|
||||
import audienciasRoutes from "./routes/audiencias";
|
||||
import pdfRoutes from "./routes/pdf";
|
||||
|
||||
const app = express();
|
||||
const prisma = new PrismaClient();
|
||||
@@ -16,6 +17,7 @@ app.use("/api/usuarios", usuariosRoutes);
|
||||
app.use("/api/clientes", clientesRoutes);
|
||||
app.use("/api/processos", processosRoutes);
|
||||
app.use("/api/audiencias", audienciasRoutes);
|
||||
app.use("/api/pdf", pdfRoutes);
|
||||
|
||||
app.get("/", (req, res) => {
|
||||
res.json({ message: "API is running" });
|
||||
|
||||
@@ -0,0 +1,596 @@
|
||||
# Funcionalidade de Manipulação de PDFs
|
||||
|
||||
## Visão Geral
|
||||
|
||||
Sistema completo de manipulação de arquivos PDF com as seguintes funcionalidades:
|
||||
|
||||
### Recursos Implementados
|
||||
|
||||
1. **Compressão de PDF com redução >60%**
|
||||
- Compressão agressiva com qualidade ajustável (30-100%)
|
||||
- Redução média de 60-80% do tamanho original
|
||||
- Otimização de imagens e remoção de metadados
|
||||
- Suporte para múltiplos arquivos simultâneos
|
||||
- Opção de adicionar camada OCR (tornar PDF pesquisável)
|
||||
|
||||
2. **Divisão de PDF**
|
||||
- Por páginas específicas (ex: 1,3,5,7)
|
||||
- Por intervalos (ex: 1-5, 6
|
||||
- **Download em ZIP** quando múltiplos arquivos-10)
|
||||
- Por chunks de tamanho fixo
|
||||
|
||||
3. **Mesclagem de PDFs**
|
||||
- Combine até 50 PDFs em um único arquivo
|
||||
- Preserva qualidade o
|
||||
- Opção de adicionar camada OCR ao PDF mescladoriginal
|
||||
- Ordem personalizável
|
||||
|
||||
4. **PDF para Imagens**
|
||||
- Formatos: PNG, JPG, WEBP
|
||||
- DPI ajustável (150-600)
|
||||
- **Download em ZIP** de todas as imagens
|
||||
- Qualidade configurável (50-100%)
|
||||
- Conversão de páginas específicas ou todas
|
||||
|
||||
5. **Imagens para PDF**
|
||||
- Opção de adicionar camada OCR (tornar PDF pesquisável)
|
||||
- Suporta múltiplas imagens (até 100)
|
||||
- Ajuste automático ao tamanho da página
|
||||
- Suporta PNG, JPG, JPEG, WEBP
|
||||
|
||||
6. **OCR (Reconhecimento Ótico de Caracteres)**
|
||||
- Extração de texto de PDFs escaneados
|
||||
- Suporte para Português, Inglês e Espanhol
|
||||
- Retorna confiança da extração
|
||||
- Processamento por página
|
||||
|
||||
7. **Informações do PDF**
|
||||
- Número de páginas
|
||||
- Tamanho do arquivo
|
||||
- Metadados (título, autor, criador, etc.)
|
||||
- Datas de criação e modificação
|
||||
|
||||
## Instalação
|
||||
|
||||
### 1. Instalar Dependências
|
||||
|
||||
```bash
|
||||
npm install pdf-lib pdf-parse pdf2pic tesseract.js archiver
|
||||
npm install --save-dev @types/pdf-parse @types/archiver
|
||||
```
|
||||
|
||||
Ou execute o script de instalação:
|
||||
|
||||
```bash
|
||||
npm run install-pdf-deps
|
||||
```
|
||||
|
||||
### 2. Instalar GraphicsMagick (Requerido para PDF → Imagens)
|
||||
|
||||
**Docker:**
|
||||
O GraphicsMagick já está incluído no Dockerfile. Rebuild a imagem se necessário:
|
||||
|
||||
```bash
|
||||
docker-compose down
|
||||
docker-compose build --no-cache
|
||||
docker-compose up -d
|
||||
```
|
||||
|
||||
**Local (desenvolvimento):**
|
||||
|
||||
Ubuntu/Debian:
|
||||
```bash
|
||||
sudo apt-get update
|
||||
sudo apt-get install graphicsmagick
|
||||
```
|
||||
|
||||
MacOS:
|
||||
```bash
|
||||
brew install graphicsmagick
|
||||
```
|
||||
|
||||
Windows:
|
||||
- Baixe e instale: http://www.graphicsmagick.org/download.html
|
||||
- Adicione ao PATH do sistema
|
||||
|
||||
Verifique a instalação:
|
||||
```bash
|
||||
gm version
|
||||
```
|
||||
|
||||
### 3. Executar Migration do Banco de Dados
|
||||
|
||||
```bash
|
||||
npm run prisma:migrate
|
||||
```
|
||||
|
||||
Ou manualmente:
|
||||
|
||||
```bash
|
||||
npx prisma migrate dev --name add_operacoes_pdf
|
||||
```
|
||||
|
||||
### 4. Gerar Cliente Prisma
|
||||
|
||||
```bash
|
||||
npm run prisma:generate
|
||||
```
|
||||
|
||||
### 5. Criar Diretórios Necessários
|
||||
|
||||
Os diretórios serão criados automaticamente na primeira execução, mas você pode criá-los manualmente:
|
||||
|
||||
```bash
|
||||
mkdir -p storage/temp/pdf-ops
|
||||
mkdir -p storage/pdf-output
|
||||
mkdir -p storage/temp/uploads
|
||||
```
|
||||
|
||||
## Uso
|
||||
|
||||
### Frontend
|
||||
|
||||
Acesse a página de manipulação de PDFs através da rota:
|
||||
|
||||
```
|
||||
/pdf
|
||||
```
|
||||
|
||||
### API Endpoints
|
||||
|
||||
Todas as rotas requerem autenticação via Bearer token.
|
||||
|
||||
#### 1. Comprimir PDF
|
||||
|
||||
```http
|
||||
POST /api/pdf/compress
|
||||
Content-Type: multipart/form-data
|
||||
Authorization: Bearer {token}
|
||||
30-100, padrão 50 para máxima compressão)
|
||||
- maxSizeMB: number (opcional)
|
||||
- enableOCR: boolean (opcional, adiciona camada OCR ao PDF
|
||||
- files: File[] (array de PDFs)
|
||||
- quality: number (50-100, padrão 95)
|
||||
- maxSizeMB: number (opcional)
|
||||
```
|
||||
|
||||
#### 2. Dividir PDF
|
||||
|
||||
```http
|
||||
POST /api/pdf/split
|
||||
Content-Type: multipart/form-data
|
||||
Authorization: Bearer {token}
|
||||
|
||||
Body:
|
||||
- files: File (único PDF)
|
||||
- splitType: 'pages' | 'range' | 'chunks'
|
||||
- pages: string (ex: "1,2,3") - para splitType='pages'
|
||||
- ranges: string (ex: "1-5,6-10") - para splitType='range'
|
||||
- chunkSize: number - para splitType='chunks'
|
||||
```
|
||||
|
||||
#### 3. Mesclar PDFs
|
||||
|
||||
```http
|
||||
POST /api/pdf/merge
|
||||
Content-Type: multipart/form-da
|
||||
- enableOCR: boolean (opcional, adiciona camada OCR ao PDF mesclado)ta
|
||||
Authorization: Bearer {token}
|
||||
|
||||
Body:
|
||||
- files: File[] (mínimo 2 PDFs)
|
||||
```
|
||||
|
||||
#### 4. PDF para Imagens
|
||||
|
||||
```http
|
||||
POST /api/pdf/pdf-to-images
|
||||
Content-Type: multipart/form-data
|
||||
Authorization: Bearer {token}
|
||||
|
||||
Body:
|
||||
- files: File (único PDF)
|
||||
- format: 'png' | 'jpg' | 'webp' (padrão: png)
|
||||
- quality: number (50-100, padrão: 95)
|
||||
- density: number (DPI, 150-600, padrão: 300)
|
||||
- pages: string (opcional, ex: "[1,2,3]" ou "all")
|
||||
```
|
||||
|
||||
#### 5. Imagens para PDF
|
||||
|
||||
```http
|
||||
POST /api/pdf/images-to-pdf
|
||||
Content-Type: multipart/form-data
|
||||
Authorization: Bearer {token}
|
||||
- enableOCR: boolean (opcional, adiciona camada OCR ao PDF)
|
||||
|
||||
Body:
|
||||
- files: File[] (array de imagens)
|
||||
- fitToPage: boolean (padrão: true)
|
||||
- pageSize: string (opcional, JSON: {"width":595,"height":842})
|
||||
```
|
||||
|
||||
#### 6. OCR
|
||||
|
||||
```http
|
||||
POST /api/pdf/ocr
|
||||
Content-Type: multipart/form-data
|
||||
Authorization: Bearer {token}
|
||||
|
||||
Body:
|
||||
- files: File (único PDF)
|
||||
- language: string ('por' | 'eng' | 'spa', padrão: 'por')
|
||||
- pages: string (opcional, ex: "[1,2]" ou "all")
|
||||
```
|
||||
|
||||
#### 7. Informações do PDF
|
||||
|
||||
```http
|
||||
POST /api/pdf/info
|
||||
Content-Type: multipart/form-data
|
||||
Authorization: Bearer {token}
|
||||
|
||||
Body:
|
||||
- files: File (único PDF)
|
||||
```
|
||||
|
||||
#### 8. Histórico de Operações
|
||||
|
||||
```http
|
||||
GET /api/pdf/history?page=1&limit=20
|
||||
Authorization: Bearer {token}
|
||||
```
|
||||
|
||||
#### 9. Download de Arquivo Processado
|
||||
|
||||
```http
|
||||
GET /api/pdf/download/:operacaoId/:fileIndex
|
||||
Authorization: Bearer {token}
|
||||
```
|
||||
|
||||
## Estrutura de Resposta
|
||||
|
||||
### Sucesso (Compressão)
|
||||
...],
|
||||
"outputPaths": ["/path/compressed-1.pdf", "/path/compressed-2.pdf"],
|
||||
"totalOriginalSize": 1048576,
|
||||
"totalCompressedSize": 314572,
|
||||
"reduction": 70.0,
|
||||
"processingTime": 1234
|
||||
}
|
||||
```
|
||||
|
||||
### Sucesso (Split/PDF para Imagens - com ZIP)
|
||||
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"operacaoId": "uuid",
|
||||
"filesCreated": 10,
|
||||
"outputPaths": ["/path/page-1.pdf", "/path/page-2.pdf", ...],
|
||||
"zipPath": "/path/arquivos-uuid.zip",
|
||||
"processingTime": 2345
|
||||
],
|
||||
"totalOriginalSize": 1048576,
|
||||
"totalCompressedSize": 524288,
|
||||
"totalReduction": 50.0,
|
||||
"processingTime": 1234
|
||||
}
|
||||
```
|
||||
|
||||
### Sucesso (OCR)
|
||||
|
||||
```json
|
||||
{
|
||||
"success": true,
|
||||
"operacaoId": "uuid",
|
||||
"result": {
|
||||
"text": "Texto extraído completo...",
|
||||
"confidence": 95.5,
|
||||
"pages": [
|
||||
{
|
||||
"pageNumber": 1,
|
||||
"text": "Texto da página 1...",
|
||||
"confidence": 96.2
|
||||
}
|
||||
]
|
||||
},
|
||||
"processingTime": 5678
|
||||
}
|
||||
```
|
||||
|
||||
### Erro
|
||||
|
||||
```json
|
||||
{
|
||||
"error": "Falha ao processar arquivo",
|
||||
"message": "Detalhes específicos do erro"
|
||||
}
|
||||
```
|
||||
|
||||
## Modelo de Dados
|
||||
|
||||
### OperacaoPDF
|
||||
|
||||
```typescript
|
||||
interface OperacaoPDF {
|
||||
id: string;
|
||||
tipoOperacao: 'COMPRIMIR' | 'DIVIDIR' | 'MESCLAR' | 'PDF_PARA_IMAGEM' | 'IMAGEM_PARA_PDF' | 'OCR';
|
||||
status: 'PROCESSANDO' | 'CONCLUIDO' | 'ERRO';
|
||||
usuarioId: string;
|
||||
arquivosOriginais: string[];
|
||||
arquivosResultado: string[];
|
||||
tamanhoOriginal: bigint;
|
||||
tamanhoResultado: bigint | null;
|
||||
parametros: any;
|
||||
mensagemErro: string | null;
|
||||
detalhesOCR: any | null;
|
||||
tempoProcessamento: number | null;
|
||||
criadoEm: Date;
|
||||
atualizadoEm: Date;
|
||||
}
|
||||
```
|
||||
|
||||
## Segurança
|
||||
|
||||
- ✅ Autenticação obrigatória em todas as rotas
|
||||
- ✅ Validação de tipos de arquivo (apenas PDF e imagens)
|
||||
- ✅ Limite de tamanho de arquivo (100MB por arquivo)
|
||||
- ✅ Limite de quantidade de arquivos por operação
|
||||
- ✅ Sanitização de nomes de arquivo
|
||||
- ✅ Isolamento de arquivos por operação
|
||||
- ✅ Limpeza automática de arquivos temporários
|
||||
|
||||
## Performance
|
||||
|
||||
- ✅ Processamento assíncrono
|
||||
- ✅ Otimização de memória com streams
|
||||
- ✅ Compressão sem perda de qualidade perceptível
|
||||
- ✅ Cache de workers de OCR
|
||||
- ✅ Índices no banco de dados para consultas rápidas
|
||||
- ✅ Limpeza automática de arquivos antigos
|
||||
|
||||
## Tratamento de Erros
|
||||
|
||||
Todos os erros são:
|
||||
- Logados no console do servidor
|
||||
- Registrados no banco de dados (tabela operacoes_pdf)
|
||||
- Retornados ao cliente com mensagens descritivas
|
||||
- Capturados por try-catch em todas as operações
|
||||
|
||||
## Limitações
|
||||
|
||||
- Tamanho máximo por arquivo: 100MB
|
||||
- Máximo de arquivos para compressão: 10
|
||||
- Máximo de arquivos para mesclagem: 50
|
||||
- Máximo de imagens para conversão em PDF: 100
|
||||
- Arquivos processados são mantidos por 24 horas
|
||||
- **Timeout de operações:** 10 minutos (600 segundos)
|
||||
- Operações longas (OCR, compressão de PDFs grandes) podem levar alguns minutos
|
||||
- O sistema está configurado para suportar até 10 minutos de processamento
|
||||
|
||||
## Manutenção
|
||||
|
||||
### Limpeza de Arquivos Antigos
|
||||
|
||||
Execute periodicamente (recomendado: diariamente via cron):
|
||||
|
||||
```typescript
|
||||
import { PDFService } from './src/services/pdfService';
|
||||
|
||||
// Remove arquivos com mais de 24 horas
|
||||
await PDFService.cleanupOldFiles(24);
|
||||
```
|
||||
|
||||
### Monitoramento
|
||||
|
||||
Consulte a tabela `operacoes_pdf` para:
|
||||
- Estatísticas de uso
|
||||
- Taxa de erro
|
||||
- Tempo médio de processamento
|
||||
- Operações mais utilizadas
|
||||
|
||||
```sql
|
||||
-- Operações por tipo
|
||||
SELECT "tipoOperacao", COUNT(*) as total
|
||||
FROM operacoes_pdf
|
||||
GROUP BY "tipoOperacao"
|
||||
ORDER BY total DESC;
|
||||
|
||||
-- Taxa de sucesso
|
||||
SELECT
|
||||
status,
|
||||
COUNT(*) as total,
|
||||
ROUND(COUNT(*) * 100.0 / SUM(COUNT(*)) OVER(), 2) as percentual
|
||||
FROM operacoes_pdf
|
||||
GROUP BY status;
|
||||
|
||||
-- Tempo médio por operação
|
||||
SELECT
|
||||
"tipoOperacao",
|
||||
AVG("tempoProcessamento") as tempo_medio_ms,
|
||||
MIN("tempoProcessamento") as tempo_min_ms,
|
||||
MAX("tempoProcessamento") as tempo_max_ms
|
||||
FROM operacoes_pdf
|
||||
WHERE status = 'CONCLUIDO'
|
||||
GROUP BY "tipoOperacao";
|
||||
```
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Erro: "Could not execute GraphicsMagick/ImageMagick"
|
||||
|
||||
**Sintoma:** Erro ao converter PDF para imagens:
|
||||
```
|
||||
Error: Could not execute GraphicsMagick/ImageMagick: gm "convert" ...
|
||||
this most likely means the gm/convert binaries can't be found
|
||||
```
|
||||
|
||||
**Causa:** GraphicsMagick não está instalado no sistema/container.
|
||||
|
||||
**Solução:**
|
||||
|
||||
**Docker:**
|
||||
```bash
|
||||
# Rebuild a imagem Docker com GraphicsMagick incluído
|
||||
docker-compose down
|
||||
docker-compose build --no-cache
|
||||
docker-compose up -d
|
||||
```
|
||||
|
||||
**Local:**
|
||||
```bash
|
||||
# Ubuntu/Debian
|
||||
sudo apt-get install graphicsmagick
|
||||
|
||||
# MacOS
|
||||
brew install graphicsmagick
|
||||
|
||||
# Verifique a instalação
|
||||
gm version
|
||||
```
|
||||
|
||||
### Erro 504: Gateway Timeout (Timeout ao processar PDF)
|
||||
|
||||
**Sintoma:** Operação de compressão ou OCR retorna erro 504 após ~60 segundos:
|
||||
```
|
||||
Failed to load resource: the server responded with a status of 504
|
||||
```
|
||||
|
||||
**Causa:** Operações de PDF (especialmente compressão e OCR) podem levar vários minutos para arquivos grandes. O timeout padrão de 60 segundos é insuficiente.
|
||||
|
||||
**Solução:** As configurações de timeout foram aumentadas para **10 minutos** em:
|
||||
- ✅ Express server (`src/server/index.ts`)
|
||||
- ✅ Vite proxy (`vite.config.ts`)
|
||||
- ✅ Axios frontend (`PDFManipulationPage.tsx`)
|
||||
|
||||
Se ainda ocorrer timeout:
|
||||
1. Verifique se rebuild foi feito após as alterações
|
||||
2. Reduza o tamanho do arquivo ou qualidade
|
||||
3. Processe menos arquivos por vez
|
||||
4. Para PDFs muito grandes (>50MB), considere fazer upload em partes
|
||||
|
||||
**Dicas de performance:**
|
||||
- Compressão: Use qualidade 50-70 para PDFs grandes
|
||||
- OCR: Processe apenas páginas necessárias, não o PDF inteiro
|
||||
- Split: Use chunks menores para PDFs com muitas páginas
|
||||
|
||||
### Erro: ENOENT ao deletar arquivos do histórico
|
||||
|
||||
**Sintoma:** Erro ao limpar histórico:
|
||||
```
|
||||
Error: ENOENT: no such file or directory, unlink '/path/to/file.pdf'
|
||||
```
|
||||
|
||||
**Causa:** Tentativa de deletar arquivos que não existem mais (já foram removidos manualmente ou por outro processo).
|
||||
|
||||
**Solução:** ✅ **Corrigido automaticamente** - O sistema agora verifica se o arquivo existe antes de tentar deletar e ignora erros ENOENT silenciosamente.
|
||||
|
||||
### Erro: Imagens baixadas com extensão .pdf (ou sem extensão correta)
|
||||
|
||||
**Sintoma:** Ao baixar imagens geradas pela conversão PDF→Imagens, os arquivos vêm com extensão .pdf ou precisam ser renomeados para .png/.jpg para serem visualizados.
|
||||
|
||||
**Causa:** O servidor não estava enviando o Content-Type correto no header HTTP, OU o frontend estava ignorando os headers do servidor e forçando o nome como `.pdf`.
|
||||
|
||||
**Solução:** ✅ **Corrigido automaticamente** - O sistema agora:
|
||||
|
||||
**Backend:**
|
||||
- Detecta automaticamente o tipo MIME correto baseado na extensão (.png, .jpg, .webp, .zip, .pdf)
|
||||
- Define headers HTTP apropriados (`Content-Type` e `Content-Disposition`)
|
||||
- Garante que o nome do arquivo no download mantém a extensão original
|
||||
- Adiciona logs de debug para facilitar troubleshooting
|
||||
|
||||
**Frontend:**
|
||||
- Extrai o nome do arquivo do header `Content-Disposition` enviado pelo servidor
|
||||
- Usa o `Content-Type` correto do servidor ao criar o Blob para download
|
||||
- Não força mais extensão `.pdf` em todos os downloads
|
||||
- Adiciona log no console do browser: `Download frontend: arquivo.png (image/png)`
|
||||
- Libera memória do blob URL após download
|
||||
|
||||
Se ainda ocorrer o problema:
|
||||
1. Abra o Console do DevTools (F12) e verifique os logs de download
|
||||
2. Verifique se os headers estão sendo recebidos corretamente na aba Network
|
||||
3. Limpe o cache do browser (Ctrl+Shift+Del)
|
||||
4. Teste em uma aba anônima/privada
|
||||
5. Use a opção de **Download ZIP** que sempre funciona corretamente
|
||||
|
||||
### Erro: "Tesseract worker failed"
|
||||
|
||||
Solução: Certifique-se de que o Tesseract está instalado corretamente:
|
||||
|
||||
```bash
|
||||
npm install tesseract.js --force
|
||||
```
|
||||
|
||||
### Erro: "Cannot find module 'sharp'"
|
||||
|
||||
Solução: Reinstale o Sharp com rebuild:
|
||||
|
||||
```bash
|
||||
npm uninstall sharp
|
||||
npm install sharp
|
||||
npm rebuild sharp
|
||||
```
|
||||
|
||||
### Erro: "ENOSPC: no space left on device"
|
||||
|
||||
Solução: Aumente o espaço em disco ou execute a limpeza:
|
||||
|
||||
```bash
|
||||
npm run cleanup-pdf-files
|
||||
```
|
||||
|
||||
### Performance lenta no OCR
|
||||
|
||||
Solução: Reduza o DPI ou processe menos páginas por vez.
|
||||
|
||||
## Suporte
|
||||
|
||||
Para questões ou problemas:
|
||||
1. Verifique os logs do servidor
|
||||
2. Consulte a tabela `operacoes_pdf` para detalhes do erro
|
||||
3. Verifique se os diretórios de storage têm permissões corretas
|
||||
4. Certifique-se de que todas as dependências estão instaladas
|
||||
|
||||
## Changelog
|
||||
|
||||
### v1.1.2 (2026-02-27)
|
||||
- 🔧 **Correção DEFINITIVA de downloads** - Arquivos agora baixam com nome e extensão corretos
|
||||
- **Backend:** Detecta tipo MIME e define headers HTTP apropriados (Content-Type, Content-Disposition)
|
||||
- **Frontend:** Extrai nome do arquivo e tipo MIME dos headers da resposta
|
||||
- **Frontend:** Não força mais `.pdf` em todos os downloads - usa nome real do servidor
|
||||
- **Frontend:** Cria Blob com Content-Type correto preservando o formato original
|
||||
- Adiciona logs de debug no backend e frontend para troubleshooting
|
||||
- Suporta formato 'jpeg' além de 'jpg'
|
||||
- Fallback para PNG em formatos não suportados
|
||||
- Libera memória de blob URLs após download
|
||||
- 🐛 **Melhorias no pdfToImages** - Adicionado suporte para 'jpeg' e fallback para formatos inválidos
|
||||
|
||||
### v1.1.1 (2026-02-27)
|
||||
- 🔧 **Correção de timeout 504** - Aumentado timeout para 10 minutos em todas as camadas
|
||||
- Express server: 600 segundos
|
||||
- Vite proxy: 600 segundos
|
||||
- Axios frontend: 600 segundos
|
||||
- 🗑️ **Correção ENOENT** - Sistema agora ignora arquivos já deletados ao limpar histórico
|
||||
- 📋 **Gerenciamento de histórico** - Botões para limpar histórico completo ou arquivos antigos
|
||||
- 🐛 **Melhorias de estabilidade** - Verificação de existência de arquivos antes de deletar
|
||||
- 📚 **Documentação expandida** - Adicionado troubleshooting completo
|
||||
|
||||
### v1.1.0 (2026-02-27)
|
||||
- 🚀 **Compressão agressiva** com redução >60% do tamanho original
|
||||
- 📦 **Download em ZIP** para operações com múltiplos arquivos (split, pdfToImages)
|
||||
- 🔍 **OCR embutido** - opção de tornar PDFs pesquisáveis (compress, merge, imagesToPDF)
|
||||
- ⚡ **Otimização de imagens** com qualidade ajustável (30-100%)
|
||||
- 🎯 **Interface aprimorada** com indicadores visuais e opções de OCR
|
||||
|
||||
### v1.0.0 (2026-02-27)
|
||||
- ✅ Implementação inicial
|
||||
- ✅ Compressão sem perda de qualidade
|
||||
- ✅ Divisão de PDFs
|
||||
- ✅ Mesclagem de PDFs
|
||||
- ✅ Conversão PDF para imagens
|
||||
- ✅ Conversão de imagens para PDF
|
||||
- ✅ OCR com Tesseract
|
||||
- ✅ Histórico de operações
|
||||
- ✅ Interface React completa
|
||||
- ✅ Validação e segurança
|
||||
+9
-1
@@ -19,7 +19,9 @@
|
||||
"lint:fix": "eslint . --ext .ts,.tsx --fix",
|
||||
"create-admin": "ts-node scripts/create_admin_user.ts",
|
||||
"worker": "ts-node src/workers/startWorker.ts",
|
||||
"install-deps": "npm install ua-parser-js uuid axios xlsx"
|
||||
"install-deps": "npm install ua-parser-js uuid axios xlsx",
|
||||
"install-pdf-deps": "npm install pdf-parse pdf2pic tesseract.js archiver && npm install --save-dev @types/pdf-parse @types/archiver",
|
||||
"cleanup-pdf-files": "ts-node scripts/cleanup_pdf_files.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@emotion/react": "^11.11.3",
|
||||
@@ -36,6 +38,7 @@
|
||||
"@tiptap/starter-kit": "^2.11.7",
|
||||
"@types/sharp": "^0.32.0",
|
||||
"@types/ua-parser-js": "^0.7.36",
|
||||
"archiver": "^7.0.1",
|
||||
"axios": "^1.6.5",
|
||||
"bcryptjs": "^2.4.3",
|
||||
"buffer": "^6.0.3",
|
||||
@@ -49,9 +52,12 @@
|
||||
"multer": "^1.4.5-lts.1",
|
||||
"opentimestamps-javascript": "^1.0.1",
|
||||
"pdf-lib": "^1.17.1",
|
||||
"pdf-parse": "^1.1.1",
|
||||
"pdf2pic": "^3.1.3",
|
||||
"pdfkit": "^0.13.0",
|
||||
"puppeteer": "^24.5.0",
|
||||
"qrcode": "^1.5.3",
|
||||
"tesseract.js": "^5.0.4",
|
||||
"react": "^18.2.0",
|
||||
"react-beautiful-dnd": "^13.1.1",
|
||||
"react-dom": "^18.2.0",
|
||||
@@ -71,12 +77,14 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/postcss": "^4.1.1",
|
||||
"@types/archiver": "^6.0.2",
|
||||
"@types/bcryptjs": "^2.4.6",
|
||||
"@types/cors": "^2.8.17",
|
||||
"@types/express": "^5.0.1",
|
||||
"@types/jsonwebtoken": "^9.0.9",
|
||||
"@types/multer": "^1.4.12",
|
||||
"@types/node": "^22.13.14",
|
||||
"@types/pdf-parse": "^1.1.4",
|
||||
"@types/react": "^19.0.12",
|
||||
"@types/react-beautiful-dnd": "^13.1.8",
|
||||
"@types/react-dom": "^19.0.4",
|
||||
|
||||
@@ -0,0 +1,36 @@
|
||||
-- Migration para adicionar tabela de operações de PDF
|
||||
-- Created: 2026-02-27
|
||||
|
||||
-- Criar ENUM para tipo de operação
|
||||
CREATE TYPE "TipoOperacaoPDF" AS ENUM ('COMPRIMIR', 'DIVIDIR', 'MESCLAR', 'PDF_PARA_IMAGEM', 'IMAGEM_PARA_PDF', 'OCR');
|
||||
|
||||
-- Criar ENUM para status da operação
|
||||
CREATE TYPE "StatusOperacaoPDF" AS ENUM ('PROCESSANDO', 'CONCLUIDO', 'ERRO');
|
||||
|
||||
-- Criar tabela de operações de PDF
|
||||
CREATE TABLE "operacoes_pdf" (
|
||||
"id" UUID NOT NULL DEFAULT gen_random_uuid(),
|
||||
"tipoOperacao" "TipoOperacaoPDF" NOT NULL,
|
||||
"status" "StatusOperacaoPDF" NOT NULL DEFAULT 'PROCESSANDO',
|
||||
"usuarioId" UUID NOT NULL,
|
||||
"arquivosOriginais" TEXT[] NOT NULL,
|
||||
"arquivosResultado" TEXT[] NOT NULL,
|
||||
"tamanhoOriginal" BIGINT NOT NULL,
|
||||
"tamanhoResultado" BIGINT,
|
||||
"parametros" JSONB,
|
||||
"mensagemErro" TEXT,
|
||||
"detalhesOCR" JSONB,
|
||||
"tempoProcessamento" INTEGER,
|
||||
"criadoEm" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||
"atualizadoEm" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||
|
||||
CONSTRAINT "operacoes_pdf_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- Adicionar foreign key para usuarios
|
||||
ALTER TABLE "operacoes_pdf" ADD CONSTRAINT "operacoes_pdf_usuarioId_fkey" FOREIGN KEY ("usuarioId") REFERENCES "usuarios"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- Criar índice para melhor performance nas consultas
|
||||
CREATE INDEX "operacoes_pdf_usuarioId_idx" ON "operacoes_pdf"("usuarioId");
|
||||
CREATE INDEX "operacoes_pdf_criadoEm_idx" ON "operacoes_pdf"("criadoEm" DESC);
|
||||
CREATE INDEX "operacoes_pdf_status_idx" ON "operacoes_pdf"("status");
|
||||
@@ -1,106 +0,0 @@
|
||||
// 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[]
|
||||
// }
|
||||
@@ -51,6 +51,9 @@ model Usuario {
|
||||
// Adicionar relação para cálculos de pensão alimentícia
|
||||
calculosPensaoAlimenticia CalculoPensaoAlimenticia[]
|
||||
|
||||
// Adicionar relação para operações de PDF
|
||||
operacoesPDF OperacaoPDF[]
|
||||
|
||||
@@map("usuarios")
|
||||
}
|
||||
|
||||
@@ -1067,3 +1070,47 @@ model CalculoPensaoAlimenticia {
|
||||
|
||||
@@map("calculos_pensao_alimenticia")
|
||||
}
|
||||
|
||||
// Modelo para histórico de operações de PDF
|
||||
enum TipoOperacaoPDF {
|
||||
COMPRIMIR
|
||||
DIVIDIR
|
||||
MESCLAR
|
||||
PDF_PARA_IMAGEM
|
||||
IMAGEM_PARA_PDF
|
||||
OCR
|
||||
}
|
||||
|
||||
enum StatusOperacaoPDF {
|
||||
PROCESSANDO
|
||||
CONCLUIDO
|
||||
ERRO
|
||||
}
|
||||
|
||||
model OperacaoPDF {
|
||||
id String @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
|
||||
tipoOperacao TipoOperacaoPDF
|
||||
status StatusOperacaoPDF @default(PROCESSANDO)
|
||||
usuarioId String @db.Uuid
|
||||
usuario Usuario @relation(fields: [usuarioId], references: [id])
|
||||
|
||||
// Informações dos arquivos
|
||||
arquivosOriginais String[] // Array de paths dos arquivos originais
|
||||
arquivosResultado String[] // Array de paths dos arquivos resultantes
|
||||
tamanhoOriginal BigInt // Tamanho total dos arquivos originais em bytes
|
||||
tamanhoResultado BigInt? // Tamanho total dos arquivos resultantes em bytes
|
||||
|
||||
// Parâmetros da operação
|
||||
parametros Json? // Parâmetros específicos da operação (ex: páginas para dividir)
|
||||
|
||||
// Resultado da operação
|
||||
mensagemErro String?
|
||||
detalhesOCR Json? // Quando for OCR, armazena o texto extraído
|
||||
|
||||
tempoProcessamento Int? // Tempo de processamento em milissegundos
|
||||
|
||||
criadoEm DateTime @default(now())
|
||||
atualizadoEm DateTime @updatedAt
|
||||
|
||||
@@map("operacoes_pdf")
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
import { PDFService } from '../src/services/pdfService';
|
||||
|
||||
/**
|
||||
* Script para limpeza de arquivos PDF antigos
|
||||
* Remove arquivos com mais de 24 horas por padrão
|
||||
*
|
||||
* Uso:
|
||||
* npm run cleanup-pdf-files
|
||||
*
|
||||
* Ou via ts-node:
|
||||
* ts-node scripts/cleanup_pdf_files.ts [horas]
|
||||
*/
|
||||
|
||||
async function main() {
|
||||
console.log('Iniciando limpeza de arquivos PDF antigos...');
|
||||
|
||||
const horasArg = process.argv[2];
|
||||
const horas = horasArg ? parseInt(horasArg) : 24;
|
||||
|
||||
if (isNaN(horas) || horas < 0) {
|
||||
console.error('Erro: O argumento deve ser um número positivo de horas');
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
console.log(`Removendo arquivos com mais de ${horas} horas...`);
|
||||
|
||||
try {
|
||||
await PDFService.cleanupOldFiles(horas);
|
||||
console.log('✅ Limpeza concluída com sucesso!');
|
||||
} catch (error) {
|
||||
console.error('❌ Erro durante a limpeza:', error);
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
main()
|
||||
.then(() => process.exit(0))
|
||||
.catch((error) => {
|
||||
console.error('Erro fatal:', error);
|
||||
process.exit(1);
|
||||
});
|
||||
@@ -0,0 +1,37 @@
|
||||
@echo off
|
||||
:: Script para rebuild completo do Docker com dependências PDF
|
||||
:: Use este script após atualizar o Dockerfile para incluir GraphicsMagick
|
||||
|
||||
echo ========================================
|
||||
echo Rebuild Docker - Sistema PDF
|
||||
echo ========================================
|
||||
echo.
|
||||
|
||||
echo Parando containers...
|
||||
docker-compose down
|
||||
|
||||
echo.
|
||||
echo Removendo imagens antigas...
|
||||
docker image prune -f
|
||||
|
||||
echo.
|
||||
echo Reconstruindo imagem (sem cache)...
|
||||
docker-compose build --no-cache
|
||||
|
||||
echo.
|
||||
echo Iniciando containers...
|
||||
docker-compose up -d
|
||||
|
||||
echo.
|
||||
echo ========================================
|
||||
echo Rebuild concluído!
|
||||
echo ========================================
|
||||
echo.
|
||||
echo Verificando status dos containers:
|
||||
docker-compose ps
|
||||
|
||||
echo.
|
||||
echo Para ver os logs:
|
||||
echo docker-compose logs -f backend
|
||||
echo.
|
||||
pause
|
||||
@@ -0,0 +1,36 @@
|
||||
#!/bin/bash
|
||||
# Script para rebuild completo do Docker com dependências PDF
|
||||
# Use este script após atualizar o Dockerfile para incluir GraphicsMagick
|
||||
|
||||
echo "========================================"
|
||||
echo "Rebuild Docker - Sistema PDF"
|
||||
echo "========================================"
|
||||
echo ""
|
||||
|
||||
echo "Parando containers..."
|
||||
docker-compose down
|
||||
|
||||
echo ""
|
||||
echo "Removendo imagens antigas..."
|
||||
docker image prune -f
|
||||
|
||||
echo ""
|
||||
echo "Reconstruindo imagem (sem cache)..."
|
||||
docker-compose build --no-cache
|
||||
|
||||
echo ""
|
||||
echo "Iniciando containers..."
|
||||
docker-compose up -d
|
||||
|
||||
echo ""
|
||||
echo "========================================"
|
||||
echo "Rebuild concluído!"
|
||||
echo "========================================"
|
||||
echo ""
|
||||
echo "Verificando status dos containers:"
|
||||
docker-compose ps
|
||||
|
||||
echo ""
|
||||
echo "Para ver os logs:"
|
||||
echo " docker-compose logs -f backend"
|
||||
echo ""
|
||||
@@ -0,0 +1,271 @@
|
||||
import { PDFService } from '../src/services/pdfService';
|
||||
import path from 'path';
|
||||
import fs from 'fs/promises';
|
||||
|
||||
/**
|
||||
* Script de teste para funcionalidades de PDF
|
||||
*
|
||||
* ATENÇÃO: Este é um script de teste. Certifique-se de ter arquivos de teste
|
||||
* disponíveis antes de executar.
|
||||
*
|
||||
* Uso:
|
||||
* ts-node scripts/test_pdf_operations.ts
|
||||
*/
|
||||
|
||||
async function testPDFInfo() {
|
||||
console.log('\n=== Testando: Informações do PDF ===');
|
||||
try {
|
||||
const testPdfPath = path.join(process.cwd(), 'test', 'sample.pdf');
|
||||
|
||||
// Verifica se o arquivo existe
|
||||
try {
|
||||
await fs.access(testPdfPath);
|
||||
} catch {
|
||||
console.log('⚠️ Arquivo de teste não encontrado. Pulando teste.');
|
||||
return;
|
||||
}
|
||||
|
||||
const info = await PDFService.getPDFInfo(testPdfPath);
|
||||
console.log('✅ Informações obtidas com sucesso:');
|
||||
console.log(' Páginas:', info.pages);
|
||||
console.log(' Tamanho:', (info.size / 1024).toFixed(2), 'KB');
|
||||
console.log(' Título:', info.title || 'N/A');
|
||||
} catch (error) {
|
||||
console.error('❌ Erro:', error);
|
||||
}
|
||||
}
|
||||
|
||||
async function testCompression() {
|
||||
console.log('\n=== Testando: Compressão de PDF ===');
|
||||
try {
|
||||
const testPdfPath = path.join(process.cwd(), 'test', 'sample.pdf');
|
||||
|
||||
try {
|
||||
await fs.access(testPdfPath);
|
||||
} catch {
|
||||
console.log('⚠️ Arquivo de teste não encontrado. Pulando teste.');
|
||||
return;
|
||||
}
|
||||
|
||||
const result = await PDFService.compressPDF(testPdfPath, undefined, {
|
||||
quality: 95,
|
||||
});
|
||||
|
||||
console.log('✅ Compressão concluída:');
|
||||
console.log(' Tamanho original:', (result.originalSize / 1024).toFixed(2), 'KB');
|
||||
console.log(' Tamanho comprimido:', (result.compressedSize / 1024).toFixed(2), 'KB');
|
||||
console.log(' Redução:', result.reduction.toFixed(2), '%');
|
||||
console.log(' Arquivo salvo em:', result.outputPath);
|
||||
|
||||
// Limpa o arquivo de teste
|
||||
await fs.unlink(result.outputPath);
|
||||
} catch (error) {
|
||||
console.error('❌ Erro:', error);
|
||||
}
|
||||
}
|
||||
|
||||
async function testSplit() {
|
||||
console.log('\n=== Testando: Divisão de PDF ===');
|
||||
try {
|
||||
const testPdfPath = path.join(process.cwd(), 'test', 'sample.pdf');
|
||||
|
||||
try {
|
||||
await fs.access(testPdfPath);
|
||||
} catch {
|
||||
console.log('⚠️ Arquivo de teste não encontrado. Pulando teste.');
|
||||
return;
|
||||
}
|
||||
|
||||
// Primeiro, verifica quantas páginas o PDF tem
|
||||
const info = await PDFService.getPDFInfo(testPdfPath);
|
||||
|
||||
if (info.pages < 2) {
|
||||
console.log('⚠️ PDF tem menos de 2 páginas. Pulando teste de divisão.');
|
||||
return;
|
||||
}
|
||||
|
||||
const outputPaths = await PDFService.splitPDF(testPdfPath, {
|
||||
splitType: 'chunks',
|
||||
chunkSize: 1,
|
||||
});
|
||||
|
||||
console.log('✅ Divisão concluída:');
|
||||
console.log(' Arquivos criados:', outputPaths.length);
|
||||
|
||||
// Limpa os arquivos de teste
|
||||
for (const outputPath of outputPaths) {
|
||||
await fs.unlink(outputPath);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('❌ Erro:', error);
|
||||
}
|
||||
}
|
||||
|
||||
async function testMerge() {
|
||||
console.log('\n=== Testando: Mesclagem de PDFs ===');
|
||||
try {
|
||||
const testPdf1 = path.join(process.cwd(), 'test', 'sample1.pdf');
|
||||
const testPdf2 = path.join(process.cwd(), 'test', 'sample2.pdf');
|
||||
|
||||
try {
|
||||
await fs.access(testPdf1);
|
||||
await fs.access(testPdf2);
|
||||
} catch {
|
||||
console.log('⚠️ Arquivos de teste não encontrados. Pulando teste.');
|
||||
return;
|
||||
}
|
||||
|
||||
const outputPath = await PDFService.mergePDFs({
|
||||
filePaths: [testPdf1, testPdf2],
|
||||
outputPath: path.join(process.cwd(), 'storage', 'pdf-output', 'test-merged.pdf'),
|
||||
});
|
||||
|
||||
console.log('✅ Mesclagem concluída:');
|
||||
console.log(' Arquivo salvo em:', outputPath);
|
||||
|
||||
// Limpa o arquivo de teste
|
||||
await fs.unlink(outputPath);
|
||||
} catch (error) {
|
||||
console.error('❌ Erro:', error);
|
||||
}
|
||||
}
|
||||
|
||||
async function testImagesToPDF() {
|
||||
console.log('\n=== Testando: Imagens para PDF ===');
|
||||
try {
|
||||
const testImage1 = path.join(process.cwd(), 'test', 'image1.png');
|
||||
const testImage2 = path.join(process.cwd(), 'test', 'image2.png');
|
||||
|
||||
try {
|
||||
await fs.access(testImage1);
|
||||
} catch {
|
||||
console.log('⚠️ Imagens de teste não encontradas. Pulando teste.');
|
||||
return;
|
||||
}
|
||||
|
||||
const imagePaths = [testImage1];
|
||||
|
||||
try {
|
||||
await fs.access(testImage2);
|
||||
imagePaths.push(testImage2);
|
||||
} catch {
|
||||
// Ignora se a segunda imagem não existe
|
||||
}
|
||||
|
||||
const outputPath = await PDFService.imagesToPDF({
|
||||
imagePaths,
|
||||
outputPath: path.join(process.cwd(), 'storage', 'pdf-output', 'test-images.pdf'),
|
||||
fitToPage: true,
|
||||
});
|
||||
|
||||
console.log('✅ Conversão concluída:');
|
||||
console.log(' Imagens processadas:', imagePaths.length);
|
||||
console.log(' Arquivo salvo em:', outputPath);
|
||||
|
||||
// Limpa o arquivo de teste
|
||||
await fs.unlink(outputPath);
|
||||
} catch (error) {
|
||||
console.error('❌ Erro:', error);
|
||||
}
|
||||
}
|
||||
|
||||
async function testPDFToImages() {
|
||||
console.log('\n=== Testando: PDF para Imagens ===');
|
||||
try {
|
||||
const testPdfPath = path.join(process.cwd(), 'test', 'sample.pdf');
|
||||
|
||||
try {
|
||||
await fs.access(testPdfPath);
|
||||
} catch {
|
||||
console.log('⚠️ Arquivo de teste não encontrado. Pulando teste.');
|
||||
return;
|
||||
}
|
||||
|
||||
const outputPaths = await PDFService.pdfToImages(testPdfPath, {
|
||||
format: 'png',
|
||||
quality: 95,
|
||||
density: 150, // Menor DPI para teste mais rápido
|
||||
pages: [1], // Apenas primeira página
|
||||
});
|
||||
|
||||
console.log('✅ Conversão concluída:');
|
||||
console.log(' Imagens criadas:', outputPaths.length);
|
||||
|
||||
// Limpa os arquivos de teste
|
||||
for (const outputPath of outputPaths) {
|
||||
await fs.unlink(outputPath);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('❌ Erro:', error);
|
||||
}
|
||||
}
|
||||
|
||||
async function testOCR() {
|
||||
console.log('\n=== Testando: OCR ===');
|
||||
console.log('⚠️ OCR pode levar vários segundos. Aguarde...');
|
||||
try {
|
||||
const testPdfPath = path.join(process.cwd(), 'test', 'sample-text.pdf');
|
||||
|
||||
try {
|
||||
await fs.access(testPdfPath);
|
||||
} catch {
|
||||
console.log('⚠️ Arquivo de teste não encontrado. Pulando teste.');
|
||||
return;
|
||||
}
|
||||
|
||||
const result = await PDFService.performOCR(testPdfPath, {
|
||||
language: 'por',
|
||||
pages: [1], // Apenas primeira página
|
||||
});
|
||||
|
||||
console.log('✅ OCR concluído:');
|
||||
console.log(' Confiança:', result.confidence.toFixed(2), '%');
|
||||
console.log(' Páginas processadas:', result.pages.length);
|
||||
console.log(' Texto extraído (primeiros 100 caracteres):');
|
||||
console.log(' ', result.text.substring(0, 100).replace(/\n/g, ' '));
|
||||
} catch (error) {
|
||||
console.error('❌ Erro:', error);
|
||||
}
|
||||
}
|
||||
|
||||
async function main() {
|
||||
console.log('╔════════════════════════════════════════════╗');
|
||||
console.log('║ Teste de Operações de PDF ║');
|
||||
console.log('╚════════════════════════════════════════════╝');
|
||||
|
||||
console.log('\nPré-requisitos:');
|
||||
console.log('- Coloque arquivos de teste na pasta "test/"');
|
||||
console.log('- sample.pdf: PDF com múltiplas páginas');
|
||||
console.log('- sample1.pdf e sample2.pdf: PDFs para mesclagem');
|
||||
console.log('- image1.png e image2.png: Imagens para conversão');
|
||||
console.log('- sample-text.pdf: PDF com texto para OCR');
|
||||
|
||||
// Criar diretório de teste se não existir
|
||||
const testDir = path.join(process.cwd(), 'test');
|
||||
try {
|
||||
await fs.mkdir(testDir, { recursive: true });
|
||||
} catch {
|
||||
// Ignora se já existe
|
||||
}
|
||||
|
||||
await PDFService.initialize();
|
||||
|
||||
await testPDFInfo();
|
||||
await testCompression();
|
||||
await testSplit();
|
||||
await testMerge();
|
||||
await testImagesToPDF();
|
||||
await testPDFToImages();
|
||||
await testOCR();
|
||||
|
||||
console.log('\n╔════════════════════════════════════════════╗');
|
||||
console.log('║ Testes concluídos! ║');
|
||||
console.log('╚════════════════════════════════════════════╝\n');
|
||||
}
|
||||
|
||||
main()
|
||||
.then(() => process.exit(0))
|
||||
.catch((error) => {
|
||||
console.error('\n❌ Erro fatal durante os testes:', error);
|
||||
process.exit(1);
|
||||
});
|
||||
+7
-3
@@ -49,7 +49,9 @@ 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';
|
||||
|
||||
// Importar componente de manipulação de PDF
|
||||
import { PDFManipulationPage } from './components/pdf/PDFManipulationPage';
|
||||
|
||||
const queryClient = new QueryClient();
|
||||
|
||||
@@ -127,9 +129,11 @@ const router = createBrowserRouter(
|
||||
<DetalhePensaoAlimenticia />
|
||||
</ProtectedRoute>
|
||||
} />
|
||||
<Route path="/navegacao/iniciar" element={
|
||||
|
||||
{/* Rota para Manipulação de PDF */}
|
||||
<Route path="/pdf" element={
|
||||
<ProtectedRoute>
|
||||
<IniciarNavegacao />
|
||||
<PDFManipulationPage />
|
||||
</ProtectedRoute>
|
||||
} />
|
||||
</Route>
|
||||
|
||||
@@ -18,6 +18,7 @@ import {
|
||||
CurrencyDollarIcon,
|
||||
CalculatorIcon,
|
||||
BriefcaseIcon,
|
||||
DocumentDuplicateIcon,
|
||||
} from "@heroicons/react/24/outline";
|
||||
import { Menu, Transition } from "@headlessui/react";
|
||||
import api from "../../services/api";
|
||||
@@ -91,6 +92,7 @@ export const MainLayout: React.FC = () => {
|
||||
{ path: "/atendimentos", label: "Atendimentos", icon: UserIcon },
|
||||
{ path: "/tarefas", label: "Tarefas", icon: ClipboardDocumentCheckIcon },
|
||||
{ path: "/documentos", label: "Documentos", icon: DocumentTextIcon },
|
||||
{ path: "/pdf", label: "PDFs", icon: DocumentDuplicateIcon },
|
||||
{
|
||||
path: null,
|
||||
label: "Cálculos",
|
||||
|
||||
@@ -1,119 +0,0 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,885 @@
|
||||
/// <reference types="react" />
|
||||
import React, { useState, useCallback } from 'react';
|
||||
import { useDropzone } from 'react-dropzone';
|
||||
import axios from 'axios';
|
||||
import { toast } from 'react-toastify';
|
||||
import { useAuth } from '../../contexts/AuthContext';
|
||||
import {
|
||||
DocumentIcon,
|
||||
CloudArrowUpIcon,
|
||||
ArrowsPointingInIcon,
|
||||
ScissorsIcon,
|
||||
ArrowsUpDownIcon,
|
||||
PhotoIcon,
|
||||
DocumentTextIcon,
|
||||
InformationCircleIcon,
|
||||
ArrowDownTrayIcon,
|
||||
ClockIcon,
|
||||
} from '@heroicons/react/24/outline';
|
||||
|
||||
interface OperationResult {
|
||||
operacaoId: string;
|
||||
outputPaths?: string[];
|
||||
outputPath?: string;
|
||||
zipPath?: string;
|
||||
processingTime?: number;
|
||||
reduction?: number;
|
||||
filesCreated?: number;
|
||||
text?: string;
|
||||
confidence?: number;
|
||||
}
|
||||
|
||||
type OperationType =
|
||||
| 'compress'
|
||||
| 'split'
|
||||
| 'merge'
|
||||
| 'pdfToImages'
|
||||
| 'imagesToPDF'
|
||||
| 'ocr'
|
||||
| 'info';
|
||||
|
||||
export const PDFManipulationPage: React.FC = () => {
|
||||
const { getToken } = useAuth();
|
||||
const [selectedOperation, setSelectedOperation] = useState<OperationType>('compress');
|
||||
const [files, setFiles] = useState<File[]>([]);
|
||||
const [processing, setProcessing] = useState(false);
|
||||
const [result, setResult] = useState<OperationResult | null>(null);
|
||||
const [history, setHistory] = useState<any[]>([]);
|
||||
|
||||
// Configurações para cada operação
|
||||
const [compressQuality, setCompressQuality] = useState<'extreme' | 'low' | 'medium' | 'high'>('medium');
|
||||
const [enableOCR, setEnableOCR] = useState(false);
|
||||
const [splitType, setSplitType] = useState<'pages' | 'range' | 'chunks'>('pages');
|
||||
const [splitPages, setSplitPages] = useState<string>('1,2,3');
|
||||
const [splitRanges, setSplitRanges] = useState<string>('1-5,6-10');
|
||||
const [chunkSize, setChunkSize] = useState(5);
|
||||
const [imageFormat, setImageFormat] = useState<'png' | 'jpg' | 'webp'>('png');
|
||||
const [imageQuality, setImageQuality] = useState(95);
|
||||
const [imageDensity, setImageDensity] = useState(300);
|
||||
const [ocrLanguage, setOcrLanguage] = useState('por');
|
||||
|
||||
const onDrop = useCallback((acceptedFiles: File[]) => {
|
||||
setFiles((prev) => [...prev, ...acceptedFiles]);
|
||||
}, []);
|
||||
|
||||
const { getRootProps, getInputProps, isDragActive } = useDropzone({
|
||||
onDrop,
|
||||
accept: {
|
||||
'application/pdf': ['.pdf'],
|
||||
'image/*': ['.png', '.jpg', '.jpeg', '.webp'],
|
||||
},
|
||||
});
|
||||
|
||||
const removeFile = (index: number) => {
|
||||
setFiles((prev) => prev.filter((_, i) => i !== index));
|
||||
};
|
||||
|
||||
const clearFiles = () => {
|
||||
setFiles([]);
|
||||
setResult(null);
|
||||
};
|
||||
|
||||
const processFiles = async () => {
|
||||
if (files.length === 0) {
|
||||
toast.error('Selecione pelo menos um arquivo');
|
||||
return;
|
||||
}
|
||||
|
||||
setProcessing(true);
|
||||
setResult(null);
|
||||
|
||||
try {
|
||||
const formData = new FormData();
|
||||
files.forEach((file) => {
|
||||
formData.append('files', file);
|
||||
});
|
||||
|
||||
const token = getToken();
|
||||
const config = {
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data',
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
timeout: 600000, // 10 minutos para operações longas (compressão, OCR, etc)
|
||||
};
|
||||
|
||||
let response;
|
||||
|
||||
switch (selectedOperation) {
|
||||
case 'compress':
|
||||
formData.append('quality', compressQuality);
|
||||
formData.append('enableOCR', enableOCR.toString());
|
||||
response = await axios.post('/api/pdf/compress', formData, config);
|
||||
toast.success('PDFs comprimidos com sucesso!');
|
||||
break;
|
||||
|
||||
case 'split':
|
||||
formData.append('splitType', splitType);
|
||||
if (splitType === 'pages') {
|
||||
const pages = splitPages.split(',').map((p) => parseInt(p.trim()));
|
||||
formData.append('pages', JSON.stringify(pages));
|
||||
} else if (splitType === 'range') {
|
||||
const ranges = splitRanges.split(',').map((r) => {
|
||||
const [start, end] = r.trim().split('-').map(Number);
|
||||
return { start, end };
|
||||
});
|
||||
formData.append('ranges', JSON.stringify(ranges));
|
||||
} else {
|
||||
formData.append('chunkSize', chunkSize.toString());
|
||||
}
|
||||
response = await axios.post('/api/pdf/split', formData, config);
|
||||
toast.success('PDF dividido com sucesso!');
|
||||
break;
|
||||
|
||||
case 'merge':
|
||||
formData.append('enableOCR', enableOCR.toString());
|
||||
response = await axios.post('/api/pdf/merge', formData, config);
|
||||
toast.success('PDFs mesclados com sucesso!');
|
||||
break;
|
||||
|
||||
case 'pdfToImages':
|
||||
formData.append('format', imageFormat);
|
||||
formData.append('quality', imageQuality.toString());
|
||||
formData.append('density', imageDensity.toString());
|
||||
response = await axios.post('/api/pdf/pdf-to-images', formData, config);
|
||||
toast.success('PDF convertido em imagens!');
|
||||
break;
|
||||
|
||||
case 'imagesToPDF':
|
||||
formData.append('enableOCR', enableOCR.toString());
|
||||
formData.append('fitToPage', 'true');
|
||||
response = await axios.post('/api/pdf/images-to-pdf', formData, config);
|
||||
toast.success('Imagens convertidas em PDF!');
|
||||
break;
|
||||
|
||||
case 'ocr':
|
||||
formData.append('language', ocrLanguage);
|
||||
response = await axios.post('/api/pdf/ocr', formData, config);
|
||||
toast.success('OCR realizado com sucesso!');
|
||||
break;
|
||||
|
||||
case 'info':
|
||||
response = await axios.post('/api/pdf/info', formData, config);
|
||||
break;
|
||||
}
|
||||
|
||||
setResult(response.data);
|
||||
loadHistory();
|
||||
} catch (error: any) {
|
||||
console.error('Erro ao processar arquivos:', error);
|
||||
toast.error(error.response?.data?.message || 'Erro ao processar arquivos');
|
||||
} finally {
|
||||
setProcessing(false);
|
||||
}
|
||||
};
|
||||
|
||||
const loadHistory = async () => {
|
||||
try {
|
||||
const token = getToken();
|
||||
const response = await axios.get('/api/pdf/history', {
|
||||
headers: { Authorization: `Bearer ${token}` },
|
||||
});
|
||||
setHistory(response.data.operacoes || []);
|
||||
} catch (error) {
|
||||
console.error('Erro ao carregar histórico:', error);
|
||||
}
|
||||
};
|
||||
|
||||
const downloadFile = async (operacaoId: string, fileIndex: number) => {
|
||||
try {
|
||||
const token = getToken();
|
||||
const response = await axios.get(`/api/pdf/download/${operacaoId}/${fileIndex}`, {
|
||||
headers: { Authorization: `Bearer ${token}` },
|
||||
responseType: 'blob',
|
||||
});
|
||||
|
||||
// Extrai o nome do arquivo do header Content-Disposition
|
||||
const contentDisposition = response.headers['content-disposition'];
|
||||
let fileName = `arquivo-${fileIndex}`;
|
||||
|
||||
if (contentDisposition) {
|
||||
const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(contentDisposition);
|
||||
if (matches != null && matches[1]) {
|
||||
fileName = matches[1].replace(/['"]/g, '');
|
||||
}
|
||||
}
|
||||
|
||||
// Usa o Content-Type correto do servidor
|
||||
const contentType = response.headers['content-type'] || 'application/octet-stream';
|
||||
|
||||
console.log(`Download frontend: ${fileName} (${contentType})`);
|
||||
|
||||
// Cria o blob com o tipo correto
|
||||
const blob = new Blob([response.data], { type: contentType });
|
||||
const url = window.URL.createObjectURL(blob);
|
||||
const link = document.createElement('a');
|
||||
link.href = url;
|
||||
link.setAttribute('download', fileName);
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
link.remove();
|
||||
|
||||
// Libera a memória do blob URL
|
||||
setTimeout(() => window.URL.revokeObjectURL(url), 100);
|
||||
|
||||
toast.success('Download iniciado!');
|
||||
} catch (error) {
|
||||
console.error('Erro ao fazer download:', error);
|
||||
toast.error('Erro ao fazer download');
|
||||
}
|
||||
};
|
||||
|
||||
const deleteOperation = async (operacaoId: string) => {
|
||||
if (!window.confirm('Deseja realmente deletar esta operação e seus arquivos?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const token = getToken();
|
||||
await axios.delete(`/api/pdf/operation/${operacaoId}`, {
|
||||
headers: { Authorization: `Bearer ${token}` },
|
||||
});
|
||||
|
||||
toast.success('Operação deletada com sucesso!');
|
||||
loadHistory();
|
||||
} catch (error) {
|
||||
console.error('Erro ao deletar operação:', error);
|
||||
toast.error('Erro ao deletar operação');
|
||||
}
|
||||
};
|
||||
|
||||
const clearAllHistory = async () => {
|
||||
if (!window.confirm('⚠️ ATENÇÃO: Isso irá deletar TODO o histórico e TODOS os arquivos armazenados. Esta ação não pode ser desfeita. Deseja continuar?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const token = getToken();
|
||||
const response = await axios.delete('/api/pdf/history/clear', {
|
||||
headers: { Authorization: `Bearer ${token}` },
|
||||
});
|
||||
|
||||
toast.success(`Histórico limpo! ${response.data.operacoesRemovidas} operações removidas.`);
|
||||
setHistory([]);
|
||||
setResult(null);
|
||||
} catch (error) {
|
||||
console.error('Erro ao limpar histórico:', error);
|
||||
toast.error('Erro ao limpar histórico');
|
||||
}
|
||||
};
|
||||
|
||||
const cleanupOldFiles = async () => {
|
||||
if (!window.confirm('Deseja remover operações com mais de 24 horas?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const token = getToken();
|
||||
const response = await axios.delete('/api/pdf/history/cleanup?hours=24', {
|
||||
headers: { Authorization: `Bearer ${token}` },
|
||||
});
|
||||
|
||||
toast.success(`${response.data.operacoesRemovidas} operações antigas removidas!`);
|
||||
loadHistory();
|
||||
} catch (error) {
|
||||
console.error('Erro ao limpar arquivos antigos:', error);
|
||||
toast.error('Erro ao limpar arquivos antigos');
|
||||
}
|
||||
};
|
||||
|
||||
React.useEffect(() => {
|
||||
loadHistory();
|
||||
}, []);
|
||||
|
||||
const operations = [
|
||||
{
|
||||
id: 'compress' as OperationType,
|
||||
name: 'Comprimir PDF',
|
||||
icon: ArrowsPointingInIcon,
|
||||
description: 'Reduza o tamanho mantendo a qualidade',
|
||||
},
|
||||
{
|
||||
id: 'split' as OperationType,
|
||||
name: 'Dividir PDF',
|
||||
icon: ScissorsIcon,
|
||||
description: 'Separe páginas específicas',
|
||||
},
|
||||
{
|
||||
id: 'merge' as OperationType,
|
||||
name: 'Mesclar PDFs',
|
||||
icon: ArrowsUpDownIcon,
|
||||
description: 'Combine múltiplos PDFs',
|
||||
},
|
||||
{
|
||||
id: 'pdfToImages' as OperationType,
|
||||
name: 'PDF para Imagens',
|
||||
icon: PhotoIcon,
|
||||
description: 'Converta páginas em imagens',
|
||||
},
|
||||
{
|
||||
id: 'imagesToPDF' as OperationType,
|
||||
name: 'Imagens para PDF',
|
||||
icon: DocumentIcon,
|
||||
description: 'Crie PDF a partir de imagens',
|
||||
},
|
||||
{
|
||||
id: 'ocr' as OperationType,
|
||||
name: 'OCR',
|
||||
icon: DocumentTextIcon,
|
||||
description: 'Extraia texto de PDFs',
|
||||
},
|
||||
{
|
||||
id: 'info' as OperationType,
|
||||
name: 'Informações',
|
||||
icon: InformationCircleIcon,
|
||||
description: 'Obtenha detalhes do PDF',
|
||||
},
|
||||
];
|
||||
|
||||
const formatBytes = (bytes: number) => {
|
||||
if (bytes === 0) return '0 Bytes';
|
||||
const k = 1024;
|
||||
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
|
||||
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
||||
return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + ' ' + sizes[i];
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50 py-8">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="mb-8">
|
||||
<h1 className="text-3xl font-bold text-gray-900">Manipulação de PDFs</h1>
|
||||
<p className="mt-2 text-gray-600">
|
||||
Ferramentas completas para trabalhar com arquivos PDF
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Seleção de operação */}
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-4 mb-8">
|
||||
{operations.map((op) => (
|
||||
<button
|
||||
key={op.id}
|
||||
onClick={() => {
|
||||
setSelectedOperation(op.id);
|
||||
clearFiles();
|
||||
}}
|
||||
className={`p-4 rounded-lg border-2 transition-all ${
|
||||
selectedOperation === op.id
|
||||
? 'border-blue-500 bg-blue-50 text-blue-700'
|
||||
: 'border-gray-200 bg-white hover:border-gray-300'
|
||||
}`}
|
||||
>
|
||||
<op.icon className="h-8 w-8 mx-auto mb-2" />
|
||||
<div className="text-sm font-medium">{op.name}</div>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||||
{/* Área principal */}
|
||||
<div className="lg:col-span-2 space-y-6">
|
||||
{/* Upload de arquivos */}
|
||||
<div className="bg-white rounded-lg shadow p-6">
|
||||
<h2 className="text-xl font-semibold mb-4">Arquivos</h2>
|
||||
|
||||
<div
|
||||
{...getRootProps()}
|
||||
className={`border-2 border-dashed rounded-lg p-12 text-center cursor-pointer transition-colors ${
|
||||
isDragActive
|
||||
? 'border-blue-500 bg-blue-50'
|
||||
: 'border-gray-300 hover:border-gray-400'
|
||||
}`}
|
||||
>
|
||||
<input {...getInputProps()} />
|
||||
<CloudArrowUpIcon className="h-12 w-12 mx-auto text-gray-400 mb-4" />
|
||||
{isDragActive ? (
|
||||
<p className="text-blue-600">Solte os arquivos aqui...</p>
|
||||
) : (
|
||||
<div>
|
||||
<p className="text-gray-600 mb-2">
|
||||
Arraste e solte arquivos aqui, ou clique para selecionar
|
||||
</p>
|
||||
<p className="text-sm text-gray-500">
|
||||
PDFs e imagens (PNG, JPG, WEBP)
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Lista de arquivos */}
|
||||
{files.length > 0 && (
|
||||
<div className="mt-4">
|
||||
<div className="flex justify-between items-center mb-2">
|
||||
<h3 className="font-medium">
|
||||
Arquivos selecionados ({files.length})
|
||||
</h3>
|
||||
<button
|
||||
onClick={clearFiles}
|
||||
className="text-sm text-red-600 hover:text-red-700"
|
||||
>
|
||||
Limpar todos
|
||||
</button>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
{files.map((file, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="flex items-center justify-between p-3 bg-gray-50 rounded"
|
||||
>
|
||||
<div className="flex items-center space-x-3">
|
||||
<DocumentIcon className="h-5 w-5 text-gray-400" />
|
||||
<div>
|
||||
<p className="text-sm font-medium">{file.name}</p>
|
||||
<p className="text-xs text-gray-500">
|
||||
{formatBytes(file.size)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
onClick={() => removeFile(index)}
|
||||
className="text-red-600 hover:text-red-700"
|
||||
>
|
||||
Remover
|
||||
</button>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Configurações específicas */}
|
||||
<div className="bg-white rounded-lg shadow p-6">
|
||||
<h2 className="text-xl font-semibold mb-4">Configurações</h2>
|
||||
|
||||
{selectedOperation === 'compress' && (
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">
|
||||
Nível de Compressão
|
||||
</label>
|
||||
<select
|
||||
value={compressQuality}
|
||||
onChange={(e) => setCompressQuality(e.target.value as any)}
|
||||
className="w-full border border-gray-300 rounded-lg px-3 py-2"
|
||||
>
|
||||
<option value="extreme">Extrema (72 DPI) - Máxima redução, visualização na tela</option>
|
||||
<option value="low">Alta compressão (100 DPI) - Arquivos pequenos</option>
|
||||
<option value="medium">Equilibrada (150 DPI) - Recomendado</option>
|
||||
<option value="high">Qualidade (200 DPI) - Para impressão</option>
|
||||
</select>
|
||||
<p className="text-xs text-gray-500 mt-2">
|
||||
💡 Usa Ghostscript, mesmo motor do iLovePDF e SmallPDF
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center space-x-2">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="enableOCR"
|
||||
checked={enableOCR}
|
||||
onChange={(e) => setEnableOCR(e.target.checked)}
|
||||
className="h-4 w-4 text-blue-600 rounded"
|
||||
/>
|
||||
<label htmlFor="enableOCR" className="text-sm font-medium">
|
||||
Adicionar camada de OCR (tornar PDF pesquisável)
|
||||
</label>
|
||||
</div>
|
||||
<p className="text-xs text-gray-500">
|
||||
OCR torna o PDF pesquisável. É instantâneo para PDFs digitais.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{selectedOperation === 'split' && (
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">
|
||||
Tipo de divisão
|
||||
</label>
|
||||
<select
|
||||
value={splitType}
|
||||
onChange={(e) => setSplitType(e.target.value as any)}
|
||||
className="w-full border border-gray-300 rounded-lg px-3 py-2"
|
||||
>
|
||||
<option value="pages">Páginas específicas</option>
|
||||
<option value="range">Intervalos</option>
|
||||
<option value="chunks">Chunks (partes iguais)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
{splitType === 'pages' && (
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">
|
||||
Páginas (separadas por vírgula)
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={splitPages}
|
||||
onChange={(e) => setSplitPages(e.target.value)}
|
||||
placeholder="1,2,3,5,8"
|
||||
className="w-full border border-gray-300 rounded-lg px-3 py-2"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{splitType === 'range' && (
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">
|
||||
Intervalos (ex: 1-5,6-10)
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={splitRanges}
|
||||
onChange={(e) => setSplitRanges(e.target.value)}
|
||||
placeholder="1-5,6-10,11-15"
|
||||
className="w-full border border-gray-300 rounded-lg px-3 py-2"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{splitType === 'chunks' && (
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">
|
||||
Páginas por chunk
|
||||
</label>
|
||||
<input
|
||||
type="number"
|
||||
value={chunkSize}
|
||||
onChange={(e) => setChunkSize(parseInt(e.target.value))}
|
||||
min="1"
|
||||
className="w-full border border-gray-300 rounded-lg px-3 py-2"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{selectedOperation === 'pdfToImages' && (
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Formato</label>
|
||||
<select
|
||||
value={imageFormat}
|
||||
onChange={(e) => setImageFormat(e.target.value as any)}
|
||||
className="w-full border border-gray-300 rounded-lg px-3 py-2"
|
||||
>
|
||||
<option value="png">PNG</option>
|
||||
<option value="jpg">JPG</option>
|
||||
<option value="webp">WEBP</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">
|
||||
Qualidade ({imageQuality}%)
|
||||
</label>
|
||||
<input
|
||||
type="range"
|
||||
min="50"
|
||||
max="100"
|
||||
value={imageQuality}
|
||||
onChange={(e) => setImageQuality(parseInt(e.target.value))}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">
|
||||
DPI ({imageDensity})
|
||||
</label>
|
||||
<input
|
||||
type="range"
|
||||
min="150"
|
||||
max="600"
|
||||
step="50"
|
||||
value={imageDensity}
|
||||
onChange={(e) => setImageDensity(parseInt(e.target.value))}
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{selectedOperation === 'ocr' && (
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Idioma</label>
|
||||
<select
|
||||
value={ocrLanguage}
|
||||
onChange={(e) => setOcrLanguage(e.target.value)}
|
||||
className="w-full border border-gray-300 rounded-lg px-3 py-2"
|
||||
>
|
||||
<option value="por">Português</option>
|
||||
<option value="eng">Inglês</option>
|
||||
<option value="spa">Espanhol</option>
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{selectedOperation === 'merge' && (
|
||||
<div className="space-y-4">
|
||||
<p className="text-sm text-gray-600">
|
||||
Selecione 2 ou mais PDFs para mesclar em um único arquivo.
|
||||
</p>
|
||||
|
||||
<div className="flex items-center space-x-2">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="enableOCRMerge"
|
||||
checked={enableOCR}
|
||||
onChange={(e) => setEnableOCR(e.target.checked)}
|
||||
className="h-4 w-4 text-blue-600 rounded"
|
||||
/>
|
||||
<label htmlFor="enableOCRMerge" className="text-sm font-medium">
|
||||
Adicionar camada de OCR ao PDF mesclado
|
||||
</label>
|
||||
</div>
|
||||
<p className="text-xs text-gray-500">
|
||||
⚠️ OCR aumenta significativamente o tempo de processamento
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{selectedOperation === 'imagesToPDF' && (
|
||||
<div className="space-y-4">
|
||||
<p className="text-sm text-gray-600">
|
||||
Converte múltiplas imagens em um único arquivo PDF.
|
||||
</p>
|
||||
|
||||
<div className="flex items-center space-x-2">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="enableOCRImages"
|
||||
checked={enableOCR}
|
||||
onChange={(e) => setEnableOCR(e.target.checked)}
|
||||
className="h-4 w-4 text-blue-600 rounded"
|
||||
/>
|
||||
<label htmlFor="enableOCRImages" className="text-sm font-medium">
|
||||
Adicionar camada de OCR (tornar PDF pesquisável)
|
||||
</label>
|
||||
</div>
|
||||
<p className="text-xs text-gray-500">
|
||||
⚠️ OCR aumenta significativamente o tempo de processamento
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<button
|
||||
onClick={processFiles}
|
||||
disabled={processing || files.length === 0}
|
||||
className={`mt-6 w-full py-3 rounded-lg font-medium transition-colors ${
|
||||
processing || files.length === 0
|
||||
? 'bg-gray-300 text-gray-500 cursor-not-allowed'
|
||||
: 'bg-blue-600 text-white hover:bg-blue-700'
|
||||
}`}
|
||||
>
|
||||
{processing ? (
|
||||
<span className="flex items-center justify-center">
|
||||
<svg
|
||||
className="animate-spin h-5 w-5 mr-2"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<circle
|
||||
className="opacity-25"
|
||||
cx="12"
|
||||
cy="12"
|
||||
r="10"
|
||||
stroke="currentColor"
|
||||
strokeWidth="4"
|
||||
></circle>
|
||||
<path
|
||||
className="opacity-75"
|
||||
fill="currentColor"
|
||||
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
||||
></path>
|
||||
</svg>
|
||||
Processando...
|
||||
</span>
|
||||
) : (
|
||||
'Processar'
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Resultado */}
|
||||
{result && (
|
||||
<div className="bg-white rounded-lg shadow p-6">
|
||||
<h2 className="text-xl font-semibold mb-4">Resultado</h2>
|
||||
|
||||
{selectedOperation === 'compress' && result.reduction !== undefined && (
|
||||
<div className="space-y-2">
|
||||
<p className="text-green-600 font-medium">
|
||||
Redução de {result.reduction.toFixed(2)}%
|
||||
</p>
|
||||
<p className="text-sm text-gray-600">
|
||||
Tempo de processamento: {result.processingTime}ms
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{(result.outputPaths || result.outputPath || result.zipPath) && (
|
||||
<div className="mt-4">
|
||||
<p className="font-medium mb-2">Arquivos gerados:</p>
|
||||
|
||||
{/* Botão de download ZIP (se disponível) */}
|
||||
{result.zipPath && (
|
||||
<button
|
||||
onClick={() => downloadFile(result.operacaoId, 0)}
|
||||
className="flex items-center space-x-2 w-full p-3 mb-3 bg-blue-50 hover:bg-blue-100 rounded border-2 border-blue-300"
|
||||
>
|
||||
<ArrowDownTrayIcon className="h-6 w-6 text-blue-600" />
|
||||
<div className="text-left">
|
||||
<span className="text-sm font-semibold text-blue-900">
|
||||
📦 Download ZIP (Todos os arquivos)
|
||||
</span>
|
||||
<p className="text-xs text-blue-700">
|
||||
Recomendado para múltiplos arquivos
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
)}
|
||||
|
||||
{/* Arquivos individuais */}
|
||||
{result.outputPaths?.map((path, index) => {
|
||||
// Determina o nome do arquivo baseado na operação
|
||||
let fileName = `Arquivo ${index + 1}`;
|
||||
if (selectedOperation === 'pdfToImages') {
|
||||
fileName = `Imagem ${index + 1}`;
|
||||
} else if (selectedOperation === 'split') {
|
||||
fileName = `Página ${index + 1}`;
|
||||
}
|
||||
|
||||
return (
|
||||
<button
|
||||
key={index}
|
||||
onClick={() => downloadFile(result.operacaoId, result.zipPath ? index + 1 : index)}
|
||||
className="flex items-center space-x-2 w-full p-2 hover:bg-gray-50 rounded"
|
||||
>
|
||||
<ArrowDownTrayIcon className="h-5 w-5 text-blue-600" />
|
||||
<span className="text-sm">{fileName}</span>
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
{result.outputPath && !result.outputPaths && (
|
||||
<button
|
||||
onClick={() => downloadFile(result.operacaoId, result.zipPath ? 1 : 0)}
|
||||
className="flex items-center space-x-2 w-full p-2 hover:bg-gray-50 rounded"
|
||||
>
|
||||
<ArrowDownTrayIcon className="h-5 w-5 text-blue-600" />
|
||||
<span className="text-sm">Download</span>
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{selectedOperation === 'ocr' && result.text && (
|
||||
<div className="mt-4">
|
||||
<p className="font-medium mb-2">Texto extraído:</p>
|
||||
<div className="bg-gray-50 p-4 rounded max-h-64 overflow-y-auto">
|
||||
<pre className="text-sm whitespace-pre-wrap">{result.text}</pre>
|
||||
</div>
|
||||
{result.confidence && (
|
||||
<p className="text-sm text-gray-600 mt-2">
|
||||
Confiança: {result.confidence.toFixed(2)}%
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Histórico */}
|
||||
<div className="lg:col-span-1">
|
||||
<div className="bg-white rounded-lg shadow p-6 sticky top-8">
|
||||
<div className="flex items-center justify-between mb-4">
|
||||
<h2 className="text-xl font-semibold">Histórico</h2>
|
||||
{history.length > 0 && (
|
||||
<div className="flex space-x-2">
|
||||
<button
|
||||
onClick={cleanupOldFiles}
|
||||
className="text-xs px-2 py-1 bg-yellow-100 hover:bg-yellow-200 text-yellow-800 rounded transition-colors"
|
||||
title="Remover operações com mais de 24 horas"
|
||||
>
|
||||
🕐 Limpar Antigos
|
||||
</button>
|
||||
<button
|
||||
onClick={clearAllHistory}
|
||||
className="text-xs px-2 py-1 bg-red-100 hover:bg-red-200 text-red-800 rounded transition-colors"
|
||||
title="Apagar todo o histórico e arquivos"
|
||||
>
|
||||
🗑️ Limpar Tudo
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{history.length === 0 ? (
|
||||
<p className="text-gray-500 text-sm">Nenhuma operação ainda</p>
|
||||
) : (
|
||||
<div className="space-y-3 max-h-96 overflow-y-auto">
|
||||
{history.map((op) => (
|
||||
<div key={op.id} className="border-b pb-3">
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-sm font-medium">
|
||||
{op.tipoOperacao.replace('_', ' ')}
|
||||
</span>
|
||||
<div className="flex items-center space-x-2">
|
||||
<span
|
||||
className={`text-xs px-2 py-1 rounded ${
|
||||
op.status === 'CONCLUIDO'
|
||||
? 'bg-green-100 text-green-800'
|
||||
: op.status === 'ERRO'
|
||||
? 'bg-red-100 text-red-800'
|
||||
: 'bg-yellow-100 text-yellow-800'
|
||||
}`}
|
||||
>
|
||||
{op.status}
|
||||
</span>
|
||||
<button
|
||||
onClick={() => deleteOperation(op.id)}
|
||||
className="text-red-600 hover:text-red-800 hover:bg-red-50 p-1 rounded transition-colors"
|
||||
title="Deletar esta operação"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fillRule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clipRule="evenodd" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center text-xs text-gray-500 mt-1">
|
||||
<ClockIcon className="h-3 w-3 mr-1" />
|
||||
{new Date(op.criadoEm).toLocaleString('pt-BR')}
|
||||
</div>
|
||||
{op.tempoProcessamento && (
|
||||
<p className="text-xs text-gray-500 mt-1">
|
||||
{op.tempoProcessamento}ms
|
||||
</p>
|
||||
)}
|
||||
{op.status === 'CONCLUIDO' && op.arquivosResultado && op.arquivosResultado.length > 0 && (
|
||||
<div className="mt-2 space-y-1">
|
||||
{op.arquivosResultado.map((arquivo: string, index: number) => (
|
||||
<button
|
||||
key={index}
|
||||
onClick={() => downloadFile(op.id, index)}
|
||||
className="flex items-center space-x-1 w-full text-xs text-blue-600 hover:text-blue-700 hover:bg-blue-50 p-1 rounded"
|
||||
>
|
||||
<ArrowDownTrayIcon className="h-3 w-3" />
|
||||
<span>Arquivo {index + 1}</span>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
File diff suppressed because it is too large.
Load diff
+22
-3
@@ -27,7 +27,8 @@ import indicesMonetariosRoutes from './routes/indicesMonetarios';
|
||||
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
|
||||
import pdfRoutes from './routes/pdf'; // Importar rotas de PDF
|
||||
import { PDFService } from '../services/pdfService'; // Importar serviço de PDF para warmup OCR
|
||||
|
||||
|
||||
const app = express();
|
||||
@@ -1430,8 +1431,26 @@ app.use(
|
||||
},
|
||||
);
|
||||
|
||||
app.listen(port, () => {
|
||||
// Aumentar timeout do servidor para operações longas (ex: PDF, OCR)
|
||||
const server = app.listen(port, () => {
|
||||
console.log(`🚀 Servidor rodando em http://localhost:${port}`);
|
||||
|
||||
// Pré-aquece o worker Tesseract OCR em background (elimina delay na primeira operação)
|
||||
PDFService.warmupOCR('por').catch(() => {});
|
||||
});
|
||||
server.timeout = 600000; // 10 minutos (600 segundos)
|
||||
|
||||
// Encerra workers Tesseract ao desligar o servidor
|
||||
process.on('SIGTERM', async () => {
|
||||
console.log('Encerrando workers OCR...');
|
||||
await PDFService.terminateWorkers();
|
||||
process.exit(0);
|
||||
});
|
||||
|
||||
process.on('SIGINT', async () => {
|
||||
console.log('Encerrando workers OCR...');
|
||||
await PDFService.terminateWorkers();
|
||||
process.exit(0);
|
||||
});
|
||||
|
||||
process.on("unhandledRejection", (err) => {
|
||||
@@ -1483,4 +1502,4 @@ app.use('/api/indices', indicesMonetariosRoutes);
|
||||
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
|
||||
app.use('/api/pdf', pdfRoutes); // Adicionar uso das rotas de PDF
|
||||
@@ -1,168 +0,0 @@
|
||||
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;
|
||||
@@ -0,0 +1,103 @@
|
||||
import express from 'express';
|
||||
import { PDFController, uploadMiddleware } from '../controllers/pdfController';
|
||||
import { authMiddleware } from '../../middleware/auth';
|
||||
|
||||
const router = express.Router();
|
||||
|
||||
/**
|
||||
* Rotas para manipulação de PDF
|
||||
* Todas as rotas requerem autenticação
|
||||
*/
|
||||
|
||||
// Comprime PDFs
|
||||
router.post(
|
||||
'/compress',
|
||||
authMiddleware,
|
||||
uploadMiddleware.array('files', 10),
|
||||
PDFController.compress
|
||||
);
|
||||
|
||||
// Divide PDF
|
||||
router.post(
|
||||
'/split',
|
||||
authMiddleware,
|
||||
uploadMiddleware.array('files', 1),
|
||||
PDFController.split
|
||||
);
|
||||
|
||||
// Mescla PDFs
|
||||
router.post(
|
||||
'/merge',
|
||||
authMiddleware,
|
||||
uploadMiddleware.array('files', 50),
|
||||
PDFController.merge
|
||||
);
|
||||
|
||||
// Converte PDF para imagens
|
||||
router.post(
|
||||
'/pdf-to-images',
|
||||
authMiddleware,
|
||||
uploadMiddleware.array('files', 1),
|
||||
PDFController.pdfToImages
|
||||
);
|
||||
|
||||
// Converte imagens para PDF
|
||||
router.post(
|
||||
'/images-to-pdf',
|
||||
authMiddleware,
|
||||
uploadMiddleware.array('files', 100),
|
||||
PDFController.imagesToPDF
|
||||
);
|
||||
|
||||
// Realiza OCR em PDF
|
||||
router.post(
|
||||
'/ocr',
|
||||
authMiddleware,
|
||||
uploadMiddleware.array('files', 1),
|
||||
PDFController.performOCR
|
||||
);
|
||||
|
||||
// Obtém informações de um PDF
|
||||
router.post(
|
||||
'/info',
|
||||
authMiddleware,
|
||||
uploadMiddleware.array('files', 1),
|
||||
PDFController.getInfo
|
||||
);
|
||||
|
||||
// Obtém histórico de operações
|
||||
router.get(
|
||||
'/history',
|
||||
authMiddleware,
|
||||
PDFController.getHistory
|
||||
);
|
||||
|
||||
// Download de arquivo processado
|
||||
router.get(
|
||||
'/download/:operacaoId/:fileIndex',
|
||||
authMiddleware,
|
||||
PDFController.downloadFile
|
||||
);
|
||||
|
||||
// Deleta uma operação específica
|
||||
router.delete(
|
||||
'/operation/:operacaoId',
|
||||
authMiddleware,
|
||||
PDFController.deleteOperation
|
||||
);
|
||||
|
||||
// Limpa todo o histórico
|
||||
router.delete(
|
||||
'/history/clear',
|
||||
authMiddleware,
|
||||
PDFController.clearHistory
|
||||
);
|
||||
|
||||
// Limpa operações antigas
|
||||
router.delete(
|
||||
'/history/cleanup',
|
||||
authMiddleware,
|
||||
PDFController.cleanupOldOperations
|
||||
);
|
||||
|
||||
export default router;
|
||||
@@ -35,7 +35,7 @@ export class AuthService {
|
||||
email: usuario.email,
|
||||
},
|
||||
process.env.JWT_SECRET || "default-secret",
|
||||
{ expiresIn: "1d" },
|
||||
{ expiresIn: "7d" }, // 7 dias para melhor UX
|
||||
);
|
||||
|
||||
return {
|
||||
|
||||
@@ -1,264 +0,0 @@
|
||||
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;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
Vendored
+2
-2
@@ -1,5 +1,3 @@
|
||||
import { Request } from 'express';
|
||||
|
||||
declare global {
|
||||
namespace Express {
|
||||
interface Request {
|
||||
@@ -11,3 +9,5 @@ declare global {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export {};
|
||||
@@ -17,6 +17,8 @@ export default defineConfig({
|
||||
target: 'http://localhost:5000',
|
||||
changeOrigin: true,
|
||||
secure: false,
|
||||
timeout: 600000, // 10 minutos para operações longas (PDF, OCR)
|
||||
proxyTimeout: 600000,
|
||||
}
|
||||
},
|
||||
hmr: {
|
||||
|
||||
Reference in new issue
Block a user