[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_321":322,"_323":324},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":49,"_121":122,"_123":25,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":49},"version",118,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",true,"deletedHere","path","cli/upload.ts","latestPath","fileId","e6f3133e-1e0f-11f0-8f75-569c3dd06744","name","upload.ts","fileType","script","content","#!/usr/bin/env -S deno run --allow-net --allow-run\n\nimport { isTextContent } from \"../shared/utils.ts\";\n\n/**\n * File Dumper CLI (fdt)\n *\n * Installation:\n * deno install -grAf -n=fdt https://esm.town/v/wolf/FileDumpThing/cli/upload.ts\n *\n * Usage:\n * cat file.txt | fdt [filename]\n * echo \"Hello World\" | fdt note.txt\n * cat image.png | fdt image.png --no-copy\n */\n\n/**\n * Copy text to clipboard based on the operating system\n */\nasync function copyToClipboard(text: string): Promise {\n const os = Deno.build.os;\n\n try {\n if (os === \"darwin\") {\n // macOS\n const p = Deno.run({\n cmd: [\"pbcopy\"],\n stdin: \"piped\",\n stdout: \"null\",\n stderr: \"null\",\n });\n\n const encoder = new TextEncoder();\n await p.stdin.write(encoder.encode(text));\n p.stdin.close();\n const status = await p.status();\n p.close();\n\n return status.success;\n } else if (os === \"windows\") {\n // Windows\n const p = Deno.run({\n cmd: [\"powershell\", \"-command\", `Set-Clipboard -Value \"${text.replace(/\"/g, \"`\\\"\")}\"`],\n stdout: \"null\",\n stderr: \"null\",\n });\n\n const status = await p.status();\n p.close();\n\n return status.success;\n } else {\n // Linux and others - try xclip first, then xsel\n try {\n const p = Deno.run({\n cmd: [\"xclip\", \"-selection\", \"clipboard\"],\n stdin: \"piped\",\n stdout: \"null\",\n stderr: \"null\",\n });\n\n const encoder = new TextEncoder();\n await p.stdin.write(encoder.encode(text));\n p.stdin.close();\n const status = await p.status();\n p.close();\n\n return status.success;\n } catch {\n try {\n const p = Deno.run({\n cmd: [\"xsel\", \"--clipboard\", \"--input\"],\n stdin: \"piped\",\n stdout: \"null\",\n stderr: \"null\",\n });\n\n const encoder = new TextEncoder();\n await p.stdin.write(encoder.encode(text));\n p.stdin.close();\n const status = await p.status();\n p.close();\n\n return status.success;\n } catch {\n // If both xclip and xsel fail, return false\n return false;\n }\n }\n }\n } catch (error) {\n console.error(\"Failed to copy to clipboard:\", error.message);\n return false;\n }\n}\n\nasync function main() {\n try {\n // Check for --no-copy flag\n const noCopy = Deno.args.includes(\"--no-copy\");\n\n // Remove --no-copy from args if present\n const args = Deno.args.filter(arg => arg !== \"--no-copy\");\n\n // Get filename from args or use a temporary name (will be replaced with appropriate extension)\n const filename = args[0] || `file_${Date.now()}`;\n\n // Read from stdin using a simpler approach\n let buffer;\n\n try {\n // Try using the buffer reader approach\n const buf = new Uint8Array(1024);\n const chunks = [];\n let totalLength = 0;\n\n while (true) {\n const n = await Deno.stdin.read(buf);\n if (n === null) break;\n\n const chunk = buf.subarray(0, n);\n chunks.push(chunk);\n totalLength += n;\n }\n\n // Combine all chunks\n buffer = new Uint8Array(totalLength);\n let offset = 0;\n for (const chunk of chunks) {\n buffer.set(chunk, offset);\n offset += chunk.length;\n }\n } catch (err) {\n console.error(\"Error reading from stdin:\", err.message);\n Deno.exit(1);\n }\n\n if (!buffer || buffer.length === 0) {\n console.error(\"Error: No input received. Pipe content to this script.\");\n Deno.exit(1);\n }\n\n // Magic detection: Check if content is text or binary\n const isText = isTextContent(buffer);\n\n // Create a FormData object (same as the web interface)\n const formData = new FormData();\n\n if (isText) {\n // Handle as text content\n const textContent = new TextDecoder().decode(buffer);\n formData.append(\"type\", \"text\");\n formData.append(\"content\", textContent);\n\n // If no filename was provided, use a text-specific default\n if (!args[0]) {\n const timestamp = Date.now();\n formData.append(\"filename\", `text_${timestamp}.txt`);\n } else {\n formData.append(\"filename\", filename);\n }\n } else {\n // Handle as binary/file content\n formData.append(\"type\", \"file\");\n\n // Create a File object from the buffer\n const file = new File([buffer], filename, {\n type: \"application/octet-stream\",\n });\n\n formData.append(\"file\", file);\n\n // Make sure we use the original filename or a binary-specific default\n if (!args[0]) {\n const timestamp = Date.now();\n formData.append(\"filename\", `file_${timestamp}.bin`); // Add .bin extension for binary files\n } else {\n formData.append(\"filename\", filename);\n }\n }\n\n // Upload to the API endpoint\n const apiUrl = `https://filedumpthing.val.run/api/upload`;\n\n try {\n const response = await fetch(apiUrl, {\n method: \"POST\",\n body: formData,\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n console.error(`Error: Server returned ${response.status}`, errorText);\n Deno.exit(1);\n }\n\n // Parse the response and get the URL\n const data = await response.json();\n const url = data.url;\n\n // Output the URL\n console.log(url);\n\n // Copy to clipboard if --no-copy flag is not present\n if (!noCopy) {\n const copied = await copyToClipboard(url);\n if (copied) {\n console.error(\"URL copied to clipboard!\");\n } else {\n console.error(\"Failed to copy URL to clipboard. You may need to install xclip or xsel on Linux.\");\n }\n }\n } catch (err) {\n console.error(`Error connecting to server:`, err.message);\n Deno.exit(1);\n }\n } catch (error) {\n console.error(\"Error:\", error.message);\n Deno.exit(1);\n }\n}\n\n// Run the main function only once\nif (import.meta.main) {\n main();\n}","createdAt",["D",1745174555785],"branchVersion","branchId","416e67e6-195b-11f0-a577-569c3dd06744","id","416e1926-195b-11f0-a577-569c3dd06744","FileDumpThing",["D",1744654017891],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","Share files with a paste!","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","41ae40a0-195b-11f0-bd46-569c3dd06744","pinPreview","pinMigrated","screenshotVersion",161,"likeCount",13,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":49},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"isOwned",272,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":317,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":318,"_82":319,"_84":320,"_86":49},"tree",[195,198,200,206,209,210,211],"files",[195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211],"counts",{"_185":142,"_186":170,"_187":151,"_188":189,"_190":191},"contents",[128,129,130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":179,"_32":180,"_30":181,"_138":-5,"_41":42,"_40":182,"_140":25,"_38":183,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_27":184},{"_43":173,"_32":174,"_30":175,"_138":-5,"_41":42,"_40":176,"_140":25,"_38":177,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_27":178},{"_43":167,"_32":168,"_30":169,"_138":-5,"_41":42,"_40":170,"_140":25,"_38":171,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_27":172},{"_43":161,"_32":162,"_30":163,"_138":-5,"_41":42,"_40":64,"_140":25,"_38":164,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_27":166},{"_43":154,"_32":155,"_30":156,"_138":-5,"_41":42,"_40":157,"_140":25,"_38":158,"_13":142,"_34":20,"_36":159,"_24":49,"_144":-5,"_27":160},{"_43":146,"_32":147,"_30":148,"_138":-5,"_41":42,"_40":149,"_140":49,"_38":150,"_13":151,"_34":20,"_36":152,"_24":49,"_144":-5,"_27":153},{"_43":135,"_32":136,"_30":137,"_138":-5,"_41":42,"_40":139,"_140":49,"_38":141,"_13":142,"_34":20,"_36":143,"_24":49,"_144":-5,"_27":145},"629e36e4-195b-11f0-9081-569c3dd06744","deno.json","629e3798-195b-11f0-9081-569c3dd06744","parentId",10,"latest",["D",1744654073567],0,"{\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}","label",[136],"efa16a06-1e16-11f0-8dee-569c3dd06744","README.md","41b95a6c-195b-11f0-a577-569c3dd06744",116,["D",1745174430684],9,"# File Dumper App\n\nThis app allows you to easily share files and text snippets by pasting or uploading them. It's built with React on the frontend and Hono on the backend.\n\n## Features\n\n- Paste text or images directly into the app\n- Upload files through the file input\n- Get shareable links instantly\n- Links are automatically copied to your clipboard\n- Preview images and text content\n- CLI tool for uploading files directly from your terminal\n- Smart content detection (automatically detects text vs binary)\n\n## How It Works\n\n1. The app uses Val Town's blob storage to store uploaded files and text\n2. When you paste or upload content, it's sent to the server and stored\n3. A unique URL is generated that can be shared with others\n4. The content can be accessed directly through the generated URL\n5. Smart detection determines if content is text or binary\n\n## Project Structure\n\n- **Frontend**: React components for the user interface\n - `components/FileDumper.tsx`: Main component for the file dumper interface\n - `components/App.tsx`: Root component that renders the FileDumper\n - `index.tsx`: Entry point for the React application\n - `index.html`: HTML template\n\n- **Backend**: Hono server for handling API requests\n - `index.ts`: API routes for file uploads and serving stored content\n - `api.ts`: API endpoints for file uploads\n\n- **Shared**: Code shared between frontend and backend\n - `utils.ts`: Shared types and utility functions\n - `mimetype.ts`: MIME type detection for various file formats\n\n- **CLI**: Command-line interface for file uploads\n - `upload.ts`: Deno script for uploading content via stdin\n\n## CLI Installation & Usage\n\nInstall the CLI tool globally:\n\n```bash\ndeno install -grAf --allow-npm -n=fdt https://esm.town/v/wolf/FileDumpThing/cli/upload.ts\n```\n\nThen use it to quickly upload files:\n\n```bash\n# Upload a file and get a shareable URL (automatically copied to clipboard)\ncat path/to/file.jpg | fdt file.jpg\n\n# Upload without copying to clipboard\ncat path/to/file.jpg | fdt file.jpg --no-copy\n\n# Upload text from clipboard\npbpaste | fdt notes.txt\n```\n\nSee the [CLI README](/cli/README.md) for more details and examples.\n\n## Technical Details\n\n- Uses Val Town's blob storage for file persistence\n- Built with TypeScript for type safety\n- React for the frontend UI\n- Hono for the backend API\n- Supports various file types with appropriate MIME type detection\n- Smart content detection (checks for null bytes and UTF-8 validity)\n- CLI tool for terminal-based uploads",[147],"62a195fa-195b-11f0-853b-569c3dd06744",".vtignore","62a196ea-195b-11f0-853b-569c3dd06744",11,["D",1744654073568],".git\n.DS_Store\nnode_modules\nvendor",[155],"92e6548a-195b-11f0-9f5e-569c3dd06744","shared","fbeb05bc-1b76-4402-9a72-938a3f2056cc",["D",1744654154569],"directory",[162],"41880796-195b-11f0-bd46-569c3dd06744","frontend","4188089a-195b-11f0-bd46-569c3dd06744",1,["D",1744654018056],[168],"530288d8-1e0c-11f0-b35a-569c3dd06744","cli","fe945bb1-2670-4bc1-9016-a82913254577",28,["D",1745169872948],[174],"419337e2-195b-11f0-9cd6-569c3dd06744","backend","419338aa-195b-11f0-9cd6-569c3dd06744",2,["D",1744654018131],[180],"pulls","branches","forks","envVars",{"_192":142,"_194":142},"connections",{"_192":142,"_193":142},"count","unfilledCount","emptyCount",{"_43":179,"_32":180,"_30":181,"_138":-5,"_41":42,"_40":182,"_140":25,"_38":314,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_213":315,"_27":316},{"_43":305,"_32":306,"_30":307,"_138":181,"_41":42,"_40":308,"_140":49,"_38":309,"_13":310,"_34":35,"_36":311,"_24":49,"_144":-5,"_213":312,"_27":313},{"_43":296,"_32":297,"_30":58,"_138":181,"_41":42,"_40":298,"_140":49,"_38":299,"_13":157,"_34":300,"_36":301,"_24":49,"_144":302,"_213":303,"_27":304},{"_43":173,"_32":174,"_30":175,"_138":-5,"_41":42,"_40":176,"_140":25,"_38":293,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_213":294,"_27":295},{"_43":285,"_32":147,"_30":286,"_138":175,"_41":42,"_40":287,"_140":49,"_38":288,"_13":289,"_34":20,"_36":290,"_24":49,"_144":-5,"_213":291,"_27":292},{"_43":167,"_32":168,"_30":169,"_138":-5,"_41":42,"_40":170,"_140":25,"_38":282,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_213":283,"_27":284},{"_43":277,"_32":268,"_30":261,"_138":169,"_41":42,"_40":278,"_140":25,"_38":279,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_213":280,"_27":281},{"_43":269,"_32":270,"_30":271,"_138":261,"_41":42,"_40":272,"_140":49,"_38":273,"_13":170,"_34":35,"_36":274,"_24":49,"_144":-5,"_213":275,"_27":276},{"_43":258,"_32":259,"_30":260,"_138":261,"_41":42,"_40":262,"_140":49,"_38":263,"_13":264,"_34":35,"_36":265,"_24":49,"_144":-5,"_213":266,"_27":267},{"_43":250,"_32":251,"_30":252,"_138":169,"_41":42,"_40":253,"_140":49,"_38":254,"_13":170,"_34":20,"_36":255,"_24":49,"_144":-5,"_213":256,"_27":257},{"_43":242,"_32":243,"_30":244,"_138":169,"_41":42,"_40":245,"_140":25,"_38":246,"_13":142,"_34":35,"_36":247,"_24":49,"_144":-5,"_213":248,"_27":249},{"_43":161,"_32":162,"_30":163,"_138":-5,"_41":42,"_40":64,"_140":25,"_38":239,"_13":142,"_34":165,"_36":-5,"_24":49,"_144":-5,"_213":240,"_27":241},{"_43":231,"_32":232,"_30":233,"_138":163,"_41":42,"_40":234,"_140":49,"_38":235,"_13":142,"_34":35,"_36":236,"_24":49,"_144":-5,"_213":237,"_27":238},{"_43":222,"_32":223,"_30":224,"_138":163,"_41":42,"_40":225,"_140":49,"_38":226,"_13":227,"_34":35,"_36":228,"_24":49,"_144":-5,"_213":229,"_27":230},{"_43":154,"_32":155,"_30":156,"_138":-5,"_41":42,"_40":157,"_140":25,"_38":219,"_13":142,"_34":20,"_36":159,"_24":49,"_144":-5,"_213":220,"_27":221},{"_43":146,"_32":147,"_30":148,"_138":-5,"_41":42,"_40":149,"_140":49,"_38":216,"_13":151,"_34":20,"_36":152,"_24":49,"_144":-5,"_213":217,"_27":218},{"_43":135,"_32":136,"_30":137,"_138":-5,"_41":42,"_40":139,"_140":49,"_38":212,"_13":142,"_34":20,"_36":143,"_24":49,"_144":-5,"_213":214,"_27":215},["D",1744654073567],"children",[],[136],["D",1745174430684],[],[147],["D",1744654073568],[],[155],"4dd7fbf2-1e13-11f0-bd44-569c3dd06744","utils.ts","92e64a08-195b-11f0-9f5e-569c3dd06744",85,["D",1745172870758],5,"// Types for file dumper\nexport interface UploadResponse {\n url: string;\n}\n\nexport interface ContentState {\n type: 'text' | 'image';\n value: string;\n}\n\n/**\n * Determine if content is likely text by checking for null bytes\n * Simple and reliable approach to detect binary files\n */\nexport function isTextContent(buffer: Uint8Array): boolean {\n // Convert buffer to string and check for null bytes\n const str = new TextDecoder().decode(buffer);\n return !str.includes('\\0');\n}",[],[162,223],"37dae4d2-1bb5-11f0-ad3a-569c3dd06744","mimetype.ts","37dae5ae-1bb5-11f0-ad3a-569c3dd06744",23,["D",1744912558854],"// Mime type mapping for file extensions\nexport const mimeTypes: Record = {\n // Image formats\n 'jpg': 'image/jpeg',\n 'jpeg': 'image/jpeg',\n 'png': 'image/png',\n 'gif': 'image/gif',\n 'webp': 'image/webp',\n 'svg': 'image/svg+xml',\n 'bmp': 'image/bmp',\n 'ico': 'image/x-icon',\n // Text formats\n 'txt': 'text/plain',\n // Video formats\n 'mp4': 'video/mp4',\n 'webm': 'video/webm',\n 'mov': 'video/quicktime',\n 'avi': 'video/x-msvideo',\n 'mkv': 'video/x-matroska',\n 'm4v': 'video/mp4'\n};\n\n// Helper to get mime type from filename\nexport function getMimeType(fileName: string): string {\n const fileExtension = fileName.split('.').pop()?.toLowerCase() || '';\n return mimeTypes[fileExtension] || 'application/octet-stream';\n}\n\n// Get MIME type with special handling for video files\nexport function getContentTypeHeaders(key: string): Record {\n const fileExtension = key.split('.').pop()?.toLowerCase() || '';\n const mimeType = getMimeType(key);\n \n const headers: Record = {\n \"Content-Type\": mimeType,\n \"Cache-Control\": \"public, max-age=31536000, immutable\",\n \"X-Content-Type-Options\": \"nosniff\"\n };\n \n // For video files, explicitly set the correct MIME type\n if (fileExtension === 'mp4' || fileExtension === 'm4v') {\n headers[\"Content-Type\"] = \"video/mp4\";\n } else if (fileExtension === 'webm') {\n headers[\"Content-Type\"] = \"video/webm\";\n }\n \n return headers;\n}",[],[162,232],["D",1744654154569],[207,208],[162],"41b130c6-195b-11f0-9e37-569c3dd06744","index.tsx","41b1315c-195b-11f0-9e37-569c3dd06744",6,["D",1744654018294],"/** @jsxImportSource 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 = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[168,243],"84158330-1bb4-11f0-8477-569c3dd06744","index.html","41b5152e-195b-11f0-bc25-569c3dd06744",21,["D",1744912257245],"\n\n \n \n \n File Dump Thing\n \n \n \n \n

\n \n \n \n",[],[168,251],"8dbf3a66-1e16-11f0-915f-569c3dd06744","FileDumper.tsx","a08e2784-195b-11f0-81dc-569c3dd06744","419d21da-195b-11f0-9cd6-569c3dd06744",108,["D",1745174266459],16,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport ReactHover, { Hover, Trigger } from \"https://esm.sh/react-hover@3.0.1?deps=react@18.2.0,react-dom@18.2.0\";\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport copy from \"https://esm.sh/copy-to-clipboard@3.3.3\";\nimport { ContentState } from \"../../shared/utils.ts\";\n\nexport function FileDumper() {\n const [content, setContent] = useState({ type: \"text\", value: \"\" });\n const [uploadedUrl, setUploadedUrl] = useState(\"\");\n const [toastMessage, setToastMessage] = useState(\"\");\n const pasteAreaRef = useRef(null);\n const urlInputRef = useRef(null);\n const fileInputRef = useRef(null);\n\n // Hover options for CLI example\n const hoverOptions = {\n followCursor: false,\n shiftX: 0,\n shiftY: 10,\n };\n\n useEffect(() => {\n pasteAreaRef.current?.focus();\n }, []);\n\n useEffect(() => {\n if (toastMessage) {\n const timer = setTimeout(() => setToastMessage(\"\"), 2000);\n return () => clearTimeout(timer);\n }\n }, [toastMessage]);\n\n const copyUrlToClipboard = async (url: string) => {\n try {\n const success = copy(url, {\n format: \"text/plain\", // Use plain text format\n onCopy: () => {\n setToastMessage(\"Link automatically copied!\");\n }\n });\n \n if (!success) {\n setToastMessage(\"Failed to copy link automatically\");\n }\n } catch {\n setToastMessage(\"Failed to copy link automatically\");\n }\n };\n\n const handleTextUpload = async (text: string) => {\n const formData = new FormData();\n formData.append(\"content\", text);\n formData.append(\"type\", \"text\");\n\n try {\n const response = await fetch(\"/api/upload\", {\n method: \"POST\",\n body: formData,\n });\n\n if (response.ok) {\n const { url } = await response.json();\n setUploadedUrl(url);\n setContent({ type: \"text\", value: text });\n\n // Automatically copy the URL after upload\n await copyUrlToClipboard(url);\n }\n } catch {\n setToastMessage(\"Upload failed\");\n }\n };\n\n const handleFileUpload = async (file: File) => {\n const formData = new FormData();\n formData.append(\"file\", file);\n formData.append(\"filename\", file.name);\n formData.append(\"type\", \"file\");\n\n try {\n const response = await fetch(\"/api/upload\", {\n method: \"POST\",\n body: formData,\n });\n\n if (response.ok) {\n const { url } = await response.json();\n setUploadedUrl(url);\n\n // Create a local preview for the file\n if (file.type.startsWith(\"image/\")) {\n const reader = new FileReader();\n reader.onloadend = () => {\n setContent({ type: \"image\", value: reader.result as string });\n };\n reader.readAsDataURL(file);\n }\n\n // Automatically copy the URL after upload\n await copyUrlToClipboard(url);\n }\n } catch {\n setToastMessage(\"Upload failed\");\n }\n };\n\n const handlePaste = (event: React.ClipboardEvent) => {\n event.preventDefault();\n\n // Check for image first\n const file = event.clipboardData?.items[0]?.getAsFile();\n if (file) {\n handleFileUpload(file);\n return;\n }\n\n // If no file, check for text\n const pastedText = event.clipboardData?.getData(\"text/plain\");\n if (pastedText) {\n handleTextUpload(pastedText);\n }\n };\n\n const handleFileInput = async (e: React.ChangeEvent) => {\n const file = e.target.files?.[0];\n if (file) handleFileUpload(file);\n };\n\n const handleUrlClick = () => {\n if (urlInputRef.current) {\n urlInputRef.current.select();\n const success = copy(uploadedUrl, {\n format: \"text/plain\",\n onCopy: () => {\n setToastMessage(\"Link copied!\");\n }\n });\n \n if (!success) {\n setToastMessage(\"Copy failed\");\n }\n }\n };\n\n const openFileChooser = () => {\n fileInputRef.current?.click();\n };\n\n const renderContent = () => {\n if (content.type === \"image\") {\n return $\"Pasted\"$ ;\n }\n if (content.type === \"text\") {\n return (\n \n {content.value || \"Paste or drag a file here\"}\n \n );\n }\n return \"Paste or drag a file here\";\n };\n\n return (\n \n

File Dump Thing

\n\n \n {renderContent()}\n \n\n \n\n \n Click, paste, or drag files here\n \n\n {uploadedUrl && (\n

Shareable Link:

\n \n

\n )}\n\n {toastMessage && (\n \n {toastMessage}\n \n )}\n\n \n - or,\n \n \n \n use the cli!\n \n \n \n \n {`❯ deno install -grAf -n=fdt https://esm.town/v/wolf/FileDumpThing/cli/upload.ts\n❯ echo \"foobarbuzz\" | fdt\nhttps://filedumpthing.val.run/blob?key=blob_text_1745171403155.txt`}\n \n \n \n \n \n );\n}",[],[168,268,259],"components","a3e49dc8-195b-11f0-b772-569c3dd06744","App.tsx","41ab65e2-195b-11f0-9bf4-569c3dd06744",15,["D",1744654183078],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { FileDumper } from \"./FileDumper.tsx\";\n\nexport function App() {\n return (\n

\n \n

\n );\n}",[],[168,268,270],"419d2130-195b-11f0-9cd6-569c3dd06744",3,["D",1744654018197],[202,203],[168,268],["D",1744654018056],[201,204,205],[168],"ed676f10-1e16-11f0-9a3e-569c3dd06744","59839166-1e0c-11f0-ac41-569c3dd06744",115,["D",1745174426944],14,"# File Dumper CLI\n\nA simple CLI tool for uploading files to the File Dumper service.\n\n## Installation\n\nYou can install the CLI tool globally using Deno:\n\n```bash\ndeno install -grAf --allow-npm -n=fdt https://esm.town/v/wolf/FileDumpThing/cli/upload.ts\n```\n\nThis command:\n- Installs the tool globally (`-g`)\n- Reloads all dependencies to ensure the latest version (`-r`)\n- Grants all necessary permissions (`-A`)\n- Forces overwrite of any existing installation (`-f`)\n- Names the command `fdt` (`-n=fdt`)\n\nAfter installation, you can use the tool with the `fdt` command:\n\n```bash\ncat image.png | fdt image.png\n```\n\n## Usage\n\n```bash\n# Upload a file\ncat path/to/file.jpg | fdt file.jpg\n\n# Upload text\necho \"Hello World\" | fdt note.txt\n\n# Upload without copying to clipboard\ncat image.png | fdt image.png --no-copy\n\n# Or use the full Deno command if not installed\ncat path/to/file.jpg | deno run --allow-net --allow-npm https://esm.town/v/wolf/FileDumpThing/cli/upload.ts file.jpg\n```\n\nThe filename argument is optional but helps identify the file in the URL.\n\n## Command Line Options\n\n- `--no-copy`: Disables automatic copying of the URL to clipboard\n\n## Clipboard Support\n\nBy default, the CLI automatically copies the generated URL to your clipboard using the same library as the web interface. This works across all platforms without requiring any additional software.\n\nIf you don't want the URL to be copied, use the `--no-copy` flag.\n\n## Smart Content Detection\n\nThe CLI automatically detects whether the input is text or binary:\n\n- Text content is uploaded as plain text (with .txt extension)\n- Binary content is uploaded as a file (with .bin extension if no extension is provided)\n\nThis detection happens by checking for null bytes in the content.\n\n## Examples\n\n```bash\n# Upload and open in browser\ncat image.png | fdt image.png | xargs open\n\n# Upload without copying to clipboard\ncat document.pdf | fdt document.pdf --no-copy\n\n# Upload text from clipboard (macOS)\npbpaste | fdt notes.txt\n```\n\n## Alternative: Shell Alias\n\nIf you prefer not to install, you can create a shell alias:\n\n```bash\n# Add to your .bashrc, .zshrc, etc.\nalias fdt='deno run --allow-net --allow-npm https://esm.town/v/wolf/FileDumpThing/cli/upload.ts'\n```\n\nThen use:\n\n```bash\ncat image.png | fdt image.png\n```\n\n## How It Works\n\nThe CLI tool:\n1. Reads content from stdin\n2. Automatically detects if it's text or binary\n3. Uploads it to the API at `filedumpthing.val.run`\n4. Returns a shareable URL\n5. Automatically copies the URL to your clipboard (unless `--no-copy` is specified)",[],[174,147],["D",1745169872948],[199],[174],"083667c0-1e16-11f0-8331-569c3dd06744","index.ts",100,["D",1745174042429],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { blob } from \"https://esm.town/v/std/blob?v=13\";\nimport { getContentTypeHeaders } from \"../shared/mimetype.ts\";\nimport api from \"./api.ts\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve shared files\napp.get(\"/shared/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Mount the API router\napp.route(\"/api\", api);\n\n// Serve blob files using query parameter\napp.get(\"/blob\", async c => {\n const key = c.req.query(\"key\");\n \n if (!key) {\n return c.text(\"Missing key parameter\", 400);\n }\n \n try {\n // Get the blob using the key from query parameter\n const fileData = await blob.get(key);\n if (!fileData) return c.text(\"File not found\", 404);\n \n console.log(`Serving file: ${key}`);\n \n // Get content type headers with special handling for video files\n const headers = getContentTypeHeaders(key);\n \n return new Response(fileData.body, { headers });\n } catch (error) {\n console.error(\"Error retrieving file:\", error);\n return c.text(\"Error retrieving file\", 500);\n }\n});\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;","filedumpthing",[],[180,297],"13a3ce86-1e16-11f0-8d4d-569c3dd06744","api.ts","b65f14ea-1e0d-11f0-9cea-569c3dd06744",101,["D",1745174061599],7,"import { blob } from \"https://esm.town/v/std/blob?v=13\";\nimport { Hono } from \"npm:hono\";\nimport { isTextContent } from \"../shared/utils.ts\";\n\n// Create a router for /api routes\nconst api = new Hono();\n\n// Unified upload endpoint with magic detection\napi.post(\"/upload\", async c => {\n try {\n const formData = await c.req.formData();\n const uploadType = formData.get(\"type\") as string;\n\n if (uploadType === \"text\") {\n const content = formData.get(\"content\") as string;\n const key = `blob_text_${Date.now()}.txt`;\n\n try {\n await blob.set(key, new TextEncoder().encode(content));\n const responseUrl = `${new URL(c.req.url).origin}/blob?key=${encodeURIComponent(key)}`;\n return c.json({ url: responseUrl });\n } catch (error) {\n console.error(\"Failed to store text:\", error);\n return c.json({ error: \"Failed to store text\" }, 500);\n }\n }\n\n if (uploadType === \"file\") {\n const file = formData.get(\"file\") as File;\n const originalFilename = formData.get(\"filename\") as string || `file_${Date.now()}`;\n\n if (!file) return c.json({ error: \"No file uploaded\" }, 400);\n\n const arrayBuffer = await file.arrayBuffer();\n const buffer = new Uint8Array(arrayBuffer);\n\n // Use magic detection to determine if this is actually text content\n const isText = isTextContent(buffer);\n\n if (isText) {\n // If it's text, store it as text\n const textContent = new TextDecoder().decode(buffer);\n const key = `blob_text_${Date.now()}_${originalFilename}`;\n\n await blob.set(key, new TextEncoder().encode(textContent));\n const responseUrl = `${new URL(c.req.url).origin}/blob?key=${encodeURIComponent(key)}`;\n return c.json({ url: responseUrl });\n } else {\n // Otherwise, store it as binary\n const key = `blob_file_${Date.now()}_${originalFilename}`;\n\n await blob.set(key, buffer);\n const responseUrl = `${new URL(c.req.url).origin}/blob?key=${encodeURIComponent(key)}`;\n return c.json({ url: responseUrl });\n }\n }\n\n return c.json({ error: \"Invalid upload type\" }, 400);\n } catch (error) {\n console.error(\"Failed to parse form data:\", error);\n return c.json({ error: \"Failed to process upload\" }, 500);\n }\n});\n\nexport default api;",[],[180,306],["D",1744654018131],[196,197],[180],["D",1744654017891],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":49},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_80":-5,"_125":354,"_355":356,"_357":358,"_359":49,"_360":49,"_361":49,"_362":25,"_363":-5,"_364":-7,"_365":-7,"_366":142,"_367":49,"_368":49,"_369":-5,"_370":49,"_371":49,"_372":49,"_373":-5},"ENV",{"_325":326,"_327":328,"_329":88,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v118