[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_312":313,"_314":315},"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",14,"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/compress.ts","latestPath","fileId","3732b1f0-3757-11f0-8185-9e149126039e","name","compress.ts","fileType","script","content","import { PDFDocument } from \"https://esm.sh/pdf-lib@1.17.1\";\nimport type { Context } from \"https://esm.sh/hono@3.11.7\";\nimport { \n parseFormData, \n fileToArrayBuffer, \n createPDFFromBuffer,\n createDownloadResponse,\n createErrorResponse,\n validatePDFFile,\n formatFileSize\n} from \"./utils.ts\";\n\nexport async function handleCompress(c: Context): Promise {\n try {\n const { files, settings } = await parseFormData(c.req.raw);\n \n if (files.length !== 1) {\n return createErrorResponse(\"Exactly one PDF file is required for compression\");\n }\n\n const file = files[0];\n if (!(await validatePDFFile(file))) {\n return createErrorResponse(`Invalid PDF file: ${file.name}`);\n }\n\n const buffer = await fileToArrayBuffer(file);\n const pdfDoc = await createPDFFromBuffer(buffer);\n \n const compressionLevel = settings?.compressionLevel || 'medium';\n \n // Basic compression by re-saving the PDF\n // Note: pdf-lib doesn't have advanced compression options\n // In a real implementation, you might use different libraries or techniques\n \n let saveOptions: any = {};\n \n switch (compressionLevel) {\n case 'low':\n // Minimal compression\n saveOptions = {\n useObjectStreams: false,\n addDefaultPage: false\n };\n break;\n case 'medium':\n // Default compression\n saveOptions = {\n useObjectStreams: true,\n addDefaultPage: false\n };\n break;\n case 'high':\n // Maximum compression\n saveOptions = {\n useObjectStreams: true,\n addDefaultPage: false,\n objectsPerTick: 50\n };\n break;\n }\n \n const compressedBytes = await pdfDoc.save(saveOptions);\n \n const originalSize = buffer.byteLength;\n const compressedSize = compressedBytes.length;\n const compressionRatio = ((originalSize - compressedSize) / originalSize * 100).toFixed(1);\n \n const filename = `${file.name.replace('.pdf', '')}-compressed.pdf`;\n \n // Add compression info to response headers\n const response = createDownloadResponse(compressedBytes, filename);\n response.headers.set('X-Original-Size', originalSize.toString());\n response.headers.set('X-Compressed-Size', compressedSize.toString());\n response.headers.set('X-Compression-Ratio', compressionRatio);\n \n return response;\n \n } catch (error) {\n console.error('Compress error:', error);\n return createErrorResponse(\n error instanceof Error ? error.message : \"Failed to compress PDF\"\n );\n }\n}","createdAt",["D",1747950817618],"branchVersion","branchId","b4d8bdda-3756-11f0-b570-9e149126039e","id","b4d86902-3756-11f0-b570-9e149126039e","pdf",["D",1747950598926],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","a8e06a00-3756-11f0-9139-09b0539c21b0","pinnedFileId","12546220-3757-11f0-89fc-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","cd46190b-67a2-4475-9321-37743c2b58d4","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",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","pro909","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4VDhCdWVQWm91c1QxRHQxWFpWS2JnZUFEWCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":308,"_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":309,"_79":310,"_81":311,"_83":24},"tree",[168,176,184,186],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186],"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},"c849902e-3756-11f0-b330-9e149126039e","README.md","c84990f6-3756-11f0-b330-9e149126039e","parentId",1,"latest",["D",1747950631541],"# 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│ └── utils.ts # Shared utilities\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\n│ │ └── ProcessingArea.tsx # Processing interface\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Usage\n\n1. Select a PDF operation from the tool menu\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],"d0543cba-3756-11f0-9a60-9e149126039e","shared","7660ec63-f9a5-4e83-a167-fc129ba2b2e9",2,["D",1747950645033],"directory",[140],"d584436a-3756-11f0-bb7f-9e149126039e","frontend","9bddadfa-7114-41ae-b7d1-1f3239a84189",3,["D",1747950653733],[147],"12546ae0-3757-11f0-89fc-9e149126039e","backend","834b9416-2e1b-45db-bece-4f4547b6cff7",9,["D",1747950755761],[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":305,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":306,"_26":307},{"_42":301,"_31":272,"_29":266,"_132":154,"_40":41,"_39":267,"_134":57,"_37":302,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":303,"_26":304},{"_42":297,"_31":32,"_29":30,"_132":266,"_40":41,"_39":14,"_134":57,"_37":298,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_188":299,"_26":300},{"_42":289,"_31":290,"_29":291,"_132":266,"_40":41,"_39":292,"_134":57,"_37":293,"_13":61,"_33":34,"_35":294,"_23":24,"_137":-5,"_188":295,"_26":296},{"_42":281,"_31":282,"_29":283,"_132":266,"_40":41,"_39":284,"_134":57,"_37":285,"_13":61,"_33":34,"_35":286,"_23":24,"_137":-5,"_188":287,"_26":288},{"_42":273,"_31":274,"_29":275,"_132":266,"_40":41,"_39":276,"_134":57,"_37":277,"_13":61,"_33":34,"_35":278,"_23":24,"_137":-5,"_188":279,"_26":280},{"_42":263,"_31":264,"_29":265,"_132":266,"_40":41,"_39":267,"_134":57,"_37":268,"_13":61,"_33":34,"_35":269,"_23":24,"_137":-5,"_188":270,"_26":271},{"_42":257,"_31":258,"_29":55,"_132":154,"_40":41,"_39":155,"_134":24,"_37":259,"_13":61,"_33":34,"_35":260,"_23":24,"_137":-5,"_188":261,"_26":262},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":254,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":255,"_26":256},{"_42":250,"_31":225,"_29":219,"_132":148,"_40":41,"_39":245,"_134":57,"_37":251,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":252,"_26":253},{"_42":242,"_31":243,"_29":244,"_132":219,"_40":41,"_39":245,"_134":57,"_37":246,"_13":61,"_33":34,"_35":247,"_23":24,"_137":-5,"_188":248,"_26":249},{"_42":234,"_31":235,"_29":236,"_132":219,"_40":41,"_39":237,"_134":57,"_37":238,"_13":61,"_33":34,"_35":239,"_23":24,"_137":-5,"_188":240,"_26":241},{"_42":226,"_31":227,"_29":228,"_132":219,"_40":41,"_39":229,"_134":57,"_37":230,"_13":61,"_33":34,"_35":231,"_23":24,"_137":-5,"_188":232,"_26":233},{"_42":216,"_31":217,"_29":218,"_132":219,"_40":41,"_39":220,"_134":57,"_37":221,"_13":61,"_33":34,"_35":222,"_23":24,"_137":-5,"_188":223,"_26":224},{"_42":209,"_31":210,"_29":211,"_132":148,"_40":41,"_39":149,"_134":57,"_37":212,"_13":61,"_33":20,"_35":213,"_23":24,"_137":-5,"_188":214,"_26":215},{"_42":201,"_31":202,"_29":203,"_132":148,"_40":41,"_39":204,"_134":57,"_37":205,"_13":61,"_33":34,"_35":206,"_23":24,"_137":-5,"_188":207,"_26":208},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":198,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":199,"_26":200},{"_42":191,"_31":192,"_29":193,"_132":141,"_40":41,"_39":142,"_134":57,"_37":194,"_13":61,"_33":34,"_35":195,"_23":24,"_137":-5,"_188":196,"_26":197},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":187,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_188":189,"_26":190},["D",1747950631541],"children",[],[130],"d0541cee-3756-11f0-9a60-9e149126039e","types.ts","d0541da2-3756-11f0-9a60-9e149126039e",["D",1747950645033],"// Shared types for the 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 files: File[];\n settings?: {\n // Merge options\n mergeOrder?: number[];\n \n // Split options\n splitType?: 'pages' | 'range';\n pageRanges?: string;\n \n // Convert options\n outputFormat?: 'png' | 'jpg' | 'pdf';\n quality?: number;\n \n // Compress options\n compressionLevel?: 'low' | 'medium' | 'high';\n \n // Watermark options\n watermarkText?: string;\n watermarkPosition?: 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n watermarkOpacity?: number;\n \n // Rotate options\n rotationAngle?: 90 | 180 | 270;\n pageNumbers?: number[];\n \n // Password options\n password?: string;\n };\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 pages or split PDF 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: ['.png', '.jpg', '.jpeg'],\n multipleFiles: true\n },\n {\n id: 'compress',\n name: 'Compress PDF',\n description: 'Reduce PDF file size',\n icon: '🗜️',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'watermark',\n name: 'Add Watermark',\n description: 'Add text watermark 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',\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',\n icon: '🔒',\n acceptedFiles: ['.pdf']\n },\n {\n id: 'unlock',\n name: 'Remove Password',\n description: 'Remove password protection from PDF',\n icon: '🔓',\n acceptedFiles: ['.pdf']\n }\n];",[],[140,192],["D",1747950645033],[185],[140],"d7fd5ef6-3756-11f0-960c-9e149126039e","index.tsx","d7fd5fdc-3756-11f0-960c-9e149126039e",4,["D",1747950657885],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[147,202],"d58422ae-3756-11f0-bb7f-9e149126039e","index.html","d5842376-3756-11f0-bb7f-9e149126039e",["D",1747950653733],"\n\n\n \n \n All-in-One PDF Tool\n \n \n 📄\">\n \n\n\n

\n \n\n",[],[147,210],"e9688526-3756-11f0-ac9c-9e149126039e","ToolSelector.tsx","e9688620-3756-11f0-ac9c-9e149126039e","798d6fd3-b5a6-46d5-88fb-85d80c2bb912",6,["D",1747950687111],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { PDFOperation } from \"../../shared/types.ts\";\n\ninterface ToolSelectorProps {\n tools: PDFOperation[];\n onToolSelect: (tool: PDFOperation) => void;\n}\n\nexport default function ToolSelector({ tools, onToolSelect }: ToolSelectorProps) {\n return (\n

\n {tools.map((tool) => (\n onToolSelect(tool)}\n className=\"tool-card bg-white rounded-lg shadow-sm border border-gray-200 p-6 cursor-pointer hover:border-blue-300\"\n >\n

{tool.icon}

\n {tool.name}\n

\n {tool.description}\n

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

\n {tool.multipleFiles && (\n

\n \n Multiple files\n \n

\n )}\n

\n ))}\n \n );\n}",[],[147,225,217],"components","0bdef2c0-3757-11f0-a0c7-9e149126039e","ProcessingArea.tsx","0bdef392-3757-11f0-a0c7-9e149126039e",8,["D",1747950744928],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { PDFOperation, ProcessingOptions } from \"../../shared/types.ts\";\n\ninterface ProcessingAreaProps {\n tool: PDFOperation;\n files: File[];\n onProcess: (options: ProcessingOptions) => void;\n isProcessing: boolean;\n result: any;\n}\n\nexport default function ProcessingArea({ \n tool, \n files, \n onProcess, \n isProcessing, \n result \n}: ProcessingAreaProps) {\n const [settings, setSettings] = useState({});\n\n const handleProcess = () => {\n onProcess({\n operation: tool.id,\n files,\n settings\n });\n };\n\n const renderSettings = () => {\n switch (tool.id) {\n case 'split':\n return (\n

\n \n Split Type\n \n setSettings({...settings, splitType: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n

\n {settings.splitType === 'range' && (\n

\n \n Page Ranges (e.g., 1-3,5,7-9)\n \n setSettings({...settings, pageRanges: e.target.value})}\n placeholder=\"1-3,5,7-9\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n )}\n

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

\n \n Output Format\n \n setSettings({...settings, outputFormat: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n

\n \n Quality: {settings.quality || 90}%\n \n setSettings({...settings, 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 setSettings({...settings, compressionLevel: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n

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

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

\n \n Position\n \n setSettings({...settings, watermarkPosition: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n \n \n

\n \n Opacity: {settings.watermarkOpacity || 50}%\n \n setSettings({...settings, watermarkOpacity: parseInt(e.target.value)})}\n className=\"w-full\"\n />\n

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

\n \n Rotation Angle\n \n setSettings({...settings, rotationAngle: parseInt(e.target.value)})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n

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

\n \n Password\n \n setSettings({...settings, password: e.target.value})}\n placeholder=\"Enter password\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

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

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

\n );\n\n default:\n return null;\n }\n };\n\n const downloadFile = async (url: string, filename: string) => {\n try {\n const response = await fetch(url);\n const blob = await response.blob();\n const downloadUrl = window.URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = downloadUrl;\n a.download = filename;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n window.URL.revokeObjectURL(downloadUrl);\n } catch (error) {\n console.error('Download failed:', error);\n }\n };\n\n return (\n

\n Processing Options\n

\n\n {/* Settings */}\n

\n {renderSettings()}\n

\n\n {/* Process Button */}\n

\n \n {isProcessing ? (\n

\n Processing...\n

\n ) : (\n `Process ${files.length} file${files.length > 1 ? 's' : ''}`\n )}\n \n

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

\n {result.success ? (\n

\n ✅\n Processing completed successfully!\n

\n {result.downloadUrl && (\n downloadFile(result.downloadUrl, result.fileName || 'processed-file')}\n className=\"inline-flex items-center px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500\"\n >\n \n Download Result\n \n )}\n {result.message && (\n

{result.message}

\n )}\n

\n ) : (\n

\n ❌\n Processing failed\n

{result.error || 'An unknown error occurred'}

\n )}\n

\n );\n}",[],[147,225,227],"f50243b8-3756-11f0-9c66-9e149126039e","FileUpload.tsx","f50244b2-3756-11f0-9c66-9e149126039e",7,["D",1747950706573],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { 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 [isDragOver, setIsDragOver] = useState(false);\n const fileInputRef = useRef(null);\n\n const handleDragOver = (e: React.DragEvent) => {\n e.preventDefault();\n setIsDragOver(true);\n };\n\n const handleDragLeave = (e: React.DragEvent) => {\n e.preventDefault();\n setIsDragOver(false);\n };\n\n const handleDrop = (e: React.DragEvent) => {\n e.preventDefault();\n setIsDragOver(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 // Filter files based on accepted types\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

\n Upload Files\n

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

📁

\n {tool.multipleFiles ? 'Drop files here or click to browse' : 'Drop file here or click to browse'}\n

\n Accepted formats: {tool.acceptedFiles.join(', ')}\n

\n {tool.multipleFiles && (\n

\n You can upload multiple files\n

\n )}\n

\n fileInputRef.current?.click()}\n className=\"inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n >\n Choose Files\n \n

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

\n Uploaded Files ({uploadedFiles.length})\n

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

\n 📄\n

\n {file.name}\n

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

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

\n ))}\n

\n \n )}\n \n );\n}",[],[147,225,235],"e3d78526-3756-11f0-9eb7-9e149126039e","App.tsx","e3d785f8-3756-11f0-9eb7-9e149126039e",5,["D",1747950677770],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { PDF_OPERATIONS, type PDFOperation, type ProcessingOptions } from \"../../shared/types.ts\";\nimport ToolSelector from \"./ToolSelector.tsx\";\nimport FileUpload from \"./FileUpload.tsx\";\nimport ProcessingArea from \"./ProcessingArea.tsx\";\n\nexport default function App() {\n const [selectedTool, setSelectedTool] = useState(null);\n const [uploadedFiles, setUploadedFiles] = useState([]);\n const [isProcessing, setIsProcessing] = useState(false);\n const [processingResult, setProcessingResult] = useState(null);\n\n const handleToolSelect = (tool: PDFOperation) => {\n setSelectedTool(tool);\n setUploadedFiles([]);\n setProcessingResult(null);\n };\n\n const handleFilesUpload = (files: File[]) => {\n setUploadedFiles(files);\n setProcessingResult(null);\n };\n\n const handleProcess = async (options: ProcessingOptions) => {\n setIsProcessing(true);\n setProcessingResult(null);\n\n try {\n const formData = new FormData();\n \n // Add files\n options.files.forEach((file, index) => {\n formData.append(`file${index}`, file);\n });\n \n // Add settings\n if (options.settings) {\n formData.append('settings', JSON.stringify(options.settings));\n }\n\n const response = await fetch(`/api/${options.operation}`, {\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 result = await response.json();\n setProcessingResult(result);\n } catch (error) {\n console.error('Processing error:', error);\n setProcessingResult({\n success: false,\n error: error instanceof Error ? error.message : 'An unknown error occurred'\n });\n } finally {\n setIsProcessing(false);\n }\n };\n\n const handleReset = () => {\n setSelectedTool(null);\n setUploadedFiles([]);\n setProcessingResult(null);\n };\n\n return (\n

\n {/* Header */}\n

\n 📄\n

All-in-One PDF Tool

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

\n\n

\n {!selectedTool ? (\n

\n Choose Your PDF Operation\n

\n Select from our comprehensive suite of PDF tools to merge, split, convert, \n compress, and manipulate your PDF documents with ease.\n

\n \n

\n ) : (\n

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

\n {selectedTool.icon}\n

{selectedTool.name}

{selectedTool.description}

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

\n )}\n

\n\n {/* Footer */}\n \n

\n );\n}",[],[147,225,243],"e3d7ad12-3756-11f0-9eb7-9e149126039e",["D",1747950677770],[178,179,180,181],[147,225],["D",1747950653733],[177,182,183],[147],"12546144-3757-11f0-89fc-9e149126039e","index.ts",["D",1747950755761],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n// Import route handlers\nimport { handleMerge } from \"./routes/merge.ts\";\nimport { handleSplit } from \"./routes/split.ts\";\nimport { handleConvert } from \"./routes/convert.ts\";\nimport { handleCompress } from \"./routes/compress.ts\";\nimport { handleWatermark } from \"./routes/watermark.ts\";\nimport { handleExtractText } from \"./routes/extract-text.ts\";\nimport { handleRotate } from \"./routes/rotate.ts\";\nimport { handleProtect } from \"./routes/protect.ts\";\nimport { handleUnlock } 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.post(\"/api/merge\", handleMerge);\napp.post(\"/api/split\", handleSplit);\napp.post(\"/api/pdf-to-images\", handleConvert);\napp.post(\"/api/images-to-pdf\", handleConvert);\napp.post(\"/api/compress\", handleCompress);\napp.post(\"/api/watermark\", handleWatermark);\napp.post(\"/api/extract-text\", handleExtractText);\napp.post(\"/api/rotate\", handleRotate);\napp.post(\"/api/protect\", handleProtect);\napp.post(\"/api/unlock\", handleUnlock);\n\n// Health check\napp.get(\"/api/health\", c => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\nexport default app.fetch;",[],[153,258],"1a8696a2-3757-11f0-8185-9e149126039e","utils.ts","1a869774-3757-11f0-8185-9e149126039e","3b1140ab-f6dd-49e4-9cd6-a1bffc43f9a4",10,["D",1747950769511],"import { PDFDocument } from \"https://esm.sh/pdf-lib@1.17.1\";\n\nexport interface ProcessingResult {\n success: boolean;\n message?: string;\n downloadUrl?: string;\n fileName?: string;\n error?: string;\n data?: any;\n}\n\nexport async function parseFormData(request: Request): Promise<{\n files: File[];\n settings: any;\n}> {\n const formData = await request.formData();\n const files: File[] = [];\n let settings = {};\n\n for (const [key, value] of formData.entries()) {\n if (key.startsWith('file') && value instanceof File) {\n files.push(value);\n } else if (key === 'settings' && typeof value === 'string') {\n try {\n settings = JSON.parse(value);\n } catch (e) {\n console.warn('Failed to parse settings:', e);\n }\n }\n }\n\n return { files, settings };\n}\n\nexport async function fileToArrayBuffer(file: File): Promise {\n return await file.arrayBuffer();\n}\n\nexport async function createPDFFromBuffer(buffer: ArrayBuffer): Promise {\n return await PDFDocument.load(buffer);\n}\n\nexport function createDownloadResponse(\n pdfBytes: Uint8Array, \n filename: string\n): Response {\n return new Response(pdfBytes, {\n headers: {\n 'Content-Type': 'application/pdf',\n 'Content-Disposition': `attachment; filename=\"${filename}\"`,\n 'Content-Length': pdfBytes.length.toString(),\n },\n });\n}\n\nexport function createJsonResponse(result: ProcessingResult): Response {\n return new Response(JSON.stringify(result), {\n headers: {\n 'Content-Type': 'application/json',\n },\n });\n}\n\nexport function createErrorResponse(error: string, status: number = 400): Response {\n return new Response(JSON.stringify({\n success: false,\n error\n }), {\n status,\n headers: {\n 'Content-Type': 'application/json',\n },\n });\n}\n\nexport async function validatePDFFile(file: File): Promise {\n if (!file.name.toLowerCase().endsWith('.pdf')) {\n return false;\n }\n \n try {\n const buffer = await file.arrayBuffer();\n await PDFDocument.load(buffer);\n return true;\n } catch {\n return false;\n }\n}\n\nexport function parsePageRanges(rangeString: string, totalPages: number): number[] {\n const pages: number[] = [];\n const ranges = rangeString.split(',');\n \n for (const range of ranges) {\n const trimmed = range.trim();\n if (trimmed.includes('-')) {\n const [start, end] = trimmed.split('-').map(n => parseInt(n.trim()));\n if (start && end && start <= totalPages && end <= totalPages && start <= end) {\n for (let i = start; i <= end; i++) {\n if (!pages.includes(i)) {\n pages.push(i);\n }\n }\n }\n } else {\n const pageNum = parseInt(trimmed);\n if (pageNum && pageNum <= totalPages && !pages.includes(pageNum)) {\n pages.push(pageNum);\n }\n }\n }\n \n return pages.sort((a, b) => a - b);\n}\n\nexport function formatFileSize(bytes: number): string {\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}",[],[153,272,264],"routes","289356f4-3757-11f0-b712-9e149126039e","split.ts","289357a8-3757-11f0-b712-9e149126039e",12,["D",1747950793085],"import { PDFDocument } from \"https://esm.sh/pdf-lib@1.17.1\";\nimport type { Context } from \"https://esm.sh/hono@3.11.7\";\nimport { \n parseFormData, \n fileToArrayBuffer, \n createPDFFromBuffer,\n createDownloadResponse,\n createErrorResponse,\n validatePDFFile,\n parsePageRanges\n} from \"./utils.ts\";\n\nexport async function handleSplit(c: Context): Promise {\n try {\n const { files, settings } = await parseFormData(c.req.raw);\n \n if (files.length !== 1) {\n return createErrorResponse(\"Exactly one PDF file is required for splitting\");\n }\n\n const file = files[0];\n if (!(await validatePDFFile(file))) {\n return createErrorResponse(`Invalid PDF file: ${file.name}`);\n }\n\n const buffer = await fileToArrayBuffer(file);\n const sourcePdf = await createPDFFromBuffer(buffer);\n const totalPages = sourcePdf.getPageCount();\n \n const splitType = settings?.splitType || 'pages';\n \n if (splitType === 'pages') {\n // Split into individual pages\n const splitPdfs: Uint8Array[] = [];\n \n for (let i = 0; i < totalPages; i++) {\n const newPdf = await PDFDocument.create();\n const [copiedPage] = await newPdf.copyPages(sourcePdf, [i]);\n newPdf.addPage(copiedPage);\n \n const pdfBytes = await newPdf.save();\n splitPdfs.push(pdfBytes);\n }\n \n // For now, return the first page as an example\n // In a real implementation, you'd want to create a ZIP file\n const filename = `${file.name.replace('.pdf', '')}-page-1.pdf`;\n return createDownloadResponse(splitPdfs[0], filename);\n \n } else if (splitType === 'range') {\n // Split by page ranges\n const pageRanges = settings?.pageRanges || '1';\n const pages = parsePageRanges(pageRanges, totalPages);\n \n if (pages.length === 0) {\n return createErrorResponse(\"No valid page ranges specified\");\n }\n \n const newPdf = await PDFDocument.create();\n const pageIndices = pages.map(p => p - 1); // Convert to 0-based indexing\n const copiedPages = await newPdf.copyPages(sourcePdf, pageIndices);\n \n copiedPages.forEach(page => newPdf.addPage(page));\n \n const pdfBytes = await newPdf.save();\n const filename = `${file.name.replace('.pdf', '')}-pages-${pageRanges.replace(/,/g, '_')}.pdf`;\n \n return createDownloadResponse(pdfBytes, filename);\n }\n \n return createErrorResponse(\"Invalid split type\");\n \n } catch (error) {\n console.error('Split error:', error);\n return createErrorResponse(\n error instanceof Error ? error.message : \"Failed to split PDF\"\n );\n }\n}",[],[153,272,274],"20d9e14e-3757-11f0-960c-9e149126039e","merge.ts","20d9e1e4-3757-11f0-960c-9e149126039e",11,["D",1747950780126],"import { PDFDocument } from \"https://esm.sh/pdf-lib@1.17.1\";\nimport type { Context } from \"https://esm.sh/hono@3.11.7\";\nimport { \n parseFormData, \n fileToArrayBuffer, \n createPDFFromBuffer,\n createDownloadResponse,\n createErrorResponse,\n validatePDFFile\n} from \"./utils.ts\";\n\nexport async function handleMerge(c: Context): Promise {\n try {\n const { files, settings } = await parseFormData(c.req.raw);\n \n if (files.length < 2) {\n return createErrorResponse(\"At least 2 PDF files are required for merging\");\n }\n\n // Validate all files are PDFs\n for (const file of files) {\n if (!(await validatePDFFile(file))) {\n return createErrorResponse(`Invalid PDF file: ${file.name}`);\n }\n }\n\n // Create new PDF document\n const mergedPdf = await PDFDocument.create();\n \n // Process files in order (or custom order if specified)\n const fileOrder = settings?.mergeOrder || files.map((_, i) => i);\n \n for (const index of fileOrder) {\n if (index >= 0 && index < files.length) {\n const file = files[index];\n const buffer = await fileToArrayBuffer(file);\n const pdf = await createPDFFromBuffer(buffer);\n \n // Copy all pages from this PDF\n const pageIndices = pdf.getPageIndices();\n const copiedPages = await mergedPdf.copyPages(pdf, pageIndices);\n \n copiedPages.forEach(page => mergedPdf.addPage(page));\n }\n }\n\n // Generate the merged PDF\n const pdfBytes = await mergedPdf.save();\n const filename = `merged-${Date.now()}.pdf`;\n \n return createDownloadResponse(pdfBytes, filename);\n \n } catch (error) {\n console.error('Merge error:', error);\n return createErrorResponse(\n error instanceof Error ? error.message : \"Failed to merge PDFs\"\n );\n }\n}",[],[153,272,282],"2ffcf468-3757-11f0-9d49-9e149126039e","convert.ts","2ffcf526-3757-11f0-9d49-9e149126039e",13,["D",1747950805524],"import { PDFDocument, rgb } from \"https://esm.sh/pdf-lib@1.17.1\";\nimport type { Context } from \"https://esm.sh/hono@3.11.7\";\nimport { \n parseFormData, \n fileToArrayBuffer, \n createPDFFromBuffer,\n createDownloadResponse,\n createErrorResponse,\n createJsonResponse,\n validatePDFFile\n} from \"./utils.ts\";\n\nexport async function handleConvert(c: Context): Promise {\n try {\n const { files, settings } = await parseFormData(c.req.raw);\n const operation = c.req.path.split('/').pop();\n \n if (operation === 'pdf-to-images') {\n return await handlePdfToImages(files, settings);\n } else if (operation === 'images-to-pdf') {\n return await handleImagesToPdf(files, settings);\n }\n \n return createErrorResponse(\"Invalid conversion operation\");\n \n } catch (error) {\n console.error('Convert error:', error);\n return createErrorResponse(\n error instanceof Error ? error.message : \"Failed to convert files\"\n );\n }\n}\n\nasync function handlePdfToImages(files: File[], settings: any): Promise {\n if (files.length !== 1) {\n return createErrorResponse(\"Exactly one PDF file is required\");\n }\n\n const file = files[0];\n if (!(await validatePDFFile(file))) {\n return createErrorResponse(`Invalid PDF file: ${file.name}`);\n }\n\n // Note: PDF to image conversion requires a more complex library like pdf2pic\n // For now, we'll return a placeholder response\n return createJsonResponse({\n success: false,\n error: \"PDF to image conversion is not yet implemented. This requires additional libraries for rendering PDF pages to images.\"\n });\n}\n\nasync function handleImagesToPdf(files: File[], settings: any): Promise {\n if (files.length === 0) {\n return createErrorResponse(\"At least one image file is required\");\n }\n\n // Validate image files\n const validImageTypes = ['image/png', 'image/jpeg', 'image/jpg'];\n for (const file of files) {\n if (!validImageTypes.includes(file.type)) {\n return createErrorResponse(`Invalid image file: ${file.name}. Only PNG and JPG are supported.`);\n }\n }\n\n const pdfDoc = await PDFDocument.create();\n \n for (const file of files) {\n const imageBytes = await fileToArrayBuffer(file);\n \n let image;\n if (file.type === 'image/png') {\n image = await pdfDoc.embedPng(imageBytes);\n } else {\n image = await pdfDoc.embedJpg(imageBytes);\n }\n \n // Create a page with the image\n const page = pdfDoc.addPage([image.width, image.height]);\n page.drawImage(image, {\n x: 0,\n y: 0,\n width: image.width,\n height: image.height,\n });\n }\n \n const pdfBytes = await pdfDoc.save();\n const filename = `images-to-pdf-${Date.now()}.pdf`;\n \n return createDownloadResponse(pdfBytes, filename);\n}",[],[153,272,290],"3732b13c-3757-11f0-8185-9e149126039e",["D",1747950817618],[],[153,272,32],"1a86c2b2-3757-11f0-8185-9e149126039e",["D",1747950769511],[170,171,172,173,174],[153,272],["D",1747950755761],[169,175],[153],["D",1747950598926],{"_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":345,"_346":347,"_348":349,"_350":24,"_351":24,"_352":24,"_353":57,"_354":-5,"_355":-7,"_356":-7,"_357":61,"_358":24,"_359":24,"_360":-5,"_361":24,"_362":24,"_363":24,"_364":-5},"ENV",{"_316":317,"_318":319,"_320":85,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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 · v14