pdflinux 0.1.0

package/src/assets/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="77" height="47" fill="none" aria-labelledby="vite-logo-title" viewBox="0 0 77 47"><title id="vite-logo-title">Vite</title><style>.parenthesis{fill:#000}@media (prefers-color-scheme:dark){.parenthesis{fill:#fff}}</style><path fill="#9135ff" d="M40.151 45.71c-.663.844-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.493c-.92 0-1.457-1.04-.92-1.788l7.479-10.471c1.07-1.498 0-3.578-1.842-3.578H15.443c-.92 0-1.456-1.04-.92-1.788l9.696-13.576c.213-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.472c-1.07 1.497 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.087.89 1.83L40.153 45.712z"/><mask id="a" width="48" height="47" x="14" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M40.047 45.71c-.663.843-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.389c-.92 0-1.457-1.04-.92-1.788l7.479-10.472c1.07-1.497 0-3.578-1.842-3.578H15.34c-.92 0-1.456-1.04-.92-1.788l9.696-13.575c.213-.297.556-.474.92-.474H53.93c.92 0 1.456 1.04.92 1.788L47.37 13.03c-1.07 1.498 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.088.89 1.831L40.049 45.712z"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#eee6ff" rx="5.508" ry="14.704" transform="rotate(269.814 20.96 11.29)scale(-1 1)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#eee6ff" rx="10.399" ry="29.851" transform="rotate(89.814 -16.902 -8.275)scale(1 -1)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#8900ff" rx="5.508" ry="30.487" transform="rotate(89.814 -19.197 -7.127)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.928 4.177)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.738 5.52)scale(1 -1)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#eee6ff" rx="14.072" ry="22.078" transform="rotate(93.35 31.245 55.578)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx="14.592" cy="9.743" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(39.51 14.592 9.743)"/></g><g filter="url(#k)"><ellipse cx="61.728" cy="-5.321" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 61.728 -5.32)"/></g><g filter="url(#l)"><ellipse cx="55.618" cy="7.104" fill="#00c2ff" rx="5.971" ry="9.665" transform="rotate(37.892 55.618 7.104)"/></g><g filter="url(#m)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#n)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#o)"><ellipse cx="49.857" cy="30.678" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 49.857 30.678)"/></g><g filter="url(#p)"><ellipse cx="52.623" cy="33.171" fill="#00c2ff" rx="5.971" ry="15.297" transform="rotate(37.892 52.623 33.17)"/></g></g><path d="M6.919 0c-9.198 13.166-9.252 33.575 0 46.789h6.215c-9.25-13.214-9.196-33.623 0-46.789zm62.424 0h-6.215c9.198 13.166 9.252 33.575 0 46.789h6.215c9.25-13.214 9.196-33.623 0-46.789" class="parenthesis"/><defs><filter id="b" width="60.045" height="41.654" x="-5.564" y="16.92" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-40.407" y="-6.762" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-35.435" y="2.801" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-30.84" y="20.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-29.307" y="21.949" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="29.961" y="-17.13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-13.43" y="-22.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="34.321" y="-37.644" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="38.847" y="-10.552" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="22.45" y="-1.645" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="32.919" y="11.36" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter></defs></svg>

package/src/components/Dropzone.tsx

@@ -0,0 +1,90 @@
+import { useState, useCallback } from 'react';
+import { open } from '@tauri-apps/plugin-dialog';
+import { invoke } from '@tauri-apps/api/core';
+
+export interface PdfFile {
+  name: string;
+  size: number;
+  path: string;
+}
+
+interface DropzoneProps {
+  onFilesSelected: (files: PdfFile[]) => void;
+  multiple?: boolean;
+}
+
+export default function Dropzone({ onFilesSelected, multiple = false }: DropzoneProps) {
+  const [isDragOver, setIsDragOver] = useState(false);
+
+  const handleDragOver = useCallback((e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(true);
+  }, []);
+
+  const handleDragLeave = useCallback((e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(false);
+  }, []);
+
+  const handleDrop = useCallback(async (e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(false);
+
+    // In Tauri, dropped files have a path property
+    const droppedFiles = Array.from(e.dataTransfer.files);
+    const pdfFiles: PdfFile[] = [];
+
+    for (const f of droppedFiles) {
+      if (!f.name.toLowerCase().endsWith('.pdf')) continue;
+      const path = (f as any).path as string | undefined;
+      if (path) {
+        const size = await invoke<number>('get_pdf_info', { inputPath: path }).catch(() => f.size);
+        pdfFiles.push({ name: f.name, size, path });
+      }
+    }
+
+    if (pdfFiles.length > 0) {
+      onFilesSelected(pdfFiles);
+    }
+  }, [onFilesSelected]);
+
+  const handleClick = async () => {
+    try {
+      const selected = await open({
+        multiple: multiple,
+        filters: [{ name: 'PDF Files', extensions: ['pdf'] }],
+      });
+
+      if (!selected) return;
+
+      const paths = Array.isArray(selected) ? selected : [selected];
+      const pdfFiles: PdfFile[] = [];
+
+      for (const p of paths) {
+        const name = p.split('/').pop() || 'document.pdf';
+        const size = await invoke<number>('get_pdf_info', { inputPath: p }).catch(() => 0);
+        pdfFiles.push({ name, size, path: p });
+      }
+
+      if (pdfFiles.length > 0) {
+        onFilesSelected(pdfFiles);
+      }
+    } catch (err) {
+      console.error('Gagal membuka file dialog:', err);
+    }
+  };
+
+  return (
+    <div
+      className={`dropzone ${isDragOver ? 'drag-over' : ''}`}
+      onDragOver={handleDragOver}
+      onDragLeave={handleDragLeave}
+      onDrop={handleDrop}
+      onClick={handleClick}
+    >
+      <span className="drop-icon">📁</span>
+      <h3>Seret & Lepas File PDF di Sini</h3>
+      <p>atau klik untuk memilih file dari komputer Anda</p>
+    </div>
+  );
+}

package/src/components/FileItem.tsx

@@ -0,0 +1,27 @@
+import type { PdfFile } from './Dropzone';
+
+interface FileItemProps {
+  file: PdfFile;
+  onRemove: () => void;
+}
+
+function formatSize(bytes: number): string {
+  if (bytes < 1024) return bytes + ' B';
+  if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB';
+  return (bytes / 1048576).toFixed(2) + ' MB';
+}
+
+export default function FileItem({ file, onRemove }: FileItemProps) {
+  return (
+    <div className="file-item animate-in">
+      <div className="file-icon">📄</div>
+      <div className="file-info">
+        <div className="file-name">{file.name}</div>
+        <div className="file-size">{formatSize(file.size)}</div>
+      </div>
+      <button className="file-remove" onClick={onRemove} title="Hapus file">
+        ✕
+      </button>
+    </div>
+  );
+}

package/src/components/ProgressBar.tsx

@@ -0,0 +1,18 @@
+interface ProgressBarProps {
+  progress: number;
+  status: string;
+}
+
+export default function ProgressBar({ progress, status }: ProgressBarProps) {
+  return (
+    <div className="progress-container animate-in">
+      <div className="progress-info">
+        <span className="status-badge processing">⏳ {status}</span>
+        <span>{Math.round(progress)}%</span>
+      </div>
+      <div className="progress-bar-wrapper">
+        <div className="progress-bar" style={{ width: `${progress}%` }} />
+      </div>
+    </div>
+  );
+}

package/src/components/Sidebar.tsx

@@ -0,0 +1,92 @@
+import { NavLink } from 'react-router-dom';
+
+const groups = [
+  {
+    title: 'Menu',
+    items: [
+      { path: '/', label: 'Dashboard', icon: '⊞' },
+    ],
+  },
+  {
+    title: 'Atur Halaman',
+    items: [
+      { path: '/merge',        label: 'Gabung PDF',         icon: '⊕' },
+      { path: '/split',        label: 'Pisah PDF',           icon: '✂' },
+      { path: '/delete-pages', label: 'Hapus Halaman',       icon: '✕' },
+      { path: '/reorder',      label: 'Susun Ulang',         icon: '⇅' },
+      { path: '/rotate',       label: 'Rotasi PDF',          icon: '↻' },
+      { path: '/crop',         label: 'Crop PDF',            icon: '⬡' },
+      { path: '/page-numbers', label: 'Nomor Halaman',       icon: '#' },
+    ],
+  },
+  {
+    title: 'Ukuran & Kualitas',
+    items: [
+      { path: '/compress',  label: 'Kompres PDF', icon: '↓' },
+      { path: '/grayscale', label: 'Grayscale',   icon: '◑' },
+      { path: '/watermark', label: 'Watermark',   icon: '◈' },
+    ],
+  },
+  {
+    title: 'Konversi',
+    items: [
+      { path: '/to-image',    label: 'PDF → Gambar',  icon: '▣' },
+      { path: '/image-to-pdf', label: 'Gambar → PDF', icon: '⊞' },
+      { path: '/to-text',     label: 'PDF → Teks',    icon: 'T' },
+      { path: '/ocr',         label: 'OCR Scan',      icon: '◎' },
+    ],
+  },
+  {
+    title: 'Keamanan',
+    items: [
+      { path: '/protect', label: 'Proteksi PDF', icon: '⊘' },
+      { path: '/unlock', label: 'Buka Kunci', icon: '⊙' },
+    ],
+  },
+  {
+    title: 'Informasi',
+    items: [
+      { path: '/info', label: 'Info PDF', icon: 'ⓘ' },
+    ],
+  },
+];
+
+interface SidebarProps {
+  theme: 'light' | 'dark';
+  onToggleTheme: () => void;
+}
+
+export default function Sidebar({ theme, onToggleTheme }: SidebarProps) {
+  return (
+    <aside className="sidebar">
+      <div className="sidebar-logo">
+        <div className="logo-icon">P</div>
+        <h1>PDF Tools</h1>
+      </div>
+      <nav className="sidebar-nav">
+        {groups.map((group) => (
+          <div key={group.title}>
+            <div className="nav-section-title">{group.title}</div>
+            {group.items.map((t) => (
+              <NavLink
+                key={t.path}
+                to={t.path}
+                end={t.path === '/'}
+                className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
+              >
+                <span className="icon">{t.icon}</span>
+                {t.label}
+              </NavLink>
+            ))}
+          </div>
+        ))}
+      </nav>
+      <div className="sidebar-footer">
+        <button className="theme-toggle" onClick={onToggleTheme}>
+          <span>{theme === 'light' ? '☀ Light' : '● Dark'}</span>
+          <span style={{ fontSize: '11px', opacity: 0.5 }}>Toggle</span>
+        </button>
+      </div>
+    </aside>
+  );
+}

package/src/hooks/useTheme.ts

@@ -0,0 +1,23 @@
+import { useEffect, useState } from 'react';
+
+type Theme = 'light' | 'dark';
+
+export function useTheme() {
+  const [theme, setTheme] = useState<Theme>(() => {
+    if (typeof window !== 'undefined') {
+      const saved = localStorage.getItem('pdf-tools-theme') as Theme;
+      if (saved) return saved;
+      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    return 'light';
+  });
+
+  useEffect(() => {
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('pdf-tools-theme', theme);
+  }, [theme]);
+
+  const toggleTheme = () => setTheme((t) => (t === 'light' ? 'dark' : 'light'));
+
+  return { theme, toggleTheme };
+}