Compare commits

...
Author SHA1 Message Date
alam00000 850eaffc92 Release v2.7.0 2026-03-24 15:02:08 +05:30
alam00000 6e227a3aa4 feat: add tests for comic info generation functions 2026-03-24 14:58:36 +05:30
alam00000 e3216dddc5 feat: add PDF to CBZ conversion tool with metadata support
- Updated main.ts to include 'PDF to CBZ' in the tools list.
- Added new types for CBZ options and comic metadata in pdf-to-cbz-type.ts.
- Implemented comic-info utility functions for generating ComicInfo.xml and metadata OPF files.
- Created pdf-to-cbz.html page with UI for PDF to CBZ conversion, including options for image format, quality, and metadata.
- Updated vite.config.ts to route to the new PDF to CBZ page.
2026-03-24 14:55:51 +05:30
alam00000 3ca19af354 feat: add TIFF conversion options and integrate wasm-vips for image processing
- Updated README.md to include new dependencies: wasm-vips, pixelmatch, diff, and microdiff.
- Added wasm-vips to package.json and package-lock.json for advanced TIFF encoding.
- Enhanced localization files with new options for DPI, compression, color mode, and multi-page TIFF saving.
- Implemented UI changes in pdf-to-tiff.html to allow users to select DPI, compression type, color mode, and multi-page options.
- Refactored pdf-to-tiff-page.ts to utilize wasm-vips for TIFF encoding, replacing previous UTIF implementation.
- Introduced TiffOptions interface in pdf-to-tiff-type.ts for better type management.
- Updated Vite configuration to exclude wasm-vips from dependency optimization.
2026-03-24 13:24:50 +05:30
Alam b732ee7925 Merge pull request #565 from Skillkiller/translate-pdf-to-image
Implement missing i18n translations for PDF-to-Image modules
2026-03-24 11:55:11 +05:30
Sebastian Espei 6d19c5f2e4 Revert formatting churn in signing pages 2026-03-24 01:56:53 +01:00
alam00000 0bf33ccd5b fix: update health check command to use wget and fix 404 page handling in nginx configuration 2026-03-23 19:01:37 +05:30
Alam a9e3128347 Merge pull request #521 from hagibr/update-shortcuts-modal
Fix missing translations in Settings/Shortcuts modal
2026-03-23 18:47:01 +05:30
Alam 49df18f07c Merge pull request #601 from lukasstorck/main
feat: add page up/down hotkeys for quick bookmark input
2026-03-23 18:30:10 +05:30
Alam 5d74e8c3ac Merge pull request #594 from Stephan-P/patch-1
Minor Dutch language corrections
2026-03-23 18:29:27 +05:30
alam00000 d2bb7a6727 fix: update clone URL for embed-pdf-viewer in workflow 2026-03-23 18:28:09 +05:30
alam00000 3a985f745a chore: remove scheduled trigger from update-embedpdf-snippet workflow 2026-03-23 02:20:13 +05:30
github-actions[bot] ac55a42cf3 @lukasstorck has signed the CLA in alam00000/bentopdf#601 2026-03-22 12:36:01 +00:00
Lukas 252ebf962d feat: add page up/down hotkeys for quick bookmark input 2026-03-22 13:05:48 +01:00
alam00000 013cc175a6 fix: regenerate package-lock.json 2026-03-22 00:06:20 +05:30
alam00000 5119fd08f9 fix: hash 2026-03-21 23:53:49 +05:30
alam00000 db3ffd3030 Update embedpdf-snippet to version 2.9.1
- Updated the embedpdf-snippet dependency in package.json from version 2.3.0 to 2.9.1.
- Updated the upstream version file to reflect the new version.
- Removed the old embedpdf-snippet-2.3.0.tgz file.
- Added the new embedpdf-snippet-2.9.1.tgz file.
2026-03-21 23:28:22 +05:30
alam00000 37b5956bd5 feat: add option to opt out of embedding full fonts in OCR settings 2026-03-21 16:39:51 +05:30
Stephan Paternotte 3d82955b81 Minor Dutch language corrections 2026-03-20 15:29:39 +01:00
Sebastian Espei 2ede256de2 Add localization for loading page count in various PDF processing pages 2026-03-10 20:13:13 +01:00
Sebastian Espei 571ce07af6 Add localization for PDF to BMP and PDF to TIFF conversion alerts and loader messages 2026-03-10 19:55:21 +01:00
Sebastian Espei 8d26378611 Add localization for PDF to WebP conversion alerts and loader messages 2026-03-10 19:52:38 +01:00
Sebastian Espei 37d95e249d Add localization for PDF to PNG conversion alerts and loader messages 2026-03-10 19:18:39 +01:00
Sebastian Espei 01c4d3bd7c Add localization for PDF to JPG conversion alerts and loader messages 2026-03-10 19:17:17 +01:00
Sebastian Espei d5244649a3 Update imports according to the translation guidelines 2026-03-10 18:40:47 +01:00
Sebastian Espei 4f86960265 Add localization for image scale 2026-03-10 18:38:09 +01:00
Sebastian Espei 67e3887165 Add localization for image quality 2026-03-10 18:35:17 +01:00
Sebastian Espei f1b03d076c Add localization for image quality 2026-03-10 18:31:27 +01:00
Sebastian Espei 667385ee1c Add localization to fileDisplayArea 2026-03-10 18:24:31 +01:00
Sebastian Espei b479abf6cf Add localization to "download" button 2026-03-10 17:49:03 +01:00
Sebastian Espei e21ee9605b Centralize convert local string into common
This reverts commit 3093dcbf4a.
2026-03-10 17:44:11 +01:00
Sebastian Espei 3093dcbf4a Add convert strings 2026-03-10 17:26:08 +01:00
Alexandre Hagihara 6251b25195 Adding some data-i18n attributes that were available on common.json but not applied yet on index.html 2026-02-26 11:56:40 -03:00
73 changed files with 4643 additions and 1553 deletions
@@ -2,8 +2,6 @@ name: Update EmbedPDF Snippet
on:
workflow_dispatch:
schedule:
- cron: '0 3 * * 1' # Weekly; adjust as needed
permissions:
contents: write
+5
View File
@@ -248,6 +248,7 @@ BentoPDF offers a comprehensive suite of tools to handle all your PDF needs.
| **PDF to WebP** | Convert each PDF page into a WebP image. |
| **PDF to BMP** | Convert each PDF page into a BMP image. |
| **PDF to TIFF** | Convert each PDF page into a TIFF image. |
| **PDF to CBZ** | Convert a PDF into a CBZ (Comic Book Archive) for comic readers and Calibre. |
| **PDF to SVG** | Convert each page into a scalable vector graphic (SVG) for perfect quality. |
| **PDF to Greyscale** | Convert a color PDF into a black-and-white version. |
| **PDF to Text** | Extract text from PDF files and save as plain text (.txt). |
@@ -1160,6 +1161,10 @@ BentoPDF wouldn't be possible without the amazing open-source tools and librarie
- **[Tailwind CSS](https://tailwindcss.com/)** – For rapid, flexible, and beautiful UI styling.
- **[qpdf](https://github.com/qpdf/qpdf)** and **[qpdf-wasm](https://github.com/neslinesli93/qpdf-wasm)** – For inspecting, repairing, and transforming PDF files.
- **[LibreOffice](https://www.libreoffice.org/)** – For powerful document conversion capabilities.
- **[wasm-vips](https://github.com/kleisauke/wasm-vips)** – For advanced TIFF encoding with compression (LZW, Deflate, CCITT Group 4).
- **[pixelmatch](https://github.com/mapbox/pixelmatch)** – For fast, accurate image comparison and diff detection.
- **[diff](https://github.com/kpdecker/jsdiff)** – For computing text differences.
- **[microdiff](https://github.com/AsyncBanana/microdiff)** – For lightweight, fast object diffing.
**AGPL Libraries (Pre-configured via CDN):**
+1
View File
@@ -98,6 +98,7 @@ export default defineConfig({
{ text: 'PDF to WebP', link: '/tools/pdf-to-webp' },
{ text: 'PDF to BMP', link: '/tools/pdf-to-bmp' },
{ text: 'PDF to TIFF', link: '/tools/pdf-to-tiff' },
{ text: 'PDF to CBZ', link: '/tools/pdf-to-cbz' },
{ text: 'PDF to SVG', link: '/tools/pdf-to-svg' },
{ text: 'PDF to CSV', link: '/tools/pdf-to-csv' },
{ text: 'PDF to Excel', link: '/tools/pdf-to-excel' },
+2 -2
View File
@@ -47,7 +47,7 @@ services:
- '3000:8080'
restart: unless-stopped
healthcheck:
test: ['CMD', 'curl', '-f', 'http://localhost:8080']
test: ['CMD', 'wget', '--spider', '-q', 'http://localhost:8080']
interval: 30s
timeout: 10s
retries: 3
@@ -423,7 +423,7 @@ Image=ghcr.io/alam00000/bentopdf:latest
ContainerName=bentopdf
PublishPort=3000:8080
AutoUpdate=registry
HealthCmd=curl -f http://localhost:8080 || exit 1
HealthCmd=wget --spider -q http://localhost:8080 || exit 1
HealthInterval=30s
HealthTimeout=10s
HealthRetries=3
+1
View File
@@ -28,6 +28,7 @@ The bookmark editor gives you full control over PDF navigation bookmarks (also c
- Import bookmarks from CSV (title, page, level) or JSON files
- Export bookmarks to CSV or JSON for external editing
- Bookmark styling: color (red, blue, green, yellow, purple) and font style (bold, italic, bold italic)
- Quick navigation: scroll through pages with page up/down keys
## Options
+1
View File
@@ -89,6 +89,7 @@ Extract content from PDFs into images, documents, and data formats.
- [**PDF to WebP**](./pdf-to-webp) — Convert each PDF page into a WebP image.
- [**PDF to BMP**](./pdf-to-bmp) — Convert each PDF page into a BMP image.
- [**PDF to TIFF**](./pdf-to-tiff) — Convert each PDF page into a TIFF image.
- [**PDF to CBZ**](./pdf-to-cbz) — Convert a PDF into a CBZ (Comic Book Archive) for comic readers and Calibre.
- [**PDF to SVG**](./pdf-to-svg) — Convert each PDF page into a scalable vector graphic.
- [**PDF to CSV**](./pdf-to-csv) — Extract tables from PDF and convert to CSV format.
- [**PDF to Excel**](./pdf-to-excel) — Extract tables from PDF and convert to Excel (XLSX).
+77
View File
@@ -0,0 +1,77 @@
---
title: PDF to CBZ
description: Convert a PDF into a CBZ (Comic Book Archive) file for comic readers like Komga, Kavita, CDisplayEx, and Calibre.
---
# PDF to CBZ
Converts a PDF into a CBZ (Comic Book ZIP) file — the standard format for digital comics and manga. Each PDF page becomes an image inside the archive. The tool generates metadata in three formats for maximum compatibility: ComicInfo.xml, metadata.opf, and ComicBookInfo JSON.
## How It Works
1. Upload a PDF by clicking the drop zone or dragging a file onto it.
2. Choose image format, quality, scale, and optional metadata.
3. Click **Convert** to generate the CBZ file.
4. The `.cbz` file downloads automatically.
## Options
| Option | Values | Default | Description |
| ---------------- | --------------- | ------- | ----------------------------------------------------------------------------- |
| Image Format | JPEG, PNG, WebP | JPEG | JPEG for color comics, PNG for lossless B&W manga, WebP for best compression. |
| Quality | 50–100% | 85% | Controls JPEG/WebP compression. Hidden for PNG (always lossless). |
| Scale | 1.0x–4.0x | 2.0x | Higher scale produces sharper images for high-res screens. |
| Grayscale | On/Off | Off | Converts pages to grayscale. Reduces file size for B&W content. |
| Manga mode | On/Off | Off | Sets right-to-left reading direction in metadata. |
| Include metadata | On/Off | On | Embeds ComicInfo.xml, metadata.opf, and ComicBookInfo JSON. |
## Metadata Fields
When metadata is enabled, you can fill in:
- **Title** — Auto-detected from the PDF filename.
- **Series** — The series name (e.g., "Naruto").
- **Number (#)** — Issue number within the series.
- **Volume (Vol.)** — Volume number.
- **Author(s)** — Writer or creator name.
- **Publisher** — Publishing company.
- **Tags / Genre** — Comma-separated tags (e.g., "Action, Adventure").
- **Published Year** — Year of publication (1900–2100).
- **Rating** — Community rating from 0 to 5.
## Metadata Compatibility
The tool writes metadata in three formats so every reader can find it:
| Format | Location | Supported by |
| ------------------ | ----------------- | ------------------------------------------- |
| ComicInfo.xml | File inside ZIP | Komga, Kavita, CDisplayEx, Mylar, ComicRack |
| metadata.opf | File inside ZIP | Calibre |
| ComicBookInfo JSON | ZIP comment field | Calibre (fallback) |
## Output Format
- `filename.cbz` — A ZIP archive containing numbered page images and metadata files.
Page images are named with zero-padded numbers (`01.jpg`, `02.jpg`, etc.) so readers display them in the correct order.
## Use Cases
- Converting manga or comic PDFs for use with comic book readers.
- Building a digital comic library in Komga, Kavita, or Calibre.
- Converting scanned comic books to a reader-friendly format.
- Sharing comics in a format that preserves reading direction and metadata.
## Tips
- Use **JPEG** for color comics and **PNG** for black-and-white manga — PNG compresses B&W content very efficiently.
- Enable **Grayscale** for manga to significantly reduce file size.
- Fill in the **Series** and **Number** fields so library managers (Komga, Calibre) can organize your collection automatically.
- **WebP** offers the best compression but older comic readers may not support it.
## Related Tools
- [PDF to JPG](./pdf-to-jpg)
- [PDF to PNG](./pdf-to-png)
- [PDF to TIFF](./pdf-to-tiff)
- [Extract Images](./extract-images)
+10 -5
View File
@@ -600,7 +600,7 @@
>
<h3 class="text-xl font-bold text-white flex items-center gap-2">
<i data-lucide="settings" class="w-6 h-6 text-indigo-400"></i>
Settings
<span data-i18n="settings.title">Settings</span>
</h3>
<button
id="close-shortcuts-modal"
@@ -617,7 +617,7 @@
class="flex-1 py-3 text-sm font-medium bg-indigo-600 text-white"
>
<i data-lucide="keyboard" class="inline-block w-4 h-4 mr-1"></i>
Shortcuts
<span data-i18n="settings.shortcuts">Shortcuts</span>
</button>
<button
id="preferences-tab-btn"
@@ -639,6 +639,7 @@
<input
type="text"
id="shortcut-search"
data-i18n-placeholder="settings.searchShortcuts"
placeholder="Search shortcuts..."
class="w-full bg-gray-900 border border-gray-700 text-white rounded-lg pl-10 pr-4 py-2 focus:ring-indigo-500 focus:border-indigo-500"
/>
@@ -781,13 +782,15 @@
id="import-shortcuts-btn"
class="text-gray-400 hover:text-white text-sm font-medium flex items-center gap-1 transition-colors"
>
<i data-lucide="upload" class="w-4 h-4"></i> Import
<i data-lucide="upload" class="w-4 h-4"></i>
<span data-i18n="settings.import">Import</span>
</button>
<button
id="export-shortcuts-btn"
class="text-gray-400 hover:text-white text-sm font-medium flex items-center gap-1 transition-colors"
>
<i data-lucide="download" class="w-4 h-4"></i> Export
<i data-lucide="download" class="w-4 h-4"></i>
<span data-i18n="settings.export">Export</span>
</button>
</div>
<div id="preferences-tab-footer" class="hidden w-full">
@@ -802,7 +805,9 @@
id="reset-shortcuts-btn"
class="text-red-400 hover:text-red-300 text-sm font-medium transition-colors"
>
Reset to Defaults
<span data-i18n="settings.resetToDefaults"
>Reset to Defaults</span
>
</button>
</div>
</div>
+3 -1
View File
@@ -99,8 +99,10 @@ http {
add_header Cache-Control "public, immutable";
}
error_page 404 /404.html;
location / {
try_files $uri $uri/ $uri.html /index.html;
try_files $uri $uri/ $uri.html =404;
expires 5m;
add_header Cache-Control "public, must-revalidate";
add_header Cross-Origin-Embedder-Policy "require-corp" always;
+1407 -1353
View File
File diff suppressed because it is too large Load Diff
+3 -2
View File
@@ -1,7 +1,7 @@
{
"name": "bento-pdf",
"private": true,
"version": "2.6.0",
"version": "2.7.0",
"license": "AGPL-3.0-only",
"type": "module",
"scripts": {
@@ -87,7 +87,7 @@
"bwip-js": "^4.8.0",
"cropperjs": "^1.6.2",
"diff": "^8.0.3",
"embedpdf-snippet": "file:vendor/embedpdf/embedpdf-snippet-2.3.0.tgz",
"embedpdf-snippet": "file:vendor/embedpdf/embedpdf-snippet-2.9.1.tgz",
"heic2any": "^0.0.4",
"highlight.js": "^11.11.1",
"html2canvas": "^1.4.1",
@@ -132,6 +132,7 @@
"tiff": "^7.1.2",
"utif": "^3.1.0",
"vite-plugin-static-copy": "^3.2.0",
"wasm-vips": "^0.0.17",
"xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
"zgapdfsigner": "^2.7.5"
},
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF إلى TIFF",
"subtitle": "تحويل كل صفحة PDF إلى صورة TIFF."
"subtitle": "تحويل كل صفحة PDF إلى صورة TIFF.",
"dpi": "DPI (الدقة)",
"dpiExplanation": "DPI أعلى = جودة أفضل للطباعة، حجم ملف أكبر",
"compression": "الضغط",
"compressionExplanation": "LZW و Deflate بدون فقدان. CCITT Group 4 هو الأفضل للمستندات الممسوحة ضوئيًا بالأبيض والأسود.",
"colorMode": "وضع الألوان",
"multiPage": "حفظ كملف TIFF متعدد الصفحات (ملف واحد)",
"loadingVips": "جارٍ تحميل معالج الصور...",
"converting": "جارٍ التحويل إلى TIFF..."
},
"pdfToCbz": {
"name": "PDF إلى CBZ",
"subtitle": "تحويل ملف PDF إلى ملف CBZ (أرشيف الكتب المصورة) لقارئات القصص المصورة.",
"imageFormat": "تنسيق الصورة",
"quality": "جودة الصورة",
"qualityExplanation": "جودة أعلى = حجم ملف أكبر",
"scale": "المقياس",
"scaleExplanation": "مقياس أعلى = جودة أفضل للشاشات عالية الدقة",
"grayscale": "تحويل إلى تدرج الرمادي",
"manga": "وضع المانغا (من اليمين إلى اليسار)",
"includeMetadata": "تضمين بيانات ComicInfo.xml الوصفية",
"titleLabel": "العنوان",
"seriesLabel": "السلسلة",
"authorLabel": "المؤلف(ون)",
"numberLabel": "#",
"volumeLabel": "المجلد",
"publisherLabel": "الناشر",
"tagsLabel": "الوسوم / النوع",
"yearLabel": "سنة النشر",
"ratingLabel": "التقييم (0-5)",
"converting": "جارٍ التحويل إلى CBZ...",
"alert": {
"invalidFile": "ملف غير صالح",
"invalidFileExplanation": "يرجى تحميل ملف PDF.",
"noFile": "لا يوجد ملف",
"noFileExplanation": "يرجى تحميل ملف PDF أولاً.",
"conversionSuccess": "تم تحويل PDF إلى CBZ بنجاح!",
"conversionError": "فشل تحويل PDF إلى CBZ. قد يكون الملف تالفاً."
}
},
"pdfToGreyscale": {
"name": "PDF إلى تدرج الرمادي",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF у TIFF",
"subtitle": "Канвертаваць кожную старонку PDF у відарыс TIFF."
"subtitle": "Канвертаваць кожную старонку PDF у відарыс TIFF.",
"dpi": "DPI (Разрашэнне)",
"dpiExplanation": "Вышэйшы DPI = лепшая якасць для друку, большы памер файла",
"compression": "Сціск",
"compressionExplanation": "LZW і Deflate — без страт. CCITT Group 4 лепш за ўсё падыходзіць для чорна-белых сканаваных дакументаў.",
"colorMode": "Каляровы рэжым",
"multiPage": "Захаваць як шматстаронкавы TIFF (адзін файл)",
"loadingVips": "Загрузка апрацоўшчыка відарысаў...",
"converting": "Канвертаванне ў TIFF..."
},
"pdfToCbz": {
"name": "PDF у CBZ",
"subtitle": "Канвертаваць PDF у файл CBZ (архіў коміксаў) для чытачоў коміксаў.",
"imageFormat": "Фармат выявы",
"quality": "Якасць выявы",
"qualityExplanation": "Вышэйшая якасць = большы памер файла",
"scale": "Маштаб",
"scaleExplanation": "Вышэйшы маштаб = лепшая якасць для экранаў высокай раздзяляльнасці",
"grayscale": "Канвертаваць у градацыі шэрага",
"manga": "Рэжым манга (справа налева)",
"includeMetadata": "Уключыць метаданыя ComicInfo.xml",
"titleLabel": "Назва",
"seriesLabel": "Серыя",
"authorLabel": "Аўтар(ы)",
"numberLabel": "#",
"volumeLabel": "Том",
"publisherLabel": "Выдавец",
"tagsLabel": "Тэгі / Жанр",
"yearLabel": "Год выдання",
"ratingLabel": "Рэйтынг (0-5)",
"converting": "Канвертаванне ў CBZ...",
"alert": {
"invalidFile": "Няправільны файл",
"invalidFileExplanation": "Калі ласка, загрузіце файл PDF.",
"noFile": "Няма файла",
"noFileExplanation": "Калі ласка, спачатку загрузіце файл PDF.",
"conversionSuccess": "PDF паспяхова канвертаваны ў CBZ!",
"conversionError": "Не ўдалося канвертаваць PDF у CBZ. Файл можа быць пашкоджаны."
}
},
"pdfToGreyscale": {
"name": "PDF у градацыі шэрага",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF til TIFF",
"subtitle": "Konverter hver PDF-side til en TIFF-billedfil."
"subtitle": "Konverter hver PDF-side til en TIFF-billedfil.",
"dpi": "DPI (Opløsning)",
"dpiExplanation": "Højere DPI = bedre kvalitet til print, større filstørrelse",
"compression": "Komprimering",
"compressionExplanation": "LZW og Deflate er tabsfri. CCITT Group 4 er bedst til sort/hvide skannede dokumenter.",
"colorMode": "Farvetilstand",
"multiPage": "Gem som flersidet TIFF (én fil)",
"loadingVips": "Indlæser billedprocessor...",
"converting": "Konverterer til TIFF..."
},
"pdfToCbz": {
"name": "PDF til CBZ",
"subtitle": "Konverter en PDF til en CBZ-fil (tegneseriearkiv) til tegneserielæsere.",
"imageFormat": "Billedformat",
"quality": "Billedkvalitet",
"qualityExplanation": "Højere kvalitet = større filstørrelse",
"scale": "Skalering",
"scaleExplanation": "Højere skalering = bedre kvalitet til højopløsningsskærme",
"grayscale": "Konverter til gråtoner",
"manga": "Manga-tilstand (højre-til-venstre)",
"includeMetadata": "Inkluder ComicInfo.xml-metadata",
"titleLabel": "Titel",
"seriesLabel": "Serie",
"authorLabel": "Forfatter(e)",
"numberLabel": "#",
"volumeLabel": "Bind",
"publisherLabel": "Udgiver",
"tagsLabel": "Tags / Genre",
"yearLabel": "Udgivelsesår",
"ratingLabel": "Bedømmelse (0-5)",
"converting": "Konverterer til CBZ...",
"alert": {
"invalidFile": "Ugyldig fil",
"invalidFileExplanation": "Upload venligst en PDF-fil.",
"noFile": "Ingen fil",
"noFileExplanation": "Upload venligst en PDF-fil først.",
"conversionSuccess": "PDF konverteret til CBZ!",
"conversionError": "Kunne ikke konvertere PDF til CBZ. Filen kan være beskadiget."
}
},
"pdfToGreyscale": {
"name": "PDF til gråtoner",
+3 -1
View File
@@ -250,11 +250,13 @@
"add": "Hinzufügen",
"remove": "Entfernen",
"loading": "Laden...",
"loadingPageCount": "Seitenanzahl wird geladen...",
"error": "Fehler",
"success": "Erfolgreich",
"file": "Datei",
"files": "Dateien",
"close": "Schließen"
"close": "Schließen",
"convert": "Konvertieren"
},
"about": {
"hero": {
+93 -5
View File
@@ -263,23 +263,111 @@
},
"pdfToJpg": {
"name": "PDF zu JPG",
"subtitle": "Jede PDF-Seite in ein JPG-Bild konvertieren."
"subtitle": "Jede PDF-Seite in ein JPG-Bild konvertieren.",
"imageQuality": "Bildqualität",
"imageQualityExplanation": "Höhere Qualität = größere Dateigröße",
"alert": {
"invalidFile": "Ungültige Datei",
"invalidFileExplanation": "Bitte wähle eine PDF Datei aus.",
"noFile": "Keine Datei",
"noFileExplanation": "Bitte lade zuerst eine PDF-Datei hoch.",
"conversionSuccess": "PDF erfolgreich in JPGs konvertiert!",
"conversionError": "Konvertierung in JPG fehlgeschlagen. Die Datei könnte beschädigt sein."
},
"loader": {
"converting": "Wird in JPG konvertiert..."
}
},
"pdfToPng": {
"name": "PDF zu PNG",
"subtitle": "Jede PDF-Seite in ein PNG-Bild konvertieren."
"subtitle": "Jede PDF-Seite in ein PNG-Bild konvertieren.",
"imageScale": "Bildskalierung",
"imageScaleExplanation": "Höhere Skalierung = bessere Qualität, aber größere Dateigröße",
"alert": {
"invalidFile": "Ungültige Datei",
"invalidFileExplanation": "Bitte wähle eine PDF Datei aus.",
"noFile": "Keine Datei",
"noFileExplanation": "Bitte lade zuerst eine PDF-Datei hoch.",
"conversionSuccess": "PDF erfolgreich in PNGs konvertiert!",
"conversionError": "Konvertierung in PNG fehlgeschlagen. Die Datei könnte beschädigt sein."
},
"loader": {
"converting": "Wird in PNG konvertiert..."
}
},
"pdfToWebp": {
"name": "PDF zu WebP",
"subtitle": "Jede PDF-Seite in ein WebP-Bild konvertieren."
"subtitle": "Jede PDF-Seite in ein WebP-Bild konvertieren.",
"imageQuality": "Bildqualität",
"imageQualityExplanation": "Höhere Qualität = größere Dateigröße",
"alert": {
"invalidFile": "Ungültige Datei",
"invalidFileExplanation": "Bitte wähle eine PDF Datei aus.",
"noFile": "Keine Datei",
"noFileExplanation": "Bitte lade zuerst eine PDF-Datei hoch.",
"conversionSuccess": "PDF erfolgreich in WebPs konvertiert!",
"conversionError": "Konvertierung in WebP fehlgeschlagen. Die Datei könnte beschädigt sein."
},
"loader": {
"converting": "Wird in WebP konvertiert..."
}
},
"pdfToBmp": {
"name": "PDF zu BMP",
"subtitle": "Jede PDF-Seite in ein BMP-Bild konvertieren."
"subtitle": "Jede PDF-Seite in ein BMP-Bild konvertieren.",
"alert": {
"invalidFile": "Ungültige Datei",
"invalidFileExplanation": "Bitte wähle eine PDF Datei aus.",
"noFile": "Keine Datei",
"noFileExplanation": "Bitte lade zuerst eine PDF-Datei hoch.",
"conversionSuccess": "PDF erfolgreich in BMPs konvertiert!",
"conversionError": "Konvertierung in BMP fehlgeschlagen. Die Datei könnte beschädigt sein."
},
"loader": {
"converting": "Wird in BMP konvertiert..."
}
},
"pdfToTiff": {
"name": "PDF zu TIFF",
"subtitle": "Jede PDF-Seite in ein TIFF-Bild konvertieren."
"subtitle": "Jede PDF-Seite in ein TIFF-Bild konvertieren.",
"dpi": "DPI (Auflösung)",
"dpiExplanation": "Höhere DPI = bessere Druckqualität, größere Dateigröße",
"compression": "Komprimierung",
"compressionExplanation": "LZW und Deflate sind verlustfrei. CCITT Group 4 eignet sich am besten für S/W-Scandokumente.",
"colorMode": "Farbmodus",
"multiPage": "Als mehrseitiges TIFF speichern (einzelne Datei)",
"loadingVips": "Bildprozessor wird geladen...",
"converting": "Wird in TIFF konvertiert..."
},
"pdfToCbz": {
"name": "PDF zu CBZ",
"subtitle": "Konvertieren Sie ein PDF in eine CBZ-Datei (Comic-Bucharchiv) für Comic-Reader.",
"imageFormat": "Bildformat",
"quality": "Bildqualität",
"qualityExplanation": "Höhere Qualität = größere Dateigröße",
"scale": "Skalierung",
"scaleExplanation": "Höhere Skalierung = bessere Qualität für hochauflösende Bildschirme",
"grayscale": "In Graustufen konvertieren",
"manga": "Manga-Modus (rechts nach links)",
"includeMetadata": "ComicInfo.xml-Metadaten einschließen",
"titleLabel": "Titel",
"seriesLabel": "Serie",
"authorLabel": "Autor(en)",
"numberLabel": "#",
"volumeLabel": "Bd.",
"publisherLabel": "Verlag",
"tagsLabel": "Tags / Genre",
"yearLabel": "Erscheinungsjahr",
"ratingLabel": "Bewertung (0-5)",
"converting": "Wird in CBZ konvertiert...",
"alert": {
"invalidFile": "Ungültige Datei",
"invalidFileExplanation": "Bitte laden Sie eine PDF-Datei hoch.",
"noFile": "Keine Datei",
"noFileExplanation": "Bitte laden Sie zuerst eine PDF-Datei hoch.",
"conversionSuccess": "PDF erfolgreich in CBZ konvertiert!",
"conversionError": "PDF konnte nicht in CBZ konvertiert werden. Die Datei ist möglicherweise beschädigt."
}
},
"pdfToGreyscale": {
"name": "PDF zu Graustufen",
+3 -1
View File
@@ -260,11 +260,13 @@
"add": "Add",
"remove": "Remove",
"loading": "Loading...",
"loadingPageCount": "Loading pages...",
"error": "Error",
"success": "Success",
"file": "File",
"files": "Files",
"close": "Close"
"close": "Close",
"convert": "Convert"
},
"about": {
"hero": {
+101 -5
View File
@@ -263,23 +263,119 @@
},
"pdfToJpg": {
"name": "PDF to JPG",
"subtitle": "Convert each PDF page into a JPG image."
"subtitle": "Convert each PDF page into a JPG image.",
"imageQuality": "Image Quality",
"imageQualityExplanation": "Higher quality = larger file size",
"alert": {
"invalidFile": "Invalid File",
"invalidFileExplanation": "Please upload a PDF file.",
"noFile": "No File",
"noFileExplanation": "Please upload a PDF file first.",
"conversionSuccess": "PDF converted to JPGs successfully!",
"conversionError": "Failed to convert PDF to JPG. The file might be corrupted."
},
"loader": {
"converting": "Converting to JPG..."
}
},
"pdfToPng": {
"name": "PDF to PNG",
"subtitle": "Convert each PDF page into a PNG image."
"subtitle": "Convert each PDF page into a PNG image.",
"imageScale": "Image Scale",
"imageScaleExplanation": "Higher scale = better quality but larger file size",
"alert": {
"invalidFile": "Invalid File",
"invalidFileExplanation": "Please upload a PDF file.",
"noFile": "No File",
"noFileExplanation": "Please upload a PDF file first.",
"conversionSuccess": "PDF converted to PNGs successfully!",
"conversionError": "Failed to convert PDF to PNG. The file might be corrupted."
},
"loader": {
"converting": "Converting to PNG..."
}
},
"pdfToWebp": {
"name": "PDF to WebP",
"subtitle": "Convert each PDF page into a WebP image."
"subtitle": "Convert each PDF page into a WebP image.",
"imageQuality": "Image Quality",
"imageQualityExplanation": "Higher quality = larger file size",
"alert": {
"invalidFile": "Invalid File",
"invalidFileExplanation": "Please upload a PDF file.",
"noFile": "No File",
"noFileExplanation": "Please upload a PDF file first.",
"conversionSuccess": "PDF converted to WebPs successfully!",
"conversionError": "Failed to convert PDF to WebP. The file might be corrupted."
},
"loader": {
"converting": "Converting to WebP..."
}
},
"pdfToBmp": {
"name": "PDF to BMP",
"subtitle": "Convert each PDF page into a BMP image."
"subtitle": "Convert each PDF page into a BMP image.",
"alert": {
"invalidFile": "Invalid File",
"invalidFileExplanation": "Please upload a PDF file.",
"noFile": "No File",
"noFileExplanation": "Please upload a PDF file first.",
"conversionSuccess": "PDF converted to BMPs successfully!",
"conversionError": "Failed to convert PDF to BMP. The file might be corrupted."
},
"loader": {
"converting": "Converting to BMP..."
}
},
"pdfToTiff": {
"name": "PDF to TIFF",
"subtitle": "Convert each PDF page into a TIFF image."
"subtitle": "Convert each PDF page into a TIFF image.",
"dpi": "DPI (Resolution)",
"dpiExplanation": "Higher DPI = better quality for printing, larger file size",
"compression": "Compression",
"compressionExplanation": "LZW and Deflate are lossless. CCITT Group 4 is best for B&W scanned documents.",
"colorMode": "Color Mode",
"multiPage": "Save as multi-page TIFF (single file)",
"loadingVips": "Loading image processor...",
"converting": "Converting to TIFF...",
"alert": {
"invalidFile": "Invalid File",
"invalidFileExplanation": "Please upload a PDF file.",
"noFile": "No File",
"noFileExplanation": "Please upload a PDF file first.",
"conversionSuccess": "PDF converted to TIFFs successfully!",
"conversionError": "Failed to convert PDF to TIFF. The file might be corrupted."
}
},
"pdfToCbz": {
"name": "PDF to CBZ",
"subtitle": "Convert a PDF into a CBZ (Comic Book Archive) file for comic readers.",
"imageFormat": "Image Format",
"quality": "Image Quality",
"qualityExplanation": "Higher quality = larger file size",
"scale": "Scale",
"scaleExplanation": "Higher scale = better quality for high-res screens",
"grayscale": "Convert to grayscale",
"manga": "Manga mode (right-to-left)",
"includeMetadata": "Include ComicInfo.xml metadata",
"titleLabel": "Title",
"seriesLabel": "Series",
"authorLabel": "Author(s)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Publisher",
"tagsLabel": "Tags / Genre",
"yearLabel": "Published Year",
"ratingLabel": "Rating (0-5)",
"converting": "Converting to CBZ...",
"alert": {
"invalidFile": "Invalid File",
"invalidFileExplanation": "Please upload a PDF file.",
"noFile": "No File",
"noFileExplanation": "Please upload a PDF file first.",
"conversionSuccess": "PDF converted to CBZ successfully!",
"conversionError": "Failed to convert PDF to CBZ. The file might be corrupted."
}
},
"pdfToGreyscale": {
"name": "PDF to Greyscale",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF a TIFF",
"subtitle": "Convierte cada página PDF en una imagen TIFF."
"subtitle": "Convierte cada página PDF en una imagen TIFF.",
"dpi": "PPP (Resolución)",
"dpiExplanation": "Mayor PPP = mejor calidad para impresión, mayor tamaño de archivo",
"compression": "Compresión",
"compressionExplanation": "LZW y Deflate son sin pérdida. CCITT Grupo 4 es ideal para documentos escaneados en B/N.",
"colorMode": "Modo de color",
"multiPage": "Guardar como TIFF multipágina (archivo único)",
"loadingVips": "Cargando procesador de imágenes...",
"converting": "Convirtiendo a TIFF..."
},
"pdfToCbz": {
"name": "PDF a CBZ",
"subtitle": "Convierte un PDF en un archivo CBZ (archivo de cómics) para lectores de cómics.",
"imageFormat": "Formato de imagen",
"quality": "Calidad de imagen",
"qualityExplanation": "Mayor calidad = mayor tamaño de archivo",
"scale": "Escala",
"scaleExplanation": "Mayor escala = mejor calidad para pantallas de alta resolución",
"grayscale": "Convertir a escala de grises",
"manga": "Modo manga (derecha a izquierda)",
"includeMetadata": "Incluir metadatos ComicInfo.xml",
"titleLabel": "Título",
"seriesLabel": "Serie",
"authorLabel": "Autor(es)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Editorial",
"tagsLabel": "Etiquetas / Género",
"yearLabel": "Año de publicación",
"ratingLabel": "Calificación (0-5)",
"converting": "Convirtiendo a CBZ...",
"alert": {
"invalidFile": "Archivo no válido",
"invalidFileExplanation": "Por favor, suba un archivo PDF.",
"noFile": "Sin archivo",
"noFileExplanation": "Por favor, suba un archivo PDF primero.",
"conversionSuccess": "¡PDF convertido a CBZ exitosamente!",
"conversionError": "Error al convertir PDF a CBZ. El archivo podría estar dañado."
}
},
"pdfToGreyscale": {
"name": "PDF a Escala de Grises",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF vers TIFF",
"subtitle": "Convertir chaque page du PDF en image TIFF."
"subtitle": "Convertir chaque page du PDF en image TIFF.",
"dpi": "PPP (Résolution)",
"dpiExplanation": "PPP plus élevé = meilleure qualité pour l'impression, taille de fichier plus grande",
"compression": "Compression",
"compressionExplanation": "LZW et Deflate sont sans perte. CCITT Groupe 4 est idéal pour les documents numérisés en N/B.",
"colorMode": "Mode couleur",
"multiPage": "Enregistrer en TIFF multipage (fichier unique)",
"loadingVips": "Chargement du processeur d'images...",
"converting": "Conversion en TIFF..."
},
"pdfToCbz": {
"name": "PDF en CBZ",
"subtitle": "Convertir un PDF en fichier CBZ (archive de bande dessinée) pour les lecteurs de comics.",
"imageFormat": "Format d'image",
"quality": "Qualité d'image",
"qualityExplanation": "Qualité supérieure = taille de fichier plus grande",
"scale": "Échelle",
"scaleExplanation": "Échelle supérieure = meilleure qualité pour les écrans haute résolution",
"grayscale": "Convertir en niveaux de gris",
"manga": "Mode manga (droite à gauche)",
"includeMetadata": "Inclure les métadonnées ComicInfo.xml",
"titleLabel": "Titre",
"seriesLabel": "Série",
"authorLabel": "Auteur(s)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Éditeur",
"tagsLabel": "Tags / Genre",
"yearLabel": "Année de publication",
"ratingLabel": "Note (0-5)",
"converting": "Conversion en CBZ...",
"alert": {
"invalidFile": "Fichier invalide",
"invalidFileExplanation": "Veuillez télécharger un fichier PDF.",
"noFile": "Aucun fichier",
"noFileExplanation": "Veuillez d'abord télécharger un fichier PDF.",
"conversionSuccess": "PDF converti en CBZ avec succès !",
"conversionError": "Échec de la conversion du PDF en CBZ. Le fichier est peut-être corrompu."
}
},
"pdfToGreyscale": {
"name": "PDF en niveaux de gris",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF ke TIFF",
"subtitle": "Konversi setiap halaman PDF menjadi gambar TIFF."
"subtitle": "Konversi setiap halaman PDF menjadi gambar TIFF.",
"dpi": "DPI (Resolusi)",
"dpiExplanation": "DPI lebih tinggi = kualitas lebih baik untuk cetak, ukuran file lebih besar",
"compression": "Kompresi",
"compressionExplanation": "LZW dan Deflate adalah lossless. CCITT Group 4 paling cocok untuk dokumen pindaian hitam putih.",
"colorMode": "Mode Warna",
"multiPage": "Simpan sebagai TIFF multi-halaman (satu file)",
"loadingVips": "Memuat prosesor gambar...",
"converting": "Mengonversi ke TIFF..."
},
"pdfToCbz": {
"name": "PDF ke CBZ",
"subtitle": "Konversi PDF menjadi file CBZ (Arsip Buku Komik) untuk pembaca komik.",
"imageFormat": "Format Gambar",
"quality": "Kualitas Gambar",
"qualityExplanation": "Kualitas lebih tinggi = ukuran file lebih besar",
"scale": "Skala",
"scaleExplanation": "Skala lebih tinggi = kualitas lebih baik untuk layar resolusi tinggi",
"grayscale": "Konversi ke skala abu-abu",
"manga": "Mode manga (kanan-ke-kiri)",
"includeMetadata": "Sertakan metadata ComicInfo.xml",
"titleLabel": "Judul",
"seriesLabel": "Seri",
"authorLabel": "Penulis",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Penerbit",
"tagsLabel": "Tag / Genre",
"yearLabel": "Tahun Terbit",
"ratingLabel": "Peringkat (0-5)",
"converting": "Mengonversi ke CBZ...",
"alert": {
"invalidFile": "File Tidak Valid",
"invalidFileExplanation": "Silakan unggah file PDF.",
"noFile": "Tidak Ada File",
"noFileExplanation": "Silakan unggah file PDF terlebih dahulu.",
"conversionSuccess": "PDF berhasil dikonversi ke CBZ!",
"conversionError": "Gagal mengonversi PDF ke CBZ. File mungkin rusak."
}
},
"pdfToGreyscale": {
"name": "PDF ke Skala Abu-abu",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF in TIFF",
"subtitle": "Converti ogni pagina del PDF in un'immagine TIFF."
"subtitle": "Converti ogni pagina del PDF in un'immagine TIFF.",
"dpi": "DPI (Risoluzione)",
"dpiExplanation": "DPI più alto = qualità migliore per la stampa, dimensione file maggiore",
"compression": "Compressione",
"compressionExplanation": "LZW e Deflate sono senza perdita. CCITT Group 4 è ideale per documenti scansionati in bianco e nero.",
"colorMode": "Modalità colore",
"multiPage": "Salva come TIFF multipagina (file singolo)",
"loadingVips": "Caricamento processore immagini...",
"converting": "Conversione in TIFF..."
},
"pdfToCbz": {
"name": "PDF in CBZ",
"subtitle": "Converti un PDF in un file CBZ (Archivio Fumetti) per lettori di fumetti.",
"imageFormat": "Formato Immagine",
"quality": "Qualità Immagine",
"qualityExplanation": "Qualità più alta = dimensione file più grande",
"scale": "Scala",
"scaleExplanation": "Scala più alta = migliore qualità per schermi ad alta risoluzione",
"grayscale": "Converti in scala di grigi",
"manga": "Modalità manga (da destra a sinistra)",
"includeMetadata": "Includi metadati ComicInfo.xml",
"titleLabel": "Titolo",
"seriesLabel": "Serie",
"authorLabel": "Autore/i",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Editore",
"tagsLabel": "Tag / Genere",
"yearLabel": "Anno di pubblicazione",
"ratingLabel": "Valutazione (0-5)",
"converting": "Conversione in CBZ...",
"alert": {
"invalidFile": "File Non Valido",
"invalidFileExplanation": "Carica un file PDF.",
"noFile": "Nessun File",
"noFileExplanation": "Carica prima un file PDF.",
"conversionSuccess": "PDF convertito in CBZ con successo!",
"conversionError": "Impossibile convertire il PDF in CBZ. Il file potrebbe essere danneggiato."
}
},
"pdfToGreyscale": {
"name": "PDF in Scala di Grigi",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF를 TIFF로",
"subtitle": "PDF의 각 페이지를 TIFF 이미지로 변환합니다."
"subtitle": "PDF의 각 페이지를 TIFF 이미지로 변환합니다.",
"dpi": "DPI (해상도)",
"dpiExplanation": "DPI가 높을수록 인쇄 품질이 좋아지지만 파일 크기가 커집니다",
"compression": "압축",
"compressionExplanation": "LZW와 Deflate는 무손실 압축입니다. CCITT Group 4는 흑백 스캔 문서에 가장 적합합니다.",
"colorMode": "색상 모드",
"multiPage": "다중 페이지 TIFF로 저장 (단일 파일)",
"loadingVips": "이미지 프로세서 로드 중...",
"converting": "TIFF로 변환 중..."
},
"pdfToCbz": {
"name": "PDF를 CBZ로",
"subtitle": "PDF를 만화 리더용 CBZ(만화책 아카이브) 파일로 변환합니다.",
"imageFormat": "이미지 형식",
"quality": "이미지 품질",
"qualityExplanation": "품질이 높을수록 파일 크기가 커집니다",
"scale": "배율",
"scaleExplanation": "배율이 높을수록 고해상도 화면에서 품질이 좋아집니다",
"grayscale": "흑백으로 변환",
"manga": "만화 모드 (오른쪽에서 왼쪽으로)",
"includeMetadata": "ComicInfo.xml 메타데이터 포함",
"titleLabel": "제목",
"seriesLabel": "시리즈",
"authorLabel": "저자",
"numberLabel": "#",
"volumeLabel": "권",
"publisherLabel": "출판사",
"tagsLabel": "태그 / 장르",
"yearLabel": "출판 연도",
"ratingLabel": "평점 (0-5)",
"converting": "CBZ로 변환 중...",
"alert": {
"invalidFile": "잘못된 파일",
"invalidFileExplanation": "PDF 파일을 업로드해 주세요.",
"noFile": "파일 없음",
"noFileExplanation": "먼저 PDF 파일을 업로드해 주세요.",
"conversionSuccess": "PDF가 CBZ로 성공적으로 변환되었습니다!",
"conversionError": "PDF를 CBZ로 변환하지 못했습니다. 파일이 손상되었을 수 있습니다."
}
},
"pdfToGreyscale": {
"name": "PDF 흑백 변환",
+2 -2
View File
@@ -142,9 +142,9 @@
"useAnyway": "Wil je het toch gebruiken?",
"resetTitle": "Sneltoetsen terugzetten",
"resetMessage": "Weet je zeker dat je alle sneltoetsen wilt terugzetten naar standaard?<br><br>Deze actie kan niet ongedaan worden gemaakt.",
"importSuccessTitle": "Import voltooid",
"importSuccessTitle": "Importeren voltooid",
"importSuccessMessage": "Sneltoetsen zijn met succes geïmporteerd!",
"importFailTitle": "Import mislukt",
"importFailTitle": "Importeren is mislukt",
"importFailMessage": "Het importeren van sneltoetsen is mislukt. Ongeldig bestandsformaat."
}
},
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF naar TIFF",
"subtitle": "Converteer elke PDF-pagina naar een TIFF-afbeelding."
"subtitle": "Converteer elke PDF-pagina naar een TIFF-afbeelding.",
"dpi": "DPI (Resolutie)",
"dpiExplanation": "Hogere DPI = betere kwaliteit voor afdrukken, groter bestand",
"compression": "Compressie",
"compressionExplanation": "LZW en Deflate zijn verliesvrij. CCITT Groep 4 is het beste voor zwart-wit gescande documenten.",
"colorMode": "Kleurmodus",
"multiPage": "Opslaan als meerpagina-TIFF (één bestand)",
"loadingVips": "Beeldprocessor laden...",
"converting": "Converteren naar TIFF..."
},
"pdfToCbz": {
"name": "PDF naar CBZ",
"subtitle": "Converteer een PDF naar een CBZ (Comic Book Archive) bestand voor striplezers.",
"imageFormat": "Afbeeldingsformaat",
"quality": "Beeldkwaliteit",
"qualityExplanation": "Hogere kwaliteit = groter bestandsformaat",
"scale": "Schaal",
"scaleExplanation": "Hogere schaal = betere kwaliteit voor hoge-resolutieschermen",
"grayscale": "Converteren naar grijswaarden",
"manga": "Mangamodus (rechts-naar-links)",
"includeMetadata": "ComicInfo.xml-metadata opnemen",
"titleLabel": "Titel",
"seriesLabel": "Serie",
"authorLabel": "Auteur(s)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Uitgever",
"tagsLabel": "Tags / Genre",
"yearLabel": "Publicatiejaar",
"ratingLabel": "Beoordeling (0-5)",
"converting": "Converteren naar CBZ...",
"alert": {
"invalidFile": "Ongeldig bestand",
"invalidFileExplanation": "Upload een PDF-bestand.",
"noFile": "Geen bestand",
"noFileExplanation": "Upload eerst een PDF-bestand.",
"conversionSuccess": "PDF succesvol geconverteerd naar CBZ!",
"conversionError": "Kan PDF niet converteren naar CBZ. Het bestand is mogelijk beschadigd."
}
},
"pdfToGreyscale": {
"name": "PDF naar Grijswaarden",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF para TIFF",
"subtitle": "Converta cada página do PDF em uma imagem TIFF."
"subtitle": "Converta cada página do PDF em uma imagem TIFF.",
"dpi": "DPI (Resolução)",
"dpiExplanation": "Maior DPI = melhor qualidade para impressão, arquivo maior",
"compression": "Compressão",
"compressionExplanation": "LZW e Deflate são sem perdas. CCITT Grupo 4 é ideal para documentos digitalizados em preto e branco.",
"colorMode": "Modo de Cor",
"multiPage": "Salvar como TIFF de várias páginas (arquivo único)",
"loadingVips": "Carregando processador de imagem...",
"converting": "Convertendo para TIFF..."
},
"pdfToCbz": {
"name": "PDF para CBZ",
"subtitle": "Converta um PDF em um arquivo CBZ (Comic Book Archive) para leitores de quadrinhos.",
"imageFormat": "Formato de Imagem",
"quality": "Qualidade da Imagem",
"qualityExplanation": "Maior qualidade = maior tamanho de arquivo",
"scale": "Escala",
"scaleExplanation": "Maior escala = melhor qualidade para telas de alta resolução",
"grayscale": "Converter para tons de cinza",
"manga": "Modo mangá (direita para esquerda)",
"includeMetadata": "Incluir metadados ComicInfo.xml",
"titleLabel": "Título",
"seriesLabel": "Série",
"authorLabel": "Autor(es)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Editora",
"tagsLabel": "Tags / Gênero",
"yearLabel": "Ano de publicação",
"ratingLabel": "Avaliação (0-5)",
"converting": "Convertendo para CBZ...",
"alert": {
"invalidFile": "Arquivo Inválido",
"invalidFileExplanation": "Envie um arquivo PDF.",
"noFile": "Nenhum Arquivo",
"noFileExplanation": "Envie um arquivo PDF primeiro.",
"conversionSuccess": "PDF convertido para CBZ com sucesso!",
"conversionError": "Falha ao converter PDF para CBZ. O arquivo pode estar corrompido."
}
},
"pdfToGreyscale": {
"name": "PDF para Tons de Cinza",
+39 -1
View File
@@ -273,7 +273,45 @@
},
"pdfToTiff": {
"name": "PDF в TIFF",
"subtitle": "Преобразовать каждую страницу PDF в изображение TIFF."
"subtitle": "Преобразовать каждую страницу PDF в изображение TIFF.",
"dpi": "DPI (Разрешение)",
"dpiExplanation": "Более высокий DPI = лучшее качество печати, больший размер файла",
"compression": "Сжатие",
"compressionExplanation": "LZW и Deflate — сжатие без потерь. CCITT Group 4 лучше всего подходит для чёрно-белых отсканированных документов.",
"colorMode": "Цветовой режим",
"multiPage": "Сохранить как многостраничный TIFF (один файл)",
"loadingVips": "Загрузка обработчика изображений...",
"converting": "Конвертация в TIFF..."
},
"pdfToCbz": {
"name": "PDF в CBZ",
"subtitle": "Конвертируйте PDF в файл CBZ (Comic Book Archive) для чтения комиксов.",
"imageFormat": "Формат изображения",
"quality": "Качество изображения",
"qualityExplanation": "Выше качество = больше размер файла",
"scale": "Масштаб",
"scaleExplanation": "Больше масштаб = лучшее качество для экранов с высоким разрешением",
"grayscale": "Конвертировать в оттенки серого",
"manga": "Режим манги (справа налево)",
"includeMetadata": "Включить метаданные ComicInfo.xml",
"titleLabel": "Название",
"seriesLabel": "Серия",
"authorLabel": "Автор(ы)",
"numberLabel": "#",
"volumeLabel": "Том",
"publisherLabel": "Издатель",
"tagsLabel": "Теги / Жанр",
"yearLabel": "Год издания",
"ratingLabel": "Рейтинг (0-5)",
"converting": "Конвертация в CBZ...",
"alert": {
"invalidFile": "Недопустимый файл",
"invalidFileExplanation": "Пожалуйста, загрузите PDF-файл.",
"noFile": "Нет файла",
"noFileExplanation": "Сначала загрузите PDF-файл.",
"conversionSuccess": "PDF успешно конвертирован в CBZ!",
"conversionError": "Не удалось конвертировать PDF в CBZ. Файл может быть повреждён."
}
},
"pdfToGreyscale": {
"name": "Градации серого",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF till TIFF",
"subtitle": "Konvertera varje PDF-sida till en TIFF-bild."
"subtitle": "Konvertera varje PDF-sida till en TIFF-bild.",
"dpi": "DPI (Upplösning)",
"dpiExplanation": "Högre DPI = bättre kvalitet för utskrift, större filstorlek",
"compression": "Komprimering",
"compressionExplanation": "LZW och Deflate är förlustfria. CCITT Grupp 4 är bäst för svartvita skannade dokument.",
"colorMode": "Färgläge",
"multiPage": "Spara som flersidig TIFF (en fil)",
"loadingVips": "Laddar bildprocessor...",
"converting": "Konverterar till TIFF..."
},
"pdfToCbz": {
"name": "PDF till CBZ",
"subtitle": "Konvertera en PDF till en CBZ-fil (serietidningsarkiv) för serieläsare.",
"imageFormat": "Bildformat",
"quality": "Bildkvalitet",
"qualityExplanation": "Högre kvalitet = större filstorlek",
"scale": "Skala",
"scaleExplanation": "Högre skala = bättre kvalitet för högupplösta skärmar",
"grayscale": "Konvertera till gråskala",
"manga": "Manga-läge (höger till vänster)",
"includeMetadata": "Inkludera ComicInfo.xml-metadata",
"titleLabel": "Titel",
"seriesLabel": "Serie",
"authorLabel": "Författare",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Förlag",
"tagsLabel": "Taggar / Genre",
"yearLabel": "Utgivningsår",
"ratingLabel": "Betyg (0-5)",
"converting": "Konverterar till CBZ...",
"alert": {
"invalidFile": "Ogiltig fil",
"invalidFileExplanation": "Vänligen ladda upp en PDF-fil.",
"noFile": "Ingen fil",
"noFileExplanation": "Vänligen ladda upp en PDF-fil först.",
"conversionSuccess": "PDF konverterad till CBZ framgångsrikt!",
"conversionError": "Kunde inte konvertera PDF till CBZ. Filen kan vara skadad."
}
},
"pdfToGreyscale": {
"name": "PDF till gråskala",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF'den TIFF'e",
"subtitle": "Her PDF sayfasını TIFF görseline dönüştürün."
"subtitle": "Her PDF sayfasını TIFF görseline dönüştürün.",
"dpi": "DPI (Çözünürlük)",
"dpiExplanation": "Daha yüksek DPI = baskı için daha iyi kalite, daha büyük dosya boyutu",
"compression": "Sıkıştırma",
"compressionExplanation": "LZW ve Deflate kayıpsızdır. CCITT Grup 4, siyah beyaz taranmış belgeler için en iyisidir.",
"colorMode": "Renk Modu",
"multiPage": "Çok sayfalı TIFF olarak kaydet (tek dosya)",
"loadingVips": "Görüntü işlemci yükleniyor...",
"converting": "TIFF'e dönüştürülüyor..."
},
"pdfToCbz": {
"name": "PDF'den CBZ'ye",
"subtitle": "Çizgi roman okuyucuları için bir PDF'yi CBZ (Çizgi Roman Arşivi) dosyasına dönüştürün.",
"imageFormat": "Görüntü Formatı",
"quality": "Görüntü Kalitesi",
"qualityExplanation": "Daha yüksek kalite = daha büyük dosya boyutu",
"scale": "Ölçek",
"scaleExplanation": "Daha yüksek ölçek = yüksek çözünürlüklü ekranlar için daha iyi kalite",
"grayscale": "Gri tonlamaya dönüştür",
"manga": "Manga modu (sağdan sola)",
"includeMetadata": "ComicInfo.xml meta verilerini dahil et",
"titleLabel": "Başlık",
"seriesLabel": "Seri",
"authorLabel": "Yazar(lar)",
"numberLabel": "#",
"volumeLabel": "Cilt",
"publisherLabel": "Yayıncı",
"tagsLabel": "Etiketler / Tür",
"yearLabel": "Yayın Yılı",
"ratingLabel": "Puan (0-5)",
"converting": "CBZ'ye dönüştürülüyor...",
"alert": {
"invalidFile": "Geçersiz Dosya",
"invalidFileExplanation": "Lütfen bir PDF dosyası yükleyin.",
"noFile": "Dosya Yok",
"noFileExplanation": "Lütfen önce bir PDF dosyası yükleyin.",
"conversionSuccess": "PDF başarıyla CBZ'ye dönüştürüldü!",
"conversionError": "PDF, CBZ'ye dönüştürülemedi. Dosya bozuk olabilir."
}
},
"pdfToGreyscale": {
"name": "PDF'yi Gri Tonlamaya Çevir",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF sang TIFF",
"subtitle": "Chuyển đổi mỗi trang PDF thành hình ảnh TIFF."
"subtitle": "Chuyển đổi mỗi trang PDF thành hình ảnh TIFF.",
"dpi": "DPI (Độ phân giải)",
"dpiExplanation": "DPI cao hơn = chất lượng in tốt hơn, kích thước tệp lớn hơn",
"compression": "Nén",
"compressionExplanation": "LZW và Deflate là nén không mất dữ liệu. CCITT Nhóm 4 phù hợp nhất cho tài liệu quét đen trắng.",
"colorMode": "Chế độ màu",
"multiPage": "Lưu dưới dạng TIFF nhiều trang (một tệp)",
"loadingVips": "Đang tải bộ xử lý hình ảnh...",
"converting": "Đang chuyển đổi sang TIFF..."
},
"pdfToCbz": {
"name": "PDF sang CBZ",
"subtitle": "Chuyển đổi PDF thành tệp CBZ (Kho lưu trữ truyện tranh) cho trình đọc truyện tranh.",
"imageFormat": "Định dạng hình ảnh",
"quality": "Chất lượng hình ảnh",
"qualityExplanation": "Chất lượng cao hơn = kích thước tệp lớn hơn",
"scale": "Tỷ lệ",
"scaleExplanation": "Tỷ lệ cao hơn = chất lượng tốt hơn cho màn hình độ phân giải cao",
"grayscale": "Chuyển sang thang xám",
"manga": "Chế độ manga (phải sang trái)",
"includeMetadata": "Bao gồm siêu dữ liệu ComicInfo.xml",
"titleLabel": "Tiêu đề",
"seriesLabel": "Bộ truyện",
"authorLabel": "Tác giả",
"numberLabel": "#",
"volumeLabel": "Tập",
"publisherLabel": "Nhà xuất bản",
"tagsLabel": "Thẻ / Thể loại",
"yearLabel": "Năm xuất bản",
"ratingLabel": "Đánh giá (0-5)",
"converting": "Đang chuyển đổi sang CBZ...",
"alert": {
"invalidFile": "Tệp không hợp lệ",
"invalidFileExplanation": "Vui lòng tải lên tệp PDF.",
"noFile": "Không có tệp",
"noFileExplanation": "Vui lòng tải lên tệp PDF trước.",
"conversionSuccess": "Chuyển đổi PDF sang CBZ thành công!",
"conversionError": "Không thể chuyển đổi PDF sang CBZ. Tệp có thể bị hỏng."
}
},
"pdfToGreyscale": {
"name": "PDF sang thang xám",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF 轉 TIFF",
"subtitle": "將每個 PDF 頁面轉換為 TIFF 圖片。"
"subtitle": "將每個 PDF 頁面轉換為 TIFF 圖片。",
"dpi": "DPI (解析度)",
"dpiExplanation": "DPI 越高 = 列印品質越好,檔案越大",
"compression": "壓縮方式",
"compressionExplanation": "LZW 和 Deflate 為無損壓縮。CCITT Group 4 最適合黑白掃描文件。",
"colorMode": "色彩模式",
"multiPage": "儲存為多頁 TIFF (單一檔案)",
"loadingVips": "正在載入影像處理器...",
"converting": "正在轉換為 TIFF..."
},
"pdfToCbz": {
"name": "PDF 轉 CBZ",
"subtitle": "將 PDF 轉換為 CBZ (漫畫書封存) 檔案,適用於漫畫閱讀器。",
"imageFormat": "圖像格式",
"quality": "圖像品質",
"qualityExplanation": "品質越高 = 檔案越大",
"scale": "縮放",
"scaleExplanation": "縮放越高 = 高解析度螢幕上品質越好",
"grayscale": "轉換為灰階",
"manga": "漫畫模式 (從右到左)",
"includeMetadata": "包含 ComicInfo.xml 中繼資料",
"titleLabel": "標題",
"seriesLabel": "系列",
"authorLabel": "作者",
"numberLabel": "#",
"volumeLabel": "卷",
"publisherLabel": "出版社",
"tagsLabel": "標籤 / 類型",
"yearLabel": "出版年份",
"ratingLabel": "評分 (0-5)",
"converting": "正在轉換為 CBZ...",
"alert": {
"invalidFile": "無效檔案",
"invalidFileExplanation": "請上傳 PDF 檔案。",
"noFile": "沒有檔案",
"noFileExplanation": "請先上傳 PDF 檔案。",
"conversionSuccess": "PDF 已成功轉換為 CBZ!",
"conversionError": "無法將 PDF 轉換為 CBZ。檔案可能已損壞。"
}
},
"pdfToGreyscale": {
"name": "PDF 轉灰階",
+39 -1
View File
@@ -279,7 +279,45 @@
},
"pdfToTiff": {
"name": "PDF 转 TIFF",
"subtitle": "将每一页 PDF 转换为 TIFF 图片。"
"subtitle": "将每一页 PDF 转换为 TIFF 图片。",
"dpi": "DPI (分辨率)",
"dpiExplanation": "DPI 越高 = 打印质量越好,文件越大",
"compression": "压缩方式",
"compressionExplanation": "LZW 和 Deflate 为无损压缩。CCITT Group 4 最适合黑白扫描文档。",
"colorMode": "色彩模式",
"multiPage": "保存为多页 TIFF (单个文件)",
"loadingVips": "正在加载图像处理器...",
"converting": "正在转换为 TIFF..."
},
"pdfToCbz": {
"name": "PDF 转 CBZ",
"subtitle": "将 PDF 转换为 CBZ (漫画书归档) 文件,适用于漫画阅读器。",
"imageFormat": "图像格式",
"quality": "图像质量",
"qualityExplanation": "质量越高 = 文件越大",
"scale": "缩放",
"scaleExplanation": "缩放越高 = 高分辨率屏幕上质量越好",
"grayscale": "转换为灰度",
"manga": "漫画模式 (从右到左)",
"includeMetadata": "包含 ComicInfo.xml 元数据",
"titleLabel": "标题",
"seriesLabel": "系列",
"authorLabel": "作者",
"numberLabel": "#",
"volumeLabel": "卷",
"publisherLabel": "出版社",
"tagsLabel": "标签 / 类型",
"yearLabel": "出版年份",
"ratingLabel": "评分 (0-5)",
"converting": "正在转换为 CBZ...",
"alert": {
"invalidFile": "无效文件",
"invalidFileExplanation": "请上传 PDF 文件。",
"noFile": "没有文件",
"noFileExplanation": "请先上传 PDF 文件。",
"conversionSuccess": "PDF 已成功转换为 CBZ!",
"conversionError": "无法将 PDF 转换为 CBZ。文件可能已损坏。"
}
},
"pdfToGreyscale": {
"name": "PDF 转 灰度",
+8
View File
@@ -407,6 +407,14 @@
"created_at": "2026-03-14T13:47:19Z",
"repoId": 1074785178,
"pullRequestNo": 575
},
{
"name": "lukasstorck",
"id": 38840142,
"comment_id": 4106189765,
"created_at": "2026-03-22T12:35:53Z",
"repoId": 1074785178,
"pullRequestNo": 601
}
]
}
+7
View File
@@ -447,6 +447,13 @@ const baseCategories = [
icon: 'ph-file-image',
subtitle: 'Convert each PDF page into a TIFF image.',
},
{
href: import.meta.env.BASE_URL + 'pdf-to-cbz.html',
name: 'PDF to CBZ',
icon: 'ph-book-open',
subtitle:
'Convert a PDF into a CBZ (Comic Book Archive) file for comic readers.',
},
{
href: import.meta.env.BASE_URL + 'pdf-to-svg.html',
name: 'PDF to SVG',
+3 -2
View File
@@ -10,6 +10,7 @@ import { PDFDocument } from 'pdf-lib';
import { applyColorAdjustments } from '../utils/image-effects.js';
import * as pdfjsLib from 'pdfjs-dist';
import type { AdjustColorsSettings } from '../types/adjust-colors-type.js';
import { t } from '../i18n/i18n';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
@@ -123,7 +124,7 @@ const updateUI = () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
@@ -146,7 +147,7 @@ const updateUI = () => {
return getPDFDocument(buffer).promise;
})
.then((pdf: pdfjsLib.PDFDocumentProxy) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} page${pdf.numPages !== 1 ? 's' : ''}`;
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch(() => {
metaSpan.textContent = formatBytes(file.size);
+6
View File
@@ -1057,6 +1057,12 @@ document.addEventListener('keydown', (e: KeyboardEvent) => {
e.preventDefault();
redo();
}
} else if (e.key === 'PageUp') {
e.preventDefault();
prevPageBtn?.click();
} else if (e.key === 'PageDown') {
e.preventDefault();
nextPageBtn?.click();
}
});
+2 -1
View File
@@ -1,6 +1,7 @@
import { createIcons, icons } from 'lucide';
import { showAlert, showLoader, hideLoader } from '../ui.js';
import { readFileAsArrayBuffer, formatBytes, downloadFile, getPDFDocument } from '../utils/helpers.js';
import { t } from '../i18n/i18n';
import {
signPdf,
parsePfxFile,
@@ -253,7 +254,7 @@ async function updatePdfDisplay(): Promise<void> {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(state.pdfFile.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(state.pdfFile.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+2 -1
View File
@@ -1,4 +1,5 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import { t } from '../i18n/i18n';
import {
downloadFile,
readFileAsArrayBuffer,
@@ -66,7 +67,7 @@ document.addEventListener('DOMContentLoaded', () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+4
View File
@@ -121,6 +121,9 @@ async function runOCR() {
);
const binarize = (document.getElementById('ocr-binarize') as HTMLInputElement)
.checked;
const embedFullFonts = (
document.getElementById('ocr-embed-full-fonts') as HTMLInputElement
).checked;
const whitelist = (
document.getElementById('ocr-whitelist') as HTMLInputElement
).value;
@@ -154,6 +157,7 @@ async function runOCR() {
resolution: scale,
binarize,
whitelist,
embedFullFonts,
onProgress: updateProgress,
});
+2 -1
View File
@@ -1,4 +1,5 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import { t } from '../i18n/i18n';
import {
downloadFile,
readFileAsArrayBuffer,
@@ -60,7 +61,7 @@ document.addEventListener('DOMContentLoaded', () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(currentFile.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(currentFile.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+15 -11
View File
@@ -10,6 +10,7 @@ import { createIcons, icons } from 'lucide';
import JSZip from 'jszip';
import * as pdfjsLib from 'pdfjs-dist';
import { PDFPageProxy } from 'pdfjs-dist';
import { t } from '../i18n/i18n';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
@@ -44,7 +45,7 @@ const updateUI = () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`; // Initial state
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`; // Initial state
infoContainer.append(nameSpan, metaSpan);
@@ -67,7 +68,7 @@ const updateUI = () => {
return getPDFDocument(buffer).promise;
})
.then((pdf) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} page${pdf.numPages !== 1 ? 's' : ''}`;
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch((e) => {
console.warn('Error loading PDF page count:', e);
@@ -91,10 +92,13 @@ const resetState = () => {
async function convert() {
if (files.length === 0) {
showAlert('No File', 'Please upload a PDF file first.');
showAlert(
t('tools:pdfToBmp.alert.noFile'),
t('tools:pdfToBmp.alert.noFileExplanation')
);
return;
}
showLoader('Converting to BMP...');
showLoader(t('tools:pdfToBmp.loader.converting'));
try {
const pdf = await getPDFDocument(await readFileAsArrayBuffer(files[0]))
.promise;
@@ -118,8 +122,8 @@ async function convert() {
}
showAlert(
'Success',
'PDF converted to BMPs successfully!',
t('common.success'),
t('tools:pdfToBmp.alert.conversionSuccess'),
'success',
() => {
resetState();
@@ -127,10 +131,7 @@ async function convert() {
);
} catch (e) {
console.error(e);
showAlert(
'Error',
'Failed to convert PDF to BMP. The file might be corrupted.'
);
showAlert(t('common.error'), t('tools:pdfToBmp.alert.conversionError'));
} finally {
hideLoader();
}
@@ -174,7 +175,10 @@ document.addEventListener('DOMContentLoaded', () => {
);
if (validFiles.length === 0) {
showAlert('Invalid File', 'Please upload a PDF file.');
showAlert(
t('tools:pdfToBmp.alert.invalidFile'),
t('tools:pdfToBmp.alert.invalidFileExplanation')
);
return;
}
+500
View File
@@ -0,0 +1,500 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import {
downloadFile,
formatBytes,
readFileAsArrayBuffer,
getPDFDocument,
getCleanPdfFilename,
} from '../utils/helpers.js';
import { createIcons, icons } from 'lucide';
import JSZip from 'jszip';
import * as pdfjsLib from 'pdfjs-dist';
import { PDFPageProxy } from 'pdfjs-dist';
import { t } from '../i18n/i18n';
import {
generateComicInfoXml,
generateMetadataOpf,
generateComicBookInfoJson,
} from '../utils/comic-info.js';
import type { CbzOptions, ComicMetadata } from '@/types';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
import.meta.url
).toString();
let files: File[] = [];
function getOptions(): CbzOptions {
const formatInput = document.getElementById(
'cbz-format'
) as HTMLSelectElement;
const qualityInput = document.getElementById(
'cbz-quality'
) as HTMLInputElement;
const scaleInput = document.getElementById('cbz-scale') as HTMLInputElement;
const grayscaleInput = document.getElementById(
'cbz-grayscale'
) as HTMLInputElement;
const mangaInput = document.getElementById('cbz-manga') as HTMLInputElement;
const metadataInput = document.getElementById(
'cbz-metadata'
) as HTMLInputElement;
const titleInput = document.getElementById('cbz-title') as HTMLInputElement;
const seriesInput = document.getElementById('cbz-series') as HTMLInputElement;
const numberInput = document.getElementById('cbz-number') as HTMLInputElement;
const volumeInput = document.getElementById('cbz-volume') as HTMLInputElement;
const authorInput = document.getElementById('cbz-author') as HTMLInputElement;
const publisherInput = document.getElementById(
'cbz-publisher'
) as HTMLInputElement;
const tagsInput = document.getElementById('cbz-tags') as HTMLInputElement;
const yearInput = document.getElementById('cbz-year') as HTMLInputElement;
const ratingInput = document.getElementById('cbz-rating') as HTMLInputElement;
return {
imageFormat: (formatInput?.value as CbzOptions['imageFormat']) || 'jpeg',
quality: qualityInput ? parseInt(qualityInput.value, 10) / 100 : 0.85,
scale: scaleInput ? parseFloat(scaleInput.value) : 2.0,
grayscale: grayscaleInput?.checked ?? false,
manga: mangaInput?.checked ?? false,
includeMetadata: metadataInput?.checked ?? true,
title: titleInput?.value?.trim() ?? '',
series: seriesInput?.value?.trim() ?? '',
number: numberInput?.value?.trim() ?? '',
volume: volumeInput?.value?.trim() ?? '',
author: authorInput?.value?.trim() ?? '',
publisher: publisherInput?.value?.trim() ?? '',
tags: tagsInput?.value?.trim() ?? '',
year: yearInput?.value?.trim() ?? '',
rating: ratingInput?.value?.trim() ?? '',
};
}
function getMimeType(format: CbzOptions['imageFormat']): string {
const mimeTypes: Record<CbzOptions['imageFormat'], string> = {
jpeg: 'image/jpeg',
png: 'image/png',
webp: 'image/webp',
};
return mimeTypes[format];
}
function getExtension(format: CbzOptions['imageFormat']): string {
const extensions: Record<CbzOptions['imageFormat'], string> = {
jpeg: 'jpg',
png: 'png',
webp: 'webp',
};
return extensions[format];
}
const updateUI = () => {
const fileDisplayArea = document.getElementById('file-display-area');
const optionsPanel = document.getElementById('options-panel');
const dropZone = document.getElementById('drop-zone');
if (!fileDisplayArea || !optionsPanel || !dropZone) return;
fileDisplayArea.innerHTML = '';
if (files.length > 0) {
optionsPanel.classList.remove('hidden');
files.forEach((file) => {
const fileDiv = document.createElement('div');
fileDiv.className =
'flex items-center justify-between bg-gray-700 p-3 rounded-lg text-sm';
const infoContainer = document.createElement('div');
infoContainer.className = 'flex flex-col overflow-hidden';
const nameSpan = document.createElement('div');
nameSpan.className = 'truncate font-medium text-gray-200 text-sm mb-1';
nameSpan.textContent = file.name;
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
const removeBtn = document.createElement('button');
removeBtn.className =
'ml-4 text-red-400 hover:text-red-300 flex-shrink-0';
removeBtn.innerHTML = '<i data-lucide="trash-2" class="w-4 h-4"></i>';
removeBtn.onclick = () => {
files = [];
updateUI();
};
fileDiv.append(infoContainer, removeBtn);
fileDisplayArea.appendChild(fileDiv);
readFileAsArrayBuffer(file)
.then((buffer) => getPDFDocument(buffer).promise)
.then((pdf) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch(() => {
metaSpan.textContent = formatBytes(file.size);
});
});
createIcons({ icons });
const titleInput = document.getElementById('cbz-title') as HTMLInputElement;
if (titleInput && !titleInput.value) {
titleInput.value = getCleanPdfFilename(files[0].name);
}
} else {
optionsPanel.classList.add('hidden');
}
};
const resetState = () => {
files = [];
const fileInput = document.getElementById('file-input') as HTMLInputElement;
if (fileInput) fileInput.value = '';
const textInputIds = [
'cbz-title',
'cbz-series',
'cbz-number',
'cbz-volume',
'cbz-author',
'cbz-publisher',
'cbz-tags',
'cbz-year',
'cbz-rating',
];
for (const id of textInputIds) {
const input = document.getElementById(id) as HTMLInputElement;
if (input) input.value = '';
}
updateUI();
};
async function renderPage(
page: PDFPageProxy,
options: CbzOptions
): Promise<Blob | null> {
const viewport = page.getViewport({ scale: options.scale });
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
if (!context) throw new Error('Failed to acquire 2D canvas context');
canvas.height = viewport.height;
canvas.width = viewport.width;
await page.render({
canvasContext: context,
viewport: viewport,
canvas,
}).promise;
if (options.grayscale) {
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
const data = imageData.data;
for (let i = 0; i < data.length; i += 4) {
const gray = 0.299 * data[i] + 0.587 * data[i + 1] + 0.114 * data[i + 2];
data[i] = gray;
data[i + 1] = gray;
data[i + 2] = gray;
}
context.putImageData(imageData, 0, 0);
}
const mimeType = getMimeType(options.imageFormat);
const quality = options.imageFormat === 'png' ? undefined : options.quality;
const blob = await new Promise<Blob | null>((resolve) =>
canvas.toBlob(resolve, mimeType, quality)
);
canvas.width = 0;
canvas.height = 0;
return blob;
}
async function convert() {
if (files.length === 0) {
showAlert(
t('tools:pdfToCbz.alert.noFile'),
t('tools:pdfToCbz.alert.noFileExplanation')
);
return;
}
showLoader(t('tools:pdfToCbz.converting'));
try {
const options = getOptions();
const pdf = await getPDFDocument(await readFileAsArrayBuffer(files[0]))
.promise;
if (pdf.numPages === 0) {
throw new Error('PDF has no pages');
}
const zip = new JSZip();
const ext = getExtension(options.imageFormat);
const padLength = String(pdf.numPages).length;
for (let i = 1; i <= pdf.numPages; i++) {
const page = await pdf.getPage(i);
const blob = await renderPage(page, options);
if (blob) {
const pageNum = String(i).padStart(padLength, '0');
zip.file(`${pageNum}.${ext}`, blob);
}
}
let zipComment = '';
if (options.includeMetadata) {
const meta: ComicMetadata = {
title: options.title || getCleanPdfFilename(files[0].name),
series: options.series || undefined,
number: options.number || undefined,
volume: options.volume || undefined,
writer: options.author || undefined,
publisher: options.publisher || undefined,
genre: options.tags || undefined,
year: options.year || undefined,
communityRating: options.rating || undefined,
pageCount: pdf.numPages,
manga: options.manga,
blackAndWhite: options.grayscale,
};
zip.file('ComicInfo.xml', generateComicInfoXml(meta));
zip.file('metadata.opf', generateMetadataOpf(meta));
zipComment = generateComicBookInfoJson(meta);
}
const cbzBlob = await zip.generateAsync({
type: 'blob',
comment: zipComment || undefined,
});
downloadFile(cbzBlob, getCleanPdfFilename(files[0].name) + '.cbz');
showAlert(
t('common.success'),
t('tools:pdfToCbz.alert.conversionSuccess'),
'success',
() => resetState()
);
} catch (e) {
console.error(e);
showAlert(t('common.error'), t('tools:pdfToCbz.alert.conversionError'));
} finally {
hideLoader();
}
}
document.addEventListener('DOMContentLoaded', () => {
const fileInput = document.getElementById('file-input') as HTMLInputElement;
const dropZone = document.getElementById('drop-zone');
const processBtn = document.getElementById('process-btn');
const backBtn = document.getElementById('back-to-tools');
const qualitySlider = document.getElementById(
'cbz-quality'
) as HTMLInputElement;
const qualityValue = document.getElementById('cbz-quality-value');
const scaleSlider = document.getElementById('cbz-scale') as HTMLInputElement;
const scaleValue = document.getElementById('cbz-scale-value');
const formatSelect = document.getElementById(
'cbz-format'
) as HTMLSelectElement;
const qualitySection = document.getElementById('quality-section');
const metadataCheckbox = document.getElementById(
'cbz-metadata'
) as HTMLInputElement;
const metadataSection = document.getElementById('metadata-section');
if (backBtn) {
backBtn.addEventListener('click', () => {
window.location.href = import.meta.env.BASE_URL;
});
}
if (qualitySlider && qualityValue) {
qualitySlider.addEventListener('input', () => {
qualityValue.textContent = `${qualitySlider.value}%`;
});
}
if (scaleSlider && scaleValue) {
scaleSlider.addEventListener('input', () => {
scaleValue.textContent = `${parseFloat(scaleSlider.value).toFixed(1)}x`;
});
}
if (formatSelect && qualitySection) {
formatSelect.addEventListener('change', () => {
if (formatSelect.value === 'png') {
qualitySection.classList.add('hidden');
} else {
qualitySection.classList.remove('hidden');
}
});
}
if (metadataCheckbox && metadataSection) {
metadataCheckbox.addEventListener('change', () => {
if (metadataCheckbox.checked) {
metadataSection.classList.remove('hidden');
} else {
metadataSection.classList.add('hidden');
}
});
}
if (formatSelect?.value === 'png' && qualitySection) {
qualitySection.classList.add('hidden');
}
if (metadataCheckbox && !metadataCheckbox.checked && metadataSection) {
metadataSection.classList.add('hidden');
}
function setInputValidity(
input: HTMLInputElement,
valid: boolean,
errorMsg: string
): void {
const errorId = `${input.id}-error`;
let errorEl = document.getElementById(errorId);
if (valid) {
input.classList.remove('border-red-500', 'focus:ring-red-500');
input.classList.add('border-gray-600', 'focus:ring-indigo-500');
if (errorEl) errorEl.remove();
} else {
input.classList.remove('border-gray-600', 'focus:ring-indigo-500');
input.classList.add('border-red-500', 'focus:ring-red-500');
if (!errorEl) {
errorEl = document.createElement('p');
errorEl.id = errorId;
errorEl.className = 'text-xs text-red-400 mt-1';
input.parentElement?.appendChild(errorEl);
}
errorEl.textContent = errorMsg;
}
}
const yearInput = document.getElementById('cbz-year') as HTMLInputElement;
const ratingInput = document.getElementById('cbz-rating') as HTMLInputElement;
const numberInput = document.getElementById('cbz-number') as HTMLInputElement;
const volumeInput = document.getElementById('cbz-volume') as HTMLInputElement;
if (yearInput) {
yearInput.addEventListener('input', () => {
const val = yearInput.value.trim();
if (val === '') {
setInputValidity(yearInput, true, '');
return;
}
const year = parseInt(val, 10);
setInputValidity(
yearInput,
!isNaN(year) && year >= 1900 && year <= 2100,
'Year must be between 1900 and 2100'
);
});
}
if (ratingInput) {
ratingInput.addEventListener('input', () => {
const val = ratingInput.value.trim();
if (val === '') {
setInputValidity(ratingInput, true, '');
return;
}
const rating = parseFloat(val);
setInputValidity(
ratingInput,
!isNaN(rating) && rating >= 0 && rating <= 5,
'Rating must be between 0 and 5'
);
});
}
if (numberInput) {
numberInput.addEventListener('input', () => {
const val = numberInput.value.trim();
if (val === '') {
setInputValidity(numberInput, true, '');
return;
}
setInputValidity(
numberInput,
!isNaN(parseFloat(val)) && parseFloat(val) >= 0,
'Must be a positive number'
);
});
}
if (volumeInput) {
volumeInput.addEventListener('input', () => {
const val = volumeInput.value.trim();
if (val === '') {
setInputValidity(volumeInput, true, '');
return;
}
const vol = parseInt(val, 10);
setInputValidity(
volumeInput,
!isNaN(vol) && vol >= 1,
'Must be a positive integer'
);
});
}
const handleFileSelect = (newFiles: FileList | null) => {
if (!newFiles || newFiles.length === 0) return;
const validFiles = Array.from(newFiles).filter(
(file) => file.type === 'application/pdf'
);
if (validFiles.length === 0) {
showAlert(
t('tools:pdfToCbz.alert.invalidFile'),
t('tools:pdfToCbz.alert.invalidFileExplanation')
);
return;
}
files = [validFiles[0]];
updateUI();
};
if (fileInput && dropZone) {
fileInput.addEventListener('change', (e) => {
handleFileSelect((e.target as HTMLInputElement).files);
});
dropZone.addEventListener('dragover', (e) => {
e.preventDefault();
dropZone.classList.add('bg-gray-700');
});
dropZone.addEventListener('dragleave', (e) => {
e.preventDefault();
dropZone.classList.remove('bg-gray-700');
});
dropZone.addEventListener('drop', (e) => {
e.preventDefault();
dropZone.classList.remove('bg-gray-700');
handleFileSelect(e.dataTransfer?.files ?? null);
});
fileInput.addEventListener('click', () => {
fileInput.value = '';
});
}
if (processBtn) {
processBtn.addEventListener('click', convert);
}
});
+2 -1
View File
@@ -1,4 +1,5 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import { t } from '../i18n/i18n';
import {
downloadFile,
readFileAsArrayBuffer,
@@ -50,7 +51,7 @@ document.addEventListener('DOMContentLoaded', () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+3 -2
View File
@@ -9,6 +9,7 @@ import { createIcons, icons } from 'lucide';
import { PDFDocument } from 'pdf-lib';
import { applyGreyscale } from '../utils/image-effects.js';
import * as pdfjsLib from 'pdfjs-dist';
import { t } from '../i18n/i18n';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
@@ -44,7 +45,7 @@ const updateUI = () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`; // Initial state
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`; // Initial state
infoContainer.append(nameSpan, metaSpan);
@@ -66,7 +67,7 @@ const updateUI = () => {
return getPDFDocument(buffer).promise;
})
.then((pdf) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} page${pdf.numPages !== 1 ? 's' : ''}`;
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch((e) => {
console.warn('Error loading PDF page count:', e);
+15 -11
View File
@@ -10,6 +10,7 @@ import { createIcons, icons } from 'lucide';
import JSZip from 'jszip';
import * as pdfjsLib from 'pdfjs-dist';
import { PDFPageProxy } from 'pdfjs-dist';
import { t } from '../i18n/i18n';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
@@ -44,7 +45,7 @@ const updateUI = () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`; // Initial state
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`; // Initial state
infoContainer.append(nameSpan, metaSpan);
@@ -66,7 +67,7 @@ const updateUI = () => {
return getPDFDocument(buffer).promise;
})
.then((pdf) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} page${pdf.numPages !== 1 ? 's' : ''}`;
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch((e) => {
console.warn('Error loading PDF page count:', e);
@@ -96,10 +97,13 @@ const resetState = () => {
async function convert() {
if (files.length === 0) {
showAlert('No File', 'Please upload a PDF file first.');
showAlert(
t('tools:pdfToJpg.alert.noFile'),
t('tools:pdfToJpg.alert.noFileExplanation')
);
return;
}
showLoader('Converting to JPG...');
showLoader(t('tools:pdfToJpg.loader.converting'));
try {
const pdf = await getPDFDocument(await readFileAsArrayBuffer(files[0]))
.promise;
@@ -128,8 +132,8 @@ async function convert() {
}
showAlert(
'Success',
'PDF converted to JPGs successfully!',
t('common.success'),
t('tools:pdfToJpg.alert.conversionSuccess'),
'success',
() => {
resetState();
@@ -137,10 +141,7 @@ async function convert() {
);
} catch (e) {
console.error(e);
showAlert(
'Error',
'Failed to convert PDF to JPG. The file might be corrupted.'
);
showAlert(t('common.error'), t('tools:pdfToJpg.alert.conversionError'));
} finally {
hideLoader();
}
@@ -197,7 +198,10 @@ document.addEventListener('DOMContentLoaded', () => {
);
if (validFiles.length === 0) {
showAlert('Invalid File', 'Please upload a PDF file.');
showAlert(
t('tools:pdfToJpg.alert.invalidFile'),
t('tools:pdfToJpg.alert.invalidFileExplanation')
);
return;
}
+2 -1
View File
@@ -1,4 +1,5 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import { t } from '../i18n/i18n';
import {
downloadFile,
readFileAsArrayBuffer,
@@ -53,7 +54,7 @@ document.addEventListener('DOMContentLoaded', () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+2 -1
View File
@@ -1,4 +1,5 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import { t } from '../i18n/i18n';
import {
downloadFile,
readFileAsArrayBuffer,
@@ -53,7 +54,7 @@ document.addEventListener('DOMContentLoaded', () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+15 -11
View File
@@ -10,6 +10,7 @@ import { createIcons, icons } from 'lucide';
import JSZip from 'jszip';
import * as pdfjsLib from 'pdfjs-dist';
import { PDFPageProxy } from 'pdfjs-dist';
import { t } from '../i18n/i18n';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
@@ -44,7 +45,7 @@ const updateUI = () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`; // Initial state
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`; // Initial state
infoContainer.append(nameSpan, metaSpan);
@@ -66,7 +67,7 @@ const updateUI = () => {
return getPDFDocument(buffer).promise;
})
.then((pdf) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} page${pdf.numPages !== 1 ? 's' : ''}`;
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch((e) => {
console.warn('Error loading PDF page count:', e);
@@ -94,10 +95,13 @@ const resetState = () => {
async function convert() {
if (files.length === 0) {
showAlert('No File', 'Please upload a PDF file first.');
showAlert(
t('tools:pdfToPng.alert.noFile'),
t('tools:pdfToPng.alert.noFileExplanation')
);
return;
}
showLoader('Converting to PNG...');
showLoader(t('tools:pdfToPng.loader.converting'));
try {
const pdf = await getPDFDocument(await readFileAsArrayBuffer(files[0]))
.promise;
@@ -124,8 +128,8 @@ async function convert() {
}
showAlert(
'Success',
'PDF converted to PNGs successfully!',
t('common.success'),
t('tools:pdfToPng.alert.conversionSuccess'),
'success',
() => {
resetState();
@@ -133,10 +137,7 @@ async function convert() {
);
} catch (e) {
console.error(e);
showAlert(
'Error',
'Failed to convert PDF to PNG. The file might be corrupted.'
);
showAlert(t('common.error'), t('tools:pdfToPng.alert.conversionError'));
} finally {
hideLoader();
}
@@ -191,7 +192,10 @@ document.addEventListener('DOMContentLoaded', () => {
);
if (validFiles.length === 0) {
showAlert('Invalid File', 'Please upload a PDF file.');
showAlert(
t('tools:pdfToPng.alert.invalidFile'),
t('tools:pdfToPng.alert.invalidFileExplanation')
);
return;
}
+246 -77
View File
@@ -9,8 +9,11 @@ import {
import { createIcons, icons } from 'lucide';
import JSZip from 'jszip';
import * as pdfjsLib from 'pdfjs-dist';
import UTIF from 'utif';
import { PDFPageProxy } from 'pdfjs-dist';
import { t } from '../i18n/i18n';
import type Vips from 'wasm-vips';
import wasmUrl from 'wasm-vips/vips.wasm?url';
import type { TiffOptions } from '@/types';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
@@ -18,6 +21,42 @@ pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
).toString();
let files: File[] = [];
let vipsInstance: typeof Vips | null = null;
async function getVips(): Promise<typeof Vips> {
if (vipsInstance) return vipsInstance;
const VipsInit = (await import('wasm-vips')).default;
vipsInstance = await VipsInit({
dynamicLibraries: [],
locateFile: (fileName: string) => {
if (fileName.endsWith('.wasm')) {
return wasmUrl;
}
return fileName;
},
});
return vipsInstance;
}
function getOptions(): TiffOptions {
const dpiInput = document.getElementById('tiff-dpi') as HTMLInputElement;
const compressionInput = document.getElementById(
'tiff-compression'
) as HTMLSelectElement;
const colorModeInput = document.getElementById(
'tiff-color-mode'
) as HTMLSelectElement;
const multiPageInput = document.getElementById(
'tiff-multipage'
) as HTMLInputElement;
return {
dpi: dpiInput ? parseInt(dpiInput.value, 10) : 300,
compression: compressionInput ? compressionInput.value : 'lzw',
colorMode: colorModeInput ? colorModeInput.value : 'rgb',
multiPage: multiPageInput ? multiPageInput.checked : false,
};
}
const updateUI = () => {
const fileDisplayArea = document.getElementById('file-display-area');
@@ -45,7 +84,7 @@ const updateUI = () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`; // Initial state
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
@@ -61,13 +100,12 @@ const updateUI = () => {
fileDiv.append(infoContainer, removeBtn);
fileDisplayArea.appendChild(fileDiv);
// Fetch page count asynchronously
readFileAsArrayBuffer(file)
.then((buffer) => {
return getPDFDocument(buffer).promise;
})
.then((pdf) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} page${pdf.numPages !== 1 ? 's' : ''}`;
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch((e) => {
console.warn('Error loading PDF page count:', e);
@@ -75,7 +113,6 @@ const updateUI = () => {
});
});
// Initialize icons immediately after synchronous render
createIcons({ icons });
} else {
optionsPanel.classList.add('hidden');
@@ -89,31 +126,194 @@ const resetState = () => {
updateUI();
};
async function renderPageToRgba(
page: PDFPageProxy,
dpi: number
): Promise<{ rgba: Uint8ClampedArray; width: number; height: number }> {
const scale = dpi / 72;
const viewport = page.getViewport({ scale });
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d')!;
canvas.height = viewport.height;
canvas.width = viewport.width;
await page.render({
canvasContext: context,
viewport: viewport,
canvas,
}).promise;
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
return { rgba: imageData.data, width: canvas.width, height: canvas.height };
}
function encodePageToTiff(
vips: typeof Vips,
rgba: Uint8ClampedArray,
width: number,
height: number,
options: TiffOptions
): Uint8Array {
let image = vips.Image.newFromMemory(
new Uint8Array(rgba.buffer, rgba.byteOffset, rgba.byteLength),
width,
height,
4,
vips.BandFormat.uchar
);
image = image.copy();
const pixelsPerMm = options.dpi / 25.4;
image.setDouble('xres', pixelsPerMm);
image.setDouble('yres', pixelsPerMm);
if (options.colorMode === 'greyscale' || options.colorMode === 'bw') {
if (image.bands === 4) {
image = image.flatten({ background: [255, 255, 255] });
}
image = image.colourspace(vips.Interpretation.b_w);
} else {
if (image.bands === 4) {
image = image.flatten({ background: [255, 255, 255] });
}
}
const tiffOptions: Parameters<typeof image.tiffsaveBuffer>[0] = {
compression: options.compression as Vips.Enum,
resunit: vips.ForeignTiffResunit.inch,
xres: options.dpi / 25.4,
yres: options.dpi / 25.4,
predictor:
options.compression === 'lzw' || options.compression === 'deflate'
? vips.ForeignTiffPredictor.horizontal
: vips.ForeignTiffPredictor.none,
};
if (options.colorMode === 'bw') {
tiffOptions.bitdepth = 1;
}
if (options.compression === 'jpeg') {
tiffOptions.Q = 85;
}
const buffer = image.tiffsaveBuffer(tiffOptions);
image.delete();
return buffer;
}
async function convert() {
if (files.length === 0) {
showAlert('No File', 'Please upload a PDF file first.');
showAlert(
t('tools:pdfToTiff.alert.noFile'),
t('tools:pdfToTiff.alert.noFileExplanation')
);
return;
}
showLoader('Converting to TIFF...');
showLoader(t('tools:pdfToTiff.loadingVips'));
let vips: typeof Vips;
try {
vips = await getVips();
} catch (e) {
console.error('Failed to load wasm-vips:', e);
hideLoader();
showAlert(
'Error',
'Failed to load the image processor. Please ensure your browser supports SharedArrayBuffer (requires HTTPS or localhost).'
);
return;
}
showLoader(t('tools:pdfToTiff.converting'));
try {
const options = getOptions();
const pdf = await getPDFDocument(await readFileAsArrayBuffer(files[0]))
.promise;
if (pdf.numPages === 1) {
if (options.multiPage && pdf.numPages > 1) {
const pages: Vips.Image[] = [];
for (let i = 1; i <= pdf.numPages; i++) {
const page = await pdf.getPage(i);
const { rgba, width, height } = await renderPageToRgba(
page,
options.dpi
);
let img = vips.Image.newFromMemory(
new Uint8Array(rgba.buffer, rgba.byteOffset, rgba.byteLength),
width,
height,
4,
vips.BandFormat.uchar
);
if (options.colorMode === 'greyscale' || options.colorMode === 'bw') {
if (img.bands === 4) {
img = img.flatten({ background: [255, 255, 255] });
}
img = img.colourspace(vips.Interpretation.b_w);
} else {
if (img.bands === 4) {
img = img.flatten({ background: [255, 255, 255] });
}
}
pages.push(img);
}
const firstPage = pages[0];
let joined = firstPage;
if (pages.length > 1) {
joined = vips.Image.arrayjoin(pages, { across: 1 });
}
const tiffOptions: Parameters<typeof joined.tiffsaveBuffer>[0] = {
compression: options.compression as Vips.Enum,
resunit: vips.ForeignTiffResunit.inch,
xres: options.dpi / 25.4,
yres: options.dpi / 25.4,
page_height: firstPage.height,
predictor:
options.compression === 'lzw' || options.compression === 'deflate'
? vips.ForeignTiffPredictor.horizontal
: vips.ForeignTiffPredictor.none,
};
if (options.colorMode === 'bw') {
tiffOptions.bitdepth = 1;
}
if (options.compression === 'jpeg') {
tiffOptions.Q = 85;
}
const buffer = joined.tiffsaveBuffer(tiffOptions);
const blob = new Blob([new Uint8Array(buffer)], { type: 'image/tiff' });
downloadFile(blob, getCleanPdfFilename(files[0].name) + '.tiff');
joined.delete();
for (const p of pages) {
if (!p.isDeleted()) p.delete();
}
} else if (pdf.numPages === 1) {
const page = await pdf.getPage(1);
const blob = await renderPage(page, 1);
downloadFile(
blob.blobData,
getCleanPdfFilename(files[0].name) + '.' + blob.ending
);
const { rgba, width, height } = await renderPageToRgba(page, options.dpi);
const buffer = encodePageToTiff(vips, rgba, width, height, options);
const blob = new Blob([new Uint8Array(buffer)], { type: 'image/tiff' });
downloadFile(blob, getCleanPdfFilename(files[0].name) + '.tiff');
} else {
const zip = new JSZip();
for (let i = 1; i <= pdf.numPages; i++) {
const page = await pdf.getPage(i);
const blob = await renderPage(page, i);
if (blob.blobData) {
zip.file(`page_${i}.` + blob.ending, blob.blobData);
}
const { rgba, width, height } = await renderPageToRgba(
page,
options.dpi
);
const buffer = encodePageToTiff(vips, rgba, width, height, options);
zip.file(`page_${i}.tiff`, new Uint8Array(buffer));
}
const zipBlob = await zip.generateAsync({ type: 'blob' });
@@ -121,8 +321,8 @@ async function convert() {
}
showAlert(
'Success',
'PDF converted to TIFFs successfully!',
t('common.success'),
t('tools:pdfToTiff.alert.conversionSuccess'),
'success',
() => {
resetState();
@@ -130,73 +330,25 @@ async function convert() {
);
} catch (e) {
console.error(e);
showAlert(
'Error',
'Failed to convert PDF to TIFF. The file might be corrupted.'
);
showAlert(t('common.error'), t('tools:pdfToTiff.alert.conversionError'));
} finally {
hideLoader();
}
}
async function renderPage(
page: PDFPageProxy,
pageNumber: number
): Promise<{ blobData: Blob | null; ending: string }> {
const viewport = page.getViewport({ scale: 2.0 });
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
await page.render({
canvasContext: context!,
viewport: viewport,
canvas,
}).promise;
const imageData = context!.getImageData(0, 0, canvas.width, canvas.height);
const rgba = imageData.data;
try {
const tiffData = UTIF.encodeImage(
new Uint8Array(rgba),
canvas.width,
canvas.height
);
const tiffBlob = new Blob([tiffData], { type: 'image/tiff' });
return {
blobData: tiffBlob,
ending: 'tiff',
};
} catch (encodeError: any) {
console.warn(
`TIFF encoding failed for page ${pageNumber}, using PNG fallback:`,
encodeError
);
// Fallback to PNG if TIFF encoding fails (e.g., PackBits compression issues)
const pngBlob = await new Promise<Blob | null>((resolve) =>
canvas.toBlob(resolve, 'image/png')
);
if (pngBlob) {
return {
blobData: pngBlob,
ending: 'png',
};
}
}
return {
blobData: null,
ending: 'tiff',
};
}
document.addEventListener('DOMContentLoaded', () => {
const fileInput = document.getElementById('file-input') as HTMLInputElement;
const dropZone = document.getElementById('drop-zone');
const processBtn = document.getElementById('process-btn');
const backBtn = document.getElementById('back-to-tools');
const dpiSlider = document.getElementById('tiff-dpi') as HTMLInputElement;
const dpiValue = document.getElementById('tiff-dpi-value');
const compressionSelect = document.getElementById(
'tiff-compression'
) as HTMLSelectElement;
const colorModeSelect = document.getElementById(
'tiff-color-mode'
) as HTMLSelectElement;
if (backBtn) {
backBtn.addEventListener('click', () => {
@@ -204,6 +356,20 @@ document.addEventListener('DOMContentLoaded', () => {
});
}
if (dpiSlider && dpiValue) {
dpiSlider.addEventListener('input', () => {
dpiValue.textContent = dpiSlider.value;
});
}
if (compressionSelect && colorModeSelect) {
compressionSelect.addEventListener('change', () => {
if (compressionSelect.value === 'ccittfax4') {
colorModeSelect.value = 'bw';
}
});
}
const handleFileSelect = (newFiles: FileList | null) => {
if (!newFiles || newFiles.length === 0) return;
const validFiles = Array.from(newFiles).filter(
@@ -211,7 +377,10 @@ document.addEventListener('DOMContentLoaded', () => {
);
if (validFiles.length === 0) {
showAlert('Invalid File', 'Please upload a PDF file.');
showAlert(
t('tools:pdfToTiff.alert.invalidFile'),
t('tools:pdfToTiff.alert.invalidFileExplanation')
);
return;
}
+15 -11
View File
@@ -10,6 +10,7 @@ import { createIcons, icons } from 'lucide';
import JSZip from 'jszip';
import * as pdfjsLib from 'pdfjs-dist';
import { PDFPageProxy } from 'pdfjs-dist';
import { t } from '../i18n/i18n';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
@@ -44,7 +45,7 @@ const updateUI = () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`; // Initial state
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`; // Initial state
infoContainer.append(nameSpan, metaSpan);
@@ -66,7 +67,7 @@ const updateUI = () => {
return getPDFDocument(buffer).promise;
})
.then((pdf) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} page${pdf.numPages !== 1 ? 's' : ''}`;
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch((e) => {
console.warn('Error loading PDF page count:', e);
@@ -96,10 +97,13 @@ const resetState = () => {
async function convert() {
if (files.length === 0) {
showAlert('No File', 'Please upload a PDF file first.');
showAlert(
t('tools:pdfToWebp.alert.noFile'),
t('tools:pdfToWebp.alert.noFileExplanation')
);
return;
}
showLoader('Converting to WebP...');
showLoader(t('tools:pdfToWebp.loader.converting'));
try {
const pdf = await getPDFDocument(await readFileAsArrayBuffer(files[0]))
.promise;
@@ -128,8 +132,8 @@ async function convert() {
}
showAlert(
'Success',
'PDF converted to WebPs successfully!',
t('common.success'),
t('tools:pdfToWebp.alert.conversionSuccess'),
'success',
() => {
resetState();
@@ -137,10 +141,7 @@ async function convert() {
);
} catch (e) {
console.error(e);
showAlert(
'Error',
'Failed to convert PDF to WebP. The file might be corrupted.'
);
showAlert(t('common.error'), t('tools:pdfToWebp.alert.conversionError'));
} finally {
hideLoader();
}
@@ -197,7 +198,10 @@ document.addEventListener('DOMContentLoaded', () => {
);
if (validFiles.length === 0) {
showAlert('Invalid File', 'Please upload a PDF file.');
showAlert(
t('tools:pdfToWebp.alert.invalidFile'),
t('tools:pdfToWebp.alert.invalidFileExplanation')
);
return;
}
+2 -1
View File
@@ -1,4 +1,5 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import { t } from '../i18n/i18n';
import {
downloadFile,
readFileAsArrayBuffer,
@@ -50,7 +51,7 @@ document.addEventListener('DOMContentLoaded', () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+2 -1
View File
@@ -1,4 +1,5 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import { t } from '../i18n/i18n';
import {
downloadFile,
readFileAsArrayBuffer,
@@ -50,7 +51,7 @@ document.addEventListener('DOMContentLoaded', () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+3 -2
View File
@@ -10,6 +10,7 @@ import { PDFDocument } from 'pdf-lib';
import { applyScannerEffect } from '../utils/image-effects.js';
import * as pdfjsLib from 'pdfjs-dist';
import type { ScanSettings } from '../types/scanner-effect-type.js';
import { t } from '../i18n/i18n';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
@@ -129,7 +130,7 @@ const updateUI = () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
@@ -152,7 +153,7 @@ const updateUI = () => {
return getPDFDocument(buffer).promise;
})
.then((pdf: pdfjsLib.PDFDocumentProxy) => {
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} page${pdf.numPages !== 1 ? 's' : ''}`;
metaSpan.textContent = `${formatBytes(file.size)} • ${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch(() => {
metaSpan.textContent = formatBytes(file.size);
+2 -1
View File
@@ -2,6 +2,7 @@ import { createIcons, icons } from 'lucide';
import { showAlert, showLoader, hideLoader } from '../ui.js';
import { readFileAsArrayBuffer, formatBytes, downloadFile, getPDFDocument } from '../utils/helpers.js';
import { PDFDocument } from 'pdf-lib';
import { t } from '../i18n/i18n';
interface SignState {
file: File | null;
@@ -108,7 +109,7 @@ async function updateFileDisplay() {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(signState.file.size)} • Loading pages...`;
metaSpan.textContent = `${formatBytes(signState.file.size)} • ${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
+2 -1
View File
@@ -1,4 +1,5 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import { t } from '../i18n/i18n';
import { createIcons, icons } from 'lucide';
import * as pdfjsLib from 'pdfjs-dist';
import {
@@ -71,7 +72,7 @@ document.addEventListener('DOMContentLoaded', () => {
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)} • Loading pages...`; // Placeholder
metaSpan.textContent = `${formatBytes(file.size)} • ${t('common.loadingPageCount')}`; // Placeholder
infoContainer.append(nameSpan, metaSpan);
+1
View File
@@ -179,6 +179,7 @@ const init = async () => {
'PDF to WebP': 'tools:pdfToWebp',
'PDF to BMP': 'tools:pdfToBmp',
'PDF to TIFF': 'tools:pdfToTiff',
'PDF to CBZ': 'tools:pdfToCbz',
'PDF to Greyscale': 'tools:pdfToGreyscale',
'PDF to JSON': 'tools:pdfToJson',
'OCR PDF': 'tools:ocrPdf',
+2
View File
@@ -52,3 +52,5 @@ export * from './adjust-colors-type.ts';
export * from './bates-numbering-type.ts';
export * from './page-preview-type.ts';
export * from './add-page-labels-type.ts';
export * from './pdf-to-tiff-type.ts';
export * from './pdf-to-cbz-type.ts';
+32
View File
@@ -0,0 +1,32 @@
export interface CbzOptions {
imageFormat: 'jpeg' | 'png' | 'webp';
quality: number;
scale: number;
grayscale: boolean;
manga: boolean;
includeMetadata: boolean;
title: string;
series: string;
number: string;
volume: string;
author: string;
publisher: string;
tags: string;
year: string;
rating: string;
}
export interface ComicMetadata {
title?: string;
series?: string;
number?: string;
volume?: string;
writer?: string;
publisher?: string;
genre?: string;
year?: string;
communityRating?: string;
pageCount: number;
manga?: boolean;
blackAndWhite?: boolean;
}
+6
View File
@@ -0,0 +1,6 @@
export interface TiffOptions {
dpi: number;
compression: string;
colorMode: string;
multiPage: boolean;
}
+190
View File
@@ -0,0 +1,190 @@
import type { ComicMetadata } from '@/types';
function escapeXml(str: string): string {
return str
.replace(/&/g, '&amp;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
.replace(/"/g, '&quot;')
.replace(/'/g, '&apos;');
}
export function generateComicInfoXml(params: ComicMetadata): string {
const lines: string[] = [
'<?xml version="1.0" encoding="utf-8"?>',
'<ComicInfo xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">',
];
if (params.title) {
lines.push(` <Title>${escapeXml(params.title)}</Title>`);
}
if (params.series) {
lines.push(` <Series>${escapeXml(params.series)}</Series>`);
}
if (params.number) {
lines.push(` <Number>${escapeXml(params.number)}</Number>`);
}
if (params.volume) {
lines.push(` <Volume>${escapeXml(params.volume)}</Volume>`);
}
if (params.writer) {
lines.push(` <Writer>${escapeXml(params.writer)}</Writer>`);
}
if (params.publisher) {
lines.push(` <Publisher>${escapeXml(params.publisher)}</Publisher>`);
}
if (params.genre) {
lines.push(` <Genre>${escapeXml(params.genre)}</Genre>`);
}
if (params.year) {
const yearNum = parseInt(params.year, 10);
if (!isNaN(yearNum)) {
lines.push(` <Year>${yearNum}</Year>`);
}
}
if (params.communityRating) {
const rating = parseFloat(params.communityRating);
if (!isNaN(rating) && rating >= 0 && rating <= 5) {
lines.push(` <CommunityRating>${rating}</CommunityRating>`);
}
}
lines.push(` <PageCount>${params.pageCount}</PageCount>`);
if (params.blackAndWhite) {
lines.push(' <BlackAndWhite>Yes</BlackAndWhite>');
}
if (params.manga) {
lines.push(' <Manga>YesAndRightToLeft</Manga>');
}
lines.push('</ComicInfo>');
return lines.join('\n');
}
export function generateMetadataOpf(params: ComicMetadata): string {
const lines: string[] = [
'<?xml version="1.0" encoding="utf-8"?>',
'<package xmlns="http://www.idpf.org/2007/opf" version="2.0">',
' <metadata xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:opf="http://www.idpf.org/2007/opf">',
];
if (params.title) {
lines.push(` <dc:title>${escapeXml(params.title)}</dc:title>`);
}
if (params.writer) {
lines.push(
` <dc:creator opf:role="aut">${escapeXml(params.writer)}</dc:creator>`
);
}
if (params.publisher) {
lines.push(
` <dc:publisher>${escapeXml(params.publisher)}</dc:publisher>`
);
}
if (params.year) {
const yearNum = parseInt(params.year, 10);
if (!isNaN(yearNum)) {
lines.push(` <dc:date>${yearNum}-01-01</dc:date>`);
}
}
if (params.genre) {
lines.push(` <dc:subject>${escapeXml(params.genre)}</dc:subject>`);
}
if (params.series) {
lines.push(
` <meta name="calibre:series" content="${escapeXml(params.series)}" />`
);
if (params.number) {
lines.push(
` <meta name="calibre:series_index" content="${escapeXml(params.number)}" />`
);
}
}
if (params.communityRating) {
const rating = parseFloat(params.communityRating);
if (!isNaN(rating) && rating >= 0 && rating <= 5) {
lines.push(
` <meta name="calibre:rating" content="${(rating / 5) * 10}" />`
);
}
}
lines.push(' </metadata>');
lines.push('</package>');
return lines.join('\n');
}
export function generateComicBookInfoJson(params: ComicMetadata): string {
const info: Record<string, unknown> = {};
if (params.title) {
info.title = params.title;
}
if (params.series) {
info.series = params.series;
}
if (params.number) {
info.issue = params.number;
}
if (params.volume) {
info.volume = parseInt(params.volume, 10) || undefined;
}
if (params.publisher) {
info.publisher = params.publisher;
}
if (params.year) {
const yearNum = parseInt(params.year, 10);
if (!isNaN(yearNum)) {
info.publicationYear = yearNum;
}
}
if (params.genre) {
info.tags = params.genre
.split(',')
.map((t) => t.trim())
.filter(Boolean);
}
if (params.writer) {
info.credits = [{ person: params.writer, role: 'Writer' }];
}
if (params.communityRating) {
const rating = parseFloat(params.communityRating);
if (!isNaN(rating) && rating >= 0 && rating <= 5) {
info.rating = rating;
}
}
const wrapper = {
appID: 'BentoPDF/1.0',
lastModified: new Date().toISOString(),
'ComicBookInfo/1.0': info,
};
return JSON.stringify(wrapper);
}
+14 -4
View File
@@ -16,6 +16,7 @@ export interface OcrOptions {
resolution: number;
binarize: boolean;
whitelist: string;
embedFullFonts?: boolean;
onProgress?: (status: string, progress: number) => void;
}
@@ -131,7 +132,14 @@ export async function performOcr(
pdfBytes: Uint8Array | ArrayBuffer,
options: OcrOptions
): Promise<OcrResult> {
const { language, resolution, binarize, whitelist, onProgress } = options;
const {
language,
resolution,
binarize,
whitelist,
embedFullFonts,
onProgress,
} = options;
const progress = onProgress || (() => {});
const worker = await createConfiguredTesseractWorker(
@@ -198,14 +206,16 @@ export async function performOcr(
getFontForLanguage('eng'),
]);
primaryFont = await newPdfDoc.embedFont(scriptFontBytes, {
subset: false,
subset: !embedFullFonts,
});
latinFont = await newPdfDoc.embedFont(latinFontBytes, {
subset: false,
subset: !embedFullFonts,
});
} else {
const fontBytes = await getFontForLanguage(primaryLang);
primaryFont = await newPdfDoc.embedFont(fontBytes, { subset: false });
primaryFont = await newPdfDoc.embedFont(fontBytes, {
subset: !embedFullFonts,
});
latinFont = primaryFont;
}
} catch (e) {
+10
View File
@@ -259,6 +259,16 @@
/>
Binarize Image (Enhance Contrast for Clean Scans)
</label>
<label
class="flex items-center gap-2 text-sm text-gray-300 cursor-pointer"
>
<input
type="checkbox"
id="ocr-embed-full-fonts"
class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600"
/>
Embed Full Fonts (Larger file, better compatibility)
</label>
<!-- Whitelist Presets -->
<div>
<label
+6 -2
View File
@@ -159,8 +159,12 @@
<div id="file-display-area" class="mt-4 space-y-2"></div>
<div id="options-panel" class="hidden mt-6">
<button id="process-btn" class="btn-gradient w-full">
Download All
<button
id="process-btn"
class="btn-gradient w-full"
data-i18n="common.convert"
>
Convert
</button>
</div>
</div>
+652
View File
@@ -0,0 +1,652 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
PDF to CBZ Converter Free Online - Comic Book Archive | BentoPDF
</title>
<meta
name="title"
content="PDF to CBZ Converter Free Online - Comic Book Archive | BentoPDF"
/>
<meta
name="description"
content="★ Convert PDF to CBZ (Comic Book Archive) online free ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"
/>
<meta
name="keywords"
content="pdf to cbz, pdf to comic book, comic book archive, cbz converter, manga converter"
/>
<meta name="author" content="BentoPDF" />
<meta
name="robots"
content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<link rel="canonical" href="https://www.bentopdf.com/pdf-to-cbz.html" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-cbz" />
<meta
property="og:title"
content="PDF to CBZ Converter Free Online - Comic Book Archive | BentoPDF"
/>
<meta
property="og:description"
content="★ Convert PDF to CBZ online free ★ No signup ★ Privacy-first ★ Works in browser"
/>
<meta
property="og:image"
content="https://www.bentopdf.com/images/og-pdf-to-cbz.png"
/>
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="BentoPDF" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-cbz" />
<meta name="twitter:title" content="PDF to CBZ Free" />
<meta
name="twitter:description"
content="★ Convert PDF to CBZ online free ★ No signup ★ Privacy-first ★ Works in browser"
/>
<meta
name="twitter:image"
content="https://www.bentopdf.com/images/twitter-pdf-to-cbz.png"
/>
<meta name="twitter:site" content="@BentoPDF" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="PDF to CBZ" />
<link href="/src/css/styles.css" rel="stylesheet" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
<link
rel="icon"
type="image/png"
sizes="192x192"
href="/images/favicon-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="512x512"
href="/images/favicon-512x512.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/images/apple-touch-icon.png"
/>
<link rel="icon" href="/favicon.ico" sizes="32x32" />
</head>
<body class="antialiased bg-gray-900">
{{> navbar }}
<div
id="uploader"
class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900"
>
<div
id="tool-uploader"
class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700"
>
<button
id="back-to-tools"
class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold"
>
<i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools">
Back to Tools
</span>
</button>
<h1
class="text-2xl font-bold text-white mb-2"
data-i18n="tools:pdfToCbz.name"
>
PDF to CBZ
</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToCbz.subtitle">
Convert a PDF into a CBZ (Comic Book Archive) file for comic readers.
</p>
<div
id="drop-zone"
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"
>
<div class="flex flex-col items-center justify-center pt-5 pb-6">
<i
data-lucide="upload-cloud"
class="w-10 h-10 mb-3 text-gray-400"
></i>
<p class="mb-2 text-sm text-gray-400">
<span class="font-semibold" data-i18n="upload.clickToSelect"
>Click to select a file</span
>
<span data-i18n="upload.orDragAndDrop">or drag and drop</span>
</p>
<p class="text-xs text-gray-500" data-i18n="upload.hints.singlePdf">
A single PDF file
</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
Your files never leave your device.
</p>
</div>
<input
id="file-input"
type="file"
class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
accept="application/pdf"
/>
</div>
<div id="file-display-area" class="mt-4 space-y-2"></div>
<div id="options-panel" class="hidden mt-6 space-y-4">
<div>
<label
for="cbz-format"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.imageFormat"
>Image Format</label
>
<select
id="cbz-format"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
>
<option value="jpeg">JPEG</option>
<option value="png">PNG</option>
<option value="webp">WebP</option>
</select>
</div>
<div id="quality-section">
<label
for="cbz-quality"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.quality"
>Image Quality</label
>
<div class="flex items-center gap-4">
<input
type="range"
id="cbz-quality"
min="50"
max="100"
step="1"
value="85"
class="flex-1"
/>
<span
id="cbz-quality-value"
class="text-white font-medium w-16 text-right"
>85%</span
>
</div>
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToCbz.qualityExplanation"
>
Higher quality = larger file size
</p>
</div>
<div>
<label
for="cbz-scale"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.scale"
>Scale</label
>
<div class="flex items-center gap-4">
<input
type="range"
id="cbz-scale"
min="1.0"
max="4.0"
step="0.1"
value="2.0"
class="flex-1"
/>
<span
id="cbz-scale-value"
class="text-white font-medium w-16 text-right"
>2.0x</span
>
</div>
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToCbz.scaleExplanation"
>
Higher scale = better quality for high-res screens
</p>
</div>
<div class="flex items-center gap-3">
<input
type="checkbox"
id="cbz-grayscale"
class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500"
/>
<label
for="cbz-grayscale"
class="text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.grayscale"
>Convert to grayscale</label
>
</div>
<div class="flex items-center gap-3">
<input
type="checkbox"
id="cbz-manga"
class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500"
/>
<label
for="cbz-manga"
class="text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.manga"
>Manga mode (right-to-left)</label
>
</div>
<div class="flex items-center gap-3">
<input
type="checkbox"
id="cbz-metadata"
class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500"
checked
/>
<label
for="cbz-metadata"
class="text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.includeMetadata"
>Include ComicInfo.xml metadata</label
>
</div>
<div id="metadata-section" class="space-y-3 pl-7">
<div>
<label
for="cbz-title"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.titleLabel"
>Title</label
>
<input
type="text"
id="cbz-title"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="Auto-detected from filename"
/>
</div>
<div class="grid grid-cols-2 gap-3">
<div>
<label
for="cbz-series"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.seriesLabel"
>Series</label
>
<input
type="text"
id="cbz-series"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
/>
</div>
<div class="grid grid-cols-2 gap-2">
<div>
<label
for="cbz-number"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.numberLabel"
>#</label
>
<input
type="number"
id="cbz-number"
min="0"
step="0.1"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="1"
/>
</div>
<div>
<label
for="cbz-volume"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.volumeLabel"
>Vol.</label
>
<input
type="number"
id="cbz-volume"
min="1"
step="1"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="1"
/>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-3">
<div>
<label
for="cbz-author"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.authorLabel"
>Author(s)</label
>
<input
type="text"
id="cbz-author"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
/>
</div>
<div>
<label
for="cbz-publisher"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.publisherLabel"
>Publisher</label
>
<input
type="text"
id="cbz-publisher"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
/>
</div>
</div>
<div>
<label
for="cbz-tags"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.tagsLabel"
>Tags / Genre</label
>
<input
type="text"
id="cbz-tags"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="Action, Adventure, Sci-Fi"
/>
</div>
<div class="grid grid-cols-2 gap-3">
<div>
<label
for="cbz-year"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.yearLabel"
>Published Year</label
>
<input
type="number"
id="cbz-year"
min="1900"
max="2100"
step="1"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="2024"
/>
</div>
<div>
<label
for="cbz-rating"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.ratingLabel"
>Rating (0-5)</label
>
<input
type="number"
id="cbz-rating"
min="0"
max="5"
step="0.5"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
/>
</div>
</div>
</div>
<button
id="process-btn"
class="btn-gradient w-full"
data-i18n="common.convert"
>
Convert
</button>
</div>
</div>
</div>
<div
id="loader-modal"
class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50"
>
<div
class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl"
>
<div class="solid-spinner"></div>
<p id="loader-text" class="text-white text-lg font-medium">
Processing...
</p>
</div>
</div>
<div
id="alert-modal"
class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"
>
<div
class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"
>
<h3
id="alert-title"
class="text-xl font-bold text-white mb-2"
data-i18n="alert.title"
>
Alert
</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p>
<button
id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
>
OK
</button>
</div>
</div>
<section class="max-w-4xl mx-auto px-4 py-12">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
data-i18n="howItWorks.title"
>
How It Works
</h2>
<div class="space-y-6">
<div class="flex items-start gap-4">
<div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"
>
1
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
<p class="text-gray-400">
Select the PDF you want to convert to a comic book archive
</p>
</div>
</div>
<div class="flex items-start gap-4">
<div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"
>
2
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">
Choose Settings
</h3>
<p class="text-gray-400">
Pick image format, quality, and optional metadata
</p>
</div>
</div>
<div class="flex items-start gap-4">
<div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"
>
3
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">Download CBZ</h3>
<p class="text-gray-400">
Get your .cbz file ready for any comic book reader
</p>
</div>
</div>
</div>
</section>
<section class="max-w-6xl mx-auto px-4 py-12">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
data-i18n="relatedTools.title"
>
Related PDF Tools
</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a
href="pdf-to-jpg.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">PDF to JPG</h3>
<p class="text-gray-400 text-sm">Convert PDF pages to JPG images</p>
</a>
<a
href="pdf-to-png.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">PDF to PNG</h3>
<p class="text-gray-400 text-sm">Convert PDF pages to PNG images</p>
</a>
<a
href="pdf-to-tiff.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">PDF to TIFF</h3>
<p class="text-gray-400 text-sm">Convert PDF pages to TIFF images</p>
</a>
<a
href="extract-images.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">Extract Images</h3>
<p class="text-gray-400 text-sm">Extract all images from a PDF</p>
</a>
</div>
</section>
<section class="max-w-4xl mx-auto px-4 py-12">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
data-i18n="faq.sectionTitle"
>
Frequently Asked Questions
</h2>
<div class="space-y-4">
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary
class="cursor-pointer font-semibold text-white flex items-center justify-between"
>
What is a CBZ file?
<i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary>
<p class="mt-3 text-gray-400">
CBZ (Comic Book ZIP) is a popular format for digital comics and
manga. It's simply a ZIP archive containing page images, supported
by most comic book readers like Komga, Kavita, and CDisplayEx.
</p>
</details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary
class="cursor-pointer font-semibold text-white flex items-center justify-between"
>
Which image format should I use?
<i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary>
<p class="mt-3 text-gray-400">
JPEG is best for color comics (smaller files). PNG is ideal for
black-and-white manga (lossless quality). WebP offers the best
compression but may not work in older readers.
</p>
</details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary
class="cursor-pointer font-semibold text-white flex items-center justify-between"
>
What is ComicInfo.xml?
<i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary>
<p class="mt-3 text-gray-400">
ComicInfo.xml is a metadata file embedded in the CBZ that stores
information like title, author, and reading direction. Comic library
managers like Komga and Kavita use it to organize your collection.
</p>
</details>
</div>
</section>
{{> footer }}
<script type="module" src="/src/js/utils/lucide-init.ts"></script>
<script type="module" src="/src/js/utils/full-width.ts"></script>
<script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
<script type="module" src="/src/version.ts"></script>
<script type="module" src="/src/js/logic/pdf-to-cbz-page.ts"></script>
<script type="module" src="/src/js/mobileMenu.ts"></script>
<script type="module" src="/src/js/main.ts"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "PDF to CBZ - BentoPDF",
"applicationCategory": "PDF Tool",
"operatingSystem": "Any - Web Browser",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.bentopdf.com"
},
{
"@type": "ListItem",
"position": 2,
"name": "PDF to CBZ",
"item": "https://www.bentopdf.com/pdf-to-cbz"
}
]
}
</script>
</body>
</html>
+11 -3
View File
@@ -166,6 +166,7 @@
<label
for="jpg-quality"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToJpg.imageQuality"
>Image Quality</label
>
<div class="flex items-center gap-4">
@@ -184,13 +185,20 @@
>90%</span
>
</div>
<p class="mt-1 text-xs text-gray-400">
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToJpg.imageQualityExplanation"
>
Higher quality = larger file size
</p>
</div>
<button id="process-btn" class="btn-gradient w-full">
Download All
<button
id="process-btn"
class="btn-gradient w-full"
data-i18n="common.convert"
>
Convert
</button>
</div>
</div>
+11 -3
View File
@@ -163,6 +163,7 @@
<label
for="png-scale"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToPng.imageScale"
>Image Scale</label
>
<div class="flex items-center gap-4">
@@ -181,13 +182,20 @@
>2.0x</span
>
</div>
<p class="mt-1 text-xs text-gray-400">
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToPng.imageScaleExplanation"
>
Higher scale = better quality but larger file size
</p>
</div>
<button id="process-btn" class="btn-gradient w-full">
Download All
<button
id="process-btn"
class="btn-gradient w-full"
data-i18n="common.convert"
>
Convert
</button>
</div>
</div>
+96 -3
View File
@@ -153,9 +153,102 @@
/>
</div>
<div id="file-display-area" class="mt-4 space-y-2"></div>
<div id="options-panel" class="hidden mt-6">
<button id="process-btn" class="btn-gradient w-full">
Download All
<div id="options-panel" class="hidden mt-6 space-y-4">
<div>
<label
for="tiff-dpi"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToTiff.dpi"
>DPI (Resolution)</label
>
<div class="flex items-center gap-4">
<input
type="range"
id="tiff-dpi"
min="72"
max="600"
step="1"
value="300"
class="flex-1"
/>
<span
id="tiff-dpi-value"
class="text-white font-medium w-16 text-right"
>300</span
>
</div>
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToTiff.dpiExplanation"
>
Higher DPI = better quality for printing, larger file size
</p>
</div>
<div>
<label
for="tiff-compression"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToTiff.compression"
>Compression</label
>
<select
id="tiff-compression"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
>
<option value="lzw">LZW (Lossless)</option>
<option value="deflate">Deflate / ZIP (Lossless)</option>
<option value="ccittfax4">CCITT Group 4 (B&W documents)</option>
<option value="jpeg">JPEG (Lossy)</option>
<option value="packbits">PackBits</option>
<option value="none">None (Uncompressed)</option>
</select>
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToTiff.compressionExplanation"
>
LZW and Deflate are lossless. CCITT Group 4 is best for B&W
scanned documents.
</p>
</div>
<div>
<label
for="tiff-color-mode"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToTiff.colorMode"
>Color Mode</label
>
<select
id="tiff-color-mode"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
>
<option value="rgb">Color (RGB)</option>
<option value="greyscale">Greyscale</option>
<option value="bw">Black & White (1-bit)</option>
</select>
</div>
<div class="flex items-center gap-3">
<input
type="checkbox"
id="tiff-multipage"
class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500"
/>
<label
for="tiff-multipage"
class="text-sm font-medium text-gray-300"
data-i18n="tools:pdfToTiff.multiPage"
>Save as multi-page TIFF (single file)</label
>
</div>
<button
id="process-btn"
class="btn-gradient w-full"
data-i18n="common.convert"
>
Convert
</button>
</div>
</div>
+11 -3
View File
@@ -163,6 +163,7 @@
<label
for="webp-quality"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToWebp.imageQuality"
>Image Quality</label
>
<div class="flex items-center gap-4">
@@ -181,13 +182,20 @@
>85%</span
>
</div>
<p class="mt-1 text-xs text-gray-400">
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToWebp.imageQualityExplanation"
>
Higher quality = larger file size
</p>
</div>
<button id="process-btn" class="btn-gradient w-full">
Download All
<button
id="process-btn"
class="btn-gradient w-full"
data-i18n="common.convert"
>
Convert
</button>
</div>
</div>
+401
View File
@@ -0,0 +1,401 @@
import { describe, it, expect, vi, beforeEach } from 'vitest';
import {
generateComicInfoXml,
generateMetadataOpf,
generateComicBookInfoJson,
} from '@/js/utils/comic-info';
import type { ComicMetadata } from '@/types';
const fullMetadata: ComicMetadata = {
title: 'Batman: Year One',
series: 'Batman',
number: '404',
volume: '1',
writer: 'Frank Miller',
publisher: 'DC Comics',
genre: 'Action, Superhero',
year: '1987',
communityRating: '4.5',
pageCount: 48,
manga: false,
blackAndWhite: false,
};
const minimalMetadata: ComicMetadata = {
pageCount: 1,
};
describe('generateComicInfoXml', () => {
it('should generate valid XML with all fields', () => {
const xml = generateComicInfoXml(fullMetadata);
expect(xml).toContain('<?xml version="1.0" encoding="utf-8"?>');
expect(xml).toContain('<ComicInfo');
expect(xml).toContain('<Title>Batman: Year One</Title>');
expect(xml).toContain('<Series>Batman</Series>');
expect(xml).toContain('<Number>404</Number>');
expect(xml).toContain('<Volume>1</Volume>');
expect(xml).toContain('<Writer>Frank Miller</Writer>');
expect(xml).toContain('<Publisher>DC Comics</Publisher>');
expect(xml).toContain('<Genre>Action, Superhero</Genre>');
expect(xml).toContain('<Year>1987</Year>');
expect(xml).toContain('<CommunityRating>4.5</CommunityRating>');
expect(xml).toContain('<PageCount>48</PageCount>');
expect(xml).toContain('</ComicInfo>');
});
it('should only include PageCount for minimal metadata', () => {
const xml = generateComicInfoXml(minimalMetadata);
expect(xml).toContain('<PageCount>1</PageCount>');
expect(xml).not.toContain('<Title>');
expect(xml).not.toContain('<Series>');
expect(xml).not.toContain('<Writer>');
expect(xml).not.toContain('<Publisher>');
expect(xml).not.toContain('<Genre>');
expect(xml).not.toContain('<Year>');
expect(xml).not.toContain('<CommunityRating>');
expect(xml).not.toContain('<BlackAndWhite>');
expect(xml).not.toContain('<Manga>');
});
it('should include BlackAndWhite when true', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
blackAndWhite: true,
});
expect(xml).toContain('<BlackAndWhite>Yes</BlackAndWhite>');
});
it('should not include BlackAndWhite when false', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
blackAndWhite: false,
});
expect(xml).not.toContain('<BlackAndWhite>');
});
it('should include Manga when true', () => {
const xml = generateComicInfoXml({ ...minimalMetadata, manga: true });
expect(xml).toContain('<Manga>YesAndRightToLeft</Manga>');
});
it('should not include Manga when false', () => {
const xml = generateComicInfoXml({ ...minimalMetadata, manga: false });
expect(xml).not.toContain('<Manga>');
});
it('should escape XML special characters in title', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
title: 'Batman & Robin <Issue #1> "Special"',
});
expect(xml).toContain(
'<Title>Batman &amp; Robin &lt;Issue #1&gt; &quot;Special&quot;</Title>'
);
});
it('should escape XML special characters in all text fields', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
series: 'X-Men & Friends',
writer: "O'Brien",
publisher: 'DC <Comics>',
genre: 'Sci-Fi & Fantasy',
});
expect(xml).toContain('<Series>X-Men &amp; Friends</Series>');
expect(xml).toContain('<Writer>O&apos;Brien</Writer>');
expect(xml).toContain('<Publisher>DC &lt;Comics&gt;</Publisher>');
expect(xml).toContain('<Genre>Sci-Fi &amp; Fantasy</Genre>');
});
it('should skip Year for non-numeric year strings', () => {
const xml = generateComicInfoXml({ ...minimalMetadata, year: 'abc' });
expect(xml).not.toContain('<Year>');
});
it('should parse year as integer', () => {
const xml = generateComicInfoXml({ ...minimalMetadata, year: '2024' });
expect(xml).toContain('<Year>2024</Year>');
});
it('should skip CommunityRating when out of range (negative)', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
communityRating: '-1',
});
expect(xml).not.toContain('<CommunityRating>');
});
it('should skip CommunityRating when out of range (above 5)', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
communityRating: '6',
});
expect(xml).not.toContain('<CommunityRating>');
});
it('should accept CommunityRating at boundaries (0 and 5)', () => {
const xml0 = generateComicInfoXml({
...minimalMetadata,
communityRating: '0',
});
expect(xml0).toContain('<CommunityRating>0</CommunityRating>');
const xml5 = generateComicInfoXml({
...minimalMetadata,
communityRating: '5',
});
expect(xml5).toContain('<CommunityRating>5</CommunityRating>');
});
it('should accept decimal CommunityRating', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
communityRating: '3.5',
});
expect(xml).toContain('<CommunityRating>3.5</CommunityRating>');
});
it('should skip CommunityRating for non-numeric strings', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
communityRating: 'great',
});
expect(xml).not.toContain('<CommunityRating>');
});
it('should handle empty string fields as absent', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
title: '',
series: '',
writer: '',
});
expect(xml).not.toContain('<Title>');
expect(xml).not.toContain('<Series>');
expect(xml).not.toContain('<Writer>');
});
it('should handle undefined fields as absent', () => {
const xml = generateComicInfoXml({
...minimalMetadata,
title: undefined,
series: undefined,
});
expect(xml).not.toContain('<Title>');
expect(xml).not.toContain('<Series>');
});
it('should handle zero pageCount', () => {
const xml = generateComicInfoXml({ pageCount: 0 });
expect(xml).toContain('<PageCount>0</PageCount>');
});
});
describe('generateMetadataOpf', () => {
it('should generate valid OPF with all fields', () => {
const opf = generateMetadataOpf(fullMetadata);
expect(opf).toContain('<?xml version="1.0" encoding="utf-8"?>');
expect(opf).toContain('<package xmlns="http://www.idpf.org/2007/opf"');
expect(opf).toContain('<dc:title>Batman: Year One</dc:title>');
expect(opf).toContain(
'<dc:creator opf:role="aut">Frank Miller</dc:creator>'
);
expect(opf).toContain('<dc:publisher>DC Comics</dc:publisher>');
expect(opf).toContain('<dc:date>1987-01-01</dc:date>');
expect(opf).toContain('<dc:subject>Action, Superhero</dc:subject>');
expect(opf).toContain('calibre:series" content="Batman"');
expect(opf).toContain('calibre:series_index" content="404"');
expect(opf).toContain('</metadata>');
expect(opf).toContain('</package>');
});
it('should generate minimal OPF with no optional fields', () => {
const opf = generateMetadataOpf(minimalMetadata);
expect(opf).toContain('<package');
expect(opf).toContain('</package>');
expect(opf).not.toContain('<dc:title>');
expect(opf).not.toContain('<dc:creator');
expect(opf).not.toContain('<dc:publisher>');
expect(opf).not.toContain('<dc:date>');
expect(opf).not.toContain('calibre:series');
});
it('should include calibre:series but not series_index when number is absent', () => {
const opf = generateMetadataOpf({ ...minimalMetadata, series: 'Naruto' });
expect(opf).toContain('calibre:series" content="Naruto"');
expect(opf).not.toContain('calibre:series_index');
});
it('should not include series_index without series', () => {
const opf = generateMetadataOpf({ ...minimalMetadata, number: '5' });
expect(opf).not.toContain('calibre:series_index');
});
it('should scale rating from 0-5 to 0-10 for Calibre', () => {
const opf = generateMetadataOpf({
...minimalMetadata,
communityRating: '4',
});
expect(opf).toContain('calibre:rating" content="8"');
});
it('should scale rating 2.5 to 5 for Calibre', () => {
const opf = generateMetadataOpf({
...minimalMetadata,
communityRating: '2.5',
});
expect(opf).toContain('calibre:rating" content="5"');
});
it('should skip rating when out of range', () => {
const opf = generateMetadataOpf({
...minimalMetadata,
communityRating: '10',
});
expect(opf).not.toContain('calibre:rating');
});
it('should skip year for non-numeric strings', () => {
const opf = generateMetadataOpf({ ...minimalMetadata, year: 'unknown' });
expect(opf).not.toContain('<dc:date>');
});
it('should escape XML in all OPF fields', () => {
const opf = generateMetadataOpf({
...minimalMetadata,
title: 'Batman & Robin',
writer: "O'Brien",
series: 'X <Men>',
});
expect(opf).toContain('<dc:title>Batman &amp; Robin</dc:title>');
expect(opf).toContain('O&apos;Brien');
expect(opf).toContain('content="X &lt;Men&gt;"');
});
});
describe('generateComicBookInfoJson', () => {
beforeEach(() => {
vi.useFakeTimers();
vi.setSystemTime(new Date('2024-06-15T12:00:00.000Z'));
});
it('should generate valid JSON with all fields', () => {
const json = generateComicBookInfoJson(fullMetadata);
const parsed = JSON.parse(json);
expect(parsed.appID).toBe('BentoPDF/1.0');
expect(parsed.lastModified).toBe('2024-06-15T12:00:00.000Z');
const info = parsed['ComicBookInfo/1.0'];
expect(info.title).toBe('Batman: Year One');
expect(info.series).toBe('Batman');
expect(info.issue).toBe('404');
expect(info.volume).toBe(1);
expect(info.publisher).toBe('DC Comics');
expect(info.publicationYear).toBe(1987);
expect(info.tags).toEqual(['Action', 'Superhero']);
expect(info.credits).toEqual([{ person: 'Frank Miller', role: 'Writer' }]);
expect(info.rating).toBe(4.5);
});
it('should generate minimal JSON with no optional fields', () => {
const json = generateComicBookInfoJson(minimalMetadata);
const parsed = JSON.parse(json);
expect(parsed.appID).toBe('BentoPDF/1.0');
expect(parsed['ComicBookInfo/1.0']).toEqual({});
});
it('should parse volume as integer', () => {
const json = generateComicBookInfoJson({ ...minimalMetadata, volume: '3' });
const parsed = JSON.parse(json);
expect(parsed['ComicBookInfo/1.0'].volume).toBe(3);
});
it('should omit volume when non-numeric', () => {
const json = generateComicBookInfoJson({
...minimalMetadata,
volume: 'abc',
});
const parsed = JSON.parse(json);
expect(parsed['ComicBookInfo/1.0'].volume).toBeUndefined();
});
it('should split genre into tags array', () => {
const json = generateComicBookInfoJson({
...minimalMetadata,
genre: 'Action, Adventure, Sci-Fi',
});
const parsed = JSON.parse(json);
expect(parsed['ComicBookInfo/1.0'].tags).toEqual([
'Action',
'Adventure',
'Sci-Fi',
]);
});
it('should filter empty tags from genre string', () => {
const json = generateComicBookInfoJson({
...minimalMetadata,
genre: 'Action, , , Adventure',
});
const parsed = JSON.parse(json);
expect(parsed['ComicBookInfo/1.0'].tags).toEqual(['Action', 'Adventure']);
});
it('should skip rating when out of range', () => {
const json = generateComicBookInfoJson({
...minimalMetadata,
communityRating: '6',
});
const parsed = JSON.parse(json);
expect(parsed['ComicBookInfo/1.0'].rating).toBeUndefined();
});
it('should skip rating when negative', () => {
const json = generateComicBookInfoJson({
...minimalMetadata,
communityRating: '-1',
});
const parsed = JSON.parse(json);
expect(parsed['ComicBookInfo/1.0'].rating).toBeUndefined();
});
it('should accept rating at boundaries', () => {
const json0 = generateComicBookInfoJson({
...minimalMetadata,
communityRating: '0',
});
expect(JSON.parse(json0)['ComicBookInfo/1.0'].rating).toBe(0);
const json5 = generateComicBookInfoJson({
...minimalMetadata,
communityRating: '5',
});
expect(JSON.parse(json5)['ComicBookInfo/1.0'].rating).toBe(5);
});
it('should skip year for non-numeric strings', () => {
const json = generateComicBookInfoJson({ ...minimalMetadata, year: 'n/a' });
const parsed = JSON.parse(json);
expect(parsed['ComicBookInfo/1.0'].publicationYear).toBeUndefined();
});
it('should handle special characters in strings without escaping (JSON handles it)', () => {
const json = generateComicBookInfoJson({
...minimalMetadata,
title: 'Batman & Robin "Special" <Edition>',
writer: "O'Brien",
});
const parsed = JSON.parse(json);
expect(parsed['ComicBookInfo/1.0'].title).toBe(
'Batman & Robin "Special" <Edition>'
);
expect(parsed['ComicBookInfo/1.0'].credits[0].person).toBe("O'Brien");
});
it('should always produce valid JSON', () => {
const json = generateComicBookInfoJson(fullMetadata);
expect(() => JSON.parse(json)).not.toThrow();
});
});
+1 -1
View File
@@ -1 +1 @@
2.3.0
2.9.1
Binary file not shown.
Binary file not shown.
+3 -2
View File
@@ -1,7 +1,7 @@
import { defineConfig, Plugin } from 'vitest/config';
import type { IncomingMessage, ServerResponse } from 'http';
import type { Connect } from 'vite';
import basicSsl from '@vitejs/plugin-basic-ssl';
// import basicSsl from '@vitejs/plugin-basic-ssl';
import tailwindcss from '@tailwindcss/vite';
import { nodePolyfills } from 'vite-plugin-node-polyfills';
import { viteStaticCopy } from 'vite-plugin-static-copy';
@@ -352,7 +352,7 @@ export default defineConfig(() => {
},
optimizeDeps: {
include: ['pdfkit', 'blob-stream'],
exclude: ['coherentpdf'],
exclude: ['coherentpdf', 'wasm-vips'],
},
server: {
host: true,
@@ -508,6 +508,7 @@ export default defineConfig(() => {
'pdf-to-jpg': resolve(__dirname, 'src/pages/pdf-to-jpg.html'),
'pdf-to-png': resolve(__dirname, 'src/pages/pdf-to-png.html'),
'pdf-to-tiff': resolve(__dirname, 'src/pages/pdf-to-tiff.html'),
'pdf-to-cbz': resolve(__dirname, 'src/pages/pdf-to-cbz.html'),
'pdf-to-webp': resolve(__dirname, 'src/pages/pdf-to-webp.html'),
'pdf-to-docx': resolve(__dirname, 'src/pages/pdf-to-docx.html'),
'extract-images': resolve(__dirname, 'src/pages/extract-images.html'),