\n \n

\n );\n}",[],[223,229,235],{"_103":242,"_95":243,"_156":244,"_158":230,"_159":137,"_160":136,"_161":162,"_105":245,"_100":32,"_164":176,"_166":246,"_167":22,"_168":-5,"_169":247,"_98":248},"87911d8e-43a1-11f0-b992-76b3cceeab13","FileDumper.tsx","76d9cd4d-7327-4659-9f07-36202483c3ab",["D",1749302149105],"/** @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}",[],[223,229,243],[223,229],{"_103":251,"_95":252,"_156":253,"_158":224,"_159":137,"_160":136,"_161":162,"_105":254,"_100":32,"_164":200,"_166":255,"_167":22,"_168":-5,"_169":256,"_98":257},"87912a0e-43a1-11f0-b992-76b3cceeab13","index.html","0eef62f7-3078-44c0-8e05-5bb8f3d42912",["D",1749302149105],"\n\n \n \n \n File Dump Thing\n \n \n \n \n

\n \n \n \n",[],[223,252],{"_103":259,"_95":260,"_156":261,"_158":224,"_159":137,"_160":136,"_161":162,"_105":262,"_100":32,"_164":176,"_166":263,"_167":22,"_168":-5,"_169":264,"_98":265},"87912b62-43a1-11f0-b992-76b3cceeab13","index.tsx","270085e3-27bc-4be8-89ce-6ad30dadd3c7",["D",1749302149105],"/** @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();",[],[223,260],[223],{"_103":268,"_95":269,"_156":270,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":271,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":272,"_98":296},"87913490-43a1-11f0-b992-76b3cceeab13","shared","36a0f533-6dbf-455f-b3ac-574a7385728c",["D",1749302149105],[273,281,289],{"_103":274,"_95":275,"_156":276,"_158":270,"_159":137,"_160":136,"_161":162,"_105":277,"_100":32,"_164":176,"_166":278,"_167":22,"_168":-5,"_169":279,"_98":280},"87912e82-43a1-11f0-b992-76b3cceeab13","consts.ts","689ea428-7f50-4eaa-bef7-4c18d73ab4ce",["D",1749302149105],"export const BLOB_PREFIX = \"filedumpthing/\";",[],[269,275],{"_103":282,"_95":283,"_156":284,"_158":270,"_159":137,"_160":136,"_161":162,"_105":285,"_100":32,"_164":176,"_166":286,"_167":22,"_168":-5,"_169":287,"_98":288},"87912fd6-43a1-11f0-b992-76b3cceeab13","mimetype.ts","40f82993-3de7-404e-a124-1d6912b62945",["D",1749302149105],"// 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}",[],[269,283],{"_103":290,"_95":214,"_156":291,"_158":270,"_159":137,"_160":136,"_161":162,"_105":292,"_100":32,"_164":176,"_166":293,"_167":22,"_168":-5,"_169":294,"_98":295},"87913184-43a1-11f0-b992-76b3cceeab13","43322381-1991-4c5f-9f04-44917c09d60a",["D",1749302149105],"// 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}",[],[269,214],[269],{"_103":298,"_95":299,"_156":300,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":301,"_100":32,"_164":200,"_166":302,"_167":22,"_168":-5,"_169":303,"_98":304},"87913652-43a1-11f0-b992-76b3cceeab13",".vtignore","3bee29a5-2368-4be0-90aa-af386f51cb43",["D",1749302149105],".git\n.DS_Store\nnode_modules\nvendor",[],[299],{"_103":306,"_95":197,"_156":307,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":308,"_100":32,"_164":200,"_166":309,"_167":22,"_168":-5,"_169":310,"_98":311},"8791381e-43a1-11f0-b992-76b3cceeab13","e7adfd9e-1e67-4f99-b112-f92b4039a932",["D",1749302149105],"# File Dump Thing\n\nEasily share files and text snippets by pasting or uploading them.\nBuilt with React & Hono.\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## CLI Installation & Usage\n\nThere's also a companion CLI tool!\n\nInstall the CLI tool globally:\n\n```bash\ndeno install -grAf -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\ncat path/to/file.jpg | fdt file.jpg\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- **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\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",[],[197],{"_103":313,"_95":314,"_156":315,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":316,"_100":32,"_164":200,"_166":317,"_167":22,"_168":-5,"_169":318,"_98":319},"87913c38-43a1-11f0-b992-76b3cceeab13","deno.json","c425db28-24ac-4206-b691-7fc963d593fb",["D",1749302149105],"{\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}",[],[314],"files",[153,171,180,190,195,204,212,221,227,233,241,250,258,267,273,281,289,297,305,312],"counts",{"_324":32,"_325":136,"_326":32,"_327":32},"pulls","branches","forks","envVars","contents",[330,333,336],{"_103":196,"_95":197,"_156":198,"_158":192,"_159":137,"_160":136,"_161":162,"_105":331,"_100":32,"_164":200,"_166":201,"_167":22,"_168":-5,"_98":332},["D",1749302149105],[99,197],{"_103":205,"_95":206,"_156":207,"_158":192,"_159":137,"_160":136,"_161":162,"_105":334,"_100":32,"_164":176,"_166":209,"_167":22,"_168":-5,"_98":335},["D",1749302149105],[99,206],{"_103":213,"_95":214,"_156":215,"_158":192,"_159":137,"_160":136,"_161":162,"_105":337,"_100":32,"_164":176,"_166":217,"_167":22,"_168":-5,"_98":338},["D",1749302149105],[99,214],{"_103":191,"_95":99,"_156":192,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":340,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":341},["D",1749302149105],[99],"upstreamProject",{"_103":145,"_95":96,"_111":344,"_112":-5,"_109":110,"_23":345},"Share files with a paste!",{"_93":346,"_129":347},"wolf","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","upstreamBranch",{"_103":140,"_105":350,"_351":352,"_95":43,"_138":145,"_100":353,"_139":-5,"_141":-5,"_354":355,"_107":-5,"_150":22,"_109":110,"_149":346,"_16":147,"_148":96},["D",1744654017891],"updatedAt",["D",1751837775373],272,"lockfileKey","1752596094813-esm.town_v_wolf_FileDumpThing@272-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":362,"_200":367,"_370":371,"_374":375,"_378":-7,"_379":32,"_380":22},{"_103":104,"_95":96,"_105":363,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":364,"_131":365,"_134":366,"_150":22},["D",1749302149105],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},{"_103":191,"_95":99,"_156":192,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":368,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":369},["D",1749302149105],[99],"history",[372],{"_103":191,"_159":137,"_156":192,"_95":99,"_166":-5,"_164":165,"_100":32,"_158":-5,"_105":373,"_160":136,"_168":-5},["D",1749302149105],"versions",[376],{"_200":372,"_377":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

sacredlindsay

FileDumpThing

History for cli