feat: add PDF manipulation tools including Protect, Rotate, Split, Unlock, and Watermark functionalities
- Implemented ProtectPdf component for adding password protection to PDFs. - Implemented RotatePdf component for rotating PDF pages by specified angles. - Implemented SplitPdf component for splitting PDFs into individual pages or specified ranges. - Implemented UnlockPdf component for removing password protection from PDFs. - Implemented WatermarkPdf component for adding custom text watermarks to PDFs. - Updated i18n files to include translations for new tools. - Enhanced HomePage to include links to new PDF tools. - Updated Nginx configuration to improve security with CSP and Permissions-Policy headers. - Updated sitemap generation script to include new tools.
This commit is contained in:
@@ -61,12 +61,14 @@ def create_app(config_name=None):
|
||||
from app.routes.video import video_bp
|
||||
from app.routes.tasks import tasks_bp
|
||||
from app.routes.download import download_bp
|
||||
from app.routes.pdf_tools import pdf_tools_bp
|
||||
|
||||
app.register_blueprint(health_bp, url_prefix="/api")
|
||||
app.register_blueprint(convert_bp, url_prefix="/api/convert")
|
||||
app.register_blueprint(compress_bp, url_prefix="/api/compress")
|
||||
app.register_blueprint(image_bp, url_prefix="/api/image")
|
||||
app.register_blueprint(video_bp, url_prefix="/api/video")
|
||||
app.register_blueprint(pdf_tools_bp, url_prefix="/api/pdf-tools")
|
||||
app.register_blueprint(tasks_bp, url_prefix="/api/tasks")
|
||||
app.register_blueprint(download_bp, url_prefix="/api/download")
|
||||
|
||||
|
||||
@@ -29,6 +29,7 @@ def init_celery(app):
|
||||
"app.tasks.compress_tasks.*": {"queue": "compress"},
|
||||
"app.tasks.image_tasks.*": {"queue": "image"},
|
||||
"app.tasks.video_tasks.*": {"queue": "video"},
|
||||
"app.tasks.pdf_tools_tasks.*": {"queue": "pdf_tools"},
|
||||
}
|
||||
|
||||
class ContextTask(celery.Task):
|
||||
|
||||
427
backend/app/routes/pdf_tools.py
Normal file
427
backend/app/routes/pdf_tools.py
Normal file
@@ -0,0 +1,427 @@
|
||||
"""Extended PDF tool routes — Merge, Split, Rotate, Page Numbers, PDF↔Images, Watermark, Protect/Unlock."""
|
||||
import os
|
||||
import uuid
|
||||
|
||||
from flask import Blueprint, request, jsonify
|
||||
|
||||
from app.extensions import limiter
|
||||
from app.utils.file_validator import validate_file, FileValidationError
|
||||
from app.utils.sanitizer import generate_safe_path
|
||||
from app.tasks.pdf_tools_tasks import (
|
||||
merge_pdfs_task,
|
||||
split_pdf_task,
|
||||
rotate_pdf_task,
|
||||
add_page_numbers_task,
|
||||
pdf_to_images_task,
|
||||
images_to_pdf_task,
|
||||
watermark_pdf_task,
|
||||
protect_pdf_task,
|
||||
unlock_pdf_task,
|
||||
)
|
||||
|
||||
pdf_tools_bp = Blueprint("pdf_tools", __name__)
|
||||
|
||||
ALLOWED_IMAGE_TYPES = ["png", "jpg", "jpeg", "webp"]
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Merge PDFs — POST /api/pdf-tools/merge
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/merge", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def merge_pdfs_route():
|
||||
"""
|
||||
Merge multiple PDF files into one.
|
||||
|
||||
Accepts: multipart/form-data with multiple 'files' fields (PDF)
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
files = request.files.getlist("files")
|
||||
if not files or len(files) < 2:
|
||||
return jsonify({"error": "Please upload at least 2 PDF files."}), 400
|
||||
|
||||
if len(files) > 20:
|
||||
return jsonify({"error": "Maximum 20 files allowed."}), 400
|
||||
|
||||
task_id = str(uuid.uuid4())
|
||||
input_paths = []
|
||||
original_filenames = []
|
||||
|
||||
for f in files:
|
||||
try:
|
||||
original_filename, ext = validate_file(f, allowed_types=["pdf"])
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
upload_dir = os.path.join("/tmp/uploads", task_id)
|
||||
os.makedirs(upload_dir, exist_ok=True)
|
||||
file_path = os.path.join(upload_dir, f"{uuid.uuid4()}.{ext}")
|
||||
f.save(file_path)
|
||||
input_paths.append(file_path)
|
||||
original_filenames.append(original_filename)
|
||||
|
||||
task = merge_pdfs_task.delay(input_paths, task_id, original_filenames)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Merge started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Split PDF — POST /api/pdf-tools/split
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/split", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def split_pdf_route():
|
||||
"""
|
||||
Split a PDF into individual pages or a specific range.
|
||||
|
||||
Accepts: multipart/form-data with:
|
||||
- 'file': PDF file
|
||||
- 'mode' (optional): "all" or "range" (default: "all")
|
||||
- 'pages' (optional): Page spec for range mode, e.g. "1,3,5-8"
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
if "file" not in request.files:
|
||||
return jsonify({"error": "No file provided."}), 400
|
||||
|
||||
file = request.files["file"]
|
||||
mode = request.form.get("mode", "all")
|
||||
pages = request.form.get("pages")
|
||||
|
||||
if mode not in ("all", "range"):
|
||||
mode = "all"
|
||||
|
||||
try:
|
||||
original_filename, ext = validate_file(file, allowed_types=["pdf"])
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
task_id, input_path = generate_safe_path(ext, folder_type="upload")
|
||||
file.save(input_path)
|
||||
|
||||
task = split_pdf_task.delay(input_path, task_id, original_filename, mode, pages)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Split started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Rotate PDF — POST /api/pdf-tools/rotate
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/rotate", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def rotate_pdf_route():
|
||||
"""
|
||||
Rotate pages in a PDF.
|
||||
|
||||
Accepts: multipart/form-data with:
|
||||
- 'file': PDF file
|
||||
- 'rotation': Degrees — 90, 180, or 270 (default: 90)
|
||||
- 'pages' (optional): "all" or comma-separated page numbers (default: "all")
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
if "file" not in request.files:
|
||||
return jsonify({"error": "No file provided."}), 400
|
||||
|
||||
file = request.files["file"]
|
||||
|
||||
try:
|
||||
rotation = int(request.form.get("rotation", 90))
|
||||
except ValueError:
|
||||
rotation = 90
|
||||
|
||||
if rotation not in (90, 180, 270):
|
||||
return jsonify({"error": "Rotation must be 90, 180, or 270 degrees."}), 400
|
||||
|
||||
pages = request.form.get("pages", "all")
|
||||
|
||||
try:
|
||||
original_filename, ext = validate_file(file, allowed_types=["pdf"])
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
task_id, input_path = generate_safe_path(ext, folder_type="upload")
|
||||
file.save(input_path)
|
||||
|
||||
task = rotate_pdf_task.delay(input_path, task_id, original_filename, rotation, pages)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Rotation started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Add Page Numbers — POST /api/pdf-tools/page-numbers
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/page-numbers", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def add_page_numbers_route():
|
||||
"""
|
||||
Add page numbers to a PDF.
|
||||
|
||||
Accepts: multipart/form-data with:
|
||||
- 'file': PDF file
|
||||
- 'position' (optional): "bottom-center", "bottom-right", "bottom-left",
|
||||
"top-center", "top-right", "top-left" (default: "bottom-center")
|
||||
- 'start_number' (optional): Starting number (default: 1)
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
if "file" not in request.files:
|
||||
return jsonify({"error": "No file provided."}), 400
|
||||
|
||||
file = request.files["file"]
|
||||
position = request.form.get("position", "bottom-center")
|
||||
valid_positions = [
|
||||
"bottom-center", "bottom-right", "bottom-left",
|
||||
"top-center", "top-right", "top-left",
|
||||
]
|
||||
if position not in valid_positions:
|
||||
position = "bottom-center"
|
||||
|
||||
try:
|
||||
start_number = max(1, int(request.form.get("start_number", 1)))
|
||||
except ValueError:
|
||||
start_number = 1
|
||||
|
||||
try:
|
||||
original_filename, ext = validate_file(file, allowed_types=["pdf"])
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
task_id, input_path = generate_safe_path(ext, folder_type="upload")
|
||||
file.save(input_path)
|
||||
|
||||
task = add_page_numbers_task.delay(
|
||||
input_path, task_id, original_filename, position, start_number
|
||||
)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Page numbering started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# PDF to Images — POST /api/pdf-tools/pdf-to-images
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/pdf-to-images", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def pdf_to_images_route():
|
||||
"""
|
||||
Convert PDF pages to images.
|
||||
|
||||
Accepts: multipart/form-data with:
|
||||
- 'file': PDF file
|
||||
- 'format' (optional): "png" or "jpg" (default: "png")
|
||||
- 'dpi' (optional): Resolution 72-600 (default: 200)
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
if "file" not in request.files:
|
||||
return jsonify({"error": "No file provided."}), 400
|
||||
|
||||
file = request.files["file"]
|
||||
output_format = request.form.get("format", "png").lower()
|
||||
if output_format not in ("png", "jpg"):
|
||||
output_format = "png"
|
||||
|
||||
try:
|
||||
dpi = max(72, min(600, int(request.form.get("dpi", 200))))
|
||||
except ValueError:
|
||||
dpi = 200
|
||||
|
||||
try:
|
||||
original_filename, ext = validate_file(file, allowed_types=["pdf"])
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
task_id, input_path = generate_safe_path(ext, folder_type="upload")
|
||||
file.save(input_path)
|
||||
|
||||
task = pdf_to_images_task.delay(
|
||||
input_path, task_id, original_filename, output_format, dpi
|
||||
)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Conversion started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Images to PDF — POST /api/pdf-tools/images-to-pdf
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/images-to-pdf", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def images_to_pdf_route():
|
||||
"""
|
||||
Convert multiple images to a single PDF.
|
||||
|
||||
Accepts: multipart/form-data with multiple 'files' fields (images)
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
files = request.files.getlist("files")
|
||||
if not files or len(files) < 1:
|
||||
return jsonify({"error": "Please upload at least 1 image."}), 400
|
||||
|
||||
if len(files) > 50:
|
||||
return jsonify({"error": "Maximum 50 images allowed."}), 400
|
||||
|
||||
task_id = str(uuid.uuid4())
|
||||
input_paths = []
|
||||
original_filenames = []
|
||||
|
||||
for f in files:
|
||||
try:
|
||||
original_filename, ext = validate_file(f, allowed_types=ALLOWED_IMAGE_TYPES)
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
upload_dir = os.path.join("/tmp/uploads", task_id)
|
||||
os.makedirs(upload_dir, exist_ok=True)
|
||||
file_path = os.path.join(upload_dir, f"{uuid.uuid4()}.{ext}")
|
||||
f.save(file_path)
|
||||
input_paths.append(file_path)
|
||||
original_filenames.append(original_filename)
|
||||
|
||||
task = images_to_pdf_task.delay(input_paths, task_id, original_filenames)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Conversion started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Watermark PDF — POST /api/pdf-tools/watermark
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/watermark", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def watermark_pdf_route():
|
||||
"""
|
||||
Add a text watermark to a PDF.
|
||||
|
||||
Accepts: multipart/form-data with:
|
||||
- 'file': PDF file
|
||||
- 'text': Watermark text
|
||||
- 'opacity' (optional): 0.1-1.0 (default: 0.3)
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
if "file" not in request.files:
|
||||
return jsonify({"error": "No file provided."}), 400
|
||||
|
||||
file = request.files["file"]
|
||||
watermark_text = request.form.get("text", "").strip()
|
||||
|
||||
if not watermark_text:
|
||||
return jsonify({"error": "Watermark text is required."}), 400
|
||||
|
||||
if len(watermark_text) > 100:
|
||||
return jsonify({"error": "Watermark text must be 100 characters or less."}), 400
|
||||
|
||||
try:
|
||||
opacity = max(0.1, min(1.0, float(request.form.get("opacity", 0.3))))
|
||||
except ValueError:
|
||||
opacity = 0.3
|
||||
|
||||
try:
|
||||
original_filename, ext = validate_file(file, allowed_types=["pdf"])
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
task_id, input_path = generate_safe_path(ext, folder_type="upload")
|
||||
file.save(input_path)
|
||||
|
||||
task = watermark_pdf_task.delay(
|
||||
input_path, task_id, original_filename, watermark_text, opacity
|
||||
)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Watermarking started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Protect PDF — POST /api/pdf-tools/protect
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/protect", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def protect_pdf_route():
|
||||
"""
|
||||
Add password protection to a PDF.
|
||||
|
||||
Accepts: multipart/form-data with:
|
||||
- 'file': PDF file
|
||||
- 'password': Password to set
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
if "file" not in request.files:
|
||||
return jsonify({"error": "No file provided."}), 400
|
||||
|
||||
file = request.files["file"]
|
||||
password = request.form.get("password", "").strip()
|
||||
|
||||
if not password:
|
||||
return jsonify({"error": "Password is required."}), 400
|
||||
|
||||
if len(password) < 4:
|
||||
return jsonify({"error": "Password must be at least 4 characters."}), 400
|
||||
|
||||
try:
|
||||
original_filename, ext = validate_file(file, allowed_types=["pdf"])
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
task_id, input_path = generate_safe_path(ext, folder_type="upload")
|
||||
file.save(input_path)
|
||||
|
||||
task = protect_pdf_task.delay(input_path, task_id, original_filename, password)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Protection started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Unlock PDF — POST /api/pdf-tools/unlock
|
||||
# ---------------------------------------------------------------------------
|
||||
@pdf_tools_bp.route("/unlock", methods=["POST"])
|
||||
@limiter.limit("10/minute")
|
||||
def unlock_pdf_route():
|
||||
"""
|
||||
Remove password protection from a PDF.
|
||||
|
||||
Accepts: multipart/form-data with:
|
||||
- 'file': PDF file
|
||||
- 'password': Current password of the PDF
|
||||
Returns: JSON with task_id for polling
|
||||
"""
|
||||
if "file" not in request.files:
|
||||
return jsonify({"error": "No file provided."}), 400
|
||||
|
||||
file = request.files["file"]
|
||||
password = request.form.get("password", "").strip()
|
||||
|
||||
if not password:
|
||||
return jsonify({"error": "Password is required."}), 400
|
||||
|
||||
try:
|
||||
original_filename, ext = validate_file(file, allowed_types=["pdf"])
|
||||
except FileValidationError as e:
|
||||
return jsonify({"error": e.message}), e.code
|
||||
|
||||
task_id, input_path = generate_safe_path(ext, folder_type="upload")
|
||||
file.save(input_path)
|
||||
|
||||
task = unlock_pdf_task.delay(input_path, task_id, original_filename, password)
|
||||
|
||||
return jsonify({
|
||||
"task_id": task.id,
|
||||
"message": "Unlock started. Poll /api/tasks/{task_id}/status for progress.",
|
||||
}), 202
|
||||
652
backend/app/services/pdf_tools_service.py
Normal file
652
backend/app/services/pdf_tools_service.py
Normal file
@@ -0,0 +1,652 @@
|
||||
"""Extended PDF tools service — Merge, Split, Rotate, Page Numbers, PDF↔Images."""
|
||||
import os
|
||||
import io
|
||||
import logging
|
||||
import subprocess
|
||||
import tempfile
|
||||
import zipfile
|
||||
|
||||
from PIL import Image
|
||||
|
||||
logger = logging.getLogger(__name__)
|
||||
|
||||
|
||||
class PDFToolsError(Exception):
|
||||
"""Custom exception for PDF tools failures."""
|
||||
pass
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 1. Merge PDFs
|
||||
# ---------------------------------------------------------------------------
|
||||
def merge_pdfs(input_paths: list[str], output_path: str) -> dict:
|
||||
"""
|
||||
Merge multiple PDF files into a single PDF.
|
||||
|
||||
Args:
|
||||
input_paths: List of paths to PDF files (in order)
|
||||
output_path: Path for the merged output PDF
|
||||
|
||||
Returns:
|
||||
dict with total_pages and output_size
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If merge fails
|
||||
"""
|
||||
try:
|
||||
from PyPDF2 import PdfReader, PdfWriter
|
||||
|
||||
writer = PdfWriter()
|
||||
total_pages = 0
|
||||
|
||||
for path in input_paths:
|
||||
if not os.path.exists(path):
|
||||
raise PDFToolsError(f"File not found: {os.path.basename(path)}")
|
||||
reader = PdfReader(path)
|
||||
for page in reader.pages:
|
||||
writer.add_page(page)
|
||||
total_pages += 1
|
||||
|
||||
os.makedirs(os.path.dirname(output_path), exist_ok=True)
|
||||
with open(output_path, "wb") as f:
|
||||
writer.write(f)
|
||||
|
||||
output_size = os.path.getsize(output_path)
|
||||
logger.info(f"Merged {len(input_paths)} PDFs → {total_pages} pages ({output_size} bytes)")
|
||||
|
||||
return {
|
||||
"total_pages": total_pages,
|
||||
"files_merged": len(input_paths),
|
||||
"output_size": output_size,
|
||||
}
|
||||
|
||||
except PDFToolsError:
|
||||
raise
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to merge PDFs: {str(e)}")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 2. Split PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
def split_pdf(
|
||||
input_path: str,
|
||||
output_dir: str,
|
||||
mode: str = "all",
|
||||
pages: str | None = None,
|
||||
) -> dict:
|
||||
"""
|
||||
Split a PDF into individual pages or a specific range.
|
||||
|
||||
Args:
|
||||
input_path: Path to the input PDF
|
||||
output_dir: Directory for the output files
|
||||
mode: "all" (every page) or "range" (specific pages)
|
||||
pages: Page specification for range mode, e.g. "1,3,5-8"
|
||||
|
||||
Returns:
|
||||
dict with output_files list, total_pages, and zip_path
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If split fails
|
||||
"""
|
||||
try:
|
||||
from PyPDF2 import PdfReader, PdfWriter
|
||||
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
reader = PdfReader(input_path)
|
||||
total_pages = len(reader.pages)
|
||||
|
||||
if total_pages == 0:
|
||||
raise PDFToolsError("PDF has no pages.")
|
||||
|
||||
# Determine which pages to extract
|
||||
if mode == "range" and pages:
|
||||
page_indices = _parse_page_range(pages, total_pages)
|
||||
else:
|
||||
page_indices = list(range(total_pages))
|
||||
|
||||
output_files = []
|
||||
for idx in page_indices:
|
||||
writer = PdfWriter()
|
||||
writer.add_page(reader.pages[idx])
|
||||
|
||||
page_num = idx + 1
|
||||
out_path = os.path.join(output_dir, f"page_{page_num}.pdf")
|
||||
with open(out_path, "wb") as f:
|
||||
writer.write(f)
|
||||
output_files.append(out_path)
|
||||
|
||||
# Create a ZIP of all output files
|
||||
zip_path = os.path.join(output_dir, "split_pages.zip")
|
||||
with zipfile.ZipFile(zip_path, "w", zipfile.ZIP_DEFLATED) as zf:
|
||||
for fpath in output_files:
|
||||
zf.write(fpath, os.path.basename(fpath))
|
||||
|
||||
logger.info(f"Split PDF: {total_pages} pages → {len(output_files)} files")
|
||||
|
||||
return {
|
||||
"total_pages": total_pages,
|
||||
"extracted_pages": len(output_files),
|
||||
"output_size": os.path.getsize(zip_path),
|
||||
"zip_path": zip_path,
|
||||
}
|
||||
|
||||
except PDFToolsError:
|
||||
raise
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to split PDF: {str(e)}")
|
||||
|
||||
|
||||
def _parse_page_range(spec: str, total: int) -> list[int]:
|
||||
"""Parse a page specification like '1,3,5-8' into 0-based indices."""
|
||||
indices = set()
|
||||
for part in spec.split(","):
|
||||
part = part.strip()
|
||||
if "-" in part:
|
||||
start_s, end_s = part.split("-", 1)
|
||||
start = max(1, int(start_s.strip()))
|
||||
end = min(total, int(end_s.strip()))
|
||||
indices.update(range(start - 1, end))
|
||||
else:
|
||||
page = int(part)
|
||||
if 1 <= page <= total:
|
||||
indices.add(page - 1)
|
||||
if not indices:
|
||||
raise PDFToolsError("No valid pages specified.")
|
||||
return sorted(indices)
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 3. Rotate PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
def rotate_pdf(
|
||||
input_path: str,
|
||||
output_path: str,
|
||||
rotation: int = 90,
|
||||
pages: str = "all",
|
||||
) -> dict:
|
||||
"""
|
||||
Rotate pages in a PDF.
|
||||
|
||||
Args:
|
||||
input_path: Path to the input PDF
|
||||
output_path: Path for the rotated output PDF
|
||||
rotation: Degrees to rotate (90, 180, 270)
|
||||
pages: "all" or comma-separated page numbers (1-based)
|
||||
|
||||
Returns:
|
||||
dict with total_pages and rotated_pages
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If rotation fails
|
||||
"""
|
||||
if rotation not in (90, 180, 270):
|
||||
raise PDFToolsError("Rotation must be 90, 180, or 270 degrees.")
|
||||
|
||||
try:
|
||||
from PyPDF2 import PdfReader, PdfWriter
|
||||
|
||||
reader = PdfReader(input_path)
|
||||
writer = PdfWriter()
|
||||
total_pages = len(reader.pages)
|
||||
|
||||
# Determine which pages to rotate
|
||||
if pages == "all":
|
||||
rotate_indices = set(range(total_pages))
|
||||
else:
|
||||
rotate_indices = set()
|
||||
for part in pages.split(","):
|
||||
part = part.strip()
|
||||
page = int(part)
|
||||
if 1 <= page <= total_pages:
|
||||
rotate_indices.add(page - 1)
|
||||
|
||||
rotated_count = 0
|
||||
for i, page in enumerate(reader.pages):
|
||||
if i in rotate_indices:
|
||||
page.rotate(rotation)
|
||||
rotated_count += 1
|
||||
writer.add_page(page)
|
||||
|
||||
os.makedirs(os.path.dirname(output_path), exist_ok=True)
|
||||
with open(output_path, "wb") as f:
|
||||
writer.write(f)
|
||||
|
||||
logger.info(f"Rotated {rotated_count}/{total_pages} pages by {rotation}°")
|
||||
|
||||
return {
|
||||
"total_pages": total_pages,
|
||||
"rotated_pages": rotated_count,
|
||||
"rotation": rotation,
|
||||
"output_size": os.path.getsize(output_path),
|
||||
}
|
||||
|
||||
except PDFToolsError:
|
||||
raise
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to rotate PDF: {str(e)}")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 4. Add Page Numbers
|
||||
# ---------------------------------------------------------------------------
|
||||
def add_page_numbers(
|
||||
input_path: str,
|
||||
output_path: str,
|
||||
position: str = "bottom-center",
|
||||
start_number: int = 1,
|
||||
) -> dict:
|
||||
"""
|
||||
Add page numbers to a PDF.
|
||||
|
||||
Args:
|
||||
input_path: Path to the input PDF
|
||||
output_path: Path for the numbered output PDF
|
||||
position: Number position — "bottom-center", "bottom-right", "bottom-left",
|
||||
"top-center", "top-right", "top-left"
|
||||
start_number: Starting page number
|
||||
|
||||
Returns:
|
||||
dict with total_pages and output_size
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If numbering fails
|
||||
"""
|
||||
try:
|
||||
from PyPDF2 import PdfReader, PdfWriter
|
||||
from reportlab.pdfgen import canvas
|
||||
from reportlab.lib.units import mm
|
||||
|
||||
reader = PdfReader(input_path)
|
||||
writer = PdfWriter()
|
||||
total_pages = len(reader.pages)
|
||||
|
||||
for i, page in enumerate(reader.pages):
|
||||
page_num = start_number + i
|
||||
page_width = float(page.mediabox.width)
|
||||
page_height = float(page.mediabox.height)
|
||||
|
||||
# Create overlay with page number
|
||||
packet = io.BytesIO()
|
||||
c = canvas.Canvas(packet, pagesize=(page_width, page_height))
|
||||
c.setFont("Helvetica", 10)
|
||||
|
||||
# Calculate position
|
||||
x, y = _get_number_position(position, page_width, page_height)
|
||||
c.drawCentredString(x, y, str(page_num))
|
||||
c.save()
|
||||
packet.seek(0)
|
||||
|
||||
# Merge overlay onto original page
|
||||
from PyPDF2 import PdfReader as OverlayReader
|
||||
overlay = OverlayReader(packet)
|
||||
page.merge_page(overlay.pages[0])
|
||||
writer.add_page(page)
|
||||
|
||||
os.makedirs(os.path.dirname(output_path), exist_ok=True)
|
||||
with open(output_path, "wb") as f:
|
||||
writer.write(f)
|
||||
|
||||
logger.info(f"Added page numbers to {total_pages} pages")
|
||||
|
||||
return {
|
||||
"total_pages": total_pages,
|
||||
"output_size": os.path.getsize(output_path),
|
||||
}
|
||||
|
||||
except PDFToolsError:
|
||||
raise
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to add page numbers: {str(e)}")
|
||||
|
||||
|
||||
def _get_number_position(
|
||||
position: str, page_width: float, page_height: float
|
||||
) -> tuple[float, float]:
|
||||
"""Calculate x, y coordinates for the page number text."""
|
||||
margin = 30 # points from edge
|
||||
|
||||
positions = {
|
||||
"bottom-center": (page_width / 2, margin),
|
||||
"bottom-right": (page_width - margin, margin),
|
||||
"bottom-left": (margin, margin),
|
||||
"top-center": (page_width / 2, page_height - margin),
|
||||
"top-right": (page_width - margin, page_height - margin),
|
||||
"top-left": (margin, page_height - margin),
|
||||
}
|
||||
|
||||
return positions.get(position, positions["bottom-center"])
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 5. PDF to Images
|
||||
# ---------------------------------------------------------------------------
|
||||
def pdf_to_images(
|
||||
input_path: str,
|
||||
output_dir: str,
|
||||
output_format: str = "png",
|
||||
dpi: int = 200,
|
||||
) -> dict:
|
||||
"""
|
||||
Convert each page of a PDF to an image.
|
||||
|
||||
Args:
|
||||
input_path: Path to the input PDF
|
||||
output_dir: Directory for output images
|
||||
output_format: "png" or "jpg"
|
||||
dpi: Resolution (72-600)
|
||||
|
||||
Returns:
|
||||
dict with page_count, output_files, zip_path, output_size
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If conversion fails
|
||||
"""
|
||||
if output_format not in ("png", "jpg", "jpeg"):
|
||||
output_format = "png"
|
||||
if output_format == "jpeg":
|
||||
output_format = "jpg"
|
||||
|
||||
dpi = max(72, min(600, dpi))
|
||||
|
||||
try:
|
||||
from pdf2image import convert_from_path
|
||||
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
|
||||
images = convert_from_path(input_path, dpi=dpi)
|
||||
output_files = []
|
||||
|
||||
for i, img in enumerate(images):
|
||||
page_num = i + 1
|
||||
out_path = os.path.join(output_dir, f"page_{page_num}.{output_format}")
|
||||
|
||||
if output_format == "jpg":
|
||||
# Convert to RGB for JPEG
|
||||
if img.mode in ("RGBA", "P", "LA"):
|
||||
bg = Image.new("RGB", img.size, (255, 255, 255))
|
||||
if img.mode == "P":
|
||||
img = img.convert("RGBA")
|
||||
bg.paste(img, mask=img.split()[-1] if "A" in img.mode else None)
|
||||
img = bg
|
||||
img.save(out_path, "JPEG", quality=90, optimize=True)
|
||||
else:
|
||||
img.save(out_path, "PNG", optimize=True)
|
||||
|
||||
output_files.append(out_path)
|
||||
|
||||
# Create ZIP of all images
|
||||
zip_path = os.path.join(output_dir, "pdf_images.zip")
|
||||
with zipfile.ZipFile(zip_path, "w", zipfile.ZIP_DEFLATED) as zf:
|
||||
for fpath in output_files:
|
||||
zf.write(fpath, os.path.basename(fpath))
|
||||
|
||||
logger.info(f"PDF→Images: {len(images)} pages → {output_format.upper()} @ {dpi} DPI")
|
||||
|
||||
return {
|
||||
"page_count": len(images),
|
||||
"format": output_format,
|
||||
"dpi": dpi,
|
||||
"output_size": os.path.getsize(zip_path),
|
||||
"zip_path": zip_path,
|
||||
}
|
||||
|
||||
except ImportError:
|
||||
raise PDFToolsError(
|
||||
"pdf2image is not installed. Install it with: pip install pdf2image"
|
||||
)
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to convert PDF to images: {str(e)}")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 6. Images to PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
def images_to_pdf(input_paths: list[str], output_path: str) -> dict:
|
||||
"""
|
||||
Combine multiple images into a single PDF.
|
||||
|
||||
Args:
|
||||
input_paths: List of paths to image files (in order)
|
||||
output_path: Path for the output PDF
|
||||
|
||||
Returns:
|
||||
dict with page_count and output_size
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If conversion fails
|
||||
"""
|
||||
try:
|
||||
os.makedirs(os.path.dirname(output_path), exist_ok=True)
|
||||
|
||||
images = []
|
||||
for path in input_paths:
|
||||
if not os.path.exists(path):
|
||||
raise PDFToolsError(f"Image not found: {os.path.basename(path)}")
|
||||
img = Image.open(path)
|
||||
# Convert to RGB (required for PDF)
|
||||
if img.mode in ("RGBA", "P", "LA"):
|
||||
bg = Image.new("RGB", img.size, (255, 255, 255))
|
||||
if img.mode == "P":
|
||||
img = img.convert("RGBA")
|
||||
bg.paste(img, mask=img.split()[-1] if "A" in img.mode else None)
|
||||
img = bg
|
||||
elif img.mode != "RGB":
|
||||
img = img.convert("RGB")
|
||||
images.append(img)
|
||||
|
||||
if not images:
|
||||
raise PDFToolsError("No valid images provided.")
|
||||
|
||||
# Save all images as a single PDF
|
||||
images[0].save(
|
||||
output_path,
|
||||
"PDF",
|
||||
save_all=True,
|
||||
append_images=images[1:],
|
||||
resolution=150,
|
||||
)
|
||||
|
||||
# Close images
|
||||
for img in images:
|
||||
img.close()
|
||||
|
||||
output_size = os.path.getsize(output_path)
|
||||
logger.info(f"Images→PDF: {len(input_paths)} images → {output_size} bytes")
|
||||
|
||||
return {
|
||||
"page_count": len(input_paths),
|
||||
"output_size": output_size,
|
||||
}
|
||||
|
||||
except PDFToolsError:
|
||||
raise
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to create PDF from images: {str(e)}")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 7. Watermark PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
def add_watermark(
|
||||
input_path: str,
|
||||
output_path: str,
|
||||
watermark_text: str,
|
||||
opacity: float = 0.3,
|
||||
font_size: int = 50,
|
||||
rotation: int = 45,
|
||||
) -> dict:
|
||||
"""
|
||||
Add a text watermark to every page of a PDF.
|
||||
|
||||
Args:
|
||||
input_path: Path to the input PDF
|
||||
output_path: Path for the watermarked output PDF
|
||||
watermark_text: Text to use as watermark
|
||||
opacity: Watermark opacity (0.0-1.0)
|
||||
font_size: Font size for watermark text
|
||||
rotation: Rotation angle in degrees
|
||||
|
||||
Returns:
|
||||
dict with total_pages and output_size
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If watermarking fails
|
||||
"""
|
||||
try:
|
||||
from PyPDF2 import PdfReader, PdfWriter
|
||||
from reportlab.pdfgen import canvas
|
||||
from reportlab.lib.colors import Color
|
||||
|
||||
reader = PdfReader(input_path)
|
||||
writer = PdfWriter()
|
||||
total_pages = len(reader.pages)
|
||||
|
||||
for page in reader.pages:
|
||||
page_width = float(page.mediabox.width)
|
||||
page_height = float(page.mediabox.height)
|
||||
|
||||
# Create watermark overlay
|
||||
packet = io.BytesIO()
|
||||
c = canvas.Canvas(packet, pagesize=(page_width, page_height))
|
||||
|
||||
# Set watermark properties
|
||||
c.setFont("Helvetica", font_size)
|
||||
c.setFillColor(Color(0.5, 0.5, 0.5, alpha=opacity))
|
||||
|
||||
# Draw rotated watermark text at center
|
||||
c.saveState()
|
||||
c.translate(page_width / 2, page_height / 2)
|
||||
c.rotate(rotation)
|
||||
c.drawCentredString(0, 0, watermark_text)
|
||||
c.restoreState()
|
||||
|
||||
c.save()
|
||||
packet.seek(0)
|
||||
|
||||
from PyPDF2 import PdfReader as OverlayReader
|
||||
overlay = OverlayReader(packet)
|
||||
page.merge_page(overlay.pages[0])
|
||||
writer.add_page(page)
|
||||
|
||||
os.makedirs(os.path.dirname(output_path), exist_ok=True)
|
||||
with open(output_path, "wb") as f:
|
||||
writer.write(f)
|
||||
|
||||
logger.info(f"Added watermark '{watermark_text}' to {total_pages} pages")
|
||||
|
||||
return {
|
||||
"total_pages": total_pages,
|
||||
"output_size": os.path.getsize(output_path),
|
||||
}
|
||||
|
||||
except PDFToolsError:
|
||||
raise
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to add watermark: {str(e)}")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 8. Protect PDF (add password)
|
||||
# ---------------------------------------------------------------------------
|
||||
def protect_pdf(
|
||||
input_path: str,
|
||||
output_path: str,
|
||||
password: str,
|
||||
) -> dict:
|
||||
"""
|
||||
Add password protection to a PDF.
|
||||
|
||||
Args:
|
||||
input_path: Path to the input PDF
|
||||
output_path: Path for the protected output PDF
|
||||
password: Password to set
|
||||
|
||||
Returns:
|
||||
dict with total_pages and output_size
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If protection fails
|
||||
"""
|
||||
try:
|
||||
from PyPDF2 import PdfReader, PdfWriter
|
||||
|
||||
reader = PdfReader(input_path)
|
||||
writer = PdfWriter()
|
||||
total_pages = len(reader.pages)
|
||||
|
||||
for page in reader.pages:
|
||||
writer.add_page(page)
|
||||
|
||||
writer.encrypt(password)
|
||||
|
||||
os.makedirs(os.path.dirname(output_path), exist_ok=True)
|
||||
with open(output_path, "wb") as f:
|
||||
writer.write(f)
|
||||
|
||||
logger.info(f"Protected PDF with password ({total_pages} pages)")
|
||||
|
||||
return {
|
||||
"total_pages": total_pages,
|
||||
"output_size": os.path.getsize(output_path),
|
||||
}
|
||||
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to protect PDF: {str(e)}")
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# 9. Unlock PDF (remove password)
|
||||
# ---------------------------------------------------------------------------
|
||||
def unlock_pdf(
|
||||
input_path: str,
|
||||
output_path: str,
|
||||
password: str,
|
||||
) -> dict:
|
||||
"""
|
||||
Remove password protection from a PDF.
|
||||
|
||||
Args:
|
||||
input_path: Path to the input PDF
|
||||
output_path: Path for the unlocked output PDF
|
||||
password: Current password of the PDF
|
||||
|
||||
Returns:
|
||||
dict with total_pages and output_size
|
||||
|
||||
Raises:
|
||||
PDFToolsError: If unlock fails
|
||||
"""
|
||||
try:
|
||||
from PyPDF2 import PdfReader, PdfWriter
|
||||
|
||||
reader = PdfReader(input_path)
|
||||
|
||||
if reader.is_encrypted:
|
||||
if not reader.decrypt(password):
|
||||
raise PDFToolsError("Incorrect password.")
|
||||
else:
|
||||
raise PDFToolsError("PDF is not password-protected.")
|
||||
|
||||
writer = PdfWriter()
|
||||
total_pages = len(reader.pages)
|
||||
|
||||
for page in reader.pages:
|
||||
writer.add_page(page)
|
||||
|
||||
os.makedirs(os.path.dirname(output_path), exist_ok=True)
|
||||
with open(output_path, "wb") as f:
|
||||
writer.write(f)
|
||||
|
||||
logger.info(f"Unlocked PDF ({total_pages} pages)")
|
||||
|
||||
return {
|
||||
"total_pages": total_pages,
|
||||
"output_size": os.path.getsize(output_path),
|
||||
}
|
||||
|
||||
except PDFToolsError:
|
||||
raise
|
||||
except Exception as e:
|
||||
raise PDFToolsError(f"Failed to unlock PDF: {str(e)}")
|
||||
438
backend/app/tasks/pdf_tools_tasks.py
Normal file
438
backend/app/tasks/pdf_tools_tasks.py
Normal file
@@ -0,0 +1,438 @@
|
||||
"""Celery tasks for extended PDF tools (merge, split, rotate, etc.)."""
|
||||
import os
|
||||
import logging
|
||||
|
||||
from app.extensions import celery
|
||||
from app.services.pdf_tools_service import (
|
||||
merge_pdfs,
|
||||
split_pdf,
|
||||
rotate_pdf,
|
||||
add_page_numbers,
|
||||
pdf_to_images,
|
||||
images_to_pdf,
|
||||
add_watermark,
|
||||
protect_pdf,
|
||||
unlock_pdf,
|
||||
PDFToolsError,
|
||||
)
|
||||
from app.services.storage_service import storage
|
||||
from app.utils.sanitizer import cleanup_task_files
|
||||
|
||||
|
||||
def _cleanup(task_id: str):
|
||||
cleanup_task_files(task_id, keep_outputs=not storage.use_s3)
|
||||
|
||||
|
||||
logger = logging.getLogger(__name__)
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Merge PDFs
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.merge_pdfs_task")
|
||||
def merge_pdfs_task(
|
||||
self, input_paths: list[str], task_id: str, original_filenames: list[str]
|
||||
):
|
||||
"""Async task: Merge multiple PDFs into one."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
output_path = os.path.join(output_dir, f"{task_id}_merged.pdf")
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": "Merging PDFs..."})
|
||||
stats = merge_pdfs(input_paths, output_path)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
s3_key = storage.upload_file(output_path, task_id, folder="outputs")
|
||||
download_name = "merged.pdf"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"total_pages": stats["total_pages"],
|
||||
"files_merged": stats["files_merged"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: Merge completed — {stats['files_merged']} files, {stats['total_pages']} pages")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: Merge error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Split PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.split_pdf_task")
|
||||
def split_pdf_task(
|
||||
self, input_path: str, task_id: str, original_filename: str,
|
||||
mode: str = "all", pages: str | None = None,
|
||||
):
|
||||
"""Async task: Split a PDF into individual pages."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": "Splitting PDF..."})
|
||||
stats = split_pdf(input_path, output_dir, mode=mode, pages=pages)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
zip_path = stats["zip_path"]
|
||||
s3_key = storage.upload_file(zip_path, task_id, folder="outputs")
|
||||
|
||||
name_without_ext = os.path.splitext(original_filename)[0]
|
||||
download_name = f"{name_without_ext}_split.zip"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"total_pages": stats["total_pages"],
|
||||
"extracted_pages": stats["extracted_pages"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: Split completed — {stats['extracted_pages']} pages extracted")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: Split error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Rotate PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.rotate_pdf_task")
|
||||
def rotate_pdf_task(
|
||||
self, input_path: str, task_id: str, original_filename: str,
|
||||
rotation: int = 90, pages: str = "all",
|
||||
):
|
||||
"""Async task: Rotate pages in a PDF."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
output_path = os.path.join(output_dir, f"{task_id}_rotated.pdf")
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": f"Rotating PDF by {rotation}°..."})
|
||||
stats = rotate_pdf(input_path, output_path, rotation=rotation, pages=pages)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
s3_key = storage.upload_file(output_path, task_id, folder="outputs")
|
||||
|
||||
name_without_ext = os.path.splitext(original_filename)[0]
|
||||
download_name = f"{name_without_ext}_rotated.pdf"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"total_pages": stats["total_pages"],
|
||||
"rotated_pages": stats["rotated_pages"],
|
||||
"rotation": stats["rotation"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: Rotate completed — {stats['rotated_pages']} pages")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: Rotate error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Add Page Numbers
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.add_page_numbers_task")
|
||||
def add_page_numbers_task(
|
||||
self, input_path: str, task_id: str, original_filename: str,
|
||||
position: str = "bottom-center", start_number: int = 1,
|
||||
):
|
||||
"""Async task: Add page numbers to a PDF."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
output_path = os.path.join(output_dir, f"{task_id}_numbered.pdf")
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": "Adding page numbers..."})
|
||||
stats = add_page_numbers(input_path, output_path, position=position, start_number=start_number)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
s3_key = storage.upload_file(output_path, task_id, folder="outputs")
|
||||
|
||||
name_without_ext = os.path.splitext(original_filename)[0]
|
||||
download_name = f"{name_without_ext}_numbered.pdf"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"total_pages": stats["total_pages"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: Page numbers added to {stats['total_pages']} pages")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: Page numbers error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# PDF to Images
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.pdf_to_images_task")
|
||||
def pdf_to_images_task(
|
||||
self, input_path: str, task_id: str, original_filename: str,
|
||||
output_format: str = "png", dpi: int = 200,
|
||||
):
|
||||
"""Async task: Convert PDF pages to images."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": "Converting PDF to images..."})
|
||||
stats = pdf_to_images(input_path, output_dir, output_format=output_format, dpi=dpi)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
zip_path = stats["zip_path"]
|
||||
s3_key = storage.upload_file(zip_path, task_id, folder="outputs")
|
||||
|
||||
name_without_ext = os.path.splitext(original_filename)[0]
|
||||
download_name = f"{name_without_ext}_images.zip"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"page_count": stats["page_count"],
|
||||
"format": stats["format"],
|
||||
"dpi": stats["dpi"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: PDF→Images completed — {stats['page_count']} pages")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: PDF→Images error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Images to PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.images_to_pdf_task")
|
||||
def images_to_pdf_task(
|
||||
self, input_paths: list[str], task_id: str, original_filenames: list[str]
|
||||
):
|
||||
"""Async task: Combine images into a PDF."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
output_path = os.path.join(output_dir, f"{task_id}_images.pdf")
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": "Creating PDF from images..."})
|
||||
stats = images_to_pdf(input_paths, output_path)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
s3_key = storage.upload_file(output_path, task_id, folder="outputs")
|
||||
download_name = "images_combined.pdf"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"page_count": stats["page_count"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: Images→PDF completed — {stats['page_count']} pages")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: Images→PDF error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Watermark PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.watermark_pdf_task")
|
||||
def watermark_pdf_task(
|
||||
self, input_path: str, task_id: str, original_filename: str,
|
||||
watermark_text: str, opacity: float = 0.3,
|
||||
):
|
||||
"""Async task: Add watermark to a PDF."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
output_path = os.path.join(output_dir, f"{task_id}_watermarked.pdf")
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": "Adding watermark..."})
|
||||
stats = add_watermark(input_path, output_path, watermark_text=watermark_text, opacity=opacity)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
s3_key = storage.upload_file(output_path, task_id, folder="outputs")
|
||||
|
||||
name_without_ext = os.path.splitext(original_filename)[0]
|
||||
download_name = f"{name_without_ext}_watermarked.pdf"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"total_pages": stats["total_pages"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: Watermark added")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: Watermark error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Protect PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.protect_pdf_task")
|
||||
def protect_pdf_task(
|
||||
self, input_path: str, task_id: str, original_filename: str,
|
||||
password: str,
|
||||
):
|
||||
"""Async task: Add password protection to a PDF."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
output_path = os.path.join(output_dir, f"{task_id}_protected.pdf")
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": "Protecting PDF..."})
|
||||
stats = protect_pdf(input_path, output_path, password=password)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
s3_key = storage.upload_file(output_path, task_id, folder="outputs")
|
||||
|
||||
name_without_ext = os.path.splitext(original_filename)[0]
|
||||
download_name = f"{name_without_ext}_protected.pdf"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"total_pages": stats["total_pages"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: PDF protected")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: Protect error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Unlock PDF
|
||||
# ---------------------------------------------------------------------------
|
||||
@celery.task(bind=True, name="app.tasks.pdf_tools_tasks.unlock_pdf_task")
|
||||
def unlock_pdf_task(
|
||||
self, input_path: str, task_id: str, original_filename: str,
|
||||
password: str,
|
||||
):
|
||||
"""Async task: Remove password from a PDF."""
|
||||
output_dir = os.path.join("/tmp/outputs", task_id)
|
||||
os.makedirs(output_dir, exist_ok=True)
|
||||
output_path = os.path.join(output_dir, f"{task_id}_unlocked.pdf")
|
||||
|
||||
try:
|
||||
self.update_state(state="PROCESSING", meta={"step": "Unlocking PDF..."})
|
||||
stats = unlock_pdf(input_path, output_path, password=password)
|
||||
|
||||
self.update_state(state="PROCESSING", meta={"step": "Uploading result..."})
|
||||
s3_key = storage.upload_file(output_path, task_id, folder="outputs")
|
||||
|
||||
name_without_ext = os.path.splitext(original_filename)[0]
|
||||
download_name = f"{name_without_ext}_unlocked.pdf"
|
||||
download_url = storage.generate_presigned_url(s3_key, original_filename=download_name)
|
||||
|
||||
result = {
|
||||
"status": "completed",
|
||||
"download_url": download_url,
|
||||
"filename": download_name,
|
||||
"total_pages": stats["total_pages"],
|
||||
"output_size": stats["output_size"],
|
||||
}
|
||||
|
||||
_cleanup(task_id)
|
||||
logger.info(f"Task {task_id}: PDF unlocked")
|
||||
return result
|
||||
|
||||
except PDFToolsError as e:
|
||||
logger.error(f"Task {task_id}: Unlock error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": str(e)}
|
||||
except Exception as e:
|
||||
logger.error(f"Task {task_id}: Unexpected error — {e}")
|
||||
_cleanup(task_id)
|
||||
return {"status": "failed", "error": "An unexpected error occurred."}
|
||||
@@ -25,6 +25,8 @@ class BaseConfig:
|
||||
"jpg": ["image/jpeg"],
|
||||
"jpeg": ["image/jpeg"],
|
||||
"webp": ["image/webp"],
|
||||
"tiff": ["image/tiff"],
|
||||
"bmp": ["image/bmp"],
|
||||
"mp4": ["video/mp4"],
|
||||
"webm": ["video/webm"],
|
||||
}
|
||||
@@ -38,6 +40,8 @@ class BaseConfig:
|
||||
"jpg": 10 * 1024 * 1024, # 10MB
|
||||
"jpeg": 10 * 1024 * 1024, # 10MB
|
||||
"webp": 10 * 1024 * 1024, # 10MB
|
||||
"tiff": 15 * 1024 * 1024, # 15MB
|
||||
"bmp": 15 * 1024 * 1024, # 15MB
|
||||
"mp4": 50 * 1024 * 1024, # 50MB
|
||||
"webm": 50 * 1024 * 1024, # 50MB
|
||||
}
|
||||
|
||||
@@ -12,10 +12,15 @@ redis>=5.0,<6.0
|
||||
flower>=2.0,<3.0
|
||||
|
||||
# File Processing
|
||||
Pillow>=10.0,<11.0
|
||||
Pillow>=10.0,<12.0
|
||||
python-magic>=0.4.27,<1.0
|
||||
ffmpeg-python>=0.2,<1.0
|
||||
|
||||
# PDF Processing
|
||||
PyPDF2>=3.0,<4.0
|
||||
reportlab>=4.0,<5.0
|
||||
pdf2image>=1.16,<2.0
|
||||
|
||||
# AWS
|
||||
boto3>=1.34,<2.0
|
||||
|
||||
|
||||
@@ -4,7 +4,17 @@
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description" content="Free online tools for PDF, image, video, and text processing. Convert, compress, and transform your files instantly." />
|
||||
<meta name="description" content="Free online tools for PDF, image, video, and text processing. Merge, split, compress, convert, watermark, protect & more — instantly." />
|
||||
<meta name="keywords" content="PDF tools, merge PDF, split PDF, compress PDF, PDF to Word, image converter, free online tools, Arabic PDF tools" />
|
||||
<meta name="author" content="SaaS-PDF" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="SaaS-PDF — Free Online File Tools" />
|
||||
<meta property="og:description" content="16+ free tools: merge, split, compress, convert PDFs, images, videos & text. No signup required." />
|
||||
<meta property="og:site_name" content="SaaS-PDF" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="SaaS-PDF — Free Online File Tools" />
|
||||
<meta name="twitter:description" content="16+ free tools: merge, split, compress, convert PDFs, images, videos & text. No signup required." />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700&display=swap" rel="stylesheet" />
|
||||
|
||||
@@ -19,6 +19,15 @@ const ImageConverter = lazy(() => import('@/components/tools/ImageConverter'));
|
||||
const VideoToGif = lazy(() => import('@/components/tools/VideoToGif'));
|
||||
const WordCounter = lazy(() => import('@/components/tools/WordCounter'));
|
||||
const TextCleaner = lazy(() => import('@/components/tools/TextCleaner'));
|
||||
const MergePdf = lazy(() => import('@/components/tools/MergePdf'));
|
||||
const SplitPdf = lazy(() => import('@/components/tools/SplitPdf'));
|
||||
const RotatePdf = lazy(() => import('@/components/tools/RotatePdf'));
|
||||
const PdfToImages = lazy(() => import('@/components/tools/PdfToImages'));
|
||||
const ImagesToPdf = lazy(() => import('@/components/tools/ImagesToPdf'));
|
||||
const WatermarkPdf = lazy(() => import('@/components/tools/WatermarkPdf'));
|
||||
const ProtectPdf = lazy(() => import('@/components/tools/ProtectPdf'));
|
||||
const UnlockPdf = lazy(() => import('@/components/tools/UnlockPdf'));
|
||||
const AddPageNumbers = lazy(() => import('@/components/tools/AddPageNumbers'));
|
||||
|
||||
function LoadingFallback() {
|
||||
return (
|
||||
@@ -48,6 +57,15 @@ export default function App() {
|
||||
<Route path="/tools/pdf-to-word" element={<PdfToWord />} />
|
||||
<Route path="/tools/word-to-pdf" element={<WordToPdf />} />
|
||||
<Route path="/tools/compress-pdf" element={<PdfCompressor />} />
|
||||
<Route path="/tools/merge-pdf" element={<MergePdf />} />
|
||||
<Route path="/tools/split-pdf" element={<SplitPdf />} />
|
||||
<Route path="/tools/rotate-pdf" element={<RotatePdf />} />
|
||||
<Route path="/tools/pdf-to-images" element={<PdfToImages />} />
|
||||
<Route path="/tools/images-to-pdf" element={<ImagesToPdf />} />
|
||||
<Route path="/tools/watermark-pdf" element={<WatermarkPdf />} />
|
||||
<Route path="/tools/protect-pdf" element={<ProtectPdf />} />
|
||||
<Route path="/tools/unlock-pdf" element={<UnlockPdf />} />
|
||||
<Route path="/tools/page-numbers" element={<AddPageNumbers />} />
|
||||
|
||||
{/* Image Tools */}
|
||||
<Route path="/tools/image-converter" element={<ImageConverter />} />
|
||||
|
||||
171
frontend/src/components/tools/AddPageNumbers.tsx
Normal file
171
frontend/src/components/tools/AddPageNumbers.tsx
Normal file
@@ -0,0 +1,171 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { ListOrdered } from 'lucide-react';
|
||||
import FileUploader from '@/components/shared/FileUploader';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import { useFileUpload } from '@/hooks/useFileUpload';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
type Position = 'bottom-center' | 'bottom-right' | 'bottom-left' | 'top-center' | 'top-right' | 'top-left';
|
||||
|
||||
export default function AddPageNumbers() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [position, setPosition] = useState<Position>('bottom-center');
|
||||
const [startNumber, setStartNumber] = useState(1);
|
||||
|
||||
const {
|
||||
file,
|
||||
uploadProgress,
|
||||
isUploading,
|
||||
taskId,
|
||||
error: uploadError,
|
||||
selectFile,
|
||||
startUpload,
|
||||
reset,
|
||||
} = useFileUpload({
|
||||
endpoint: '/pdf-tools/page-numbers',
|
||||
maxSizeMB: 20,
|
||||
acceptedTypes: ['pdf'],
|
||||
extraData: { position, start_number: startNumber.toString() },
|
||||
});
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const handleUpload = async () => {
|
||||
const id = await startUpload();
|
||||
if (id) setPhase('processing');
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
reset();
|
||||
setPhase('upload');
|
||||
};
|
||||
|
||||
const positions: { value: Position; label: string }[] = [
|
||||
{ value: 'bottom-center', label: t('tools.pageNumbers.bottomCenter') },
|
||||
{ value: 'bottom-right', label: t('tools.pageNumbers.bottomRight') },
|
||||
{ value: 'bottom-left', label: t('tools.pageNumbers.bottomLeft') },
|
||||
{ value: 'top-center', label: t('tools.pageNumbers.topCenter') },
|
||||
{ value: 'top-right', label: t('tools.pageNumbers.topRight') },
|
||||
{ value: 'top-left', label: t('tools.pageNumbers.topLeft') },
|
||||
];
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.pageNumbers.title'),
|
||||
description: t('tools.pageNumbers.description'),
|
||||
url: `${window.location.origin}/tools/page-numbers`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.pageNumbers.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.pageNumbers.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/page-numbers`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-sky-100">
|
||||
<ListOrdered className="h-8 w-8 text-sky-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.pageNumbers.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.pageNumbers.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
<FileUploader
|
||||
onFileSelect={selectFile}
|
||||
file={file}
|
||||
accept={{ 'application/pdf': ['.pdf'] }}
|
||||
maxSizeMB={20}
|
||||
isUploading={isUploading}
|
||||
uploadProgress={uploadProgress}
|
||||
error={uploadError}
|
||||
onReset={handleReset}
|
||||
acceptLabel="PDF (.pdf)"
|
||||
/>
|
||||
|
||||
{file && !isUploading && (
|
||||
<>
|
||||
{/* Position Selector */}
|
||||
<div>
|
||||
<label className="mb-2 block text-sm font-medium text-slate-700">
|
||||
{t('tools.pageNumbers.position')}
|
||||
</label>
|
||||
<div className="grid grid-cols-3 gap-2">
|
||||
{positions.map((p) => (
|
||||
<button
|
||||
key={p.value}
|
||||
onClick={() => setPosition(p.value)}
|
||||
className={`rounded-lg p-2 text-center text-xs ring-1 transition-all ${
|
||||
position === p.value
|
||||
? 'bg-primary-50 ring-primary-300 text-primary-700 font-semibold'
|
||||
: 'bg-white ring-slate-200 text-slate-600 hover:bg-slate-50'
|
||||
}`}
|
||||
>
|
||||
{p.label}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Start Number */}
|
||||
<div>
|
||||
<label className="mb-1 block text-sm font-medium text-slate-700">
|
||||
{t('tools.pageNumbers.startNumber')}
|
||||
</label>
|
||||
<input
|
||||
type="number"
|
||||
min="1"
|
||||
value={startNumber}
|
||||
onChange={(e) => setStartNumber(Math.max(1, Number(e.target.value)))}
|
||||
className="input-field w-32"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button onClick={handleUpload} className="btn-primary w-full">
|
||||
{t('tools.pageNumbers.shortDesc')}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
208
frontend/src/components/tools/ImagesToPdf.tsx
Normal file
208
frontend/src/components/tools/ImagesToPdf.tsx
Normal file
@@ -0,0 +1,208 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { FileImage } from 'lucide-react';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
export default function ImagesToPdf() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [files, setFiles] = useState<File[]>([]);
|
||||
const [isUploading, setIsUploading] = useState(false);
|
||||
const [taskId, setTaskId] = useState<string | null>(null);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const acceptedTypes = ['image/png', 'image/jpeg', 'image/webp', 'image/bmp'];
|
||||
|
||||
const handleFilesSelect = (newFiles: FileList | File[]) => {
|
||||
const fileArray = Array.from(newFiles).filter((f) =>
|
||||
acceptedTypes.includes(f.type)
|
||||
);
|
||||
if (fileArray.length === 0) {
|
||||
setError(t('tools.imagesToPdf.invalidFiles'));
|
||||
return;
|
||||
}
|
||||
setFiles((prev) => [...prev, ...fileArray]);
|
||||
setError(null);
|
||||
};
|
||||
|
||||
const removeFile = (index: number) => {
|
||||
setFiles((prev) => prev.filter((_, i) => i !== index));
|
||||
};
|
||||
|
||||
const handleUpload = async () => {
|
||||
if (files.length < 1) {
|
||||
setError(t('tools.imagesToPdf.minFiles'));
|
||||
return;
|
||||
}
|
||||
|
||||
setIsUploading(true);
|
||||
setError(null);
|
||||
|
||||
try {
|
||||
const formData = new FormData();
|
||||
files.forEach((f) => formData.append('files', f));
|
||||
|
||||
const response = await fetch('/api/pdf-tools/images-to-pdf', {
|
||||
method: 'POST',
|
||||
body: formData,
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(data.error || 'Upload failed.');
|
||||
}
|
||||
|
||||
setTaskId(data.task_id);
|
||||
setPhase('processing');
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'Upload failed.');
|
||||
} finally {
|
||||
setIsUploading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
setFiles([]);
|
||||
setPhase('upload');
|
||||
setTaskId(null);
|
||||
setError(null);
|
||||
};
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.imagesToPdf.title'),
|
||||
description: t('tools.imagesToPdf.description'),
|
||||
url: `${window.location.origin}/tools/images-to-pdf`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.imagesToPdf.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.imagesToPdf.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/images-to-pdf`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-pink-100">
|
||||
<FileImage className="h-8 w-8 text-pink-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.imagesToPdf.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.imagesToPdf.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
{/* Drop zone */}
|
||||
<div
|
||||
className="upload-zone cursor-pointer"
|
||||
onClick={() => document.getElementById('images-file-input')?.click()}
|
||||
onDragOver={(e) => e.preventDefault()}
|
||||
onDrop={(e) => {
|
||||
e.preventDefault();
|
||||
if (e.dataTransfer.files) handleFilesSelect(e.dataTransfer.files);
|
||||
}}
|
||||
>
|
||||
<input
|
||||
id="images-file-input"
|
||||
type="file"
|
||||
accept=".png,.jpg,.jpeg,.webp,.bmp"
|
||||
multiple
|
||||
className="hidden"
|
||||
onChange={(e) => {
|
||||
if (e.target.files) handleFilesSelect(e.target.files);
|
||||
e.target.value = '';
|
||||
}}
|
||||
/>
|
||||
<FileImage className="mb-4 h-12 w-12 text-slate-400" />
|
||||
<p className="mb-2 text-base font-medium text-slate-700">
|
||||
{t('common.dragDrop')}
|
||||
</p>
|
||||
<p className="text-sm text-slate-500">PNG, JPG, WebP, BMP</p>
|
||||
<p className="mt-1 text-xs text-slate-400">
|
||||
{t('common.maxSize', { size: 10 })}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* File list */}
|
||||
{files.length > 0 && (
|
||||
<div className="space-y-2">
|
||||
{files.map((f, idx) => (
|
||||
<div
|
||||
key={`${f.name}-${idx}`}
|
||||
className="flex items-center justify-between rounded-lg bg-primary-50 p-3 ring-1 ring-primary-200"
|
||||
>
|
||||
<span className="truncate text-sm font-medium text-slate-900">
|
||||
{idx + 1}. {f.name}
|
||||
</span>
|
||||
<button
|
||||
onClick={() => removeFile(idx)}
|
||||
className="ml-2 text-xs text-red-500 hover:text-red-700"
|
||||
>
|
||||
✕
|
||||
</button>
|
||||
</div>
|
||||
))}
|
||||
<p className="text-sm text-slate-500">
|
||||
{files.length} {t('tools.imagesToPdf.imagesSelected')}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{error && (
|
||||
<div className="rounded-xl bg-red-50 p-3 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{error}</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{files.length >= 1 && (
|
||||
<button
|
||||
onClick={handleUpload}
|
||||
disabled={isUploading}
|
||||
className="btn-primary w-full"
|
||||
>
|
||||
{isUploading ? t('common.processing') : t('tools.imagesToPdf.shortDesc')}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
210
frontend/src/components/tools/MergePdf.tsx
Normal file
210
frontend/src/components/tools/MergePdf.tsx
Normal file
@@ -0,0 +1,210 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { Layers } from 'lucide-react';
|
||||
import FileUploader from '@/components/shared/FileUploader';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { uploadFile, type TaskResponse } from '@/services/api';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
export default function MergePdf() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [files, setFiles] = useState<File[]>([]);
|
||||
const [uploadProgress, setUploadProgress] = useState(0);
|
||||
const [isUploading, setIsUploading] = useState(false);
|
||||
const [taskId, setTaskId] = useState<string | null>(null);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const handleFilesSelect = (newFiles: FileList | File[]) => {
|
||||
const fileArray = Array.from(newFiles).filter(
|
||||
(f) => f.type === 'application/pdf'
|
||||
);
|
||||
if (fileArray.length === 0) {
|
||||
setError(t('tools.mergePdf.invalidFiles'));
|
||||
return;
|
||||
}
|
||||
setFiles((prev) => [...prev, ...fileArray]);
|
||||
setError(null);
|
||||
};
|
||||
|
||||
const removeFile = (index: number) => {
|
||||
setFiles((prev) => prev.filter((_, i) => i !== index));
|
||||
};
|
||||
|
||||
const handleUpload = async () => {
|
||||
if (files.length < 2) {
|
||||
setError(t('tools.mergePdf.minFiles'));
|
||||
return;
|
||||
}
|
||||
|
||||
setIsUploading(true);
|
||||
setError(null);
|
||||
|
||||
try {
|
||||
const formData = new FormData();
|
||||
files.forEach((f) => formData.append('files', f));
|
||||
|
||||
const response = await fetch('/api/pdf-tools/merge', {
|
||||
method: 'POST',
|
||||
body: formData,
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(data.error || 'Upload failed.');
|
||||
}
|
||||
|
||||
setTaskId(data.task_id);
|
||||
setPhase('processing');
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'Upload failed.');
|
||||
} finally {
|
||||
setIsUploading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
setFiles([]);
|
||||
setPhase('upload');
|
||||
setTaskId(null);
|
||||
setError(null);
|
||||
setUploadProgress(0);
|
||||
};
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.mergePdf.title'),
|
||||
description: t('tools.mergePdf.description'),
|
||||
url: `${window.location.origin}/tools/merge-pdf`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.mergePdf.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.mergePdf.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/merge-pdf`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-violet-100">
|
||||
<Layers className="h-8 w-8 text-violet-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.mergePdf.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.mergePdf.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
{/* Drop zone for adding files */}
|
||||
<div
|
||||
className="upload-zone cursor-pointer"
|
||||
onClick={() => document.getElementById('merge-file-input')?.click()}
|
||||
onDragOver={(e) => e.preventDefault()}
|
||||
onDrop={(e) => {
|
||||
e.preventDefault();
|
||||
if (e.dataTransfer.files) handleFilesSelect(e.dataTransfer.files);
|
||||
}}
|
||||
>
|
||||
<input
|
||||
id="merge-file-input"
|
||||
type="file"
|
||||
accept=".pdf"
|
||||
multiple
|
||||
className="hidden"
|
||||
onChange={(e) => {
|
||||
if (e.target.files) handleFilesSelect(e.target.files);
|
||||
e.target.value = '';
|
||||
}}
|
||||
/>
|
||||
<Layers className="mb-4 h-12 w-12 text-slate-400" />
|
||||
<p className="mb-2 text-base font-medium text-slate-700">
|
||||
{t('common.dragDrop')}
|
||||
</p>
|
||||
<p className="text-sm text-slate-500">PDF (.pdf)</p>
|
||||
<p className="mt-1 text-xs text-slate-400">
|
||||
{t('common.maxSize', { size: 20 })}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* File list */}
|
||||
{files.length > 0 && (
|
||||
<div className="space-y-2">
|
||||
{files.map((f, idx) => (
|
||||
<div
|
||||
key={`${f.name}-${idx}`}
|
||||
className="flex items-center justify-between rounded-lg bg-primary-50 p-3 ring-1 ring-primary-200"
|
||||
>
|
||||
<span className="truncate text-sm font-medium text-slate-900">
|
||||
{idx + 1}. {f.name}
|
||||
</span>
|
||||
<button
|
||||
onClick={() => removeFile(idx)}
|
||||
className="ml-2 text-xs text-red-500 hover:text-red-700"
|
||||
>
|
||||
✕
|
||||
</button>
|
||||
</div>
|
||||
))}
|
||||
<p className="text-sm text-slate-500">
|
||||
{files.length} {t('tools.mergePdf.filesSelected')}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{error && (
|
||||
<div className="rounded-xl bg-red-50 p-3 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{error}</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{files.length >= 2 && (
|
||||
<button
|
||||
onClick={handleUpload}
|
||||
disabled={isUploading}
|
||||
className="btn-primary w-full"
|
||||
>
|
||||
{isUploading ? t('common.processing') : t('tools.mergePdf.shortDesc')}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
183
frontend/src/components/tools/PdfToImages.tsx
Normal file
183
frontend/src/components/tools/PdfToImages.tsx
Normal file
@@ -0,0 +1,183 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { ImageIcon } from 'lucide-react';
|
||||
import FileUploader from '@/components/shared/FileUploader';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import { useFileUpload } from '@/hooks/useFileUpload';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
type OutputFormat = 'png' | 'jpg';
|
||||
|
||||
export default function PdfToImages() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [format, setFormat] = useState<OutputFormat>('png');
|
||||
const [dpi, setDpi] = useState(200);
|
||||
|
||||
const {
|
||||
file,
|
||||
uploadProgress,
|
||||
isUploading,
|
||||
taskId,
|
||||
error: uploadError,
|
||||
selectFile,
|
||||
startUpload,
|
||||
reset,
|
||||
} = useFileUpload({
|
||||
endpoint: '/pdf-tools/pdf-to-images',
|
||||
maxSizeMB: 20,
|
||||
acceptedTypes: ['pdf'],
|
||||
extraData: { format, dpi: dpi.toString() },
|
||||
});
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const handleUpload = async () => {
|
||||
const id = await startUpload();
|
||||
if (id) setPhase('processing');
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
reset();
|
||||
setPhase('upload');
|
||||
};
|
||||
|
||||
const formats: { value: OutputFormat; label: string }[] = [
|
||||
{ value: 'png', label: 'PNG' },
|
||||
{ value: 'jpg', label: 'JPG' },
|
||||
];
|
||||
|
||||
const dpiOptions = [
|
||||
{ value: 72, label: '72 DPI', desc: t('tools.pdfToImages.lowQuality') },
|
||||
{ value: 150, label: '150 DPI', desc: t('tools.pdfToImages.mediumQuality') },
|
||||
{ value: 200, label: '200 DPI', desc: t('tools.pdfToImages.highQuality') },
|
||||
{ value: 300, label: '300 DPI', desc: t('tools.pdfToImages.bestQuality') },
|
||||
];
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.pdfToImages.title'),
|
||||
description: t('tools.pdfToImages.description'),
|
||||
url: `${window.location.origin}/tools/pdf-to-images`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.pdfToImages.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.pdfToImages.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/pdf-to-images`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-teal-100">
|
||||
<ImageIcon className="h-8 w-8 text-teal-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.pdfToImages.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.pdfToImages.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
<FileUploader
|
||||
onFileSelect={selectFile}
|
||||
file={file}
|
||||
accept={{ 'application/pdf': ['.pdf'] }}
|
||||
maxSizeMB={20}
|
||||
isUploading={isUploading}
|
||||
uploadProgress={uploadProgress}
|
||||
error={uploadError}
|
||||
onReset={handleReset}
|
||||
acceptLabel="PDF (.pdf)"
|
||||
/>
|
||||
|
||||
{file && !isUploading && (
|
||||
<>
|
||||
{/* Format Selector */}
|
||||
<div>
|
||||
<label className="mb-2 block text-sm font-medium text-slate-700">
|
||||
{t('tools.pdfToImages.outputFormat')}
|
||||
</label>
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
{formats.map((f) => (
|
||||
<button
|
||||
key={f.value}
|
||||
onClick={() => setFormat(f.value)}
|
||||
className={`rounded-xl p-3 text-center ring-1 transition-all ${
|
||||
format === f.value
|
||||
? 'bg-primary-50 ring-primary-300 text-primary-700 font-semibold'
|
||||
: 'bg-white ring-slate-200 text-slate-600 hover:bg-slate-50'
|
||||
}`}
|
||||
>
|
||||
{f.label}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* DPI Selector */}
|
||||
<div>
|
||||
<label className="mb-2 block text-sm font-medium text-slate-700">
|
||||
{t('tools.pdfToImages.quality')}
|
||||
</label>
|
||||
<div className="grid grid-cols-2 gap-3 sm:grid-cols-4">
|
||||
{dpiOptions.map((opt) => (
|
||||
<button
|
||||
key={opt.value}
|
||||
onClick={() => setDpi(opt.value)}
|
||||
className={`rounded-xl p-3 text-center ring-1 transition-all ${
|
||||
dpi === opt.value
|
||||
? 'bg-primary-50 ring-primary-300 text-primary-700'
|
||||
: 'bg-white ring-slate-200 text-slate-600 hover:bg-slate-50'
|
||||
}`}
|
||||
>
|
||||
<p className="text-sm font-medium">{opt.label}</p>
|
||||
<p className="text-xs text-slate-400 mt-0.5">{opt.desc}</p>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button onClick={handleUpload} className="btn-primary w-full">
|
||||
{t('tools.pdfToImages.shortDesc')}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
168
frontend/src/components/tools/ProtectPdf.tsx
Normal file
168
frontend/src/components/tools/ProtectPdf.tsx
Normal file
@@ -0,0 +1,168 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { Lock } from 'lucide-react';
|
||||
import FileUploader from '@/components/shared/FileUploader';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import { useFileUpload } from '@/hooks/useFileUpload';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
export default function ProtectPdf() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [password, setPassword] = useState('');
|
||||
const [confirmPassword, setConfirmPassword] = useState('');
|
||||
|
||||
const passwordsMatch = password === confirmPassword && password.length > 0;
|
||||
|
||||
const {
|
||||
file,
|
||||
uploadProgress,
|
||||
isUploading,
|
||||
taskId,
|
||||
error: uploadError,
|
||||
selectFile,
|
||||
startUpload,
|
||||
reset,
|
||||
} = useFileUpload({
|
||||
endpoint: '/pdf-tools/protect',
|
||||
maxSizeMB: 20,
|
||||
acceptedTypes: ['pdf'],
|
||||
extraData: { password },
|
||||
});
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const handleUpload = async () => {
|
||||
if (!passwordsMatch) return;
|
||||
const id = await startUpload();
|
||||
if (id) setPhase('processing');
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
reset();
|
||||
setPassword('');
|
||||
setConfirmPassword('');
|
||||
setPhase('upload');
|
||||
};
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.protectPdf.title'),
|
||||
description: t('tools.protectPdf.description'),
|
||||
url: `${window.location.origin}/tools/protect-pdf`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.protectPdf.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.protectPdf.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/protect-pdf`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-red-100">
|
||||
<Lock className="h-8 w-8 text-red-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.protectPdf.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.protectPdf.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
<FileUploader
|
||||
onFileSelect={selectFile}
|
||||
file={file}
|
||||
accept={{ 'application/pdf': ['.pdf'] }}
|
||||
maxSizeMB={20}
|
||||
isUploading={isUploading}
|
||||
uploadProgress={uploadProgress}
|
||||
error={uploadError}
|
||||
onReset={handleReset}
|
||||
acceptLabel="PDF (.pdf)"
|
||||
/>
|
||||
|
||||
{file && !isUploading && (
|
||||
<>
|
||||
{/* Password Input */}
|
||||
<div>
|
||||
<label className="mb-1 block text-sm font-medium text-slate-700">
|
||||
{t('tools.protectPdf.password')}
|
||||
</label>
|
||||
<input
|
||||
type="password"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
className="input-field w-full"
|
||||
placeholder={t('tools.protectPdf.passwordPlaceholder')}
|
||||
autoComplete="new-password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Confirm Password */}
|
||||
<div>
|
||||
<label className="mb-1 block text-sm font-medium text-slate-700">
|
||||
{t('tools.protectPdf.confirmPassword')}
|
||||
</label>
|
||||
<input
|
||||
type="password"
|
||||
value={confirmPassword}
|
||||
onChange={(e) => setConfirmPassword(e.target.value)}
|
||||
className="input-field w-full"
|
||||
placeholder={t('tools.protectPdf.confirmPlaceholder')}
|
||||
autoComplete="new-password"
|
||||
/>
|
||||
{confirmPassword && !passwordsMatch && (
|
||||
<p className="mt-1 text-xs text-red-500">
|
||||
{t('tools.protectPdf.mismatch')}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={handleUpload}
|
||||
disabled={!passwordsMatch}
|
||||
className="btn-primary w-full disabled:opacity-50"
|
||||
>
|
||||
{t('tools.protectPdf.shortDesc')}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
155
frontend/src/components/tools/RotatePdf.tsx
Normal file
155
frontend/src/components/tools/RotatePdf.tsx
Normal file
@@ -0,0 +1,155 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { RotateCw } from 'lucide-react';
|
||||
import FileUploader from '@/components/shared/FileUploader';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import { useFileUpload } from '@/hooks/useFileUpload';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
type Rotation = 90 | 180 | 270;
|
||||
|
||||
export default function RotatePdf() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [rotation, setRotation] = useState<Rotation>(90);
|
||||
|
||||
const {
|
||||
file,
|
||||
uploadProgress,
|
||||
isUploading,
|
||||
taskId,
|
||||
error: uploadError,
|
||||
selectFile,
|
||||
startUpload,
|
||||
reset,
|
||||
} = useFileUpload({
|
||||
endpoint: '/pdf-tools/rotate',
|
||||
maxSizeMB: 20,
|
||||
acceptedTypes: ['pdf'],
|
||||
extraData: { rotation: rotation.toString(), pages: 'all' },
|
||||
});
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const handleUpload = async () => {
|
||||
const id = await startUpload();
|
||||
if (id) setPhase('processing');
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
reset();
|
||||
setPhase('upload');
|
||||
};
|
||||
|
||||
const rotations: { value: Rotation; label: string }[] = [
|
||||
{ value: 90, label: '90°' },
|
||||
{ value: 180, label: '180°' },
|
||||
{ value: 270, label: '270°' },
|
||||
];
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.rotatePdf.title'),
|
||||
description: t('tools.rotatePdf.description'),
|
||||
url: `${window.location.origin}/tools/rotate-pdf`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.rotatePdf.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.rotatePdf.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/rotate-pdf`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-cyan-100">
|
||||
<RotateCw className="h-8 w-8 text-cyan-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.rotatePdf.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.rotatePdf.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
<FileUploader
|
||||
onFileSelect={selectFile}
|
||||
file={file}
|
||||
accept={{ 'application/pdf': ['.pdf'] }}
|
||||
maxSizeMB={20}
|
||||
isUploading={isUploading}
|
||||
uploadProgress={uploadProgress}
|
||||
error={uploadError}
|
||||
onReset={handleReset}
|
||||
acceptLabel="PDF (.pdf)"
|
||||
/>
|
||||
|
||||
{file && !isUploading && (
|
||||
<>
|
||||
<div>
|
||||
<label className="mb-2 block text-sm font-medium text-slate-700">
|
||||
{t('tools.rotatePdf.rotationAngle')}
|
||||
</label>
|
||||
<div className="grid grid-cols-3 gap-3">
|
||||
{rotations.map((r) => (
|
||||
<button
|
||||
key={r.value}
|
||||
onClick={() => setRotation(r.value)}
|
||||
className={`rounded-xl p-3 text-center ring-1 transition-all ${
|
||||
rotation === r.value
|
||||
? 'bg-primary-50 ring-primary-300 text-primary-700 font-semibold'
|
||||
: 'bg-white ring-slate-200 text-slate-600 hover:bg-slate-50'
|
||||
}`}
|
||||
>
|
||||
<RotateCw className={`mx-auto h-5 w-5 mb-1 ${
|
||||
rotation === r.value ? 'text-primary-600' : 'text-slate-400'
|
||||
}`} />
|
||||
{r.label}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button onClick={handleUpload} className="btn-primary w-full">
|
||||
{t('tools.rotatePdf.shortDesc')}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
174
frontend/src/components/tools/SplitPdf.tsx
Normal file
174
frontend/src/components/tools/SplitPdf.tsx
Normal file
@@ -0,0 +1,174 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { Scissors } from 'lucide-react';
|
||||
import FileUploader from '@/components/shared/FileUploader';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import { useFileUpload } from '@/hooks/useFileUpload';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
type SplitMode = 'all' | 'range';
|
||||
|
||||
export default function SplitPdf() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [mode, setMode] = useState<SplitMode>('all');
|
||||
const [pages, setPages] = useState('');
|
||||
|
||||
const {
|
||||
file,
|
||||
uploadProgress,
|
||||
isUploading,
|
||||
taskId,
|
||||
error: uploadError,
|
||||
selectFile,
|
||||
startUpload,
|
||||
reset,
|
||||
} = useFileUpload({
|
||||
endpoint: '/pdf-tools/split',
|
||||
maxSizeMB: 20,
|
||||
acceptedTypes: ['pdf'],
|
||||
extraData: { mode, ...(mode === 'range' ? { pages } : {}) },
|
||||
});
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const handleUpload = async () => {
|
||||
if (mode === 'range' && !pages.trim()) return;
|
||||
const id = await startUpload();
|
||||
if (id) setPhase('processing');
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
reset();
|
||||
setPhase('upload');
|
||||
setMode('all');
|
||||
setPages('');
|
||||
};
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.splitPdf.title'),
|
||||
description: t('tools.splitPdf.description'),
|
||||
url: `${window.location.origin}/tools/split-pdf`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.splitPdf.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.splitPdf.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/split-pdf`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-amber-100">
|
||||
<Scissors className="h-8 w-8 text-amber-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.splitPdf.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.splitPdf.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
<FileUploader
|
||||
onFileSelect={selectFile}
|
||||
file={file}
|
||||
accept={{ 'application/pdf': ['.pdf'] }}
|
||||
maxSizeMB={20}
|
||||
isUploading={isUploading}
|
||||
uploadProgress={uploadProgress}
|
||||
error={uploadError}
|
||||
onReset={handleReset}
|
||||
acceptLabel="PDF (.pdf)"
|
||||
/>
|
||||
|
||||
{file && !isUploading && (
|
||||
<>
|
||||
{/* Mode Selector */}
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
<button
|
||||
onClick={() => setMode('all')}
|
||||
className={`rounded-xl p-3 text-center ring-1 transition-all ${
|
||||
mode === 'all'
|
||||
? 'bg-primary-50 ring-primary-300 text-primary-700 font-semibold'
|
||||
: 'bg-white ring-slate-200 text-slate-600 hover:bg-slate-50'
|
||||
}`}
|
||||
>
|
||||
<p className="text-sm font-medium">{t('tools.splitPdf.allPages')}</p>
|
||||
<p className="text-xs text-slate-400 mt-0.5">{t('tools.splitPdf.allPagesDesc')}</p>
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setMode('range')}
|
||||
className={`rounded-xl p-3 text-center ring-1 transition-all ${
|
||||
mode === 'range'
|
||||
? 'bg-primary-50 ring-primary-300 text-primary-700 font-semibold'
|
||||
: 'bg-white ring-slate-200 text-slate-600 hover:bg-slate-50'
|
||||
}`}
|
||||
>
|
||||
<p className="text-sm font-medium">{t('tools.splitPdf.selectPages')}</p>
|
||||
<p className="text-xs text-slate-400 mt-0.5">{t('tools.splitPdf.selectPagesDesc')}</p>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Page Range Input */}
|
||||
{mode === 'range' && (
|
||||
<div>
|
||||
<label className="mb-1 block text-sm font-medium text-slate-700">
|
||||
{t('tools.splitPdf.pageRange')}
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={pages}
|
||||
onChange={(e) => setPages(e.target.value)}
|
||||
placeholder="1, 3, 5-8"
|
||||
className="input-field"
|
||||
/>
|
||||
<p className="mt-1 text-xs text-slate-400">
|
||||
{t('tools.splitPdf.pageRangeHint')}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<button onClick={handleUpload} className="btn-primary w-full">
|
||||
{t('tools.splitPdf.shortDesc')}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
144
frontend/src/components/tools/UnlockPdf.tsx
Normal file
144
frontend/src/components/tools/UnlockPdf.tsx
Normal file
@@ -0,0 +1,144 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { Unlock } from 'lucide-react';
|
||||
import FileUploader from '@/components/shared/FileUploader';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import { useFileUpload } from '@/hooks/useFileUpload';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
export default function UnlockPdf() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [password, setPassword] = useState('');
|
||||
|
||||
const {
|
||||
file,
|
||||
uploadProgress,
|
||||
isUploading,
|
||||
taskId,
|
||||
error: uploadError,
|
||||
selectFile,
|
||||
startUpload,
|
||||
reset,
|
||||
} = useFileUpload({
|
||||
endpoint: '/pdf-tools/unlock',
|
||||
maxSizeMB: 20,
|
||||
acceptedTypes: ['pdf'],
|
||||
extraData: { password },
|
||||
});
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const handleUpload = async () => {
|
||||
if (!password) return;
|
||||
const id = await startUpload();
|
||||
if (id) setPhase('processing');
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
reset();
|
||||
setPassword('');
|
||||
setPhase('upload');
|
||||
};
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.unlockPdf.title'),
|
||||
description: t('tools.unlockPdf.description'),
|
||||
url: `${window.location.origin}/tools/unlock-pdf`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.unlockPdf.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.unlockPdf.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/unlock-pdf`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-green-100">
|
||||
<Unlock className="h-8 w-8 text-green-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.unlockPdf.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.unlockPdf.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
<FileUploader
|
||||
onFileSelect={selectFile}
|
||||
file={file}
|
||||
accept={{ 'application/pdf': ['.pdf'] }}
|
||||
maxSizeMB={20}
|
||||
isUploading={isUploading}
|
||||
uploadProgress={uploadProgress}
|
||||
error={uploadError}
|
||||
onReset={handleReset}
|
||||
acceptLabel="PDF (.pdf)"
|
||||
/>
|
||||
|
||||
{file && !isUploading && (
|
||||
<>
|
||||
{/* Password Input */}
|
||||
<div>
|
||||
<label className="mb-1 block text-sm font-medium text-slate-700">
|
||||
{t('tools.unlockPdf.password')}
|
||||
</label>
|
||||
<input
|
||||
type="password"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
className="input-field w-full"
|
||||
placeholder={t('tools.unlockPdf.passwordPlaceholder')}
|
||||
autoComplete="current-password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={handleUpload}
|
||||
disabled={!password}
|
||||
className="btn-primary w-full disabled:opacity-50"
|
||||
>
|
||||
{t('tools.unlockPdf.shortDesc')}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
162
frontend/src/components/tools/WatermarkPdf.tsx
Normal file
162
frontend/src/components/tools/WatermarkPdf.tsx
Normal file
@@ -0,0 +1,162 @@
|
||||
import { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Helmet } from 'react-helmet-async';
|
||||
import { Droplets } from 'lucide-react';
|
||||
import FileUploader from '@/components/shared/FileUploader';
|
||||
import ProgressBar from '@/components/shared/ProgressBar';
|
||||
import DownloadButton from '@/components/shared/DownloadButton';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
import { useFileUpload } from '@/hooks/useFileUpload';
|
||||
import { useTaskPolling } from '@/hooks/useTaskPolling';
|
||||
import { generateToolSchema } from '@/utils/seo';
|
||||
|
||||
export default function WatermarkPdf() {
|
||||
const { t } = useTranslation();
|
||||
const [phase, setPhase] = useState<'upload' | 'processing' | 'done'>('upload');
|
||||
const [text, setText] = useState('CONFIDENTIAL');
|
||||
const [opacity, setOpacity] = useState(30);
|
||||
|
||||
const {
|
||||
file,
|
||||
uploadProgress,
|
||||
isUploading,
|
||||
taskId,
|
||||
error: uploadError,
|
||||
selectFile,
|
||||
startUpload,
|
||||
reset,
|
||||
} = useFileUpload({
|
||||
endpoint: '/pdf-tools/watermark',
|
||||
maxSizeMB: 20,
|
||||
acceptedTypes: ['pdf'],
|
||||
extraData: { text, opacity: (opacity / 100).toString() },
|
||||
});
|
||||
|
||||
const { status, result, error: taskError } = useTaskPolling({
|
||||
taskId,
|
||||
onComplete: () => setPhase('done'),
|
||||
onError: () => setPhase('done'),
|
||||
});
|
||||
|
||||
const handleUpload = async () => {
|
||||
const id = await startUpload();
|
||||
if (id) setPhase('processing');
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
reset();
|
||||
setPhase('upload');
|
||||
};
|
||||
|
||||
const schema = generateToolSchema({
|
||||
name: t('tools.watermarkPdf.title'),
|
||||
description: t('tools.watermarkPdf.description'),
|
||||
url: `${window.location.origin}/tools/watermark-pdf`,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>{t('tools.watermarkPdf.title')} — {t('common.appName')}</title>
|
||||
<meta name="description" content={t('tools.watermarkPdf.description')} />
|
||||
<link rel="canonical" href={`${window.location.origin}/tools/watermark-pdf`} />
|
||||
<script type="application/ld+json">{JSON.stringify(schema)}</script>
|
||||
</Helmet>
|
||||
|
||||
<div className="mx-auto max-w-2xl">
|
||||
<div className="mb-8 text-center">
|
||||
<div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-cyan-100">
|
||||
<Droplets className="h-8 w-8 text-cyan-600" />
|
||||
</div>
|
||||
<h1 className="section-heading">{t('tools.watermarkPdf.title')}</h1>
|
||||
<p className="mt-2 text-slate-500">{t('tools.watermarkPdf.description')}</p>
|
||||
</div>
|
||||
|
||||
<AdSlot slot="top-banner" format="horizontal" className="mb-6" />
|
||||
|
||||
{phase === 'upload' && (
|
||||
<div className="space-y-4">
|
||||
<FileUploader
|
||||
onFileSelect={selectFile}
|
||||
file={file}
|
||||
accept={{ 'application/pdf': ['.pdf'] }}
|
||||
maxSizeMB={20}
|
||||
isUploading={isUploading}
|
||||
uploadProgress={uploadProgress}
|
||||
error={uploadError}
|
||||
onReset={handleReset}
|
||||
acceptLabel="PDF (.pdf)"
|
||||
/>
|
||||
|
||||
{file && !isUploading && (
|
||||
<>
|
||||
{/* Watermark Text */}
|
||||
<div>
|
||||
<label className="mb-1 block text-sm font-medium text-slate-700">
|
||||
{t('tools.watermarkPdf.text')}
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={text}
|
||||
onChange={(e) => setText(e.target.value)}
|
||||
maxLength={50}
|
||||
className="input-field w-full"
|
||||
placeholder={t('tools.watermarkPdf.textPlaceholder')}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Opacity Slider */}
|
||||
<div>
|
||||
<label className="mb-1 block text-sm font-medium text-slate-700">
|
||||
{t('tools.watermarkPdf.opacity')}: {opacity}%
|
||||
</label>
|
||||
<input
|
||||
type="range"
|
||||
min="5"
|
||||
max="100"
|
||||
value={opacity}
|
||||
onChange={(e) => setOpacity(Number(e.target.value))}
|
||||
className="w-full accent-cyan-600"
|
||||
/>
|
||||
<div className="flex justify-between text-xs text-slate-400">
|
||||
<span>{t('tools.watermarkPdf.light')}</span>
|
||||
<span>{t('tools.watermarkPdf.heavy')}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={handleUpload}
|
||||
disabled={!text.trim()}
|
||||
className="btn-primary w-full disabled:opacity-50"
|
||||
>
|
||||
{t('tools.watermarkPdf.shortDesc')}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{phase === 'processing' && !result && (
|
||||
<ProgressBar state={status?.state || 'PENDING'} message={status?.progress} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && result && result.status === 'completed' && (
|
||||
<DownloadButton result={result} onStartOver={handleReset} />
|
||||
)}
|
||||
|
||||
{phase === 'done' && taskError && (
|
||||
<div className="space-y-4">
|
||||
<div className="rounded-xl bg-red-50 p-4 ring-1 ring-red-200">
|
||||
<p className="text-sm text-red-700">{taskError}</p>
|
||||
</div>
|
||||
<button onClick={handleReset} className="btn-secondary w-full">
|
||||
{t('common.startOver')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<AdSlot slot="bottom-banner" className="mt-8" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -82,6 +82,92 @@
|
||||
"toSentenceCase": "حالة الجملة",
|
||||
"removeDiacritics": "إزالة التشكيل العربي",
|
||||
"copyResult": "نسخ النتيجة"
|
||||
},
|
||||
"mergePdf": {
|
||||
"title": "دمج PDF",
|
||||
"description": "ادمج عدة ملفات PDF في مستند واحد. مجاني وسريع.",
|
||||
"shortDesc": "دمج PDF",
|
||||
"selectFiles": "اختر ملفات PDF",
|
||||
"addMore": "أضف ملفات أخرى",
|
||||
"filesSelected": "{{count}} ملفات مختارة",
|
||||
"dragToReorder": "اسحب الملفات لإعادة ترتيبها"
|
||||
},
|
||||
"splitPdf": {
|
||||
"title": "تقسيم PDF",
|
||||
"description": "قسّم ملف PDF إلى صفحات فردية أو استخرج نطاقات صفحات محددة.",
|
||||
"shortDesc": "تقسيم PDF",
|
||||
"allPages": "كل الصفحات",
|
||||
"pageRange": "نطاق الصفحات",
|
||||
"rangeHint": "مثال: 1,3,5-8",
|
||||
"rangePlaceholder": "أدخل الصفحات: 1,3,5-8"
|
||||
},
|
||||
"rotatePdf": {
|
||||
"title": "تدوير PDF",
|
||||
"description": "دوّر جميع صفحات ملف PDF بزاوية 90° أو 180° أو 270° درجة.",
|
||||
"shortDesc": "تدوير PDF",
|
||||
"angle": "زاوية التدوير",
|
||||
"90": "90° مع عقارب الساعة",
|
||||
"180": "180° قلب",
|
||||
"270": "270° عكس عقارب الساعة"
|
||||
},
|
||||
"pdfToImages": {
|
||||
"title": "PDF إلى صور",
|
||||
"description": "حوّل كل صفحة من ملف PDF إلى صور عالية الجودة (PNG أو JPG).",
|
||||
"shortDesc": "PDF → صور",
|
||||
"format": "صيغة الصورة",
|
||||
"dpi": "الدقة (DPI)",
|
||||
"dpiLow": "72 — شاشة",
|
||||
"dpiMedium": "150 — قياسي",
|
||||
"dpiHigh": "200 — جيد",
|
||||
"dpiUltra": "300 — جودة طباعة"
|
||||
},
|
||||
"imagesToPdf": {
|
||||
"title": "صور إلى PDF",
|
||||
"description": "ادمج عدة صور في مستند PDF واحد.",
|
||||
"shortDesc": "صور → PDF",
|
||||
"selectImages": "اختر الصور",
|
||||
"addMore": "أضف صور أخرى",
|
||||
"imagesSelected": "{{count}} صور مختارة"
|
||||
},
|
||||
"watermarkPdf": {
|
||||
"title": "علامة مائية PDF",
|
||||
"description": "أضف علامة مائية نصية مخصصة لكل صفحة من ملف PDF.",
|
||||
"shortDesc": "إضافة علامة مائية",
|
||||
"text": "نص العلامة المائية",
|
||||
"textPlaceholder": "أدخل نص العلامة المائية",
|
||||
"opacity": "الشفافية",
|
||||
"light": "خفيف",
|
||||
"heavy": "كثيف"
|
||||
},
|
||||
"protectPdf": {
|
||||
"title": "حماية PDF",
|
||||
"description": "أضف حماية بكلمة مرور لملف PDF لمنع الوصول غير المصرّح به.",
|
||||
"shortDesc": "حماية PDF",
|
||||
"password": "كلمة المرور",
|
||||
"passwordPlaceholder": "أدخل كلمة مرور قوية",
|
||||
"confirmPassword": "تأكيد كلمة المرور",
|
||||
"confirmPlaceholder": "أعد إدخال كلمة المرور",
|
||||
"mismatch": "كلمات المرور غير متطابقة"
|
||||
},
|
||||
"unlockPdf": {
|
||||
"title": "فك حماية PDF",
|
||||
"description": "أزل حماية كلمة المرور من ملف PDF.",
|
||||
"shortDesc": "فك حماية PDF",
|
||||
"password": "كلمة المرور الحالية",
|
||||
"passwordPlaceholder": "أدخل كلمة مرور الملف"
|
||||
},
|
||||
"pageNumbers": {
|
||||
"title": "إضافة أرقام الصفحات",
|
||||
"description": "أضف أرقام الصفحات لكل صفحة في ملف PDF. اختر الموضع ورقم البداية.",
|
||||
"shortDesc": "أرقام الصفحات",
|
||||
"position": "موضع الرقم",
|
||||
"startNumber": "ابدأ من",
|
||||
"bottomCenter": "أسفل الوسط",
|
||||
"bottomRight": "أسفل اليمين",
|
||||
"bottomLeft": "أسفل اليسار",
|
||||
"topCenter": "أعلى الوسط",
|
||||
"topRight": "أعلى اليمين",
|
||||
"topLeft": "أعلى اليسار"
|
||||
}
|
||||
},
|
||||
"result": {
|
||||
|
||||
@@ -82,6 +82,92 @@
|
||||
"toSentenceCase": "Sentence case",
|
||||
"removeDiacritics": "Remove Arabic Diacritics",
|
||||
"copyResult": "Copy Result"
|
||||
},
|
||||
"mergePdf": {
|
||||
"title": "Merge PDF",
|
||||
"description": "Combine multiple PDF files into a single document. Free and fast.",
|
||||
"shortDesc": "Merge PDFs",
|
||||
"selectFiles": "Select PDF Files",
|
||||
"addMore": "Add More Files",
|
||||
"filesSelected": "{{count}} files selected",
|
||||
"dragToReorder": "Drag files to reorder them"
|
||||
},
|
||||
"splitPdf": {
|
||||
"title": "Split PDF",
|
||||
"description": "Split a PDF into individual pages or extract specific page ranges.",
|
||||
"shortDesc": "Split PDF",
|
||||
"allPages": "All Pages",
|
||||
"pageRange": "Page Range",
|
||||
"rangeHint": "e.g. 1,3,5-8",
|
||||
"rangePlaceholder": "Enter pages: 1,3,5-8"
|
||||
},
|
||||
"rotatePdf": {
|
||||
"title": "Rotate PDF",
|
||||
"description": "Rotate all pages of a PDF by 90°, 180°, or 270° degrees.",
|
||||
"shortDesc": "Rotate PDF",
|
||||
"angle": "Rotation Angle",
|
||||
"90": "90° Clockwise",
|
||||
"180": "180° Flip",
|
||||
"270": "270° Counter-clockwise"
|
||||
},
|
||||
"pdfToImages": {
|
||||
"title": "PDF to Images",
|
||||
"description": "Convert each page of a PDF into high-quality images (PNG or JPG).",
|
||||
"shortDesc": "PDF → Images",
|
||||
"format": "Image Format",
|
||||
"dpi": "Resolution (DPI)",
|
||||
"dpiLow": "72 — Screen",
|
||||
"dpiMedium": "150 — Standard",
|
||||
"dpiHigh": "200 — Good",
|
||||
"dpiUltra": "300 — Print Quality"
|
||||
},
|
||||
"imagesToPdf": {
|
||||
"title": "Images to PDF",
|
||||
"description": "Combine multiple images into a single PDF document.",
|
||||
"shortDesc": "Images → PDF",
|
||||
"selectImages": "Select Images",
|
||||
"addMore": "Add More Images",
|
||||
"imagesSelected": "{{count}} images selected"
|
||||
},
|
||||
"watermarkPdf": {
|
||||
"title": "Watermark PDF",
|
||||
"description": "Add a custom text watermark to every page of your PDF.",
|
||||
"shortDesc": "Add Watermark",
|
||||
"text": "Watermark Text",
|
||||
"textPlaceholder": "Enter watermark text",
|
||||
"opacity": "Opacity",
|
||||
"light": "Light",
|
||||
"heavy": "Heavy"
|
||||
},
|
||||
"protectPdf": {
|
||||
"title": "Protect PDF",
|
||||
"description": "Add password protection to your PDF to prevent unauthorized access.",
|
||||
"shortDesc": "Protect PDF",
|
||||
"password": "Password",
|
||||
"passwordPlaceholder": "Enter a strong password",
|
||||
"confirmPassword": "Confirm Password",
|
||||
"confirmPlaceholder": "Re-enter the password",
|
||||
"mismatch": "Passwords do not match"
|
||||
},
|
||||
"unlockPdf": {
|
||||
"title": "Unlock PDF",
|
||||
"description": "Remove password protection from your PDF file.",
|
||||
"shortDesc": "Unlock PDF",
|
||||
"password": "Current Password",
|
||||
"passwordPlaceholder": "Enter the PDF password"
|
||||
},
|
||||
"pageNumbers": {
|
||||
"title": "Add Page Numbers",
|
||||
"description": "Add page numbers to every page of your PDF. Choose position and starting number.",
|
||||
"shortDesc": "Add Page Numbers",
|
||||
"position": "Number Position",
|
||||
"startNumber": "Start From",
|
||||
"bottomCenter": "Bottom Center",
|
||||
"bottomRight": "Bottom Right",
|
||||
"bottomLeft": "Bottom Left",
|
||||
"topCenter": "Top Center",
|
||||
"topRight": "Top Right",
|
||||
"topLeft": "Top Left"
|
||||
}
|
||||
},
|
||||
"result": {
|
||||
|
||||
@@ -8,6 +8,15 @@ import {
|
||||
Film,
|
||||
Hash,
|
||||
Eraser,
|
||||
Layers,
|
||||
Scissors,
|
||||
RotateCw,
|
||||
Image,
|
||||
FileImage,
|
||||
Droplets,
|
||||
Lock,
|
||||
Unlock,
|
||||
ListOrdered,
|
||||
} from 'lucide-react';
|
||||
import ToolCard from '@/components/shared/ToolCard';
|
||||
import AdSlot from '@/components/layout/AdSlot';
|
||||
@@ -23,6 +32,15 @@ const tools: ToolInfo[] = [
|
||||
{ key: 'pdfToWord', path: '/tools/pdf-to-word', icon: <FileText className="h-6 w-6 text-red-600" />, bgColor: 'bg-red-50' },
|
||||
{ key: 'wordToPdf', path: '/tools/word-to-pdf', icon: <FileOutput className="h-6 w-6 text-blue-600" />, bgColor: 'bg-blue-50' },
|
||||
{ key: 'compressPdf', path: '/tools/compress-pdf', icon: <Minimize2 className="h-6 w-6 text-orange-600" />, bgColor: 'bg-orange-50' },
|
||||
{ key: 'mergePdf', path: '/tools/merge-pdf', icon: <Layers className="h-6 w-6 text-violet-600" />, bgColor: 'bg-violet-50' },
|
||||
{ key: 'splitPdf', path: '/tools/split-pdf', icon: <Scissors className="h-6 w-6 text-pink-600" />, bgColor: 'bg-pink-50' },
|
||||
{ key: 'rotatePdf', path: '/tools/rotate-pdf', icon: <RotateCw className="h-6 w-6 text-teal-600" />, bgColor: 'bg-teal-50' },
|
||||
{ key: 'pdfToImages', path: '/tools/pdf-to-images', icon: <Image className="h-6 w-6 text-amber-600" />, bgColor: 'bg-amber-50' },
|
||||
{ key: 'imagesToPdf', path: '/tools/images-to-pdf', icon: <FileImage className="h-6 w-6 text-lime-600" />, bgColor: 'bg-lime-50' },
|
||||
{ key: 'watermarkPdf', path: '/tools/watermark-pdf', icon: <Droplets className="h-6 w-6 text-cyan-600" />, bgColor: 'bg-cyan-50' },
|
||||
{ key: 'protectPdf', path: '/tools/protect-pdf', icon: <Lock className="h-6 w-6 text-red-600" />, bgColor: 'bg-red-50' },
|
||||
{ key: 'unlockPdf', path: '/tools/unlock-pdf', icon: <Unlock className="h-6 w-6 text-green-600" />, bgColor: 'bg-green-50' },
|
||||
{ key: 'pageNumbers', path: '/tools/page-numbers', icon: <ListOrdered className="h-6 w-6 text-sky-600" />, bgColor: 'bg-sky-50' },
|
||||
{ key: 'imageConvert', path: '/tools/image-converter', icon: <ImageIcon className="h-6 w-6 text-purple-600" />, bgColor: 'bg-purple-50' },
|
||||
{ key: 'videoToGif', path: '/tools/video-to-gif', icon: <Film className="h-6 w-6 text-emerald-600" />, bgColor: 'bg-emerald-50' },
|
||||
{ key: 'wordCounter', path: '/tools/word-counter', icon: <Hash className="h-6 w-6 text-blue-600" />, bgColor: 'bg-blue-50' },
|
||||
|
||||
@@ -16,6 +16,8 @@ server {
|
||||
add_header X-Content-Type-Options "nosniff" always;
|
||||
add_header X-XSS-Protection "1; mode=block" always;
|
||||
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
|
||||
add_header Permissions-Policy "camera=(), microphone=(), geolocation=()" always;
|
||||
add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' https://pagead2.googlesyndication.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: blob:; connect-src 'self'; frame-ancestors 'self'" always;
|
||||
|
||||
# API requests → Flask backend
|
||||
location /api/ {
|
||||
|
||||
@@ -29,6 +29,8 @@ server {
|
||||
add_header X-Content-Type-Options "nosniff" always;
|
||||
add_header X-XSS-Protection "1; mode=block" always;
|
||||
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
|
||||
add_header Permissions-Policy "camera=(), microphone=(), geolocation=()" always;
|
||||
add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' https://pagead2.googlesyndication.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: blob:; connect-src 'self'; frame-ancestors 'self'" always;
|
||||
|
||||
# Gzip
|
||||
gzip on;
|
||||
|
||||
@@ -15,6 +15,15 @@ TOOLS = [
|
||||
'/tools/pdf-to-word',
|
||||
'/tools/word-to-pdf',
|
||||
'/tools/compress-pdf',
|
||||
'/tools/merge-pdf',
|
||||
'/tools/split-pdf',
|
||||
'/tools/rotate-pdf',
|
||||
'/tools/pdf-to-images',
|
||||
'/tools/images-to-pdf',
|
||||
'/tools/watermark-pdf',
|
||||
'/tools/protect-pdf',
|
||||
'/tools/unlock-pdf',
|
||||
'/tools/page-numbers',
|
||||
'/tools/image-converter',
|
||||
'/tools/video-to-gif',
|
||||
'/tools/word-counter',
|
||||
|
||||
Reference in New Issue
Block a user