[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_237":238,"_239":240},"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",6,"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","de4f7791-6c65-4820-8388-8155d41361c2","name","components","fileType","directory","content","createdAt",["D",1748552183436],"branchVersion","branchId","1bf079a4-3ccf-11f0-ad26-9e149126039e",{"_30":44,"_32":45,"_34":46,"_36":47,"_37":48,"_39":14,"_40":41,"_24":25},"frontend/components/App.tsx","612859ec-3ccf-11f0-b267-9e149126039e","App.tsx","script","/** @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 PdfSplitter from \"./PdfSplitter.tsx\";\nimport PdfMerger from \"./PdfMerger.tsx\";\n\ntype Mode = 'split' | 'merge';\n\nexport default function App() {\n const [mode, setMode] = useState('split');\n\n return (\n

\n {/* Header */}\n

\n 📄 PDF Split & Merge Tool\n

\n Split PDFs into pages or merge multiple PDFs into one\n

\n\n {/* Mode Selector */}\n

\n setMode('split')}\n className={`px-6 py-3 rounded-md font-medium transition-all ${\n mode === 'split'\n ? 'bg-blue-500 text-white shadow-md'\n : 'text-gray-600 hover:text-blue-500'\n }`}\n >\n ✂️ Split PDF\n \n setMode('merge')}\n className={`px-6 py-3 rounded-md font-medium transition-all ${\n mode === 'merge'\n ? 'bg-blue-500 text-white shadow-md'\n : 'text-gray-600 hover:text-blue-500'\n }`}\n >\n 🔗 Merge PDFs\n \n

\n\n {/* Main Content */}\n

\n {mode === 'split' ? : }\n

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

Built with ❤️ on Val Town

\n );\n}",["D",1748552183436],"id","1bf02940-3ccf-11f0-ad26-9e149126039e","pdf",["D",1748552067308],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","60ec6c90-380e-11f0-8bf7-1b413b1612ec","pinnedFileId","514bf560-3ccf-11f0-bfcc-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","c7253a6b-3efb-483b-ae6d-b395c8bc455a","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",15,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","pro989","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4Vmk3dkhhVFNlYXJHUzJsaThJbnZPTkxXRCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_32":51,"_37":233,"_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":234,"_86":235,"_88":236,"_90":25},"tree",[174,176,181,183],"files",[174,175,176,177,178,179,180,181,182,183],"counts",{"_164":68,"_165":140,"_166":68,"_167":168,"_169":170},"contents",[132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":158,"_32":159,"_30":160,"_139":-5,"_40":41,"_39":161,"_141":64,"_37":162,"_13":68,"_34":35,"_36":-5,"_24":25,"_144":-5,"_27":163},{"_49":152,"_32":153,"_30":154,"_139":-5,"_40":41,"_39":155,"_141":64,"_37":156,"_13":68,"_34":35,"_36":-5,"_24":25,"_144":-5,"_27":157},{"_49":146,"_32":147,"_30":148,"_139":-5,"_40":41,"_39":149,"_141":64,"_37":150,"_13":68,"_34":35,"_36":-5,"_24":25,"_144":-5,"_27":151},{"_49":136,"_32":137,"_30":138,"_139":-5,"_40":41,"_39":140,"_141":64,"_37":142,"_13":68,"_34":21,"_36":143,"_24":25,"_144":-5,"_27":145},"3ac217a2-3ccf-11f0-9a5e-9e149126039e","README.md","3ac21856-3ccf-11f0-9a5e-9e149126039e","parentId",1,"latest",["D",1748552119012],"# PDF Split & Merge Tool\n\nA web-based tool for splitting and merging PDF files built on Val Town.\n\n## Features\n\n- **Split PDF**: Extract specific pages or page ranges from a PDF\n- **Merge PDFs**: Combine multiple PDF files into one\n- **Preview**: View PDF pages before processing\n- **Download**: Get processed PDFs instantly\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server with API routes\n│ └── README.md # Backend documentation\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React application\n│ │ ├── PdfSplitter.tsx # PDF splitting component\n│ │ ├── PdfMerger.tsx # PDF merging component\n│ │ └── PdfViewer.tsx # PDF preview component\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md # This file\n```\n\n## API Endpoints\n\n- `GET /` - Serve the main application\n- `POST /api/split` - Split a PDF file\n- `POST /api/merge` - Merge multiple PDF files\n- `GET /frontend/*` - Serve frontend assets\n- `GET /shared/*` - Serve shared assets\n\n## Usage\n\n1. Visit the application URL\n2. Choose between Split or Merge mode\n3. Upload your PDF file(s)\n4. Configure split ranges or merge order\n5. Download the processed PDF\n\n## Technology Stack\n\n- **Backend**: Hono (TypeScript)\n- **Frontend**: React 18.2.0 with TypeScript\n- **PDF Processing**: PDF-lib library\n- **Styling**: TailwindCSS\n- **Storage**: Client-side file handling (no server storage)","label",[137],"3de9008a-3ccf-11f0-ac45-9e149126039e","shared","5fdcc53d-2e72-460f-96c7-a6242d5172e5",2,["D",1748552124295],[147],"565cd6c8-3ccf-11f0-9526-9e149126039e","frontend","7e2b6146-c9bc-4a73-a112-d087fe88644f",4,["D",1748552165324],[153],"514c0604-3ccf-11f0-bfcc-9e149126039e","backend","e65c4410-c56d-4760-b917-995716232a21",3,["D",1748552156824],[159],"pulls","branches","forks","envVars",{"_171":68,"_173":68},"connections",{"_171":68,"_172":68},"count","unfilledCount","emptyCount",{"_49":158,"_32":159,"_30":160,"_139":-5,"_40":41,"_39":161,"_141":64,"_37":230,"_13":68,"_34":35,"_36":-5,"_24":25,"_144":-5,"_185":231,"_27":232},{"_49":224,"_32":225,"_30":62,"_139":160,"_40":41,"_39":161,"_141":25,"_37":226,"_13":68,"_34":46,"_36":227,"_24":25,"_144":-5,"_185":228,"_27":229},{"_49":152,"_32":153,"_30":154,"_139":-5,"_40":41,"_39":155,"_141":64,"_37":221,"_13":68,"_34":35,"_36":-5,"_24":25,"_144":-5,"_185":222,"_27":223},{"_49":217,"_32":33,"_30":31,"_139":154,"_40":41,"_39":14,"_141":64,"_37":218,"_13":68,"_34":35,"_36":-5,"_24":25,"_144":-5,"_185":219,"_27":220},{"_49":213,"_32":45,"_30":44,"_139":31,"_40":41,"_39":14,"_141":25,"_37":214,"_13":68,"_34":46,"_36":47,"_24":25,"_144":-5,"_185":215,"_27":216},{"_49":206,"_32":207,"_30":208,"_139":154,"_40":41,"_39":155,"_141":25,"_37":209,"_13":68,"_34":21,"_36":210,"_24":25,"_144":-5,"_185":211,"_27":212},{"_49":198,"_32":199,"_30":200,"_139":154,"_40":41,"_39":201,"_141":64,"_37":202,"_13":68,"_34":46,"_36":203,"_24":25,"_144":-5,"_185":204,"_27":205},{"_49":146,"_32":147,"_30":148,"_139":-5,"_40":41,"_39":149,"_141":64,"_37":195,"_13":68,"_34":35,"_36":-5,"_24":25,"_144":-5,"_185":196,"_27":197},{"_49":188,"_32":189,"_30":190,"_139":148,"_40":41,"_39":149,"_141":64,"_37":191,"_13":68,"_34":46,"_36":192,"_24":25,"_144":-5,"_185":193,"_27":194},{"_49":136,"_32":137,"_30":138,"_139":-5,"_40":41,"_39":140,"_141":64,"_37":184,"_13":68,"_34":21,"_36":143,"_24":25,"_144":-5,"_185":186,"_27":187},["D",1748552119012],"children",[],[137],"3de8fb08-3ccf-11f0-ac45-9e149126039e","types.ts","3de8fb9e-3ccf-11f0-ac45-9e149126039e",["D",1748552124295],"// Shared types for PDF operations\n\nexport interface SplitRequest {\n file: string; // base64 encoded PDF\n pages: string; // e.g., \"1-3,5,7-9\"\n filename: string;\n}\n\nexport interface MergeRequest {\n files: Array<{\n data: string; // base64 encoded PDF\n filename: string;\n }>;\n outputFilename: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: string; // base64 encoded result PDF\n filename?: string;\n error?: string;\n}\n\nexport interface PdfInfo {\n pageCount: number;\n filename: string;\n size: number;\n}",[],[147,189],["D",1748552124295],[182],[147],"59d6d736-3ccf-11f0-8a00-9e149126039e","index.tsx","59d6d7fe-3ccf-11f0-8a00-9e149126039e",5,["D",1748552171158],"/** @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();",[],[153,199],"565ccea8-3ccf-11f0-9526-9e149126039e","index.html","565cd0f6-3ccf-11f0-9526-9e149126039e",["D",1748552165324],"\n\n\n \n \n PDF Split & Merge Tool\n \n \n 📄\">\n \n\n\n

\n \n\n",[],[153,207],"61285938-3ccf-11f0-b267-9e149126039e",["D",1748552183436],[],[153,33,45],"6128639c-3ccf-11f0-b267-9e149126039e",["D",1748552183436],[178],[153,33],["D",1748552165324],[177,179,180],[153],"514bf4b6-3ccf-11f0-bfcc-9e149126039e","index.ts",["D",1748552156824],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { PDFDocument } from \"https://esm.sh/pdf-lib@1.17.1\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport type { SplitRequest, MergeRequest, ApiResponse } from \"../shared/types.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 frontend assets\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 application\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Helper function to parse page ranges\nfunction parsePageRanges(pagesStr: string, totalPages: number): number[] {\n const pages: number[] = [];\n const ranges = pagesStr.split(',').map(s => s.trim());\n \n for (const range of ranges) {\n if (range.includes('-')) {\n const [start, end] = range.split('-').map(s => parseInt(s.trim()));\n if (isNaN(start) || isNaN(end) || start < 1 || end > totalPages || start > end) {\n throw new Error(`Invalid page range: ${range}`);\n }\n for (let i = start; i <= end; i++) {\n if (!pages.includes(i)) pages.push(i);\n }\n } else {\n const page = parseInt(range);\n if (isNaN(page) || page < 1 || page > totalPages) {\n throw new Error(`Invalid page number: ${range}`);\n }\n if (!pages.includes(page)) pages.push(page);\n }\n }\n \n return pages.sort((a, b) => a - b);\n}\n\n// Split PDF endpoint\napp.post(\"/api/split\", async c => {\n try {\n const body: SplitRequest = await c.req.json();\n \n // Decode base64 PDF\n const pdfBytes = Uint8Array.from(atob(body.file), c => c.charCodeAt(0));\n \n // Load the PDF\n const pdfDoc = await PDFDocument.load(pdfBytes);\n const totalPages = pdfDoc.getPageCount();\n \n // Parse page ranges\n const pagesToExtract = parsePageRanges(body.pages, totalPages);\n \n // Create new PDF with selected pages\n const newPdfDoc = await PDFDocument.create();\n \n for (const pageNum of pagesToExtract) {\n const [copiedPage] = await newPdfDoc.copyPages(pdfDoc, [pageNum - 1]); // PDF-lib uses 0-based indexing\n newPdfDoc.addPage(copiedPage);\n }\n \n // Generate output filename\n const baseName = body.filename.replace(/\\.pdf$/i, '');\n const outputFilename = `${baseName}_split.pdf`;\n \n // Save the new PDF\n const newPdfBytes = await newPdfDoc.save();\n const base64Result = btoa(String.fromCharCode(...newPdfBytes));\n \n const response: ApiResponse = {\n success: true,\n data: base64Result,\n filename: outputFilename\n };\n \n return c.json(response);\n } catch (error) {\n const response: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : 'Unknown error occurred'\n };\n return c.json(response, 400);\n }\n});\n\n// Merge PDF endpoint\napp.post(\"/api/merge\", async c => {\n try {\n const body: MergeRequest = await c.req.json();\n \n if (!body.files || body.files.length === 0) {\n throw new Error('No files provided for merging');\n }\n \n // Create new PDF document\n const mergedPdf = await PDFDocument.create();\n \n // Process each file\n for (const file of body.files) {\n // Decode base64 PDF\n const pdfBytes = Uint8Array.from(atob(file.data), c => c.charCodeAt(0));\n \n // Load the PDF\n const pdfDoc = await PDFDocument.load(pdfBytes);\n \n // Copy all pages from this PDF\n const pageIndices = Array.from({ length: pdfDoc.getPageCount() }, (_, i) => i);\n const copiedPages = await mergedPdf.copyPages(pdfDoc, pageIndices);\n \n // Add all copied pages\n copiedPages.forEach(page => mergedPdf.addPage(page));\n }\n \n // Save the merged PDF\n const mergedPdfBytes = await mergedPdf.save();\n const base64Result = btoa(String.fromCharCode(...mergedPdfBytes));\n \n const response: ApiResponse = {\n success: true,\n data: base64Result,\n filename: body.outputFilename || 'merged.pdf'\n };\n \n return c.json(response);\n } catch (error) {\n const response: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : 'Unknown error occurred'\n };\n return c.json(response, 400);\n }\n});\n\n// Health check endpoint\napp.get(\"/api/health\", c => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\nexport default app.fetch;",[],[159,225],["D",1748552156824],[175],[159],["D",1748552067308],{"_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":270,"_271":272,"_273":274,"_275":25,"_276":25,"_277":25,"_278":64,"_279":-5,"_280":-7,"_281":-7,"_282":68,"_283":25,"_284":25,"_285":-5,"_286":25,"_287":25,"_288":25,"_289":-5},"ENV",{"_241":242,"_243":244,"_245":92,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269},"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