[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_224":225,"_226":227},"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",6,"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","frontend/components/ToolSelector.tsx","latestPath","fileId","e9688620-3756-11f0-ac9c-9e149126039e","name","ToolSelector.tsx","fileType","script","content","/** @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}","createdAt",["D",1747950687111],"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":220,"_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":221,"_79":222,"_81":223,"_83":24},"tree",[161,167,169],"files",[161,162,163,164,165,166,167,168,169],"counts",{"_151":61,"_152":132,"_153":61,"_154":155,"_156":157},"contents",[125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":145,"_31":146,"_29":147,"_131":-5,"_40":41,"_39":148,"_133":57,"_37":149,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_26":150},{"_42":138,"_31":139,"_29":140,"_131":-5,"_40":41,"_39":141,"_133":57,"_37":142,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_26":144},{"_42":128,"_31":129,"_29":130,"_131":-5,"_40":41,"_39":132,"_133":57,"_37":134,"_13":61,"_33":20,"_35":135,"_23":24,"_136":-5,"_26":137},"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",[129],"d0543cba-3756-11f0-9a60-9e149126039e","shared","7660ec63-f9a5-4e83-a167-fc129ba2b2e9",2,["D",1747950645033],"directory",[139],"d584436a-3756-11f0-bb7f-9e149126039e","frontend","9bddadfa-7114-41ae-b7d1-1f3239a84189",3,["D",1747950653733],[146],"pulls","branches","forks","envVars",{"_158":61,"_160":61},"connections",{"_158":61,"_159":61},"count","unfilledCount","emptyCount",{"_42":145,"_31":146,"_29":147,"_131":-5,"_40":41,"_39":148,"_133":57,"_37":217,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_171":218,"_26":219},{"_42":213,"_31":204,"_29":200,"_131":147,"_40":41,"_39":208,"_133":57,"_37":214,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_171":215,"_26":216},{"_42":205,"_31":206,"_29":207,"_131":200,"_40":41,"_39":208,"_133":57,"_37":209,"_13":61,"_33":34,"_35":210,"_23":24,"_136":-5,"_171":211,"_26":212},{"_42":199,"_31":32,"_29":30,"_131":200,"_40":41,"_39":14,"_133":57,"_37":201,"_13":61,"_33":34,"_35":36,"_23":24,"_136":-5,"_171":202,"_26":203},{"_42":192,"_31":193,"_29":194,"_131":147,"_40":41,"_39":148,"_133":57,"_37":195,"_13":61,"_33":20,"_35":196,"_23":24,"_136":-5,"_171":197,"_26":198},{"_42":184,"_31":185,"_29":186,"_131":147,"_40":41,"_39":187,"_133":57,"_37":188,"_13":61,"_33":34,"_35":189,"_23":24,"_136":-5,"_171":190,"_26":191},{"_42":138,"_31":139,"_29":140,"_131":-5,"_40":41,"_39":141,"_133":57,"_37":181,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_171":182,"_26":183},{"_42":174,"_31":175,"_29":176,"_131":140,"_40":41,"_39":141,"_133":57,"_37":177,"_13":61,"_33":34,"_35":178,"_23":24,"_136":-5,"_171":179,"_26":180},{"_42":128,"_31":129,"_29":130,"_131":-5,"_40":41,"_39":132,"_133":57,"_37":170,"_13":61,"_33":20,"_35":135,"_23":24,"_136":-5,"_171":172,"_26":173},["D",1747950631541],"children",[],[129],"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];",[],[139,175],["D",1747950645033],[168],[139],"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();",[],[146,185],"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",[],[146,193],"e9688526-3756-11f0-ac9c-9e149126039e","798d6fd3-b5a6-46d5-88fb-85d80c2bb912",["D",1747950687111],[],[146,204,32],"components","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}",[],[146,204,206],"e3d7ad12-3756-11f0-9eb7-9e149126039e",["D",1747950677770],[163,164],[146,204],["D",1747950653733],[162,165,166],[146],["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":257,"_258":259,"_260":261,"_262":24,"_263":24,"_264":24,"_265":57,"_266":-5,"_267":-7,"_268":-7,"_269":61,"_270":24,"_271":24,"_272":-5,"_273":24,"_274":24,"_275":24,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":85,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"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 · v6