\n \n \n \n",[],[273,275],"87911d8e-43a1-11f0-b992-76b3cceeab13","FileDumper.tsx","76d9cd4d-7327-4659-9f07-36202483c3ab","8119f6e4-9933-4e85-a93d-426a828e8f77",["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}",[],[273,289,282],"components","87911c30-43a1-11f0-b992-76b3cceeab13","App.tsx","4b0280df-1f6b-4ff4-9997-54b4c2134183",["D",1749302149105],"/** @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}",[],[273,289,291],"879128ba-43a1-11f0-b992-76b3cceeab13",["D",1749302149105],[205,206],[273,289],"87912cde-43a1-11f0-b992-76b3cceeab13",["D",1749302149105],[204,207,208],[273],"87911938-43a1-11f0-b992-76b3cceeab13","6a2ca7fc-7032-43db-aa68-8a121584ee31","0b91d248-6df3-4868-abc8-808346b6be72",["D",1749302149105],"/**\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}",[],[312,239],"cli","87911672-43a1-11f0-b992-76b3cceeab13","upload.ts","44f513f5-5080-4b0c-8b14-3ea9cf6beb2d",["D",1749302149105],"#!/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}",[],[312,314],"879111ae-43a1-11f0-b992-76b3cceeab13","3bb72e6b-b6e4-483c-b675-770e1ab70c17",["D",1749302149105],"# 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",[],[312,225],"87911ae6-43a1-11f0-b992-76b3cceeab13",["D",1749302149105],[200,201,202],[312],["D",1749302149105],[],[18,74],["D",1749302149105],[],[18,85],["D",1749302149105],[197,198],[18],["D",1749302149105],{"_11":12,"_137":80},{"_11":12,"_133":-5,"_79":80,"_31":78,"_134":135,"_136":30},{"_39":40,"_13":16,"_33":36,"_122":90,"_123":69,"_124":125,"_126":94,"_127":128,"_129":130,"_131":14,"_132":12},"ctx",{"_52":-5,"_158":376,"_377":378,"_379":380,"_381":30,"_382":30,"_383":30,"_384":24,"_385":-5,"_386":-7,"_387":-7,"_388":26,"_389":30,"_390":30,"_391":-5,"_392":30,"_393":30,"_394":30,"_395":-5},"ENV",{"_347":348,"_349":350,"_351":16,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · backend