pdflinux 0.1.0

package/src/pages/Dashboard.tsx

@@ -0,0 +1,71 @@
+import { useNavigate } from 'react-router-dom';
+
+const groups = [
+  {
+    title: 'Atur Halaman',
+    tools: [
+      { title: 'Gabung PDF', desc: 'Gabungkan beberapa PDF jadi satu.', icon: '⊕', path: '/merge' },
+      { title: 'Pisah PDF', desc: 'Pisahkan halaman tertentu.', icon: '✂', path: '/split' },
+      { title: 'Rotasi PDF', desc: 'Putar halaman 90°, 180°, 270°.', icon: '↻', path: '/rotate' },
+      { title: 'Crop PDF', desc: 'Potong margin halaman PDF.', icon: '⬡', path: '/crop' },
+    ],
+  },
+  {
+    title: 'Ukuran & Kualitas',
+    tools: [
+      { title: 'Kompres PDF', desc: 'Kurangi ukuran file PDF.', icon: '↓', path: '/compress' },
+      { title: 'Watermark', desc: 'Tambahkan teks watermark.', icon: '◈', path: '/watermark' },
+    ],
+  },
+  {
+    title: 'Konversi',
+    tools: [
+      { title: 'PDF → Gambar', desc: 'Konversi halaman ke PNG/JPG.', icon: '▣', path: '/to-image' },
+      { title: 'Gambar → PDF', desc: 'Konversi gambar ke satu PDF.', icon: '⊞', path: '/image-to-pdf' },
+    ],
+  },
+  {
+    title: 'Keamanan',
+    tools: [
+      { title: 'Proteksi PDF', desc: 'Tambahkan password ke PDF.', icon: '⊘', path: '/protect' },
+      { title: 'Buka Kunci PDF', desc: 'Hapus password dari PDF.', icon: '⊙', path: '/unlock' },
+    ],
+  },
+  {
+    title: 'Informasi',
+    tools: [
+      { title: 'Info PDF', desc: 'Lihat metadata dan detail file.', icon: 'ⓘ', path: '/info' },
+    ],
+  },
+];
+
+export default function Dashboard() {
+  const navigate = useNavigate();
+
+  return (
+    <>
+      <div className="page-header">
+        <h2>Dashboard</h2>
+        <p>Pilih salah satu alat untuk mulai memproses file PDF Anda.</p>
+      </div>
+      <div className="page-body">
+        {groups.map((group) => (
+          <div key={group.title} style={{ marginBottom: '28px' }}>
+            <h3 style={{ fontSize: '12px', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '1px', color: 'var(--text-muted)', marginBottom: '10px' }}>
+              {group.title}
+            </h3>
+            <div className="tools-grid">
+              {group.tools.map((t) => (
+                <div key={t.title} className="tool-card" onClick={() => navigate(t.path)}>
+                  <div className="card-icon">{t.icon}</div>
+                  <h3>{t.title}</h3>
+                  <p>{t.desc}</p>
+                </div>
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    </>
+  );
+}

package/src/pages/ImageToPdf.tsx

@@ -0,0 +1,100 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { invoke } from '@tauri-apps/api/core';
+import { save, open } from '@tauri-apps/plugin-dialog';
+import ProgressBar from '../components/ProgressBar';
+
+interface ImageToPdfResult { output_path: string; output_size: number; image_count: number; }
+
+interface ImageFile { name: string; path: string; }
+
+export default function ImageToPdf() {
+  const navigate = useNavigate();
+  const [images, setImages] = useState<ImageFile[]>([]);
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<ImageToPdfResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleAdd = async () => {
+    try {
+      const selected = await open({
+        multiple: true,
+        filters: [{ name: 'Images', extensions: ['png', 'jpg', 'jpeg', 'bmp', 'webp', 'tiff'] }],
+      });
+      if (!selected) return;
+      const paths = Array.isArray(selected) ? selected : [selected];
+      const newImages = paths.map((p) => ({ name: p.split('/').pop() || 'image', path: p }));
+      setImages((prev) => [...prev, ...newImages]);
+      setResult(null); setError('');
+    } catch (err) { console.error(err); }
+  };
+
+  const removeImage = (index: number) => { setImages((prev) => prev.filter((_, i) => i !== index)); setResult(null); };
+
+  const handleConvert = async () => {
+    if (images.length === 0) return;
+    setProcessing(true); setProgress(20); setError(''); setResult(null);
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      setProgress(40);
+      const res = await invoke<ImageToPdfResult>('image_to_pdf', {
+        inputPaths: images.map((i) => i.path), outputPath: `${tempDir}/images_to_pdf.pdf`,
+      });
+      setProgress(100); setResult(res);
+    } catch (err: any) { setError(typeof err === 'string' ? err : err.message || 'Error'); }
+    finally { setProcessing(false); }
+  };
+
+  const handleSave = async () => {
+    if (!result) return;
+    const savePath = await save({ defaultPath: 'output.pdf', filters: [{ name: 'PDF', 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>⊞ Gambar ke PDF</h2>
+        <p>Konversi satu atau beberapa gambar menjadi satu file PDF.</p>
+      </div>
+      <div className="page-body">
+        <div className="tool-page">
+          <div className="dropzone" onClick={handleAdd}>
+            <span className="drop-icon" style={{ opacity: 0.6 }}>🖼</span>
+            <h3>Klik untuk memilih gambar</h3>
+            <p>PNG, JPG, BMP, WebP, TIFF</p>
+          </div>
+
+          {images.length > 0 && (
+            <div className="file-list">
+              {images.map((img, i) => (
+                <div className="file-item animate-in" key={`${img.name}-${i}`}>
+                  <div className="file-icon">🖼</div>
+                  <div className="file-info">
+                    <div className="file-name">{img.name}</div>
+                  </div>
+                  <button className="file-remove" onClick={() => removeImage(i)}>✕</button>
+                </div>
+              ))}
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Mengonversi gambar..." />}
+          {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>}
+          {result && (
+            <div className="result-card success animate-in">
+              <h4>✓ Konversi Berhasil!</h4>
+              <p style={{ color: 'var(--text-secondary)', fontSize: '14px', marginBottom: '14px' }}>{result.image_count} gambar → 1 PDF ({formatSize(result.output_size)})</p>
+              <button className="btn-primary" onClick={handleSave}>Simpan File PDF</button>
+            </div>
+          )}
+          {images.length > 0 && !processing && !result && !error && <button className="btn-primary" onClick={handleConvert}>Konversi ke PDF ({images.length} gambar)</button>}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfCompress.tsx

@@ -0,0 +1,175 @@
+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';
+
+type Quality = 'high' | 'medium' | 'low';
+
+interface QualityOption {
+  key: Quality;
+  label: string;
+  desc: string;
+}
+
+const qualityOptions: QualityOption[] = [
+  { key: 'high', label: 'Tinggi', desc: 'Kualitas terbaik, pengurangan ukuran minimal' },
+  { key: 'medium', label: 'Sedang', desc: 'Keseimbangan kualitas & ukuran' },
+  { key: 'low', label: 'Rendah', desc: 'Ukuran terkecil, kualitas berkurang' },
+];
+
+interface CompressResult {
+  original_size: number;
+  compressed_size: number;
+  output_path: string;
+}
+
+export default function PdfCompress() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [quality, setQuality] = useState<Quality>('medium');
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<CompressResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => {
+    setFile(files[0]);
+    setResult(null);
+    setError('');
+  };
+
+  const removeFile = () => {
+    setFile(null);
+    setResult(null);
+    setError('');
+  };
+
+  const handleCompress = async () => {
+    if (!file) return;
+
+    setProcessing(true);
+    setProgress(10);
+    setError('');
+    setResult(null);
+
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      const outputPath = `${tempDir}/compressed_${file.name}`;
+
+      setProgress(30);
+
+      const res = await invoke<CompressResult>('compress_pdf', {
+        inputPath: file.path,
+        outputPath: outputPath,
+        quality: quality,
+      });
+
+      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: `compressed_${file?.name || '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>📦 Kompres PDF</h2>
+        <p>Kurangi ukuran file PDF Anda dengan memilih level kualitas kompresi.</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>⚙️ Kualitas Kompresi</h4>
+              <div className="quality-options">
+                {qualityOptions.map((opt) => (
+                  <button
+                    key={opt.key}
+                    className={`quality-btn ${quality === opt.key ? 'selected' : ''}`}
+                    onClick={() => setQuality(opt.key)}
+                  >
+                    <span className="quality-label">{opt.label}</span>
+                    <span className="quality-desc">{opt.desc}</span>
+                  </button>
+                ))}
+              </div>
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Mengompres dengan Ghostscript..." />}
+
+          {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>✅ Kompresi Berhasil!</h4>
+              <div className="result-stats">
+                <div className="stat-item">
+                  <div className="stat-value">{formatSize(result.original_size)}</div>
+                  <div className="stat-label">Ukuran Asli</div>
+                </div>
+                <div className="stat-item">
+                  <div className="stat-value">{formatSize(result.compressed_size)}</div>
+                  <div className="stat-label">Ukuran Baru</div>
+                </div>
+                <div className="stat-item">
+                  <div className="stat-value">
+                    {Math.round((1 - result.compressed_size / result.original_size) * 100)}%
+                  </div>
+                  <div className="stat-label">Pengurangan</div>
+                </div>
+              </div>
+              <button className="btn-primary" onClick={handleSave}>💾 Simpan File</button>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button className="btn-primary" onClick={handleCompress}>
+              🚀 Mulai Kompres
+            </button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfCrop.tsx

@@ -0,0 +1,112 @@
+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 CropResult { output_path: string; output_size: number; }
+
+export default function PdfCrop() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [top, setTop] = useState('10');
+  const [bottom, setBottom] = useState('10');
+  const [left, setLeft] = useState('10');
+  const [right, setRight] = useState('10');
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<CropResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => { setFile(files[0]); setResult(null); setError(''); };
+  const removeFile = () => { setFile(null); setResult(null); setError(''); };
+
+  const handleCrop = 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<CropResult>('crop_pdf', {
+        inputPath: file.path,
+        outputPath: `${tempDir}/cropped_${file.name}`,
+        top: parseFloat(top) || 0,
+        bottom: parseFloat(bottom) || 0,
+        left: parseFloat(left) || 0,
+        right: parseFloat(right) || 0,
+      });
+      setProgress(100); setResult(res);
+    } catch (err: any) { setError(typeof err === 'string' ? err : err.message || 'Error'); }
+    finally { setProcessing(false); }
+  };
+
+  const handleSave = async () => {
+    if (!result) return;
+    const savePath = await save({ defaultPath: `cropped_${file?.name}`, filters: [{ name: 'PDF', extensions: ['pdf'] }] });
+    if (savePath) await invoke('save_file_to', { source: result.output_path, destination: savePath });
+  };
+
+  const inputStyle: React.CSSProperties = {
+    width: '100%', padding: '10px 14px', background: 'var(--bg-primary)', border: '1.5px solid var(--border-color)',
+    borderRadius: 'var(--radius-sm)', color: 'var(--text-primary)', fontSize: '13px', fontFamily: 'inherit',
+    outline: 'none', textAlign: 'center',
+  };
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali</button>
+        <h2>⬡ Crop PDF</h2>
+        <p>Potong margin halaman PDF dari setiap sisi.</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>⬡ Margin Crop (mm)</h4>
+              <p style={{ fontSize: '12px', color: 'var(--text-muted)', marginBottom: '14px' }}>
+                Masukkan jumlah milimeter yang ingin dipotong dari setiap sisi.
+              </p>
+              <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '10px' }}>
+                <div>
+                  <label style={{ fontSize: '11px', fontWeight: 600, color: 'var(--text-secondary)', display: 'block', marginBottom: '4px' }}>Atas</label>
+                  <input type="number" min="0" value={top} onChange={(e) => setTop(e.target.value)} style={inputStyle} />
+                </div>
+                <div>
+                  <label style={{ fontSize: '11px', fontWeight: 600, color: 'var(--text-secondary)', display: 'block', marginBottom: '4px' }}>Bawah</label>
+                  <input type="number" min="0" value={bottom} onChange={(e) => setBottom(e.target.value)} style={inputStyle} />
+                </div>
+                <div>
+                  <label style={{ fontSize: '11px', fontWeight: 600, color: 'var(--text-secondary)', display: 'block', marginBottom: '4px' }}>Kiri</label>
+                  <input type="number" min="0" value={left} onChange={(e) => setLeft(e.target.value)} style={inputStyle} />
+                </div>
+                <div>
+                  <label style={{ fontSize: '11px', fontWeight: 600, color: 'var(--text-secondary)', display: 'block', marginBottom: '4px' }}>Kanan</label>
+                  <input type="number" min="0" value={right} onChange={(e) => setRight(e.target.value)} style={inputStyle} />
+                </div>
+              </div>
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Memotong halaman..." />}
+          {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>}
+          {result && (
+            <div className="result-card success animate-in">
+              <h4>✓ Crop Berhasil!</h4>
+              <p style={{ color: 'var(--text-secondary)', fontSize: '14px', marginBottom: '14px' }}>
+                Margin berhasil dipotong ({top}mm atas, {bottom}mm bawah, {left}mm kiri, {right}mm kanan).
+              </p>
+              <button className="btn-primary" onClick={handleSave}>Simpan File</button>
+            </div>
+          )}
+          {file && !processing && !result && !error && <button className="btn-primary" onClick={handleCrop}>Mulai Crop</button>}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfDeletePages.tsx

@@ -0,0 +1,151 @@
+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 DeleteResult {
+  output_path: string;
+  output_size: number;
+  pages_deleted: number;
+  pages_remaining: number;
+}
+
+export default function PdfDeletePages() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [pagesToDelete, setPagesToDelete] = useState('');
+  const [totalPages, setTotalPages] = useState<number | null>(null);
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<DeleteResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = async (files: PdfFile[]) => {
+    const f = files[0];
+    setFile(f);
+    setResult(null);
+    setError('');
+    try {
+      const meta = await invoke<{ pages: string }>('get_pdf_metadata', { inputPath: f.path });
+      setTotalPages(parseInt(meta.pages) || null);
+    } catch {
+      setTotalPages(null);
+    }
+  };
+
+  const removeFile = () => {
+    setFile(null);
+    setResult(null);
+    setPagesToDelete('');
+    setTotalPages(null);
+    setError('');
+  };
+
+  const handleDelete = async () => {
+    if (!file || !pagesToDelete.trim()) return;
+    setProcessing(true);
+    setProgress(20);
+    setError('');
+    setResult(null);
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      setProgress(50);
+      const res = await invoke<DeleteResult>('delete_pages', {
+        inputPath: file.path,
+        outputPath: `${tempDir}/deleted_${file.name}`,
+        pagesToDelete: pagesToDelete.trim(),
+      });
+      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: `deleted_${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>✕ Hapus Halaman</h2>
+        <p>Hapus halaman tertentu dari file PDF Anda.</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>Halaman yang Akan Dihapus</h4>
+              {totalPages && (
+                <p style={{ fontSize: '13px', color: 'var(--text-muted)', marginBottom: '8px' }}>
+                  Dokumen ini memiliki <strong>{totalPages}</strong> halaman.
+                </p>
+              )}
+              <div className="input-group">
+                <label>Masukkan nomor halaman yang ingin dihapus</label>
+                <input
+                  type="text"
+                  placeholder="Contoh: 2,5,7-10"
+                  value={pagesToDelete}
+                  onChange={(e) => setPagesToDelete(e.target.value)}
+                />
+                <p className="page-range-hint">
+                  Gunakan koma untuk beberapa halaman dan tanda hubung untuk rentang.
+                </p>
+              </div>
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Menghapus 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>
+              <div className="result-stats">
+                <div className="stat-item">
+                  <div className="stat-value">{result.pages_deleted}</div>
+                  <div className="stat-label">Halaman Dihapus</div>
+                </div>
+                <div className="stat-item">
+                  <div className="stat-value">{result.pages_remaining}</div>
+                  <div className="stat-label">Halaman Tersisa</div>
+                </div>
+              </div>
+              <button className="btn-primary" onClick={handleSave}>Simpan File</button>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button className="btn-primary" onClick={handleDelete} disabled={!pagesToDelete.trim()}>
+              Hapus Halaman
+            </button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}