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:
Your Name
2026-03-02 02:44:49 +02:00
parent 85d98381df
commit 31f1e4b312
24 changed files with 3337 additions and 2 deletions

View File

@@ -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")

View File

@@ -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):

View 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

View 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)}")

View 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."}

View File

@@ -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
}

View File

@@ -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

View File

@@ -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" />

View File

@@ -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 />} />

View 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>
</>
);
}

View 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>
</>
);
}

View 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>
</>
);
}

View 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>
</>
);
}

View 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>
</>
);
}

View 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>
</>
);
}

View 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>
</>
);
}

View 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>
</>
);
}

View 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>
</>
);
}

View File

@@ -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": {

View File

@@ -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": {

View File

@@ -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' },

View File

@@ -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/ {

View File

@@ -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;

View File

@@ -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',