\n \n \n \n","label",[171,65],"frontend","pulls","branches",1,"forks",9,"envVars",{"_181":26,"_183":26},"connections",{"_181":26,"_182":26},"count","unfilledCount","emptyCount",{"_34":368,"_13":367,"_63":359,"_44":-5,"_36":37,"_163":166,"_164":101,"_38":369,"_40":26,"_66":269,"_167":-5,"_67":24,"_169":-5,"_214":370,"_17":371},{"_34":357,"_13":358,"_63":99,"_44":359,"_36":37,"_163":126,"_164":101,"_38":360,"_40":361,"_66":362,"_167":363,"_67":24,"_169":364,"_214":365,"_17":366},{"_34":352,"_13":335,"_63":329,"_44":-5,"_36":37,"_163":353,"_164":101,"_38":354,"_40":26,"_66":269,"_167":-5,"_67":24,"_169":-5,"_214":355,"_17":356},{"_34":345,"_13":226,"_63":346,"_44":329,"_36":37,"_163":347,"_164":101,"_38":348,"_40":26,"_66":21,"_167":349,"_67":24,"_169":-5,"_214":350,"_17":351},{"_34":336,"_13":337,"_63":338,"_44":329,"_36":37,"_163":339,"_164":101,"_38":340,"_40":341,"_66":212,"_167":342,"_67":24,"_169":-5,"_214":343,"_17":344},{"_34":327,"_13":242,"_63":328,"_44":329,"_36":37,"_163":330,"_164":101,"_38":331,"_40":174,"_66":212,"_167":332,"_67":24,"_169":-5,"_214":333,"_17":334},{"_34":323,"_13":171,"_63":162,"_44":-5,"_36":37,"_163":174,"_164":101,"_38":324,"_40":26,"_66":269,"_167":-5,"_67":24,"_169":-5,"_214":325,"_17":326},{"_34":318,"_13":309,"_63":302,"_44":162,"_36":37,"_163":319,"_164":101,"_38":320,"_40":26,"_66":269,"_167":-5,"_67":24,"_169":-5,"_214":321,"_17":322},{"_34":310,"_13":311,"_63":312,"_44":302,"_36":37,"_163":313,"_164":101,"_38":314,"_40":166,"_66":212,"_167":315,"_67":24,"_169":-5,"_214":316,"_17":317},{"_34":299,"_13":300,"_63":301,"_44":302,"_36":37,"_163":303,"_164":101,"_38":304,"_40":305,"_66":212,"_167":306,"_67":24,"_169":-5,"_214":307,"_17":308},{"_34":290,"_13":291,"_63":292,"_44":162,"_36":37,"_163":293,"_164":101,"_38":294,"_40":295,"_66":212,"_167":296,"_67":24,"_169":-5,"_214":297,"_17":298},{"_34":282,"_13":283,"_63":284,"_44":162,"_36":37,"_163":285,"_164":101,"_38":286,"_40":26,"_66":21,"_167":287,"_67":24,"_169":-5,"_214":288,"_17":289},{"_34":161,"_13":65,"_63":64,"_44":162,"_36":37,"_163":81,"_164":101,"_38":279,"_40":166,"_66":21,"_167":168,"_67":24,"_169":-5,"_214":280,"_17":281},{"_34":272,"_13":273,"_63":274,"_44":162,"_36":37,"_163":211,"_164":101,"_38":275,"_40":26,"_66":212,"_167":276,"_67":24,"_169":-5,"_214":277,"_17":278},{"_34":267,"_13":250,"_63":244,"_44":-5,"_36":37,"_163":106,"_164":101,"_38":268,"_40":26,"_66":269,"_167":-5,"_67":24,"_169":-5,"_214":270,"_17":271},{"_34":259,"_13":260,"_63":261,"_44":244,"_36":37,"_163":262,"_164":101,"_38":263,"_40":41,"_66":212,"_167":264,"_67":24,"_169":-5,"_214":265,"_17":266},{"_34":251,"_13":252,"_63":253,"_44":244,"_36":37,"_163":254,"_164":101,"_38":255,"_40":174,"_66":212,"_167":256,"_67":24,"_169":-5,"_214":257,"_17":258},{"_34":241,"_13":242,"_63":243,"_44":244,"_36":37,"_163":245,"_164":101,"_38":246,"_40":41,"_66":212,"_167":247,"_67":24,"_169":-5,"_214":248,"_17":249},{"_34":234,"_13":235,"_63":236,"_44":-5,"_36":37,"_163":230,"_164":101,"_38":237,"_40":26,"_66":21,"_167":238,"_67":24,"_169":-5,"_214":239,"_17":240},{"_34":225,"_13":226,"_63":227,"_44":-5,"_36":37,"_163":228,"_164":101,"_38":229,"_40":230,"_66":21,"_167":231,"_67":24,"_169":-5,"_214":232,"_17":233},{"_34":217,"_13":218,"_63":219,"_44":-5,"_36":37,"_163":220,"_164":101,"_38":221,"_40":166,"_66":21,"_167":222,"_67":24,"_169":-5,"_214":223,"_17":224},{"_34":206,"_13":207,"_63":208,"_44":-5,"_36":37,"_163":209,"_164":101,"_38":210,"_40":211,"_66":212,"_167":213,"_67":24,"_169":-5,"_214":215,"_17":216},"302635da-5ab1-11f0-b9f6-f69ea79377d9","test_rpc.ts","dcce043a-5ab0-11f0-9588-f69ea79377d9",271,["D",1751837751189],6,"script","import { hc } from \"https://esm.sh/hono@4.7.11/client\";\nimport type { AppType } from \"./backend/index.ts\";\n\nconst client = hc(\"https://filedumpthing.val.run\");\n\n// Test text upload\ntry {\n console.log(\"Testing text upload...\");\n const resp = await client.blob.$post({\n form: {\n content: \"Hello World from RPC test!\",\n type: \"text\",\n },\n });\n\n console.log(\"Response status:\", resp.status);\n\n if (resp.ok) {\n const data = await resp.json();\n console.log(\"Success! URL:\", data.url);\n\n // Test retrieving the uploaded content\n const getResp = await fetch(data.url);\n if (getResp.ok) {\n const content = await getResp.text();\n console.log(\"Retrieved content:\", content);\n }\n } else {\n console.log(\"Error:\", await resp.text());\n }\n} catch (error) {\n console.error(\"Error:\", error);\n}","children",[],[207],"3eb3f020-5a10-11f0-be4a-f69ea79377d9","deno.json","629e3798-195b-11f0-9081-569c3dd06744",217,["D",1751768626629],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"tasks\": {\n \"check\": \"deno check .\"\n },\n \"compilerOptions\": {\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"strictNullChecks\": true\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\", \"no-window\"]\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 \"importMap\": \"./import_map.json\"\n}",[],[218],"b40f29b4-1e17-11f0-bcac-569c3dd06744","README.md","41b95a6c-195b-11f0-a577-569c3dd06744",123,["D",1745174760234],11,"# 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",[],[226],"62a195fa-195b-11f0-853b-569c3dd06744",".vtignore","62a196ea-195b-11f0-853b-569c3dd06744",["D",1744654073568],".git\n.DS_Store\nnode_modules\nvendor",[],[235],"19a65c8c-1e42-11f0-9120-569c3dd06744","utils.ts","92e64a08-195b-11f0-9f5e-569c3dd06744","fbeb05bc-1b76-4402-9a72-938a3f2056cc",136,["D",1745192969539],"// 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}",[],[250,242],"shared","691c6456-5a0a-11f0-a227-f69ea79377d9","mimetype.ts","37dae5ae-1bb5-11f0-ad3a-569c3dd06744",165,["D",1751766120800],"export 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\nexport function getMimeType(fileName: string): string {\n const fileExtension = fileName.split(\".\").pop()?.toLowerCase() || \"\";\n return mimeTypes[fileExtension] || \"application/octet-stream\";\n}\n\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}",[],[250,252],"61a70c46-5a0d-11f0-a62f-f69ea79377d9","consts.ts","65a49600-23e0-11f0-8325-569c3dd06744",206,["D",1751767396777],"export const BLOB_PREFIX = \"filedumpthing/\";\nexport const DEPLOY_URL = \"https://filedumpthing.val.run\";",[],[250,260],"92e6548a-195b-11f0-9f5e-569c3dd06744",["D",1744654154569],"directory",[199,200,201],[250],"41b130c6-195b-11f0-9e37-569c3dd06744","index.tsx","41b1315c-195b-11f0-9e37-569c3dd06744",["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();",[],[171,273],["D",1751837524575],[],[171,65],"ade60000-5ab0-11f0-851f-f69ea79377d9","favicon.svg","ade60096-5ab0-11f0-851f-f69ea79377d9",263,["D",1751837532668],"",[],[171,283],"7fdb0868-5a10-11f0-a253-f69ea79377d9","client.ts","259bfc2a-5a0d-11f0-8683-f69ea79377d9",219,["D",1751768735941],8,"import { hc } from \"https://esm.sh/hono@4.7.11/client\";\nimport type { AppType } from \"../backend/index.ts\";\nimport { DEPLOY_URL } from \"../shared/consts.ts\";\n\nexport const client = hc(DEPLOY_URL);",[],[171,291],"98bae718-5ab0-11f0-a31e-f69ea79377d9","FileDumper.tsx","a08e2784-195b-11f0-81dc-569c3dd06744","419d21da-195b-11f0-9cd6-569c3dd06744",261,["D",1751837497143],47,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport ReactHover, {\n Hover,\n Trigger,\n} 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\";\nimport { client } from \"../client.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 try {\n const resp = await client.blob.$post({\n form: {\n content: text,\n type: \"text\"\n }\n });\n\n if (resp.ok) {\n const { url } = await resp.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 try {\n const resp = await client.blob.$post({\n form: {\n file: file,\n filename: file.name,\n type: \"file\"\n }\n });\n \n if (!resp.ok) throw new Error(`Upload failed: ${resp.status}`);\n\n const { url } = await resp.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 } 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 (\n $\"Pasted\"$ \n );\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}",[],[171,309,300],"components","fe637b42-5a0c-11f0-bfed-f69ea79377d9","App.tsx","41ab65e2-195b-11f0-9bf4-569c3dd06744",192,["D",1751767230245],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { FileDumper } from \"./FileDumper.tsx\";\n\nexport function App() {\n return (\n

\n \n

\n );\n}",[],[171,309,311],"419d2130-195b-11f0-9cd6-569c3dd06744",3,["D",1744654018197],[192,193],[171,309],"41880796-195b-11f0-bd46-569c3dd06744",["D",1744654018056],[191,194,195,196,197],[171],"17acfe7c-1e42-11f0-a7df-569c3dd06744","135f0f22-1e42-11f0-b2c6-569c3dd06744","fe945bb1-2670-4bc1-9016-a82913254577",135,["D",1745192966220],"/**\n * Reads data from stdin into a Uint8Array buffer\n * Accumulates chunks until EOF and concatenates into single buffer\n * Exits with error if no input received or read fails\n\n * @returns Promise resolving to complete buffer of stdin data\n */\nexport async function readStdinToBuffer(): Promise {\n try {\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 const 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\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 return buffer;\n } catch (e) {\n if (e instanceof Error) {\n console.error(\"Error reading from stdin:\", e.message);\n Deno.exit(1);\n }\n throw e;\n }\n}",[],[335,242],"cli","00e41558-1e43-11f0-a368-569c3dd06744","upload.ts","430f23ea-1e17-11f0-8c17-569c3dd06744",150,["D",1745193357496],23,"#!/usr/bin/env -S deno run -A\nimport { isTextContent } from \"../shared/utils.ts\";\nimport { readStdinToBuffer } from \"./utils.ts\";\n\nconst API_URL = `https://filedumpthing.val.run/api/upload`;\n\nasync function main() {\n try {\n // Get filename from args or use a temporary name (will be replaced with appropriate extension)\n const filename = Deno.args[0] || `file_${Date.now()}`;\n const buffer = await readStdinToBuffer();\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 (!Deno.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 (!Deno.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 const response = await fetch(API_URL, {\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 const data = await response.json();\n await Deno.stdout.write(new TextEncoder().encode(data.url)); // Prints without a newline\n } catch (e) {\n if (e instanceof Error) {\n console.error(\"Error:\", e.message);\n Deno.exit(1);\n }\n }\n}\n\n// Run the main function only once\nif (import.meta.main) {\n main();\n}",[],[335,337],"4c076c78-1e17-11f0-ab19-569c3dd06744","4c076d2c-1e17-11f0-ab19-569c3dd06744",121,["D",1745174585706],"# 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 -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# Or use the full Deno command if not installed\ncat path/to/file.jpg | deno run --allow-net 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## 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 and copy URL to clipboard (macOS)\ncat document.pdf | fdt document.pdf | pbcopy\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 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",[],[335,226],"530288d8-1e0c-11f0-b35a-569c3dd06744",28,["D",1745169872948],[187,188,189],[335],"3e90e9b2-5ab1-11f0-9f69-f69ea79377d9","index.ts","419338aa-195b-11f0-9cd6-569c3dd06744",["D",1751837775373],70,"http","import { blob } from \"https://esm.town/v/std/blob?v=13\";\nimport { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"https://esm.sh/hono@4.7.11\";\nimport { getContentTypeHeaders } from \"../shared/mimetype.ts\";\nimport { zValidator } from \"https://esm.sh/@hono/zod-validator?deps=hono@4.7.11,zod@3.25\";\nimport { z } from \"https://esm.sh/zod@3.25\";\nimport { isTextContent } from \"../shared/utils.ts\";\n\nconst app = new Hono()\n .get(\"/\", async () => await serveFile(\"/frontend/index.html\", import.meta.url))\n .get(\"/frontend/*\", async (c) => await serveFile(c.req.path, import.meta.url))\n .get(\"/shared/*\", async (c) => await serveFile(c.req.path, import.meta.url))\n // For legacy compat, redirect ?key= to /key\n .get(\"/blob\", zValidator(\"query\", z.object({ key: z.string() })), async (c) => {\n const { key } = c.req.valid(\"query\");\n return new Response(null, {\n status: 302,\n headers: { Location: `/blob/${key}` },\n });\n })\n .post(\n \"/blob\",\n zValidator(\n \"form\",\n z.object({\n file: z.instanceof(File).optional(),\n filename: z.string().optional(),\n type: z.enum([\"text\", \"file\"]),\n content: z.string().optional(),\n }),\n ),\n async (c) => {\n const { file, filename, type, content } = c.req.valid(\"form\");\n\n if (type === \"text\") {\n if (!content) return c.json({ error: \"No content provided\" }, 400);\n const key = `blob_text_${Date.now()}.txt`;\n await blob.set(key, new TextEncoder().encode(content));\n const responseUrl = `${new URL(c.req.url).origin}/blob/${encodeURIComponent(key)}`;\n return c.json({ url: responseUrl });\n }\n\n if (type === \"file\") {\n if (!file) return c.json({ error: \"No file uploaded\" }, 400);\n const actualFilename = filename || `file_${Date.now()}`;\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()}_${actualFilename}`;\n\n await blob.set(key, new TextEncoder().encode(textContent));\n const responseUrl = `${new URL(c.req.url).origin}/blob/${encodeURIComponent(key)}`;\n return c.json({ url: responseUrl });\n } else {\n // Otherwise, store it as binary\n const key = `blob_file_${Date.now()}_${actualFilename}`;\n\n await blob.set(key, buffer);\n const responseUrl = `${new URL(c.req.url).origin}/blob/${encodeURIComponent(key)}`;\n return c.json({ url: responseUrl });\n }\n }\n\n return c.json({ error: \"Invalid upload type\" }, 400);\n },\n )\n .get(\n \"/blob/:key\",\n zValidator(\"param\", z.object({ key: z.string() })),\n async (c) => {\n const { key } = c.req.valid(\"param\");\n\n const fileData = await blob.get(key);\n if (!fileData) return c.text(\"File not found\", 404);\n\n const headers = getContentTypeHeaders(key);\n return c.body(fileData.body, { headers });\n },\n )\n .onError((err, c) => {\n throw err;\n });\n\nexport type AppType = typeof app;\n\nexport default app.fetch;","filedumpthing",[],[367,358],"backend","419337e2-195b-11f0-9cd6-569c3dd06744",["D",1744654018131],[185],[367],["D",1744654017891],{"_11":12,"_139":70},{"_11":12,"_135":-5,"_69":70,"_30":68,"_136":137,"_138":24},{"_40":126,"_13":16,"_34":37,"_127":88,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":14,"_134":12},"ctx",{"_53":-5,"_158":409,"_410":411,"_412":413,"_414":24,"_415":24,"_416":24,"_417":101,"_418":-5,"_419":-7,"_420":-7,"_421":26,"_422":24,"_423":24,"_424":-5,"_425":24,"_426":24,"_427":24,"_428":-5},"ENV",{"_380":381,"_382":383,"_384":16,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408},"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"]

History · index.html