[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_230":231,"_232":233},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/index.tsx","latestPath","fileId","a143759a-380e-11f0-90a3-9e149126039e","name","index.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useCallback } from 'https://esm.sh/react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport { jsPDF } from 'https://esm.sh/jspdf@2.5.1';\nimport type { ImageFile, ConversionOptions } from '/shared/types.ts';\n\nconst ImageToPDFConverter: React.FC = () => {\n const [images, setImages] = useState([]);\n const [isConverting, setIsConverting] = useState(false);\n const [dragOver, setDragOver] = useState(false);\n const [options, setOptions] = useState({\n pageSize: 'A4',\n orientation: 'portrait',\n margin: 20,\n imageQuality: 0.8\n });\n \n const fileInputRef = useRef(null);\n\n const generateId = () => Math.random().toString(36).substr(2, 9);\n\n const handleFileSelect = useCallback((files: FileList) => {\n const validFiles = Array.from(files).filter(file => \n file.type.startsWith('image/')\n );\n\n validFiles.forEach(file => {\n const reader = new FileReader();\n reader.onload = (e) => {\n const newImage: ImageFile = {\n id: generateId(),\n name: file.name,\n size: file.size,\n type: file.type,\n dataUrl: e.target?.result as string\n };\n setImages(prev => [...prev, newImage]);\n };\n reader.readAsDataURL(file);\n });\n }, []);\n\n const handleDrop = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(false);\n handleFileSelect(e.dataTransfer.files);\n }, [handleFileSelect]);\n\n const handleDragOver = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(true);\n }, []);\n\n const handleDragLeave = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(false);\n }, []);\n\n const removeImage = (id: string) => {\n setImages(prev => prev.filter(img => img.id !== id));\n };\n\n const convertToPDF = async () => {\n if (images.length === 0) return;\n\n setIsConverting(true);\n try {\n const pdf = new jsPDF({\n orientation: options.orientation,\n unit: 'mm',\n format: options.pageSize.toLowerCase()\n });\n\n const pageWidth = pdf.internal.pageSize.getWidth();\n const pageHeight = pdf.internal.pageSize.getHeight();\n const margin = options.margin;\n const maxWidth = pageWidth - (margin * 2);\n const maxHeight = pageHeight - (margin * 2);\n\n for (let i = 0; i < images.length; i++) {\n if (i > 0) {\n pdf.addPage();\n }\n\n const img = images[i];\n \n // Create an image element to get dimensions\n const imgElement = new Image();\n await new Promise((resolve) => {\n imgElement.onload = resolve;\n imgElement.src = img.dataUrl;\n });\n\n const imgWidth = imgElement.width;\n const imgHeight = imgElement.height;\n const aspectRatio = imgWidth / imgHeight;\n\n // Calculate dimensions to fit within page\n let finalWidth = maxWidth;\n let finalHeight = maxWidth / aspectRatio;\n\n if (finalHeight > maxHeight) {\n finalHeight = maxHeight;\n finalWidth = maxHeight * aspectRatio;\n }\n\n // Center the image on the page\n const x = (pageWidth - finalWidth) / 2;\n const y = (pageHeight - finalHeight) / 2;\n\n pdf.addImage(\n img.dataUrl,\n 'JPEG',\n x,\n y,\n finalWidth,\n finalHeight,\n undefined,\n 'FAST'\n );\n }\n\n // Download the PDF\n pdf.save('converted-images.pdf');\n } catch (error) {\n console.error('Error converting to PDF:', error);\n alert('Error converting images to PDF. Please try again.');\n } finally {\n setIsConverting(false);\n }\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 🌌 Image to PDF Converter\n

\n Transform your images into stunning PDF documents with cosmic precision\n

\n\n {/* Upload Area */}\n fileInputRef.current?.click()}\n >\n

🚀

\n Drop images here or click to select\n

\n Supports JPEG, PNG, GIF, and WebP formats\n

\n e.target.files && handleFileSelect(e.target.files)}\n />\n

\n\n {/* Conversion Options */}\n {images.length > 0 && (\n

⚙️ PDF Configuration

\n \n Page Size\n \n setOptions(prev => ({ ...prev, pageSize: e.target.value as any }))}\n className=\"w-full input-field rounded-lg px-4 py-3 text-white focus:ring-2 focus:ring-blue-400\"\n >\n \n \n \n \n

\n \n Orientation\n \n setOptions(prev => ({ ...prev, orientation: e.target.value as any }))}\n className=\"w-full input-field rounded-lg px-4 py-3 text-white focus:ring-2 focus:ring-blue-400\"\n >\n \n \n \n

\n \n Margin (mm)\n \n setOptions(prev => ({ ...prev, margin: parseInt(e.target.value) }))}\n className=\"w-full input-field rounded-lg px-4 py-3 text-white focus:ring-2 focus:ring-blue-400\"\n />\n

\n \n Quality\n \n setOptions(prev => ({ ...prev, imageQuality: parseFloat(e.target.value) }))}\n className=\"w-full input-field rounded-lg px-4 py-3 text-white focus:ring-2 focus:ring-blue-400\"\n >\n \n \n \n \n

\n )}\n\n {/* Image Preview Grid */}\n {images.length > 0 && (\n

\n 🖼️ Selected Images ({images.length})\n

\n setImages([])}\n className=\"text-red-400 hover:text-red-300 text-sm font-semibold transition-colors duration-300 hover:glow-text\"\n >\n 🗑️ Clear All\n \n

\n {images.map((image, index) => (\n

\n \n

\n removeImage(image.id)}\n className=\"remove-button absolute top-3 right-3 text-white rounded-full w-8 h-8 flex items-center justify-center text-sm opacity-0 group-hover:opacity-100 transition-all duration-300\"\n >\n ✕\n \n

\n {image.name}\n

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

\n #{index + 1}\n

\n ))}\n

\n )}\n\n {/* Convert Button */}\n {images.length > 0 && (\n

\n \n {isConverting ? (\n <>\n

\n Converting to PDF...\n \n ) : (\n <>\n ⚡\n Convert to PDF\n \n )}\n \n

\n )}\n\n {/* Instructions */}\n {images.length === 0 && (\n

🚀 Get started by uploading some images!

\n Your images will be converted to a single PDF document with each image on its own page.\n

\n )}\n

\n \n );\n};\n\n// Mount the app\nconst root = createRoot(document.getElementById('root')!);\nroot.render();","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useCallback } from 'https://esm.sh/react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport { jsPDF } from 'https://esm.sh/jspdf@2.5.1';\nimport type { ImageFile, ConversionOptions } from '/shared/types.ts';\n\nconst ImageToPDFConverter: React.FC = () => {\n const [images, setImages] = useState([]);\n const [isConverting, setIsConverting] = useState(false);\n const [dragOver, setDragOver] = useState(false);\n const [options, setOptions] = useState({\n pageSize: 'A4',\n orientation: 'portrait',\n margin: 20,\n imageQuality: 0.8\n });\n \n const fileInputRef = useRef(null);\n\n const generateId = () => Math.random().toString(36).substr(2, 9);\n\n const handleFileSelect = useCallback((files: FileList) => {\n const validFiles = Array.from(files).filter(file => \n file.type.startsWith('image/')\n );\n\n validFiles.forEach(file => {\n const reader = new FileReader();\n reader.onload = (e) => {\n const newImage: ImageFile = {\n id: generateId(),\n name: file.name,\n size: file.size,\n type: file.type,\n dataUrl: e.target?.result as string\n };\n setImages(prev => [...prev, newImage]);\n };\n reader.readAsDataURL(file);\n });\n }, []);\n\n const handleDrop = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(false);\n handleFileSelect(e.dataTransfer.files);\n }, [handleFileSelect]);\n\n const handleDragOver = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(true);\n }, []);\n\n const handleDragLeave = useCallback((e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(false);\n }, []);\n\n const removeImage = (id: string) => {\n setImages(prev => prev.filter(img => img.id !== id));\n };\n\n const convertToPDF = async () => {\n if (images.length === 0) return;\n\n setIsConverting(true);\n try {\n const pdf = new jsPDF({\n orientation: options.orientation,\n unit: 'mm',\n format: options.pageSize.toLowerCase()\n });\n\n const pageWidth = pdf.internal.pageSize.getWidth();\n const pageHeight = pdf.internal.pageSize.getHeight();\n const margin = options.margin;\n const maxWidth = pageWidth - (margin * 2);\n const maxHeight = pageHeight - (margin * 2);\n\n for (let i = 0; i < images.length; i++) {\n if (i > 0) {\n pdf.addPage();\n }\n\n const img = images[i];\n \n // Create an image element to get dimensions\n const imgElement = new Image();\n await new Promise((resolve) => {\n imgElement.onload = resolve;\n imgElement.src = img.dataUrl;\n });\n\n const imgWidth = imgElement.width;\n const imgHeight = imgElement.height;\n const aspectRatio = imgWidth / imgHeight;\n\n // Calculate dimensions to fit within page\n let finalWidth = maxWidth;\n let finalHeight = maxWidth / aspectRatio;\n\n if (finalHeight > maxHeight) {\n finalHeight = maxHeight;\n finalWidth = maxHeight * aspectRatio;\n }\n\n // Center the image on the page\n const x = (pageWidth - finalWidth) / 2;\n const y = (pageHeight - finalHeight) / 2;\n\n pdf.addImage(\n img.dataUrl,\n 'JPEG',\n x,\n y,\n finalWidth,\n finalHeight,\n undefined,\n 'FAST'\n );\n }\n\n // Download the PDF\n pdf.save('converted-images.pdf');\n } catch (error) {\n console.error('Error converting to PDF:', error);\n alert('Error converting images to PDF. Please try again.');\n } finally {\n setIsConverting(false);\n }\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 🌌 Image to PDF Converter\n

\n Transform your images into stunning PDF documents with cosmic precision\n

\n\n {/* Upload Area */}\n fileInputRef.current?.click()}\n >\n

🚀

\n Drop images here or click to select\n

\n Supports JPEG, PNG, GIF, and WebP formats\n

\n e.target.files && handleFileSelect(e.target.files)}\n />\n

\n\n {/* Conversion Options */}\n {images.length > 0 && (\n

⚙️ PDF Configuration

\n \n Margin (mm)\n \n setOptions(prev => ({ ...prev, margin: parseInt(e.target.value) }))}\n className=\"w-full input-field rounded-lg px-4 py-3 text-white focus:ring-2 focus:ring-blue-400\"\n />\n

\n )}\n\n {/* Image Preview Grid */}\n {images.length > 0 && (\n

\n 🖼️ Selected Images ({images.length})\n

\n setImages([])}\n className=\"text-red-400 hover:text-red-300 text-sm font-semibold transition-colors duration-300 hover:glow-text\"\n >\n 🗑️ Clear All\n \n

\n {images.map((image, index) => (\n

\n \n

\n {image.name}\n

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

\n #{index + 1}\n

\n ))}\n

\n )}\n\n {/* Convert Button */}\n {images.length > 0 && (\n

\n \n {isConverting ? (\n <>\n

\n Converting to PDF...\n \n ) : (\n <>\n ⚡\n Convert to PDF\n \n )}\n \n

\n )}\n\n {/* Instructions */}\n {images.length === 0 && (\n

🌟

Ready to create something amazing?

\n Upload your images and watch them transform into a beautiful PDF document with cosmic precision.\n

🚀

Drag & Drop

Simply drag your images here

⚙️

Customize

Adjust size, quality & layout

⚡

Convert

Get your PDF instantly

\n )}\n

\n \n );\n};\n\n// Mount the app\nconst root = createRoot(document.getElementById('root')!);\nroot.render();","createdAt",["D",1748030228130],"branchVersion","branchId","6ea4a17c-380e-11f0-9f7a-9e149126039e","id","6ea456c2-380e-11f0-9f7a-9e149126039e","SA7",["D",1748029508543],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","60ec6c90-380e-11f0-8bf7-1b413b1612ec","pinnedFileId","a6c30c4c-380e-11f0-8841-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",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned",16,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","pro989","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4Vmk3dkhhVFNlYXJHUzJsaThJbnZPTkxXRCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":226,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":227,"_81":228,"_83":229,"_85":25},"tree",[170,172,176,178],"files",[170,171,172,173,174,175,176,177,178],"counts",{"_160":63,"_161":135,"_162":63,"_163":164,"_165":166},"contents",[127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":154,"_32":155,"_30":156,"_134":-5,"_42":43,"_41":157,"_136":59,"_39":158,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":159},{"_44":148,"_32":149,"_30":150,"_134":-5,"_42":43,"_41":151,"_136":59,"_39":152,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":153},{"_44":141,"_32":142,"_30":143,"_134":-5,"_42":43,"_41":144,"_136":59,"_39":145,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":147},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":137,"_13":63,"_34":20,"_36":138,"_24":25,"_139":-5,"_27":140},"7e44ad5c-380e-11f0-8609-9e149126039e","README.md","7e44af00-380e-11f0-8609-9e149126039e","parentId",1,"latest",["D",1748029534755],"# Image to PDF Converter\n\nA simple web application that allows users to upload images and convert them to PDF format.\n\n## Features\n\n- Upload multiple image files (JPEG, PNG, GIF, WebP)\n- Convert images to a single PDF document\n- Download the generated PDF\n- Responsive design with drag-and-drop interface\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server with PDF generation\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React frontend application\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Usage\n\n1. Visit the application URL\n2. Drag and drop images or click to select files\n3. Click \"Convert to PDF\" to generate the PDF\n4. Download the generated PDF file\n\n## Technical Details\n\n- **Backend**: Hono framework with PDF generation using jsPDF\n- **Frontend**: React with TypeScript and TailwindCSS\n- **File Upload**: Base64 encoding for image processing\n- **PDF Generation**: Client-side PDF creation for better performance","label",[132],"80b45c5e-380e-11f0-b891-9e149126039e","shared","a8c9a90c-aac0-46f7-9400-29bf69c21bd2",2,["D",1748029538843],"directory",[142],"83853fb6-380e-11f0-8a37-9e149126039e","frontend","cbb48a09-44b6-4335-89d3-04293d827a03",3,["D",1748029543568],[149],"a6c32aba-380e-11f0-8841-9e149126039e","backend","493fe9ba-1d31-4693-b10c-a81cf629d669",6,["D",1748029602693],[155],"pulls","branches","forks","envVars",{"_167":63,"_169":63},"connections",{"_167":63,"_168":63},"count","unfilledCount","emptyCount",{"_44":154,"_32":155,"_30":156,"_134":-5,"_42":43,"_41":157,"_136":59,"_39":223,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_180":224,"_27":225},{"_44":215,"_32":216,"_30":57,"_134":156,"_42":43,"_41":217,"_136":59,"_39":218,"_13":135,"_34":219,"_36":220,"_24":25,"_139":-5,"_180":221,"_27":222},{"_44":148,"_32":149,"_30":150,"_134":-5,"_42":43,"_41":151,"_136":59,"_39":212,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_180":213,"_27":214},{"_44":205,"_32":206,"_30":207,"_134":150,"_42":43,"_41":151,"_136":25,"_39":208,"_13":63,"_34":20,"_36":209,"_24":25,"_139":-5,"_180":210,"_27":211},{"_44":201,"_32":33,"_30":31,"_134":150,"_42":43,"_41":14,"_136":59,"_39":202,"_13":157,"_34":35,"_36":38,"_24":25,"_139":-5,"_180":203,"_27":204},{"_44":193,"_32":194,"_30":195,"_134":150,"_42":43,"_41":196,"_136":59,"_39":197,"_13":135,"_34":20,"_36":198,"_24":25,"_139":-5,"_180":199,"_27":200},{"_44":141,"_32":142,"_30":143,"_134":-5,"_42":43,"_41":144,"_136":59,"_39":190,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_180":191,"_27":192},{"_44":183,"_32":184,"_30":185,"_134":143,"_42":43,"_41":144,"_136":59,"_39":186,"_13":63,"_34":35,"_36":187,"_24":25,"_139":-5,"_180":188,"_27":189},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":179,"_13":63,"_34":20,"_36":138,"_24":25,"_139":-5,"_180":181,"_27":182},["D",1748029534755],"children",[],[132],"80b43602-380e-11f0-b891-9e149126039e","types.ts","80b436a2-380e-11f0-b891-9e149126039e",["D",1748029538843],"export interface ImageFile {\n id: string;\n name: string;\n size: number;\n type: string;\n dataUrl: string;\n}\n\nexport interface ConversionOptions {\n pageSize: 'A4' | 'Letter' | 'Legal';\n orientation: 'portrait' | 'landscape';\n margin: number;\n imageQuality: number;\n}",[],[142,184],["D",1748029538843],[177],[142],"eb259aac-380f-11f0-8533-9e149126039e","style.css","88c75c5c-380e-11f0-b7ca-9e149126039e",8,["D",1748030146919],"/* Dark theme with 3D effects for the image to PDF converter */\n\nbody {\n background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);\n min-height: 100vh;\n}\n\n.glass-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: \n 0 8px 32px rgba(0, 0, 0, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n}\n\n.drag-drop-zone {\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n background: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));\n border: 2px dashed rgba(255, 255, 255, 0.2);\n box-shadow: \n 0 10px 30px rgba(0, 0, 0, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n transform-style: preserve-3d;\n}\n\n.drag-drop-zone:hover {\n transform: translateY(-5px) rotateX(5deg);\n box-shadow: \n 0 20px 40px rgba(0, 0, 0, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n}\n\n.drag-drop-zone.drag-over {\n border-color: #60a5fa;\n background: linear-gradient(145deg, rgba(96, 165, 250, 0.1), rgba(59, 130, 246, 0.05));\n transform: translateY(-8px) rotateX(8deg) scale(1.02);\n box-shadow: \n 0 25px 50px rgba(59, 130, 246, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n}\n\n.image-preview {\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n transform-style: preserve-3d;\n}\n\n.image-preview:hover {\n transform: translateY(-10px) rotateY(5deg) rotateX(5deg) scale(1.05);\n box-shadow: \n 0 20px 40px rgba(0, 0, 0, 0.4),\n 0 0 20px rgba(96, 165, 250, 0.2);\n}\n\n.image-card {\n background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: \n 0 8px 25px rgba(0, 0, 0, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n}\n\n.neon-button {\n background: linear-gradient(145deg, #3b82f6, #1d4ed8);\n border: none;\n box-shadow: \n 0 0 20px rgba(59, 130, 246, 0.4),\n 0 8px 25px rgba(0, 0, 0, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n transform-style: preserve-3d;\n}\n\n.neon-button:hover:not(:disabled) {\n transform: translateY(-3px);\n box-shadow: \n 0 0 30px rgba(59, 130, 246, 0.6),\n 0 15px 35px rgba(0, 0, 0, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n}\n\n.neon-button:active:not(:disabled) {\n transform: translateY(-1px);\n}\n\n.neon-button:disabled {\n background: linear-gradient(145deg, #4b5563, #374151);\n box-shadow: \n 0 0 10px rgba(75, 85, 99, 0.3),\n 0 4px 15px rgba(0, 0, 0, 0.2);\n}\n\n.floating-card {\n animation: float 6s ease-in-out infinite;\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0px) rotateX(0deg); }\n 50% { transform: translateY(-10px) rotateX(2deg); }\n}\n\n.loading-spinner {\n animation: spin3d 1s linear infinite;\n background: conic-gradient(from 0deg, transparent, #60a5fa, transparent);\n border-radius: 50%;\n position: relative;\n}\n\n.loading-spinner::before {\n content: '';\n position: absolute;\n inset: 2px;\n background: #1f2937;\n border-radius: 50%;\n}\n\n@keyframes spin3d {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n.fade-in {\n animation: fadeIn3d 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n@keyframes fadeIn3d {\n from { \n opacity: 0; \n transform: translateY(30px) rotateX(-10deg) scale(0.9);\n }\n to { \n opacity: 1; \n transform: translateY(0) rotateX(0deg) scale(1);\n }\n}\n\n.glow-text {\n text-shadow: \n 0 0 10px rgba(96, 165, 250, 0.5),\n 0 0 20px rgba(96, 165, 250, 0.3),\n 0 0 30px rgba(96, 165, 250, 0.1);\n}\n\n.holographic {\n background: linear-gradient(\n 45deg,\n rgba(255, 0, 150, 0.1),\n rgba(0, 255, 255, 0.1),\n rgba(255, 255, 0, 0.1),\n rgba(255, 0, 150, 0.1)\n );\n background-size: 400% 400%;\n animation: holographic 4s ease infinite;\n}\n\n@keyframes holographic {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n}\n\n.remove-button {\n background: linear-gradient(145deg, #ef4444, #dc2626);\n transition: all 0.3s ease;\n box-shadow: \n 0 0 15px rgba(239, 68, 68, 0.4),\n 0 4px 15px rgba(0, 0, 0, 0.3);\n}\n\n.remove-button:hover {\n transform: scale(1.1);\n box-shadow: \n 0 0 25px rgba(239, 68, 68, 0.6),\n 0 6px 20px rgba(0, 0, 0, 0.4);\n}\n\n.cyber-grid {\n background-image: \n linear-gradient(rgba(96, 165, 250, 0.1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(96, 165, 250, 0.1) 1px, transparent 1px);\n background-size: 50px 50px;\n animation: grid-move 20s linear infinite;\n}\n\n@keyframes grid-move {\n 0% { background-position: 0 0; }\n 100% { background-position: 50px 50px; }\n}\n\n.input-field {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n}\n\n.input-field:focus {\n border-color: #60a5fa;\n box-shadow: \n 0 0 20px rgba(96, 165, 250, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n outline: none;\n}",[],[149,194],"1b8d584c-3810-11f0-952d-9e149126039e",["D",1748030228130],[],[149,33],"83853796-380e-11f0-8a37-9e149126039e","index.html","8385384a-380e-11f0-8a37-9e149126039e",["D",1748029543568],"\n\n\n \n \n Image to PDF Converter\n \n \n \n\n\n

\n \n\n",[],[149,206],["D",1748029543568],[173,174,175],[149],"a8ae37ac-380e-11f0-ac8c-9e149126039e","index.ts",7,["D",1748029605908],"http","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\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// Main route - serve the HTML page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Health check endpoint\napp.get(\"/health\", c => {\n return c.json({ \n status: \"ok\", \n service: \"Image to PDF Converter\",\n timestamp: new Date().toISOString()\n });\n});\n\n// API endpoint for getting supported formats (for future use)\napp.get(\"/api/formats\", c => {\n return c.json({\n supported: [\n { extension: \"jpg\", mimeType: \"image/jpeg\", description: \"JPEG Image\" },\n { extension: \"jpeg\", mimeType: \"image/jpeg\", description: \"JPEG Image\" },\n { extension: \"png\", mimeType: \"image/png\", description: \"PNG Image\" },\n { extension: \"gif\", mimeType: \"image/gif\", description: \"GIF Image\" },\n { extension: \"webp\", mimeType: \"image/webp\", description: \"WebP Image\" }\n ]\n });\n});\n\nexport default app.fetch;",[],[155,216],["D",1748029602693],[171],[155],["D",1748029508543],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":263,"_264":265,"_266":267,"_268":25,"_269":25,"_270":25,"_271":59,"_272":-5,"_273":-7,"_274":-7,"_275":63,"_276":25,"_277":25,"_278":-5,"_279":25,"_280":25,"_281":25,"_282":-5},"ENV",{"_234":235,"_236":237,"_238":87,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262},"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