[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_294":295,"_296":297},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":24,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","backend/routes/convert.ts","latestPath","fileId","9fb25804-3755-11f0-87f3-9e149126039e","name","convert.ts","fileType","script","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { PDFDocument } from \"https://esm.sh/pdf-lib@1.17.1\";\nimport { ProcessingOptions } from \"../../shared/types.ts\";\n\nconst app = new Hono();\n\n// PDF to Images conversion\napp.post(\"/\", async (c) => {\n try {\n const url = new URL(c.req.url);\n const operation = url.pathname.split('/').pop();\n \n if (operation === 'pdf-to-images') {\n return await convertPdfToImages(c);\n } else if (operation === 'images-to-pdf') {\n return await convertImagesToPdf(c);\n }\n \n return c.json({ success: false, error: \"Invalid conversion operation\" }, 400);\n } catch (error) {\n console.error('Convert error:', error);\n return c.json({ \n success: false, \n error: error instanceof Error ? error.message : 'Conversion failed' \n }, 500);\n }\n});\n\nasync function convertPdfToImages(c: any) {\n const formData = await c.req.formData();\n const file = formData.get('file0') as File;\n const optionsStr = formData.get('options') as string;\n const options: ProcessingOptions = JSON.parse(optionsStr || '{}');\n\n if (!file || file.type !== 'application/pdf') {\n return c.json({ success: false, error: \"Please upload a valid PDF file\" }, 400);\n }\n\n // Note: PDF to image conversion requires canvas/image processing\n // This is a simplified implementation that would need additional libraries\n // like pdf2pic or similar for actual image conversion\n \n return c.json({ \n success: false, \n error: \"PDF to image conversion requires additional image processing libraries. This feature is not yet implemented in this demo.\" \n }, 501);\n}\n\nasync function convertImagesToPdf(c: any) {\n const formData = await c.req.formData();\n const files: File[] = [];\n \n // Extract all uploaded files\n for (const [key, value] of formData.entries()) {\n if (key.startsWith('file') && value instanceof File) {\n files.push(value);\n }\n }\n\n if (files.length === 0) {\n return c.json({ success: false, error: \"Please upload at least one image file\" }, 400);\n }\n\n const pdf = await PDFDocument.create();\n\n for (const file of files) {\n if (!file.type.startsWith('image/')) {\n return c.json({ success: false, error: `File ${file.name} is not an image` }, 400);\n }\n\n const arrayBuffer = await file.arrayBuffer();\n let image;\n\n try {\n if (file.type === 'image/jpeg' || file.type === 'image/jpg') {\n image = await pdf.embedJpg(arrayBuffer);\n } else if (file.type === 'image/png') {\n image = await pdf.embedPng(arrayBuffer);\n } else {\n return c.json({ success: false, error: `Unsupported image format: ${file.type}` }, 400);\n }\n\n const page = pdf.addPage();\n const { width, height } = image.scale(1);\n \n // Scale image to fit page while maintaining aspect ratio\n const pageWidth = page.getWidth();\n const pageHeight = page.getHeight();\n const scale = Math.min(pageWidth / width, pageHeight / height);\n \n const scaledWidth = width * scale;\n const scaledHeight = height * scale;\n \n page.drawImage(image, {\n x: (pageWidth - scaledWidth) / 2,\n y: (pageHeight - scaledHeight) / 2,\n width: scaledWidth,\n height: scaledHeight,\n });\n } catch (error) {\n return c.json({ success: false, error: `Failed to process image ${file.name}` }, 400);\n }\n }\n\n const pdfBytes = await pdf.save();\n \n return new Response(pdfBytes, {\n headers: {\n 'Content-Type': 'application/pdf',\n 'Content-Disposition': 'attachment; filename=\"images-to-pdf.pdf\"',\n 'Content-Length': pdfBytes.length.toString(),\n },\n });\n}\n\nexport default app;","createdAt",["D",1747950133943],"branchVersion","branchId","2af780f2-3755-11f0-93c9-9e149126039e","id","2af74fce-3755-11f0-93c9-9e149126039e","pdf",["D",1747949938107],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","1c0df530-3755-11f0-990c-c54478f70f39","pinnedFileId","86eae3d6-3755-11f0-9f72-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","9eb7f9ed-81a2-4b1c-a2b7-01367a20820e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","pro562","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4VDZvc3piaGZBdFlueVk0dGRUNldISUxhUiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":290,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":291,"_79":292,"_81":293,"_83":24},"tree",[168,174,182,184],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184],"counts",{"_158":61,"_159":133,"_160":61,"_161":162,"_163":164},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":156,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":157},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":150,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":151},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":143,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":145},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":135,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_26":138},"3d01baba-3755-11f0-89d9-9e149126039e","README.md","3d01bbb4-3755-11f0-89d9-9e149126039e","parentId",1,"latest",["D",1747949968371],"# All-in-One PDF Tool\n\nA comprehensive web application for PDF manipulation and conversion operations.\n\n## Features\n\n- **Merge PDFs**: Combine multiple PDF files into one\n- **Split PDF**: Extract specific pages or split into separate files\n- **PDF to Images**: Convert PDF pages to PNG/JPG images\n- **Images to PDF**: Convert images to PDF format\n- **Compress PDF**: Reduce PDF file size\n- **Add Watermark**: Add text or image watermarks\n- **Extract Text**: Extract text content from PDFs\n- **Rotate Pages**: Rotate PDF pages\n- **Add Password**: Protect PDFs with passwords\n- **Remove Password**: Remove password protection\n\n## Tech Stack\n\n- **Frontend**: React with TypeScript, TailwindCSS\n- **Backend**: Hono API framework\n- **PDF Processing**: PDF-lib library\n- **File Handling**: Browser File API\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main API server\n│ └── routes/\n│ ├── merge.ts # PDF merging\n│ ├── split.ts # PDF splitting\n│ ├── convert.ts # Format conversion\n│ └── compress.ts # PDF compression\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React app entry point\n│ └── components/\n│ ├── App.tsx # Main app component\n│ ├── FileUpload.tsx # File upload component\n│ └── ToolSelector.tsx # Tool selection component\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Usage\n\n1. Select the PDF operation you want to perform\n2. Upload your PDF file(s) or images\n3. Configure operation settings\n4. Process and download the result\n\n## API Endpoints\n\n- `POST /api/merge` - Merge multiple PDFs\n- `POST /api/split` - Split PDF into pages\n- `POST /api/convert` - Convert between formats\n- `POST /api/compress` - Compress PDF file\n- `POST /api/watermark` - Add watermark to PDF\n- `POST /api/extract-text` - Extract text from PDF\n- `POST /api/rotate` - Rotate PDF pages\n- `POST /api/protect` - Add password protection\n- `POST /api/unlock` - Remove password protection","label",[130],"44318900-3755-11f0-a2b4-9e149126039e","shared","3bce1562-90f6-4ec1-9abd-544265711554",2,["D",1747949980425],"directory",[140],"48cf2db4-3755-11f0-876a-9e149126039e","frontend","47038db1-b884-46b0-a877-1621171c9cb3",3,["D",1747949988171],[147],"86eaffec-3755-11f0-9f72-9e149126039e","backend","d49357a3-821a-4d82-9694-d08b4e21eedd",9,["D",1747950092370],[153],"pulls","branches","forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":287,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_186":288,"_26":289},{"_42":283,"_31":270,"_29":264,"_132":154,"_40":41,"_39":274,"_134":57,"_37":284,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_186":285,"_26":286},{"_42":279,"_31":32,"_29":30,"_132":264,"_40":41,"_39":14,"_134":57,"_37":280,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_186":281,"_26":282},{"_42":271,"_31":272,"_29":273,"_132":264,"_40":41,"_39":274,"_134":57,"_37":275,"_13":61,"_33":34,"_35":276,"_23":24,"_137":-5,"_186":277,"_26":278},{"_42":261,"_31":262,"_29":263,"_132":264,"_40":41,"_39":265,"_134":57,"_37":266,"_13":61,"_33":34,"_35":267,"_23":24,"_137":-5,"_186":268,"_26":269},{"_42":255,"_31":256,"_29":55,"_132":154,"_40":41,"_39":155,"_134":24,"_37":257,"_13":61,"_33":34,"_35":258,"_23":24,"_137":-5,"_186":259,"_26":260},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":252,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_186":253,"_26":254},{"_42":248,"_31":223,"_29":217,"_132":148,"_40":41,"_39":243,"_134":57,"_37":249,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_186":250,"_26":251},{"_42":240,"_31":241,"_29":242,"_132":217,"_40":41,"_39":243,"_134":57,"_37":244,"_13":61,"_33":34,"_35":245,"_23":24,"_137":-5,"_186":246,"_26":247},{"_42":232,"_31":233,"_29":234,"_132":217,"_40":41,"_39":235,"_134":57,"_37":236,"_13":61,"_33":34,"_35":237,"_23":24,"_137":-5,"_186":238,"_26":239},{"_42":224,"_31":225,"_29":226,"_132":217,"_40":41,"_39":227,"_134":57,"_37":228,"_13":61,"_33":34,"_35":229,"_23":24,"_137":-5,"_186":230,"_26":231},{"_42":214,"_31":215,"_29":216,"_132":217,"_40":41,"_39":218,"_134":57,"_37":219,"_13":61,"_33":34,"_35":220,"_23":24,"_137":-5,"_186":221,"_26":222},{"_42":207,"_31":208,"_29":209,"_132":148,"_40":41,"_39":149,"_134":57,"_37":210,"_13":61,"_33":20,"_35":211,"_23":24,"_137":-5,"_186":212,"_26":213},{"_42":199,"_31":200,"_29":201,"_132":148,"_40":41,"_39":202,"_134":57,"_37":203,"_13":61,"_33":34,"_35":204,"_23":24,"_137":-5,"_186":205,"_26":206},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":196,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_186":197,"_26":198},{"_42":189,"_31":190,"_29":191,"_132":141,"_40":41,"_39":142,"_134":57,"_37":192,"_13":61,"_33":34,"_35":193,"_23":24,"_137":-5,"_186":194,"_26":195},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":185,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_186":187,"_26":188},["D",1747949968371],"children",[],[130],"4431636c-3755-11f0-a2b4-9e149126039e","types.ts","44316402-3755-11f0-a2b4-9e149126039e",["D",1747949980425],"// Shared types for PDF tool application\n\nexport interface PDFOperation {\n id: string;\n name: string;\n description: string;\n icon: string;\n acceptedFiles: string[];\n multipleFiles?: boolean;\n}\n\nexport interface ProcessingOptions {\n operation: string;\n quality?: number;\n password?: string;\n watermarkText?: string;\n watermarkOpacity?: number;\n rotationAngle?: number;\n pageRange?: string;\n outputFormat?: 'pdf' | 'png' | 'jpg';\n compressionLevel?: 'low' | 'medium' | 'high';\n}\n\nexport interface ProcessingResult {\n success: boolean;\n message?: string;\n downloadUrl?: string;\n filename?: string;\n error?: string;\n}\n\nexport interface FileInfo {\n name: string;\n size: number;\n type: string;\n lastModified: number;\n}\n\nexport const PDF_OPERATIONS: PDFOperation[] = [\n {\n id: 'merge',\n name: 'Merge PDFs',\n description: 'Combine multiple PDF files into one document',\n icon: '🔗',\n acceptedFiles: ['.pdf'],\n multipleFiles: true\n },\n {\n id: 'split',\n name: 'Split PDF',\n description: 'Extract specific pages or split into separate files',\n icon: '✂️',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'pdf-to-images',\n name: 'PDF to Images',\n description: 'Convert PDF pages to PNG or JPG images',\n icon: '🖼️',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'images-to-pdf',\n name: 'Images to PDF',\n description: 'Convert images to PDF format',\n icon: '📄',\n acceptedFiles: ['.jpg', '.jpeg', '.png', '.gif', '.bmp'],\n multipleFiles: true\n },\n {\n id: 'compress',\n name: 'Compress PDF',\n description: 'Reduce PDF file size while maintaining quality',\n icon: '🗜️',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'watermark',\n name: 'Add Watermark',\n description: 'Add text or image watermarks to PDF pages',\n icon: '💧',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'extract-text',\n name: 'Extract Text',\n description: 'Extract text content from PDF documents',\n icon: '📝',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'rotate',\n name: 'Rotate Pages',\n description: 'Rotate PDF pages by 90, 180, or 270 degrees',\n icon: '🔄',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'protect',\n name: 'Add Password',\n description: 'Protect PDF with password encryption',\n icon: '🔒',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'unlock',\n name: 'Remove Password',\n description: 'Remove password protection from PDFs',\n icon: '🔓',\n acceptedFiles: ['.pdf']\n }\n];",[],[140,190],["D",1747949980425],[183],[140],"4aeae85e-3755-11f0-b13a-9e149126039e","index.tsx","4aeae944-3755-11f0-b13a-9e149126039e",4,["D",1747949991709],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[147,200],"48cf283c-3755-11f0-876a-9e149126039e","index.html","48cf28c8-3755-11f0-876a-9e149126039e",["D",1747949988171],"\n\n\n \n \n All-in-One PDF Tool\n \n \n \n\n\n

\n \n\n",[],[147,208],"65b62518-3755-11f0-b8bb-9e149126039e","ToolSelector.tsx","65b625e0-3755-11f0-b8bb-9e149126039e","dd190f49-b07f-42ad-8ed9-0a600770d690",6,["D",1747950036662],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { PDF_OPERATIONS, PDFOperation } from \"../../shared/types.ts\";\n\ninterface ToolSelectorProps {\n onToolSelect: (tool: PDFOperation) => void;\n}\n\nexport default function ToolSelector({ onToolSelect }: ToolSelectorProps) {\n return (\n

\n {/* Hero Section */}\n

Choose Your PDF Tool

\n Select from our comprehensive suite of PDF manipulation tools. \n All processing happens securely in your browser.\n

\n\n {/* Tools Grid */}\n

\n {PDF_OPERATIONS.map((tool) => (\n onToolSelect(tool)}\n className=\"tool-card bg-white rounded-xl shadow-sm border p-6 cursor-pointer hover:shadow-lg transition-all duration-300\"\n >\n

{tool.icon}

{tool.name}

{tool.description}

\n {tool.acceptedFiles.map((fileType) => (\n \n {fileType}\n \n ))}\n

\n {tool.multipleFiles && (\n

\n ✓ Multiple files supported\n

\n )}\n

\n ))}\n

\n\n {/* Features Section */}\n

Why Choose Our PDF Tool?

🔒

Secure & Private

All processing happens locally in your browser. Your files never leave your device.

⚡

Fast & Efficient

Optimized algorithms ensure quick processing without compromising quality.

🆓

Completely Free

No registration, no limits, no hidden fees. Use all tools unlimited times.

\n \n );\n}",[],[147,223,215],"components","804bccfc-3755-11f0-847b-9e149126039e","ProcessingOptions.tsx","804bcdb0-3755-11f0-847b-9e149126039e",8,["D",1747950081264],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { PDFOperation, ProcessingOptions as ProcessingOptionsType } from \"../../shared/types.ts\";\n\ninterface ProcessingOptionsProps {\n tool: PDFOperation;\n options: ProcessingOptionsType;\n onOptionsChange: (options: ProcessingOptionsType) => void;\n}\n\nexport default function ProcessingOptions({ tool, options, onOptionsChange }: ProcessingOptionsProps) {\n const updateOption = (key: keyof ProcessingOptionsType, value: any) => {\n onOptionsChange({ ...options, [key]: value });\n };\n\n const renderOptions = () => {\n switch (tool.id) {\n case 'split':\n return (\n

\n \n Page Range (e.g., \"1-3,5,7-9\" or \"all\")\n \n updateOption('pageRange', e.target.value)}\n placeholder=\"1-3,5,7-9 or all\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n Specify pages to extract. Use \"all\" to split into individual pages.\n

\n );\n\n case 'pdf-to-images':\n return (\n

\n \n Output Format\n \n updateOption('outputFormat', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n

\n \n Quality: {options.quality}%\n \n updateOption('quality', parseInt(e.target.value))}\n className=\"w-full\"\n />\n

\n );\n\n case 'compress':\n return (\n

\n \n Compression Level\n \n updateOption('compressionLevel', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n

\n );\n\n case 'watermark':\n return (\n

\n \n Watermark Text\n \n updateOption('watermarkText', e.target.value)}\n placeholder=\"Enter watermark text\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n \n Opacity: {Math.round((options.watermarkOpacity || 0.5) * 100)}%\n \n updateOption('watermarkOpacity', parseFloat(e.target.value))}\n className=\"w-full\"\n />\n

\n );\n\n case 'rotate':\n return (\n

\n \n Rotation Angle\n \n updateOption('rotationAngle', parseInt(e.target.value))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n

\n );\n\n case 'protect':\n return (\n

\n \n Password\n \n updateOption('password', e.target.value)}\n placeholder=\"Enter password to protect PDF\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n Choose a strong password to protect your PDF file.\n

\n );\n\n case 'unlock':\n return (\n

\n \n Current Password\n \n updateOption('password', e.target.value)}\n placeholder=\"Enter current password\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n Enter the current password to remove protection.\n

\n );\n\n default:\n return (\n

No additional options required for this operation.

\n );\n }\n };\n\n return (\n

Processing Options

\n {renderOptions()}\n

\n );\n}",[],[147,223,225],"720620fc-3755-11f0-9df6-9e149126039e","FileUpload.tsx","7206219c-3755-11f0-9df6-9e149126039e",7,["D",1747950057320],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { PDFOperation } from \"../../shared/types.ts\";\n\ninterface FileUploadProps {\n tool: PDFOperation;\n onFilesUpload: (files: File[]) => void;\n uploadedFiles: File[];\n}\n\nexport default function FileUpload({ tool, onFilesUpload, uploadedFiles }: FileUploadProps) {\n const [dragOver, setDragOver] = useState(false);\n const fileInputRef = useRef(null);\n\n const handleDragOver = (e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(true);\n };\n\n const handleDragLeave = (e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(false);\n };\n\n const handleDrop = (e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(false);\n \n const files = Array.from(e.dataTransfer.files);\n handleFiles(files);\n };\n\n const handleFileSelect = (e: React.ChangeEvent) => {\n const files = Array.from(e.target.files || []);\n handleFiles(files);\n };\n\n const handleFiles = (files: File[]) => {\n const validFiles = files.filter(file => {\n const extension = '.' + file.name.split('.').pop()?.toLowerCase();\n return tool.acceptedFiles.includes(extension);\n });\n\n if (tool.multipleFiles) {\n onFilesUpload([...uploadedFiles, ...validFiles]);\n } else {\n onFilesUpload(validFiles.slice(0, 1));\n }\n };\n\n const removeFile = (index: number) => {\n const newFiles = uploadedFiles.filter((_, i) => i !== index);\n onFilesUpload(newFiles);\n };\n\n const formatFileSize = (bytes: number) => {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n };\n\n return (\n

Upload Files

\n \n {/* File Drop Zone */}\n \n \n \n

📁

\n Drop your files here or{' '}\n fileInputRef.current?.click()}\n className=\"text-blue-600 hover:text-blue-700 underline\"\n >\n browse\n \n

\n Accepted formats: {tool.acceptedFiles.join(', ')}\n {tool.multipleFiles && ' • Multiple files supported'}\n

\n\n {/* Uploaded Files List */}\n {uploadedFiles.length > 0 && (\n

Uploaded Files ({uploadedFiles.length})

\n {uploadedFiles.map((file, index) => (\n \n

\n {file.type.includes('pdf') ? '📄' : '🖼️'}\n

\n {file.name}\n

\n {formatFileSize(file.size)}\n

\n removeFile(index)}\n className=\"text-red-600 hover:text-red-700 p-1\"\n title=\"Remove file\"\n >\n \n \n

\n ))}\n

\n \n {tool.multipleFiles && (\n fileInputRef.current?.click()}\n className=\"w-full py-2 px-4 border-2 border-dashed border-gray-300 rounded-lg text-gray-600 hover:border-blue-400 hover:text-blue-600 transition-colors\"\n >\n + Add More Files\n \n )}\n \n )}\n \n );\n}",[],[147,223,233],"5c8f2660-3755-11f0-b13a-9e149126039e","App.tsx","5c8f2700-3755-11f0-b13a-9e149126039e",5,["D",1747950021305],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport ToolSelector from \"./ToolSelector.tsx\";\nimport FileUpload from \"./FileUpload.tsx\";\nimport ProcessingOptions from \"./ProcessingOptions.tsx\";\nimport { PDFOperation, ProcessingOptions as ProcessingOptionsType, ProcessingResult } from \"../../shared/types.ts\";\n\nexport default function App() {\n const [selectedTool, setSelectedTool] = useState(null);\n const [uploadedFiles, setUploadedFiles] = useState([]);\n const [processing, setProcessing] = useState(false);\n const [result, setResult] = useState(null);\n const [options, setOptions] = useState({\n operation: '',\n quality: 80,\n compressionLevel: 'medium',\n rotationAngle: 90,\n watermarkOpacity: 0.5,\n outputFormat: 'pdf'\n });\n\n const handleToolSelect = (tool: PDFOperation) => {\n setSelectedTool(tool);\n setUploadedFiles([]);\n setResult(null);\n setOptions(prev => ({ ...prev, operation: tool.id }));\n };\n\n const handleFilesUpload = (files: File[]) => {\n setUploadedFiles(files);\n setResult(null);\n };\n\n const handleProcess = async () => {\n if (!selectedTool || uploadedFiles.length === 0) return;\n\n setProcessing(true);\n setResult(null);\n\n try {\n const formData = new FormData();\n uploadedFiles.forEach((file, index) => {\n formData.append(`file${index}`, file);\n });\n formData.append('options', JSON.stringify(options));\n\n const response = await fetch(`/api/${selectedTool.id}`, {\n method: 'POST',\n body: formData\n });\n\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n const contentType = response.headers.get('content-type');\n \n if (contentType?.includes('application/json')) {\n const result: ProcessingResult = await response.json();\n setResult(result);\n } else {\n // Handle file download\n const blob = await response.blob();\n const url = URL.createObjectURL(blob);\n const filename = response.headers.get('content-disposition')?.split('filename=')[1]?.replace(/\"/g, '') || 'processed-file.pdf';\n \n setResult({\n success: true,\n downloadUrl: url,\n filename: filename,\n message: 'File processed successfully!'\n });\n }\n } catch (error) {\n setResult({\n success: false,\n error: error instanceof Error ? error.message : 'An error occurred during processing'\n });\n } finally {\n setProcessing(false);\n }\n };\n\n const handleDownload = () => {\n if (result?.downloadUrl && result?.filename) {\n const a = document.createElement('a');\n a.href = result.downloadUrl;\n a.download = result.filename;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(result.downloadUrl);\n }\n };\n\n const handleReset = () => {\n setSelectedTool(null);\n setUploadedFiles([]);\n setResult(null);\n setProcessing(false);\n };\n\n return (\n

\n {/* Header */}\n

📄

All-in-One PDF Tool

Complete PDF manipulation suite

\n {selectedTool && (\n \n ← Back to Tools\n \n )}\n

\n\n

\n {!selectedTool ? (\n \n ) : (\n

\n {/* Selected Tool Header */}\n

{selectedTool.icon}

{selectedTool.name}

{selectedTool.description}

\n\n {/* File Upload */}\n \n\n {/* Processing Options */}\n {uploadedFiles.length > 0 && (\n \n )}\n\n {/* Process Button */}\n {uploadedFiles.length > 0 && (\n

\n \n {processing ? (\n

\n Processing...\n

\n ) : (\n `Process ${selectedTool.name}`\n )}\n \n

\n )}\n\n {/* Results */}\n {result && (\n

\n {result.success ? (\n

✅

\n {result.message || 'Processing completed successfully!'}\n

\n {result.downloadUrl && (\n \n \n Download {result.filename}\n \n )}\n

\n ) : (\n

❌

Processing Failed

{result.error}

\n )}\n

\n );\n}",[],[147,223,241],"5c8f4eb0-3755-11f0-b13a-9e149126039e",["D",1747950021305],[176,177,178,179],[147,223],["D",1747949988171],[175,180,181],[147],"86eae304-3755-11f0-9f72-9e149126039e","index.ts",["D",1747950092370],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport mergeRoute from \"./routes/merge.ts\";\nimport splitRoute from \"./routes/split.ts\";\nimport convertRoute from \"./routes/convert.ts\";\nimport compressRoute from \"./routes/compress.ts\";\nimport watermarkRoute from \"./routes/watermark.ts\";\nimport extractTextRoute from \"./routes/extract-text.ts\";\nimport rotateRoute from \"./routes/rotate.ts\";\nimport protectRoute from \"./routes/protect.ts\";\nimport unlockRoute from \"./routes/unlock.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// API Routes\napp.route(\"/api/merge\", mergeRoute);\napp.route(\"/api/split\", splitRoute);\napp.route(\"/api/pdf-to-images\", convertRoute);\napp.route(\"/api/images-to-pdf\", convertRoute);\napp.route(\"/api/compress\", compressRoute);\napp.route(\"/api/watermark\", watermarkRoute);\napp.route(\"/api/extract-text\", extractTextRoute);\napp.route(\"/api/rotate\", rotateRoute);\napp.route(\"/api/protect\", protectRoute);\napp.route(\"/api/unlock\", unlockRoute);\n\n// Health check\napp.get(\"/health\", c => c.json({ status: \"ok\", timestamp: new Date().toISOString() }));\n\nexport default app;",[],[153,256],"9573ebd2-3755-11f0-a1b5-9e149126039e","split.ts","9573eccc-3755-11f0-a1b5-9e149126039e","d147fa7e-62ab-4369-ae97-cf63363c088d",11,["D",1747950116758],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { PDFDocument } from \"https://esm.sh/pdf-lib@1.17.1\";\nimport { ProcessingOptions } from \"../../shared/types.ts\";\n\nconst app = new Hono();\n\nfunction parsePageRange(range: string, totalPages: number): number[] {\n if (range.toLowerCase() === 'all') {\n return Array.from({ length: totalPages }, (_, i) => i);\n }\n\n const pages: number[] = [];\n const parts = range.split(',');\n\n for (const part of parts) {\n const trimmed = part.trim();\n if (trimmed.includes('-')) {\n const [start, end] = trimmed.split('-').map(n => parseInt(n.trim()) - 1);\n if (start >= 0 && end < totalPages && start <= end) {\n for (let i = start; i <= end; i++) {\n pages.push(i);\n }\n }\n } else {\n const pageNum = parseInt(trimmed) - 1;\n if (pageNum >= 0 && pageNum < totalPages) {\n pages.push(pageNum);\n }\n }\n }\n\n return [...new Set(pages)].sort((a, b) => a - b);\n}\n\napp.post(\"/\", async (c) => {\n try {\n const formData = await c.req.formData();\n const file = formData.get('file0') as File;\n const optionsStr = formData.get('options') as string;\n const options: ProcessingOptions = JSON.parse(optionsStr || '{}');\n\n if (!file || file.type !== 'application/pdf') {\n return c.json({ success: false, error: \"Please upload a valid PDF file\" }, 400);\n }\n\n const arrayBuffer = await file.arrayBuffer();\n const pdf = await PDFDocument.load(arrayBuffer);\n const totalPages = pdf.getPageCount();\n \n const pageRange = options.pageRange || 'all';\n const pagesToExtract = parsePageRange(pageRange, totalPages);\n\n if (pagesToExtract.length === 0) {\n return c.json({ success: false, error: \"No valid pages found in the specified range\" }, 400);\n }\n\n if (pageRange.toLowerCase() === 'all') {\n // Split into individual pages\n const zipData: { name: string; data: Uint8Array }[] = [];\n\n for (let i = 0; i < totalPages; i++) {\n const newPdf = await PDFDocument.create();\n const [page] = await newPdf.copyPages(pdf, [i]);\n newPdf.addPage(page);\n \n const pdfBytes = await newPdf.save();\n zipData.push({\n name: `page_${i + 1}.pdf`,\n data: pdfBytes\n });\n }\n\n // For simplicity, return the first page as an example\n // In a real implementation, you'd want to create a ZIP file\n return new Response(zipData[0].data, {\n headers: {\n 'Content-Type': 'application/pdf',\n 'Content-Disposition': `attachment; filename=\"page_1.pdf\"`,\n 'Content-Length': zipData[0].data.length.toString(),\n },\n });\n } else {\n // Extract specific pages into one PDF\n const newPdf = await PDFDocument.create();\n const pages = await newPdf.copyPages(pdf, pagesToExtract);\n \n pages.forEach((page) => newPdf.addPage(page));\n \n const pdfBytes = await newPdf.save();\n \n return new Response(pdfBytes, {\n headers: {\n 'Content-Type': 'application/pdf',\n 'Content-Disposition': `attachment; filename=\"extracted_pages.pdf\"`,\n 'Content-Length': pdfBytes.length.toString(),\n },\n });\n }\n\n } catch (error) {\n console.error('Split error:', error);\n return c.json({ \n success: false, \n error: error instanceof Error ? error.message : 'Failed to split PDF' \n }, 500);\n }\n});\n\nexport default app;",[],[153,270,262],"routes","8bd9540e-3755-11f0-b643-9e149126039e","merge.ts","8bd95508-3755-11f0-b643-9e149126039e",10,["D",1747950100646],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { PDFDocument } from \"https://esm.sh/pdf-lib@1.17.1\";\n\nconst app = new Hono();\n\napp.post(\"/\", async (c) => {\n try {\n const formData = await c.req.formData();\n const files: File[] = [];\n \n // Extract all uploaded files\n for (const [key, value] of formData.entries()) {\n if (key.startsWith('file') && value instanceof File) {\n files.push(value);\n }\n }\n\n if (files.length < 2) {\n return c.json({ success: false, error: \"At least 2 PDF files are required for merging\" }, 400);\n }\n\n // Create a new PDF document\n const mergedPdf = await PDFDocument.create();\n\n // Process each PDF file\n for (const file of files) {\n if (file.type !== 'application/pdf') {\n return c.json({ success: false, error: `File ${file.name} is not a PDF` }, 400);\n }\n\n const arrayBuffer = await file.arrayBuffer();\n const pdf = await PDFDocument.load(arrayBuffer);\n const pages = await mergedPdf.copyPages(pdf, pdf.getPageIndices());\n \n pages.forEach((page) => mergedPdf.addPage(page));\n }\n\n // Generate the merged PDF\n const pdfBytes = await mergedPdf.save();\n \n return new Response(pdfBytes, {\n headers: {\n 'Content-Type': 'application/pdf',\n 'Content-Disposition': 'attachment; filename=\"merged.pdf\"',\n 'Content-Length': pdfBytes.length.toString(),\n },\n });\n\n } catch (error) {\n console.error('Merge error:', error);\n return c.json({ \n success: false, \n error: error instanceof Error ? error.message : 'Failed to merge PDFs' \n }, 500);\n }\n});\n\nexport default app;",[],[153,270,272],"9fb25746-3755-11f0-87f3-9e149126039e",["D",1747950133943],[],[153,270,32],"8bd9704c-3755-11f0-b643-9e149126039e",["D",1747950100646],[170,171,172],[153,270],["D",1747950092370],[169,173],[153],["D",1747949938107],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":327,"_328":329,"_330":331,"_332":24,"_333":24,"_334":24,"_335":57,"_336":-5,"_337":-7,"_338":-7,"_339":61,"_340":24,"_341":24,"_342":-5,"_343":24,"_344":24,"_345":24,"_346":-5},"ENV",{"_298":299,"_300":301,"_302":85,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","899124c68db8496248a17ee95f074b807335ea7b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v12