Compare commits

7 Commits
Author SHA1 Message Date
rodrigo 8f826ab223 pdf: novo refator do compress
Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
2026-02-28 19:56:28 -03:00
rodrigo cdc4134b16 pdf: refatorar compressPDF
Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
2026-02-28 19:15:54 -03:00
rodrigo d381d17435 pdf: accelerate OCR
Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
2026-02-27 20:25:46 -03:00
rodrigo ab73ea667e pdf: accelerate OCR
Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
2026-02-27 20:20:07 -03:00
rodrigo db7b832044 pdf: fix feature
Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
2026-02-27 20:15:07 -03:00
rodrigo f4afe83db0 pdf: fix route
Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
2026-02-27 19:02:18 -03:00
rodrigo 61a1631519 pdf: add new feature
Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
2026-02-27 17:32:18 -03:00
22 changed files with 4454 additions and 6 deletions

No files matched your search

+26
View File
@@ -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
+2
View File
@@ -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
View File
@@ -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!
+2
View File
@@ -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" });
+596
View File
@@ -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
View File
@@ -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");
+47
View File
@@ -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")
}
+41
View File
@@ -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);
});
+37
View File
@@ -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
+36
View File
@@ -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 ""
+271
View File
@@ -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);
});
+10
View File
@@ -50,6 +50,9 @@ import { DetalhesCalculo } from './components/calculos/DetalhesCalculo';
import { NovoPensaoAlimenticia } from './components/calculos/NovoPensaoAlimenticia';
import { DetalhePensaoAlimenticia } from './components/calculos/DetalhePensaoAlimenticia';
// Importar componente de manipulação de PDF
import { PDFManipulationPage } from './components/pdf/PDFManipulationPage';
const queryClient = new QueryClient();
const router = createBrowserRouter(
@@ -126,6 +129,13 @@ const router = createBrowserRouter(
<DetalhePensaoAlimenticia />
</ProtectedRoute>
} />
{/* Rota para Manipulação de PDF */}
<Route path="/pdf" element={
<ProtectedRoute>
<PDFManipulationPage />
</ProtectedRoute>
} />
</Route>
</Route>
<Route path="*" element={<Navigate to="/login" />} />
+2
View File
@@ -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",
+885
View File
@@ -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
+23 -2
View File
@@ -27,6 +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 pdfRoutes from './routes/pdf'; // Importar rotas de PDF
import { PDFService } from '../services/pdfService'; // Importar serviço de PDF para warmup OCR
const app = express();
@@ -1429,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) => {
@@ -1481,4 +1501,5 @@ app.use('/api/calculos', calculosJudiciaisRoutes);
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/audiencias', audienciasRoutes); // Adicionar uso das rotas de audiências
app.use('/api/pdf', pdfRoutes); // Adicionar uso das rotas de PDF
+103
View File
@@ -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;
+1 -1
View File
@@ -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 {
File diff suppressed because it is too large. Load diff
+2 -2
View File
@@ -1,5 +1,3 @@
import { Request } from 'express';
declare global {
namespace Express {
interface Request {
@@ -11,3 +9,5 @@ declare global {
}
}
}
export {};
+2
View File
@@ -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: {