pdflinux 0.1.0

package/src/pages/PdfGrayscale.tsx

@@ -0,0 +1,100 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { invoke } from '@tauri-apps/api/core';
+import { save } from '@tauri-apps/plugin-dialog';
+import Dropzone, { type PdfFile } from '../components/Dropzone';
+import FileItem from '../components/FileItem';
+import ProgressBar from '../components/ProgressBar';
+
+interface GrayscaleResult {
+  output_path: string;
+  output_size: number;
+}
+
+export default function PdfGrayscale() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<GrayscaleResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => { setFile(files[0]); setResult(null); setError(''); };
+  const removeFile = () => { setFile(null); setResult(null); setError(''); };
+
+  const handleProcess = async () => {
+    if (!file) return;
+    setProcessing(true);
+    setProgress(20);
+    setError('');
+    setResult(null);
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      setProgress(50);
+      const res = await invoke<GrayscaleResult>('grayscale_pdf', {
+        inputPath: file.path,
+        outputPath: `${tempDir}/grayscale_${file.name}`,
+      });
+      setProgress(100);
+      setResult(res);
+    } catch (err: any) {
+      setError(typeof err === 'string' ? err : err.message || 'Terjadi kesalahan.');
+    } finally {
+      setProcessing(false);
+    }
+  };
+
+  const handleSave = async () => {
+    if (!result) return;
+    const savePath = await save({
+      defaultPath: `grayscale_${file?.name || 'output.pdf'}`,
+      filters: [{ name: 'PDF Files', extensions: ['pdf'] }],
+    });
+    if (savePath) await invoke('save_file_to', { source: result.output_path, destination: savePath });
+  };
+
+  const formatSize = (b: number) =>
+    b < 1048576 ? (b / 1024).toFixed(1) + ' KB' : (b / 1048576).toFixed(2) + ' MB';
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali</button>
+        <h2>◑ Grayscale PDF</h2>
+        <p>Ubah PDF berwarna menjadi hitam-putih untuk menghemat tinta saat mencetak.</p>
+      </div>
+      <div className="page-body">
+        <div className="tool-page">
+          {!file && <Dropzone onFilesSelected={handleFiles} />}
+          {file && <div className="file-list"><FileItem file={file} onRemove={removeFile} /></div>}
+
+          {processing && <ProgressBar progress={progress} status="Mengonversi ke grayscale..." />}
+
+          {error && (
+            <div className="result-card animate-in" style={{ borderColor: 'rgba(225,112,85,0.3)' }}>
+              <h4>✕ Error</h4>
+              <p style={{ color: 'var(--danger)', fontSize: '14px' }}>{error}</p>
+            </div>
+          )}
+
+          {result && (
+            <div className="result-card success animate-in">
+              <h4>✓ Konversi Berhasil!</h4>
+              <div className="result-stats">
+                <div className="stat-item">
+                  <div className="stat-value">{formatSize(result.output_size)}</div>
+                  <div className="stat-label">Ukuran Output</div>
+                </div>
+              </div>
+              <button className="btn-primary" onClick={handleSave}>Simpan File</button>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button className="btn-primary" onClick={handleProcess}>Konversi ke Grayscale</button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfInfo.tsx

@@ -0,0 +1,71 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { invoke } from '@tauri-apps/api/core';
+import Dropzone, { type PdfFile } from '../components/Dropzone';
+import FileItem from '../components/FileItem';
+
+interface PdfMetadata {
+  title: string; author: string; pages: string; file_size: string;
+  pdf_version: string; creator: string; producer: string; page_size: string; encrypted: string;
+}
+
+export default function PdfInfo() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [metadata, setMetadata] = useState<PdfMetadata | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+
+  const handleFiles = async (files: PdfFile[]) => {
+    const f = files[0];
+    setFile(f); setMetadata(null); setError(''); setLoading(true);
+    try {
+      const meta = await invoke<PdfMetadata>('get_pdf_metadata', { inputPath: f.path });
+      setMetadata(meta);
+    } catch (err: any) { setError(typeof err === 'string' ? err : err.message || 'Error'); }
+    finally { setLoading(false); }
+  };
+
+  const removeFile = () => { setFile(null); setMetadata(null); setError(''); };
+
+  const fields = metadata ? [
+    ['Judul', metadata.title],
+    ['Penulis', metadata.author],
+    ['Halaman', metadata.pages],
+    ['Ukuran', metadata.file_size],
+    ['Versi PDF', metadata.pdf_version],
+    ['Pembuat', metadata.creator],
+    ['Produser', metadata.producer],
+    ['Ukuran Halaman', metadata.page_size],
+    ['Terenkripsi', metadata.encrypted],
+  ] : [];
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali</button>
+        <h2>ⓘ Info PDF</h2>
+        <p>Lihat metadata dan informasi detail dari file PDF.</p>
+      </div>
+      <div className="page-body">
+        <div className="tool-page">
+          {!file && <Dropzone onFilesSelected={handleFiles} />}
+          {file && <div className="file-list"><FileItem file={file} onRemove={removeFile} /></div>}
+          {loading && <p style={{ textAlign: 'center', color: 'var(--text-muted)', marginTop: '16px', fontSize: '13px' }}>Memuat metadata...</p>}
+          {error && <div className="result-card animate-in" style={{ borderColor: 'rgba(239,68,68,0.3)' }}><h4>✕ Error</h4><p style={{ color: 'var(--danger)', fontSize: '14px' }}>{error}</p></div>}
+          {metadata && (
+            <div className="options-panel animate-in" style={{ marginTop: '16px' }}>
+              <h4>ⓘ Metadata</h4>
+              {fields.map(([label, value]) => (
+                <div key={label} style={{ display: 'flex', justifyContent: 'space-between', padding: '8px 0', borderBottom: '1px solid var(--border-color)', fontSize: '13px' }}>
+                  <span style={{ color: 'var(--text-secondary)', fontWeight: 500 }}>{label}</span>
+                  <span style={{ fontWeight: 600, maxWidth: '60%', textAlign: 'right', wordBreak: 'break-word' }}>{value || '-'}</span>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfMerge.tsx

@@ -0,0 +1,135 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { invoke } from '@tauri-apps/api/core';
+import { save } from '@tauri-apps/plugin-dialog';
+import Dropzone, { type PdfFile } from '../components/Dropzone';
+import FileItem from '../components/FileItem';
+import ProgressBar from '../components/ProgressBar';
+
+interface MergeResult {
+  file_count: number;
+  output_path: string;
+  output_size: number;
+}
+
+export default function PdfMerge() {
+  const navigate = useNavigate();
+  const [files, setFiles] = useState<PdfFile[]>([]);
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<MergeResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (newFiles: PdfFile[]) => {
+    setFiles((prev) => [...prev, ...newFiles]);
+    setResult(null);
+    setError('');
+  };
+
+  const removeFile = (index: number) => {
+    setFiles((prev) => prev.filter((_, i) => i !== index));
+    setResult(null);
+  };
+
+  const handleMerge = async () => {
+    if (files.length < 2) return;
+
+    setProcessing(true);
+    setProgress(20);
+    setError('');
+    setResult(null);
+
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      const outputPath = `${tempDir}/merged_output.pdf`;
+
+      setProgress(50);
+
+      const res = await invoke<MergeResult>('merge_pdf', {
+        inputPaths: files.map((f) => f.path),
+        outputPath: outputPath,
+      });
+
+      setProgress(100);
+      setResult(res);
+    } catch (err: any) {
+      setError(typeof err === 'string' ? err : err.message || 'Terjadi kesalahan.');
+    } finally {
+      setProcessing(false);
+    }
+  };
+
+  const handleSave = async () => {
+    if (!result) return;
+    try {
+      const savePath = await save({
+        defaultPath: 'merged_output.pdf',
+        filters: [{ name: 'PDF Files', extensions: ['pdf'] }],
+      });
+      if (savePath) {
+        await invoke('save_file_to', { source: result.output_path, destination: savePath });
+      }
+    } catch (err: any) {
+      setError(typeof err === 'string' ? err : err.message || 'Gagal menyimpan file.');
+    }
+  };
+
+  const formatSize = (bytes: number) => {
+    if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB';
+    return (bytes / 1048576).toFixed(2) + ' MB';
+  };
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali ke Dashboard</button>
+        <h2>🔗 Gabung PDF</h2>
+        <p>Gabungkan beberapa file PDF menjadi satu dokumen.</p>
+      </div>
+      <div className="page-body">
+        <div className="tool-page">
+          <Dropzone onFilesSelected={handleFiles} multiple />
+
+          {files.length > 0 && (
+            <div className="file-list">
+              {files.map((file, i) => (
+                <FileItem key={`${file.name}-${i}`} file={file} onRemove={() => removeFile(i)} />
+              ))}
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Menggabungkan file dengan qpdf..." />}
+
+          {error && (
+            <div className="result-card animate-in" style={{ borderColor: 'rgba(225,112,85,0.3)' }}>
+              <h4>❌ Error</h4>
+              <p style={{ color: 'var(--danger)', fontSize: '14px' }}>{error}</p>
+            </div>
+          )}
+
+          {result && (
+            <div className="result-card success animate-in">
+              <h4>✅ Penggabungan Berhasil!</h4>
+              <p style={{ color: 'var(--text-secondary)', fontSize: '14px', marginBottom: '16px' }}>
+                {result.file_count} file berhasil digabungkan ({formatSize(result.output_size)}).
+              </p>
+              <button className="btn-primary" onClick={handleSave}>💾 Simpan File</button>
+            </div>
+          )}
+
+          {files.length >= 2 && !processing && !result && !error && (
+            <button className="btn-primary" onClick={handleMerge}>
+              🚀 Mulai Gabung ({files.length} file)
+            </button>
+          )}
+
+          {files.length === 1 && !processing && (
+            <p style={{ textAlign: 'center', color: 'var(--text-muted)', marginTop: '16px', fontSize: '13px' }}>
+              Tambahkan minimal 2 file untuk menggabungkan.
+            </p>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfOcr.tsx

@@ -0,0 +1,136 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { invoke } from '@tauri-apps/api/core';
+import { save } from '@tauri-apps/plugin-dialog';
+import Dropzone, { type PdfFile } from '../components/Dropzone';
+import FileItem from '../components/FileItem';
+import ProgressBar from '../components/ProgressBar';
+
+interface OcrResult {
+  output_path: string;
+  output_size: number;
+  page_count: number;
+}
+
+type Language = 'eng' | 'ind' | 'eng+ind';
+
+const languages: { key: Language; label: string; desc: string }[] = [
+  { key: 'eng',     label: 'Inggris',            desc: 'English (eng)' },
+  { key: 'ind',     label: 'Indonesia',           desc: 'Bahasa Indonesia (ind)' },
+  { key: 'eng+ind', label: 'Inggris + Indonesia', desc: 'Kedua bahasa' },
+];
+
+export default function PdfOcr() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [language, setLanguage] = useState<Language>('ind');
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<OcrResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => { setFile(files[0]); setResult(null); setError(''); };
+  const removeFile = () => { setFile(null); setResult(null); setError(''); };
+
+  const handleOcr = async () => {
+    if (!file) return;
+    setProcessing(true);
+    setProgress(10);
+    setError('');
+    setResult(null);
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      setProgress(20);
+      const res = await invoke<OcrResult>('ocr_pdf', {
+        inputPath: file.path,
+        outputPath: `${tempDir}/ocr_${file.name}`,
+        language,
+      });
+      setProgress(100);
+      setResult(res);
+    } catch (err: any) {
+      setError(typeof err === 'string' ? err : err.message || 'Terjadi kesalahan.');
+    } finally {
+      setProcessing(false);
+    }
+  };
+
+  const handleSave = async () => {
+    if (!result) return;
+    const savePath = await save({
+      defaultPath: `ocr_${file?.name || 'output.pdf'}`,
+      filters: [{ name: 'PDF Files', extensions: ['pdf'] }],
+    });
+    if (savePath) await invoke('save_file_to', { source: result.output_path, destination: savePath });
+  };
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali</button>
+        <h2>◎ OCR — Scan ke Teks</h2>
+        <p>Ubah PDF hasil scan menjadi PDF yang teksnya bisa dicari dan disalin.</p>
+      </div>
+      <div className="page-body">
+        <div className="tool-page">
+          {!file && <Dropzone onFilesSelected={handleFiles} />}
+          {file && <div className="file-list"><FileItem file={file} onRemove={removeFile} /></div>}
+
+          {file && !result && !error && (
+            <div className="options-panel animate-in">
+              <h4>Bahasa Dokumen</h4>
+              <div className="quality-options">
+                {languages.map((l) => (
+                  <button
+                    key={l.key}
+                    className={`quality-btn ${language === l.key ? 'selected' : ''}`}
+                    onClick={() => setLanguage(l.key)}
+                  >
+                    <span className="quality-label">{l.label}</span>
+                    <span className="quality-desc">{l.desc}</span>
+                  </button>
+                ))}
+              </div>
+              <p style={{ fontSize: '12px', color: 'var(--text-muted)', marginTop: '12px' }}>
+                Membutuhkan tesseract-ocr terinstal. OCR pada PDF banyak halaman memerlukan waktu lebih lama.
+              </p>
+            </div>
+          )}
+
+          {processing && (
+            <ProgressBar
+              progress={progress}
+              status="Menjalankan OCR... (mungkin memerlukan beberapa menit)"
+            />
+          )}
+
+          {error && (
+            <div className="result-card animate-in" style={{ borderColor: 'rgba(225,112,85,0.3)' }}>
+              <h4>✕ Error</h4>
+              <p style={{ color: 'var(--danger)', fontSize: '14px' }}>{error}</p>
+              {error.includes('tesseract') && (
+                <p style={{ fontSize: '12px', color: 'var(--text-muted)', marginTop: '8px' }}>
+                  Pastikan tesseract-ocr sudah terinstal dan language pack tersedia.
+                </p>
+              )}
+            </div>
+          )}
+
+          {result && (
+            <div className="result-card success animate-in">
+              <h4>✓ OCR Berhasil!</h4>
+              <p style={{ fontSize: '14px', color: 'var(--text-secondary)', marginBottom: '16px' }}>
+                {result.page_count} halaman berhasil diproses. Teks kini bisa dicari di dalam PDF.
+              </p>
+              <button className="btn-primary" onClick={handleSave}>Simpan PDF Terindeks</button>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button className="btn-primary" onClick={handleOcr}>Mulai OCR</button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfPageNumbers.tsx

@@ -0,0 +1,155 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { invoke } from '@tauri-apps/api/core';
+import { save } from '@tauri-apps/plugin-dialog';
+import Dropzone, { type PdfFile } from '../components/Dropzone';
+import FileItem from '../components/FileItem';
+import ProgressBar from '../components/ProgressBar';
+
+interface PageNumberResult {
+  output_path: string;
+  output_size: number;
+}
+
+type Position = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-center' | 'top-right';
+
+const positions: { key: Position; label: string }[] = [
+  { key: 'bottom-center', label: 'Bawah Tengah' },
+  { key: 'bottom-left',   label: 'Bawah Kiri' },
+  { key: 'bottom-right',  label: 'Bawah Kanan' },
+  { key: 'top-left',      label: 'Atas Kiri' },
+  { key: 'top-center',    label: 'Atas Tengah' },
+  { key: 'top-right',     label: 'Atas Kanan' },
+];
+
+export default function PdfPageNumbers() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [position, setPosition] = useState<Position>('bottom-center');
+  const [fontSize, setFontSize] = useState(12);
+  const [startNumber, setStartNumber] = useState(1);
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<PageNumberResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => { setFile(files[0]); setResult(null); setError(''); };
+  const removeFile = () => { setFile(null); setResult(null); setError(''); };
+
+  const handleProcess = async () => {
+    if (!file) return;
+    setProcessing(true);
+    setProgress(20);
+    setError('');
+    setResult(null);
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      setProgress(40);
+      const res = await invoke<PageNumberResult>('add_page_numbers', {
+        inputPath: file.path,
+        outputPath: `${tempDir}/numbered_${file.name}`,
+        position,
+        fontSize,
+        startNumber,
+      });
+      setProgress(100);
+      setResult(res);
+    } catch (err: any) {
+      setError(typeof err === 'string' ? err : err.message || 'Terjadi kesalahan.');
+    } finally {
+      setProcessing(false);
+    }
+  };
+
+  const handleSave = async () => {
+    if (!result) return;
+    const savePath = await save({
+      defaultPath: `numbered_${file?.name || 'output.pdf'}`,
+      filters: [{ name: 'PDF Files', extensions: ['pdf'] }],
+    });
+    if (savePath) await invoke('save_file_to', { source: result.output_path, destination: savePath });
+  };
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali</button>
+        <h2># Nomor Halaman</h2>
+        <p>Tambahkan nomor halaman secara otomatis ke setiap halaman PDF.</p>
+      </div>
+      <div className="page-body">
+        <div className="tool-page">
+          {!file && <Dropzone onFilesSelected={handleFiles} />}
+          {file && <div className="file-list"><FileItem file={file} onRemove={removeFile} /></div>}
+
+          {file && !result && !error && (
+            <div className="options-panel animate-in">
+              <h4>Pengaturan Nomor Halaman</h4>
+
+              <div className="input-group" style={{ marginBottom: '16px' }}>
+                <label>Posisi</label>
+                <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr 1fr', gap: '8px', marginTop: '8px' }}>
+                  {positions.map((p) => (
+                    <button
+                      key={p.key}
+                      className={`quality-btn ${position === p.key ? 'selected' : ''}`}
+                      style={{ padding: '8px', fontSize: '12px' }}
+                      onClick={() => setPosition(p.key)}
+                    >
+                      <span className="quality-label" style={{ fontSize: '12px' }}>{p.label}</span>
+                    </button>
+                  ))}
+                </div>
+              </div>
+
+              <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '16px' }}>
+                <div className="input-group">
+                  <label>Ukuran Font (pt)</label>
+                  <input
+                    type="number"
+                    min={6}
+                    max={36}
+                    value={fontSize}
+                    onChange={(e) => setFontSize(Math.max(6, Math.min(36, parseInt(e.target.value) || 12)))}
+                  />
+                </div>
+                <div className="input-group">
+                  <label>Mulai dari Nomor</label>
+                  <input
+                    type="number"
+                    min={1}
+                    value={startNumber}
+                    onChange={(e) => setStartNumber(Math.max(1, parseInt(e.target.value) || 1))}
+                  />
+                </div>
+              </div>
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Menambahkan nomor halaman..." />}
+
+          {error && (
+            <div className="result-card animate-in" style={{ borderColor: 'rgba(225,112,85,0.3)' }}>
+              <h4>✕ Error</h4>
+              <p style={{ color: 'var(--danger)', fontSize: '14px' }}>{error}</p>
+            </div>
+          )}
+
+          {result && (
+            <div className="result-card success animate-in">
+              <h4>✓ Berhasil!</h4>
+              <p style={{ fontSize: '14px', color: 'var(--text-secondary)', marginBottom: '16px' }}>
+                Nomor halaman berhasil ditambahkan.
+              </p>
+              <button className="btn-primary" onClick={handleSave}>Simpan File</button>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button className="btn-primary" onClick={handleProcess}>Tambah Nomor Halaman</button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}