pdflinux 0.1.0

package/src/pages/PdfProtect.tsx

@@ -0,0 +1,171 @@
+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 ProtectResult {
+  output_path: string;
+  output_size: number;
+}
+
+export default function PdfProtect() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [password, setPassword] = useState('');
+  const [confirmPassword, setConfirmPassword] = useState('');
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<ProtectResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => {
+    setFile(files[0]);
+    setResult(null);
+    setError('');
+  };
+
+  const removeFile = () => {
+    setFile(null);
+    setResult(null);
+    setPassword('');
+    setConfirmPassword('');
+    setError('');
+  };
+
+  const handleProtect = async () => {
+    if (!file) return;
+    if (!password || password !== confirmPassword) {
+      setError('Password tidak cocok atau kosong.');
+      return;
+    }
+
+    setProcessing(true);
+    setProgress(20);
+    setError('');
+    setResult(null);
+
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      const outputPath = `${tempDir}/protected_${file.name}`;
+
+      setProgress(50);
+
+      const res = await invoke<ProtectResult>('protect_pdf', {
+        inputPath: file.path,
+        outputPath: outputPath,
+        password: password,
+      });
+
+      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: `protected_${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';
+  };
+
+  const passwordsMatch = password.length > 0 && password === confirmPassword;
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali ke Dashboard</button>
+        <h2>🔒 Proteksi PDF</h2>
+        <p>Tambahkan password untuk mengamankan dokumen PDF Anda dari akses tidak sah.</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>🔑 Atur Password</h4>
+              <div className="input-group">
+                <label>Password</label>
+                <input
+                  type="password"
+                  placeholder="Masukkan password"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                />
+              </div>
+              <div className="input-group">
+                <label>Konfirmasi Password</label>
+                <input
+                  type="password"
+                  placeholder="Ulangi password"
+                  value={confirmPassword}
+                  onChange={(e) => setConfirmPassword(e.target.value)}
+                />
+              </div>
+              {confirmPassword.length > 0 && !passwordsMatch && (
+                <p style={{ color: 'var(--danger)', fontSize: '12px', marginTop: '4px' }}>
+                  ⚠️ Password tidak cocok.
+                </p>
+              )}
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Mengenkripsi 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>✅ Proteksi Berhasil!</h4>
+              <p style={{ color: 'var(--text-secondary)', fontSize: '14px', marginBottom: '16px' }}>
+                File PDF Anda kini dilindungi password ({formatSize(result.output_size)}).
+              </p>
+              <button className="btn-primary" onClick={handleSave}>💾 Simpan File Terproteksi</button>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button
+              className="btn-primary"
+              onClick={handleProtect}
+              disabled={!passwordsMatch}
+            >
+              🚀 Proteksi Sekarang
+            </button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfReorder.tsx

@@ -0,0 +1,145 @@
+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 ReorderResult {
+  output_path: string;
+  output_size: number;
+  page_count: number;
+}
+
+export default function PdfReorder() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [pageOrder, setPageOrder] = useState('');
+  const [totalPages, setTotalPages] = useState<number | null>(null);
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<ReorderResult | 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 });
+      const n = parseInt(meta.pages) || null;
+      setTotalPages(n);
+      if (n) setPageOrder(Array.from({ length: n }, (_, i) => i + 1).join(','));
+    } catch {
+      setTotalPages(null);
+    }
+  };
+
+  const removeFile = () => {
+    setFile(null);
+    setResult(null);
+    setPageOrder('');
+    setTotalPages(null);
+    setError('');
+  };
+
+  const handleReorder = async () => {
+    if (!file || !pageOrder.trim()) return;
+    setProcessing(true);
+    setProgress(20);
+    setError('');
+    setResult(null);
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      setProgress(50);
+      const res = await invoke<ReorderResult>('reorder_pages', {
+        inputPath: file.path,
+        outputPath: `${tempDir}/reordered_${file.name}`,
+        pageOrder: pageOrder.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: `reordered_${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>⇅ Susun Ulang Halaman</h2>
+        <p>Ubah urutan halaman PDF sesuai keinginan.</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>Urutan Halaman Baru</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 sesuai urutan yang diinginkan</label>
+                <input
+                  type="text"
+                  placeholder="Contoh: 3,1,2,4 atau 4-1 (terbalik)"
+                  value={pageOrder}
+                  onChange={(e) => setPageOrder(e.target.value)}
+                />
+                <p className="page-range-hint">
+                  Pisahkan dengan koma. Halaman bisa diulang. Contoh "2,2,1,3" akan menduplikasi halaman 2.
+                </p>
+              </div>
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Menyusun ulang 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' }}>
+                {result.page_count} halaman telah disusun ulang.
+              </p>
+              <button className="btn-primary" onClick={handleSave}>Simpan File</button>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button className="btn-primary" onClick={handleReorder} disabled={!pageOrder.trim()}>
+              Susun Ulang
+            </button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfRotate.tsx

@@ -0,0 +1,89 @@
+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 RotateResult {
+  output_path: string;
+  output_size: number;
+}
+
+const angles = [
+  { value: '90', label: '90°', desc: 'Putar ke kanan' },
+  { value: '180', label: '180°', desc: 'Balik terbalik' },
+  { value: '270', label: '270°', desc: 'Putar ke kiri' },
+];
+
+export default function PdfRotate() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [angle, setAngle] = useState('90');
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<RotateResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => { setFile(files[0]); setResult(null); setError(''); };
+  const removeFile = () => { setFile(null); setResult(null); setError(''); };
+
+  const handleRotate = 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<RotateResult>('rotate_pdf', {
+        inputPath: file.path, outputPath: `${tempDir}/rotated_${file.name}`, angle, pages: 'all',
+      });
+      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: `rotated_${file?.name}`, filters: [{ name: 'PDF', 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>↻ Rotasi PDF</h2>
+        <p>Putar semua halaman PDF ke sudut yang diinginkan.</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>⚙ Sudut Rotasi</h4>
+              <div className="quality-options">
+                {angles.map((a) => (
+                  <button key={a.value} className={`quality-btn ${angle === a.value ? 'selected' : ''}`} onClick={() => setAngle(a.value)}>
+                    <span className="quality-label">{a.label}</span>
+                    <span className="quality-desc">{a.desc}</span>
+                  </button>
+                ))}
+              </div>
+            </div>
+          )}
+          {processing && <ProgressBar progress={progress} status="Memutar 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>✓ Rotasi Berhasil!</h4>
+              <button className="btn-primary" onClick={handleSave}>Simpan File</button>
+            </div>
+          )}
+          {file && !processing && !result && !error && <button className="btn-primary" onClick={handleRotate}>Mulai Rotasi</button>}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfSplit.tsx

@@ -0,0 +1,147 @@
+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 SplitResult {
+  output_path: string;
+  page_count: number;
+}
+
+export default function PdfSplit() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [pageRange, setPageRange] = useState('');
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<SplitResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => {
+    setFile(files[0]);
+    setResult(null);
+    setError('');
+  };
+
+  const removeFile = () => {
+    setFile(null);
+    setResult(null);
+    setPageRange('');
+    setError('');
+  };
+
+  const handleSplit = async () => {
+    if (!file || !pageRange.trim()) return;
+
+    setProcessing(true);
+    setProgress(20);
+    setError('');
+    setResult(null);
+
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      const outputPath = `${tempDir}/split_${file.name}`;
+
+      setProgress(50);
+
+      const res = await invoke<SplitResult>('split_pdf', {
+        inputPath: file.path,
+        outputPath: outputPath,
+        pageRange: pageRange.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;
+    try {
+      const savePath = await save({
+        defaultPath: `split_${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.');
+    }
+  };
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali ke Dashboard</button>
+        <h2>✂️ Pisah PDF</h2>
+        <p>Pisahkan halaman tertentu dari file PDF menjadi dokumen baru.</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>📄 Rentang Halaman</h4>
+              <div className="input-group">
+                <label>Masukkan nomor halaman yang ingin dipisahkan</label>
+                <input
+                  type="text"
+                  placeholder="Contoh: 1-5,8,11-15"
+                  value={pageRange}
+                  onChange={(e) => setPageRange(e.target.value)}
+                />
+                <p className="page-range-hint">
+                  Gunakan tanda koma untuk memisahkan seleksi, dan tanda hubung untuk rentang.
+                </p>
+              </div>
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Memisahkan halaman 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>✅ Pemisahan Berhasil!</h4>
+              <p style={{ color: 'var(--text-secondary)', fontSize: '14px', marginBottom: '16px' }}>
+                {result.page_count} halaman berhasil dipisahkan dari dokumen asli.
+              </p>
+              <button className="btn-primary" onClick={handleSave}>💾 Simpan File</button>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button
+              className="btn-primary"
+              onClick={handleSplit}
+              disabled={!pageRange.trim()}
+            >
+              🚀 Mulai Pisah
+            </button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}

package/src/pages/PdfToImage.tsx

@@ -0,0 +1,134 @@
+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';
+import ProgressBar from '../components/ProgressBar';
+
+interface ToImageResult {
+  output_dir: string;
+  image_count: number;
+  format: string;
+}
+
+export default function PdfToImage() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState<PdfFile | null>(null);
+  const [format, setFormat] = useState<'png' | 'jpg'>('png');
+  const [processing, setProcessing] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [result, setResult] = useState<ToImageResult | null>(null);
+  const [error, setError] = useState('');
+
+  const handleFiles = (files: PdfFile[]) => {
+    setFile(files[0]);
+    setResult(null);
+    setError('');
+  };
+
+  const removeFile = () => {
+    setFile(null);
+    setResult(null);
+    setError('');
+  };
+
+  const handleConvert = async () => {
+    if (!file) return;
+
+    setProcessing(true);
+    setProgress(15);
+    setError('');
+    setResult(null);
+
+    try {
+      const tempDir = await invoke<string>('get_temp_dir');
+      const baseName = file.name.replace(/\.pdf$/i, '');
+      const outputDir = `${tempDir}/images_${baseName}`;
+
+      setProgress(30);
+
+      const res = await invoke<ToImageResult>('pdf_to_image', {
+        inputPath: file.path,
+        outputDir: outputDir,
+        format: format,
+      });
+
+      setProgress(100);
+      setResult(res);
+    } catch (err: any) {
+      setError(typeof err === 'string' ? err : err.message || 'Terjadi kesalahan.');
+    } finally {
+      setProcessing(false);
+    }
+  };
+
+  return (
+    <>
+      <div className="page-header">
+        <button className="btn-back" onClick={() => navigate('/')}>← Kembali ke Dashboard</button>
+        <h2>🖼️ PDF ke Gambar</h2>
+        <p>Konversikan setiap halaman PDF menjadi file gambar berkualitas tinggi (300 DPI).</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>🎨 Format Output</h4>
+              <div className="quality-options">
+                <button
+                  className={`quality-btn ${format === 'png' ? 'selected' : ''}`}
+                  onClick={() => setFormat('png')}
+                >
+                  <span className="quality-label">PNG</span>
+                  <span className="quality-desc">Kualitas tinggi, cocok untuk dokumen</span>
+                </button>
+                <button
+                  className={`quality-btn ${format === 'jpg' ? 'selected' : ''}`}
+                  onClick={() => setFormat('jpg')}
+                >
+                  <span className="quality-label">JPG</span>
+                  <span className="quality-desc">Ukuran kecil, cocok untuk berbagi</span>
+                </button>
+              </div>
+            </div>
+          )}
+
+          {processing && <ProgressBar progress={progress} status="Mengonversi halaman dengan pdftoppm..." />}
+
+          {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>
+              <p style={{ color: 'var(--text-secondary)', fontSize: '14px', marginBottom: '8px' }}>
+                {result.image_count} halaman berhasil dikonversi ke format <strong>.{result.format.toUpperCase()}</strong> (300 DPI).
+              </p>
+              <p style={{ color: 'var(--text-muted)', fontSize: '12px', marginBottom: '16px', wordBreak: 'break-all' }}>
+                📁 Lokasi: {result.output_dir}
+              </p>
+            </div>
+          )}
+
+          {file && !processing && !result && !error && (
+            <button className="btn-primary" onClick={handleConvert}>
+              🚀 Mulai Konversi
+            </button>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}