[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_219":220,"_221":222},"routes/_app.x.$handle.$name",{"_102":101,"_32":51,"_110":92,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_21":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":25,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_49":50,"_32":51,"_37":52,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":64,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",5,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":-5,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","frontend/components","latestPath","fileId","dd190f49-b07f-42ad-8ed9-0a600770d690","name","components","fileType","directory","content","createdAt",["D",1747950021305],"branchVersion","branchId","2af780f2-3755-11f0-93c9-9e149126039e",{"_30":44,"_32":45,"_34":46,"_36":47,"_37":48,"_39":14,"_40":41,"_24":25},"frontend/components/App.tsx","5c8f2700-3755-11f0-b13a-9e149126039e","App.tsx","script","/** @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}",["D",1747950021305],"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",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":60,"_106":107,"_108":25},"branch",{"_13":91,"_32":92,"_49":41,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"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",{"_49":50,"_32":51,"_37":215,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":64,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":216,"_86":217,"_88":218,"_90":25},"tree",[167,172,174],"files",[167,168,169,170,171,172,173,174],"counts",{"_157":68,"_158":139,"_159":68,"_160":161,"_162":163},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":151,"_32":152,"_30":153,"_138":-5,"_40":41,"_39":154,"_140":64,"_37":155,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_27":156},{"_49":145,"_32":146,"_30":147,"_138":-5,"_40":41,"_39":148,"_140":64,"_37":149,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_27":150},{"_49":135,"_32":136,"_30":137,"_138":-5,"_40":41,"_39":139,"_140":64,"_37":141,"_13":68,"_34":21,"_36":142,"_24":25,"_143":-5,"_27":144},"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",[136],"44318900-3755-11f0-a2b4-9e149126039e","shared","3bce1562-90f6-4ec1-9abd-544265711554",2,["D",1747949980425],[146],"48cf2db4-3755-11f0-876a-9e149126039e","frontend","47038db1-b884-46b0-a877-1621171c9cb3",3,["D",1747949988171],[152],"pulls","branches","forks","envVars",{"_164":68,"_166":68},"connections",{"_164":68,"_165":68},"count","unfilledCount","emptyCount",{"_49":151,"_32":152,"_30":153,"_138":-5,"_40":41,"_39":154,"_140":64,"_37":212,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_176":213,"_27":214},{"_49":208,"_32":33,"_30":31,"_138":153,"_40":41,"_39":14,"_140":64,"_37":209,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_176":210,"_27":211},{"_49":204,"_32":45,"_30":44,"_138":31,"_40":41,"_39":14,"_140":64,"_37":205,"_13":68,"_34":46,"_36":47,"_24":25,"_143":-5,"_176":206,"_27":207},{"_49":197,"_32":198,"_30":199,"_138":153,"_40":41,"_39":154,"_140":64,"_37":200,"_13":68,"_34":21,"_36":201,"_24":25,"_143":-5,"_176":202,"_27":203},{"_49":189,"_32":190,"_30":191,"_138":153,"_40":41,"_39":192,"_140":64,"_37":193,"_13":68,"_34":46,"_36":194,"_24":25,"_143":-5,"_176":195,"_27":196},{"_49":145,"_32":146,"_30":147,"_138":-5,"_40":41,"_39":148,"_140":64,"_37":186,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_176":187,"_27":188},{"_49":179,"_32":180,"_30":181,"_138":147,"_40":41,"_39":148,"_140":64,"_37":182,"_13":68,"_34":46,"_36":183,"_24":25,"_143":-5,"_176":184,"_27":185},{"_49":135,"_32":136,"_30":137,"_138":-5,"_40":41,"_39":139,"_140":64,"_37":175,"_13":68,"_34":21,"_36":142,"_24":25,"_143":-5,"_176":177,"_27":178},["D",1747949968371],"children",[],[136],"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];",[],[146,180],["D",1747949980425],[173],[146],"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();",[],[152,190],"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",[],[152,198],"5c8f2660-3755-11f0-b13a-9e149126039e",["D",1747950021305],[],[152,33,45],"5c8f4eb0-3755-11f0-b13a-9e149126039e",["D",1747950021305],[169],[152,33],["D",1747949988171],[168,170,171],[152],["D",1747949938107],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":60,"_106":107,"_108":25},{"_13":91,"_32":92,"_49":41,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"ctx",{"_84":-5,"_129":252,"_253":254,"_255":256,"_257":25,"_258":25,"_259":25,"_260":64,"_261":-5,"_262":-7,"_263":-7,"_264":68,"_265":25,"_266":25,"_267":-5,"_268":25,"_269":25,"_270":25,"_271":-5},"ENV",{"_223":224,"_225":226,"_227":92,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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 · v5