[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_308":309,"_310":311},"routes/_app.x.$handle.$name",{"_118":117,"_34":66,"_126":108,"_29":74,"_13":14,"_127":-5,"_11":128,"_129":130,"_131":132,"_133":134,"_135":136,"_22":-5,"_137":-5,"_138":-5,"_139":27,"_140":141,"_142":80,"_143":-5,"_144":-5,"_145":146},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_64":65,"_34":66,"_41":67,"_68":-5,"_69":27,"_70":71,"_72":71,"_73":74,"_75":-5,"_18":76,"_77":78,"_79":80,"_81":-5,"_82":14,"_83":84,"_85":86,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_100":101,"_102":103,"_104":105,"_106":27},"version",109,"changes",[19,20,21],"aiChatInfo","userId",{"_22":55,"_24":56,"_26":27,"_28":27,"_29":57,"_31":58},{"_22":46,"_24":47,"_26":27,"_28":27,"_29":48,"_31":48},{"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":30},"file",{"_32":33,"_34":35,"_36":37,"_38":40,"_41":42,"_43":14,"_44":45,"_26":27},"previous",{"_32":33,"_34":35,"_36":37,"_38":39},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","8e247c70-206c-11f0-b820-569c3dd06744","name","index.ts","fileType","http","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { serveStatic } from \"https://esm.sh/@hono/node-server/serve-static\";\nimport { readFile, serveFile, parseProject } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { getAllAttachments, getAttachment, migrateData } from \"../shared/storage.ts\";\nimport { EMAIL_ADDRESS, APP_NAME } from \"../shared/consts.ts\";\n\n// Run data migration (will only run once if needed)\nmigrateData().catch(error => console.error(\"Migration error:\", error));\n\n// Create the app\nconst app = new Hono();\n\n// API routes\napp.get(\"/api/attachments\", async (c) => {\n const attachments = await getAllAttachments();\n return c.json(attachments);\n});\n\n// Helper function to convert Base64 to binary\nfunction base64ToBinary(base64: string): Uint8Array {\n const binaryString = atob(base64);\n const bytes = new Uint8Array(binaryString.length);\n for (let i = 0; i < binaryString.length; i++) {\n bytes[i] = binaryString.charCodeAt(i);\n }\n return bytes;\n}\n\napp.get(\"/api/attachments/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const downloadParam = c.req.query(\"download\");\n const isDownload = downloadParam === \"true\";\n \n const result = await getAttachment(id);\n \n if (!result) {\n return c.json({ error: \"Attachment not found\" }, 404);\n }\n \n // Handle Base64 encoded content\n let responseContent;\n if (result.metadata.isBase64) {\n try {\n // Convert Base64 to binary data\n const binaryData = base64ToBinary(result.content);\n responseContent = binaryData;\n } catch (error) {\n console.error(\"Error decoding Base64 content:\", error);\n return c.json({ error: \"Error decoding content\" }, 500);\n }\n } else {\n responseContent = result.content;\n }\n \n return new Response(responseContent, {\n headers: {\n \"Content-Type\": result.metadata.contentType,\n \"Content-Disposition\": isDownload \n ? `attachment; filename=\"${result.metadata.filename}\"` \n : `inline; filename=\"${result.metadata.filename}\"`,\n }\n });\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 the main HTML page\napp.get(\"/\", async (c) => {\n try {\n // Get project info for view source link\n const projectInfo = parseProject(import.meta.url);\n const viewSourceUrl = projectInfo.links.self.project;\n \n // Read the HTML template\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject the source URL, email address, and app name\n html = html.replace(\n '',\n `\n `\n );\n \n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index page:\", error);\n return c.text(\"Error serving the dashboard\", 500);\n }\n});\n\n// Export the fetch handler\nexport default app.fetch;","import { serveStatic } from \"https://esm.sh/@hono/node-server/serve-static\";\nimport { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { APP_NAME, EMAIL_ADDRESS } from \"../shared/consts.ts\";\nimport { getAllAttachments, getAttachment } from \"../shared/storage.ts\";\n\n// Create the app\nconst app = new Hono();\n\n// API routes\napp.get(\"/api/attachments\", async (c) => {\n const attachments = await getAllAttachments();\n return c.json(attachments);\n});\n\napp.get(\"/api/attachments/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const downloadParam = c.req.query(\"download\");\n const isDownload = downloadParam === \"true\";\n\n const result = await getAttachment(id);\n\n if (!result) {\n return c.json({ error: \"Attachment not found\" }, 404);\n }\n\n return new Response(result.content, {\n headers: {\n \"Content-Type\": result.metadata.contentType,\n \"Content-Disposition\": isDownload\n ? `attachment; filename=\"${result.metadata.filename}\"`\n : `inline; filename=\"${result.metadata.filename}\"`,\n },\n });\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 the main HTML page\napp.get(\"/\", async (c) => {\n try {\n // Get project info for view source link\n const projectInfo = parseProject(import.meta.url);\n const viewSourceUrl = projectInfo.links.self.project;\n\n // Read the HTML template\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject the source URL, email address, and app name\n html = html.replace(\n \"\",\n `\n `,\n );\n\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index page:\", error);\n return c.text(\"Error serving the dashboard\", 500);\n }\n});\n\n// Export the fetch handler\nexport default app.fetch;","createdAt",["D",1745431120175],"branchVersion","branchId","64a8d8a0-2067-11f0-93e9-569c3dd06744",{"_32":49,"_34":50,"_36":51,"_38":53,"_41":54,"_43":14,"_44":45,"_26":27},{"_32":49,"_34":50,"_36":51,"_38":52},"shared/storage.ts","8794604a-2068-11f0-8d10-569c3dd06744","storage.ts","script","import { blob } from \"https://esm.town/v/std/blob\";\n\n// Blob storage prefix to organize data\nconst BLOB_PREFIX = \"email-attachment-viewer/\";\n\nexport interface Attachment {\n id: string;\n filename: string;\n contentType: string;\n size: number;\n receivedAt: string;\n from: string;\n subject: string;\n isBase64?: boolean; // Flag to indicate if content is Base64 encoded\n}\n\n// Store an attachment\nexport async function storeAttachment(id: string, content: string, metadata: Attachment): Promise {\n // Store content if available\n if (content) {\n await blob.set(`${BLOB_PREFIX}attachment:${id}:content`, content);\n }\n\n // Always store metadata\n await blob.setJSON(`${BLOB_PREFIX}attachment:${id}:metadata`, metadata);\n\n // Update list of attachments\n let ids = [];\n try {\n const list = await blob.getJSON(`${BLOB_PREFIX}attachments:list`);\n ids = Array.isArray(list) ? list : [];\n } catch {\n ids = [];\n }\n\n ids.push(id);\n await blob.setJSON(`${BLOB_PREFIX}attachments:list`, ids);\n}\n\n// Get all attachments\nexport async function getAllAttachments(): Promise {\n try {\n // Get list of IDs\n let ids = [];\n try {\n const list = await blob.getJSON(`${BLOB_PREFIX}attachments:list`);\n ids = Array.isArray(list) ? list : [];\n } catch {\n return [];\n }\n\n // Get metadata for each attachment\n const attachments = [];\n for (const id of ids) {\n try {\n const metadata = await blob.getJSON(`${BLOB_PREFIX}attachment:${id}:metadata`);\n attachments.push(metadata);\n } catch {\n // Skip attachments with missing metadata\n }\n }\n\n // Sort by date (newest first)\n return attachments.sort((a, b) => new Date(b.receivedAt).getTime() - new Date(a.receivedAt).getTime());\n } catch (error) {\n console.error(\"Error getting attachments:\", error);\n return [];\n }\n}\n\n// Get attachment content\nexport async function getAttachment(id: string): Promise<{ metadata: Attachment; content: string } | null> {\n try {\n // Get metadata\n const metadata = await blob.getJSON(`${BLOB_PREFIX}attachment:${id}:metadata`);\n if (!metadata) {\n return null;\n }\n\n // Try to get content\n let content;\n try {\n content = await blob.get(`${BLOB_PREFIX}attachment:${id}:content`);\n } catch (error) {\n console.log(`Content not available for attachment ${id}`);\n content = \"Content not available\";\n }\n\n return { metadata, content: content || \"Content not available\" };\n } catch (error) {\n console.error(`Error retrieving attachment ${id}:`, error);\n return null;\n }\n}","import { blob } from \"https://esm.town/v/std/blob\";\n\n// Blob storage prefix to organize data\nconst BLOB_PREFIX = \"email-attachment-viewer/\";\n\nexport interface Attachment {\n id: string;\n filename: string;\n contentType: string;\n size: number;\n receivedAt: string;\n from: string;\n subject: string;\n}\n\n// Store an attachment\nexport async function storeAttachment(id: string, content: string, metadata: Attachment): Promise {\n // Store content if available\n if (content) {\n await blob.set(`${BLOB_PREFIX}attachment:${id}:content`, content);\n }\n\n // Always store metadata\n await blob.setJSON(`${BLOB_PREFIX}attachment:${id}:metadata`, metadata);\n\n // Update list of attachments\n let ids = [];\n try {\n const list = await blob.getJSON(`${BLOB_PREFIX}attachments:list`);\n ids = Array.isArray(list) ? list : [];\n } catch {\n ids = [];\n }\n\n ids.push(id);\n await blob.setJSON(`${BLOB_PREFIX}attachments:list`, ids);\n}\n\n// Get all attachments\nexport async function getAllAttachments(): Promise {\n try {\n // Get list of IDs\n let ids = [];\n try {\n const list = await blob.getJSON(`${BLOB_PREFIX}attachments:list`);\n ids = Array.isArray(list) ? list : [];\n } catch {\n return [];\n }\n\n // Get metadata for each attachment\n const attachments = [];\n for (const id of ids) {\n try {\n const metadata = await blob.getJSON(`${BLOB_PREFIX}attachment:${id}:metadata`);\n attachments.push(metadata);\n } catch {\n // Skip attachments with missing metadata\n }\n }\n\n // Sort by date (newest first)\n return attachments.sort((a, b) => new Date(b.receivedAt).getTime() - new Date(a.receivedAt).getTime());\n } catch (error) {\n console.error(\"Error getting attachments:\", error);\n return [];\n }\n}\n\n// Get attachment content\nexport async function getAttachment(id: string): Promise<{ metadata: Attachment; content: string } | null> {\n try {\n // Get metadata\n const metadata = await blob.getJSON(`${BLOB_PREFIX}attachment:${id}:metadata`);\n if (!metadata) {\n return null;\n }\n\n // Try to get content\n let content;\n try {\n content = await blob.get(`${BLOB_PREFIX}attachment:${id}:content`);\n } catch (error) {\n console.log(`Content not available for attachment ${id}`);\n content = \"Content not available\";\n }\n\n return { metadata, content: content || \"Content not available\" };\n } catch (error) {\n console.error(`Error retrieving attachment ${id}:`, error);\n return null;\n }\n}",["D",1745431120175],{"_32":59,"_34":57,"_36":60,"_38":62,"_41":63,"_43":14,"_44":45,"_26":27},{"_32":59,"_34":57,"_36":60,"_38":61},"email-handler.ts","handler.ts","79cc476c-206c-11f0-83bf-569c3dd06744","email","import { EMAIL_ADDRESS } from \"./shared/consts.ts\";\nimport { storeAttachment } from \"./shared/storage.ts\";\n\n// Updated interface to match the new Val Town email format\ninterface Email {\n from: string;\n to: string[];\n cc: string | string[] | undefined;\n bcc: string | string[] | undefined;\n subject: string | undefined;\n text: string | undefined;\n html: string | undefined;\n attachments: File[];\n}\n\n// Helper function to convert ArrayBuffer to Base64\nfunction arrayBufferToBase64(buffer: ArrayBuffer): string {\n const bytes = new Uint8Array(buffer);\n let binary = \"\";\n for (let i = 0; i < bytes.byteLength; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n return btoa(binary);\n}\n\nexport default async function(e: Email) {\n try {\n // Log the entire email for debugging\n console.log(\n \"Received email:\",\n JSON.stringify({\n from: e.from,\n subject: e.subject,\n hasAttachments: e.attachments && e.attachments.length > 0,\n }),\n );\n\n // Check if there's an attachment\n if (!e.attachments || e.attachments.length === 0) {\n console.log(\"No attachments found in email\");\n return;\n }\n\n // Process the first attachment\n const file = e.attachments[0];\n const id = crypto.randomUUID();\n\n console.log(`Processing attachment: ${file.name}, type: ${file.type}, size: ${file.size}`);\n\n // Get the file content as binary data and convert to Base64\n let content;\n try {\n // Get the file as an ArrayBuffer\n const arrayBuffer = await file.arrayBuffer();\n\n // Convert to Base64 for storage\n content = arrayBufferToBase64(arrayBuffer);\n\n console.log(`Successfully extracted content as Base64, length: ${content.length}`);\n } catch (error) {\n console.error(\"Error extracting file content:\", error);\n content = \"\";\n }\n\n // Create metadata\n const metadata = {\n id,\n filename: file.name || \"unnamed-file\",\n contentType: file.type || \"application/octet-stream\",\n size: file.size || 0,\n receivedAt: new Date().toISOString(),\n from: e.from,\n subject: e.subject || \"(No subject)\",\n isBase64: true, // Flag to indicate Base64 encoding\n };\n\n // Store the attachment\n await storeAttachment(id, content, metadata);\n console.log(`Stored attachment: ${metadata.filename} with ID: ${id}`);\n } catch (error) {\n console.error(\"Error processing attachment:\", error);\n }\n}","import { storeAttachment, Attachment } from \"./shared/storage.ts\";\nimport { EMAIL_ADDRESS } from \"./shared/consts.ts\";\n\n// Updated interface to match the new Val Town email format\ninterface Email {\n from: string;\n to: string[];\n cc: string | string[] | undefined;\n bcc: string | string[] | undefined;\n subject: string | undefined;\n text: string | undefined;\n html: string | undefined;\n attachments: File[];\n}\n\n// Helper function to convert ArrayBuffer to Base64\nfunction arrayBufferToBase64(buffer: ArrayBuffer): string {\n const bytes = new Uint8Array(buffer);\n let binary = '';\n for (let i = 0; i < bytes.byteLength; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n return btoa(binary);\n}\n\nexport default async function(e: Email) {\n try {\n // Log the entire email for debugging\n console.log(\n \"Received email:\",\n JSON.stringify({\n from: e.from,\n subject: e.subject,\n hasAttachments: e.attachments && e.attachments.length > 0,\n }),\n );\n\n // Check if there's an attachment\n if (!e.attachments || e.attachments.length === 0) {\n console.log(\"No attachments found in email\");\n return;\n }\n\n // Process the first attachment\n const file = e.attachments[0];\n const id = crypto.randomUUID();\n \n console.log(`Processing attachment: ${file.name}, type: ${file.type}, size: ${file.size}`);\n \n // Get the file content as binary data and convert to Base64\n let content;\n try {\n // Get the file as an ArrayBuffer\n const arrayBuffer = await file.arrayBuffer();\n \n // Convert to Base64 for storage\n content = arrayBufferToBase64(arrayBuffer);\n \n console.log(`Successfully extracted content as Base64, length: ${content.length}`);\n } catch (error) {\n console.error(\"Error extracting file content:\", error);\n content = \"\";\n }\n \n // Create metadata\n const metadata: Attachment = {\n id,\n filename: file.name || \"unnamed-file\",\n contentType: file.type || \"application/octet-stream\",\n size: file.size || 0,\n receivedAt: new Date().toISOString(),\n from: e.from,\n subject: e.subject || \"(No subject)\",\n isBase64: true, // Flag to indicate Base64 encoding\n };\n \n // Store the attachment\n await storeAttachment(id, content, metadata);\n console.log(`Stored attachment: ${metadata.filename} with ID: ${id}`);\n \n } catch (error) {\n console.error(\"Error processing attachment:\", error);\n }\n}",["D",1745431120175],"id","64a88788-2067-11f0-93e9-569c3dd06744","EmailAttachmentLog",["D",1745428889095],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","9ae7f526-2068-11f0-a255-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_118":117,"_125":121},"org",{"_118":117,"_119":-5,"_120":121,"_18":76,"_122":123,"_124":27},"branch",{"_13":107,"_34":108,"_64":45,"_109":65,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":66,"_116":117},"isOwned",128,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_64":65,"_34":66,"_41":304,"_68":-5,"_69":27,"_70":71,"_72":71,"_73":74,"_75":-5,"_18":76,"_77":78,"_79":80,"_81":-5,"_82":14,"_83":84,"_85":86,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_100":305,"_102":306,"_104":307,"_106":27},"tree",[228,230,233,236,237,238,239,240,241],"files",[228,229,230,231,232,233,234,235,236,237,238,239,240,241],"counts",{"_217":84,"_218":219,"_220":84,"_221":222,"_223":224},"contents",[147,148,149,150,151,152,153,154,155],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_64":211,"_34":212,"_32":213,"_159":-5,"_44":45,"_43":214,"_161":80,"_41":215,"_13":84,"_36":203,"_38":-5,"_26":27,"_165":-5,"_29":216},{"_64":205,"_34":206,"_32":207,"_159":-5,"_44":45,"_43":208,"_161":80,"_41":209,"_13":84,"_36":203,"_38":-5,"_26":27,"_165":-5,"_29":210},{"_64":198,"_34":199,"_32":200,"_159":-5,"_44":45,"_43":201,"_161":80,"_41":202,"_13":84,"_36":203,"_38":-5,"_26":27,"_165":-5,"_29":204},{"_64":192,"_34":193,"_32":194,"_159":-5,"_44":45,"_43":169,"_161":27,"_41":195,"_13":84,"_36":22,"_38":196,"_26":27,"_165":-5,"_29":197},{"_64":185,"_34":186,"_32":187,"_159":-5,"_44":45,"_43":188,"_161":80,"_41":189,"_13":84,"_36":22,"_38":190,"_26":27,"_165":-5,"_29":191},{"_64":178,"_34":179,"_32":78,"_159":-5,"_44":45,"_43":180,"_161":27,"_41":181,"_13":163,"_36":37,"_38":182,"_26":27,"_165":183,"_29":184},{"_64":171,"_34":172,"_32":173,"_159":-5,"_44":45,"_43":174,"_161":27,"_41":175,"_13":84,"_36":22,"_38":176,"_26":27,"_165":-5,"_29":177},{"_64":167,"_34":57,"_32":59,"_159":-5,"_44":45,"_43":14,"_161":27,"_41":168,"_13":169,"_36":60,"_38":62,"_26":27,"_165":-5,"_29":170},{"_64":156,"_34":157,"_32":158,"_159":-5,"_44":45,"_43":160,"_161":80,"_41":162,"_13":163,"_36":51,"_38":164,"_26":27,"_165":-5,"_29":166},"3a69b5be-206c-11f0-a7f4-569c3dd06744","getFiles.ts","9df3fc92-2068-11f0-a2cb-569c3dd06744","parentId",96,"latest",["D",1745430965693],2,"// Email trigger entry point\nimport emailHandler from \"./email-handler.ts\";\n\nexport default emailHandler;","label",[157],"967dd45c-206c-11f0-81fd-569c3dd06744",["D",1745431120175],4,[57],"d9b153b6-2067-11f0-a01a-569c3dd06744","deno.json","d9b15488-2067-11f0-a01a-569c3dd06744",3,["D",1745429085442],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[172],"a68755e8-2068-11f0-ac7f-569c3dd06744","dashboard.ts",43,["D",1745429429097],"// HTTP entry point\nimport app from \"./backend/index.ts\";\n\nexport default app;","emailed",[179],"a3952c70-2068-11f0-9398-569c3dd06744","README.md","a3952d6a-2068-11f0-9398-569c3dd06744",40,["D",1745429424155],"# Minimal Email Attachment Dashboard\n\nA minimal Val Town project that receives email attachments and displays them in a clean, black and white dashboard.\n\n## Structure\n\n```\n├── backend/\n│ └── index.ts # Minimal Hono app\n├── frontend/\n│ ├── App.tsx # React component\n│ └── index.html # Minimal HTML shell\n├── shared/\n│ └── storage.ts # Blob storage utilities\n├── dashboard.ts # HTTP entry point\n├── email-handler.ts # Email processing\n└── getFiles.ts # Email trigger\n```\n\n## Features\n\n- Receives emails with attachments\n- Stores attachments in blob storage\n- Displays attachments in a minimal React UI\n- Allows viewing and downloading attachments\n\n## Tech\n\n- React 18\n- Hono\n- Tailwind CSS\n- Val Town blob storage",[186],"d9b4d202-2067-11f0-b9bc-569c3dd06744",".vtignore","d9b4d2d4-2067-11f0-b9bc-569c3dd06744",["D",1745429085453],".git\n.DS_Store\nnode_modules\nvendor",[193],"2aa60154-2068-11f0-9a9c-569c3dd06744","shared","8ec4cb88-7999-4fd0-8f61-4264c3581755",10,["D",1745429221259],"directory",[199],"46ea0e6e-2068-11f0-8e52-569c3dd06744","frontend","8d277cca-cfd5-45bf-b361-a361e0c7e013",13,["D",1745429268683],[206],"4c1a7d88-2068-11f0-9398-569c3dd06744","backend","5183b2dd-04be-49f8-a8e3-80510321261e",14,["D",1745429277388],[212],"pulls","branches",1,"forks","envVars",{"_225":84,"_227":84},"connections",{"_225":84,"_226":84},"count","unfilledCount","emptyCount",{"_64":211,"_34":212,"_32":213,"_159":-5,"_44":45,"_43":214,"_161":80,"_41":301,"_13":84,"_36":203,"_38":-5,"_26":27,"_165":-5,"_243":302,"_29":303},{"_64":297,"_34":35,"_32":33,"_159":213,"_44":45,"_43":14,"_161":80,"_41":298,"_13":163,"_36":37,"_38":40,"_26":27,"_165":-5,"_243":299,"_29":300},{"_64":205,"_34":206,"_32":207,"_159":-5,"_44":45,"_43":208,"_161":80,"_41":294,"_13":84,"_36":203,"_38":-5,"_26":27,"_165":-5,"_243":295,"_29":296},{"_64":285,"_34":286,"_32":287,"_159":207,"_44":45,"_43":288,"_161":80,"_41":289,"_13":290,"_36":51,"_38":291,"_26":27,"_165":-5,"_243":292,"_29":293},{"_64":277,"_34":278,"_32":279,"_159":207,"_44":45,"_43":280,"_161":80,"_41":281,"_13":219,"_36":22,"_38":282,"_26":27,"_165":-5,"_243":283,"_29":284},{"_64":198,"_34":199,"_32":200,"_159":-5,"_44":45,"_43":201,"_161":80,"_41":274,"_13":84,"_36":203,"_38":-5,"_26":27,"_165":-5,"_243":275,"_29":276},{"_64":266,"_34":267,"_32":268,"_159":200,"_44":45,"_43":269,"_161":27,"_41":270,"_13":163,"_36":51,"_38":271,"_26":27,"_165":-5,"_243":272,"_29":273},{"_64":261,"_34":50,"_32":49,"_159":200,"_44":45,"_43":14,"_161":80,"_41":262,"_13":263,"_36":51,"_38":53,"_26":27,"_165":-5,"_243":264,"_29":265},{"_64":192,"_34":193,"_32":194,"_159":-5,"_44":45,"_43":169,"_161":27,"_41":258,"_13":84,"_36":22,"_38":196,"_26":27,"_165":-5,"_243":259,"_29":260},{"_64":185,"_34":186,"_32":187,"_159":-5,"_44":45,"_43":188,"_161":80,"_41":255,"_13":84,"_36":22,"_38":190,"_26":27,"_165":-5,"_243":256,"_29":257},{"_64":178,"_34":179,"_32":78,"_159":-5,"_44":45,"_43":180,"_161":27,"_41":252,"_13":163,"_36":37,"_38":182,"_26":27,"_165":183,"_243":253,"_29":254},{"_64":171,"_34":172,"_32":173,"_159":-5,"_44":45,"_43":174,"_161":27,"_41":249,"_13":84,"_36":22,"_38":176,"_26":27,"_165":-5,"_243":250,"_29":251},{"_64":167,"_34":57,"_32":59,"_159":-5,"_44":45,"_43":14,"_161":27,"_41":246,"_13":169,"_36":60,"_38":62,"_26":27,"_165":-5,"_243":247,"_29":248},{"_64":156,"_34":157,"_32":158,"_159":-5,"_44":45,"_43":160,"_161":80,"_41":242,"_13":163,"_36":51,"_38":164,"_26":27,"_165":-5,"_243":244,"_29":245},["D",1745430965693],"children",[],[157],["D",1745431120175],[],[57],["D",1745429085442],[],[172],["D",1745429429097],[],[179],["D",1745429424155],[],[186],["D",1745429085453],[],[193],"967ddab0-206c-11f0-81fd-569c3dd06744",["D",1745431120175],9,[],[199,50],"41cc820a-206c-11f0-8bf5-569c3dd06744","consts.ts","a6e30a44-206a-11f0-8086-569c3dd06744",97,["D",1745430978087],"// Application constants\n\n// Email address for receiving documents\nexport const EMAIL_ADDRESS = \"wolf-0ed31f94206c11f0b07f569c3dd06744@valtown.email\";\n\n// Application name\nexport const APP_NAME = \"Email Attachment Viewer\";\n\n// Source code URL (will be overridden by backend)\nexport const DEFAULT_SOURCE_URL = \"#\";",[],[199,267],["D",1745429221259],[234,235],[199],"fc8197d8-2068-11f0-b589-569c3dd06744","index.html","7574ce9a-2068-11f0-89db-569c3dd06744",45,["D",1745429573339],"\n\n\n \n \n Attachments\n \n \n\n\n

\n \n\n",[],[206,278],"b2f15416-206b-11f0-afe4-569c3dd06744","App.tsx","f59ecbba-2069-11f0-83a5-569c3dd06744",86,["D",1745430738411],16,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport copy from \"https://esm.sh/copy-to-clipboard@3.3.3\";\n\ninterface Attachment {\n id: string;\n filename: string;\n contentType: string;\n size: number;\n receivedAt: string;\n from: string;\n subject: string;\n}\n\nconst App: React.FC = () => {\n const [attachments, setAttachments] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedAttachment, setSelectedAttachment] = useState(null);\n const [copied, setCopied] = useState(false);\n const [isFullscreen, setIsFullscreen] = useState(false);\n const viewerRef = useRef(null);\n \n // Get email address from window object (injected by the server)\n const emailAddress = (window as any).emailAddress || \"unknown@example.com\";\n const sourceUrl = (window as any).sourceUrl || \"#\";\n const appName = (window as any).appName || \"Remarkable Viewer\";\n\n const copyEmailToClipboard = () => {\n copy(emailAddress);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000); // Reset after 2 seconds\n };\n \n const toggleFullscreen = () => {\n setIsFullscreen(!isFullscreen);\n };\n\n useEffect(() => {\n const fetchAttachments = async () => {\n try {\n const response = await fetch(\"/api/attachments\");\n if (!response.ok) {\n throw new Error(\"Failed to fetch attachments\");\n }\n const data = await response.json();\n setAttachments(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Unknown error\");\n } finally {\n setLoading(false);\n }\n };\n\n fetchAttachments();\n }, []);\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleString();\n };\n\n const formatFileSize = (bytes: number) => {\n if (bytes < 1024) return bytes + \" bytes\";\n else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + \" KB\";\n else return (bytes / (1024 * 1024)).toFixed(1) + \" MB\";\n };\n \n const formatSender = (email: string) => {\n // Extract name or username from email if possible\n const match = email.match(/^\"?([^\"@]+)\"?\\s*<.*>$/) || email.match(/^([^@]+)@/);\n return match ? match[1] : email;\n };\n\n return (\n

{appName}

\n View your Remarkable documents sent via email to: {\" \"}\n \n {emailAddress}\n {copied && ✓ Copied!}\n \n

\n View Source\n

\n\n {loading ? (\n

Loading documents...

\n ) : error ? (\n

Error: {error}

\n ) : attachments.length === 0 ? (\n

No documents found

\n Send PDF documents to {\" \"}\n \n {emailAddress}\n {copied && ✓ Copied!}\n \n {\" \"} to view them here.\n

\n ) : (\n

Documents

setSelectedAttachment(attachment.id)}\n >\n
{attachment.filename}
\n
\n {formatFileSize(attachment.size)}\n {formatDate(attachment.receivedAt)}\n
\n

\n \n

\n {selectedAttachment ? (\n <>\n

\n {attachments.find(a => a.id === selectedAttachment)?.filename || \"Document\"}\n

\n \n \n Download\n \n \n

Diff · v109