[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_326":327,"_328":329},"routes/_app.x.$handle.$name",{"_98":97,"_33":46,"_106":88,"_28":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":27,"_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",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_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":27},"version",104,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":34,"_35":20,"_36":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":34,"_35":20,"_36":37},"deleted",true,"deletedHere",false,"path","cli/README.md","latestPath","fileId","59839166-1e0c-11f0-ac41-569c3dd06744","name","README.md","fileType","content","# 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","# 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# 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-run 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. This works on:\n- macOS (using `pbcopy`)\n- Windows (using PowerShell's `Set-Clipboard`)\n- Linux (using `xclip` or `xsel` - you may need to install one of these)\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-run 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)","createdAt",["D",1745174218798],"branchVersion","branchId","416e67e6-195b-11f0-a577-569c3dd06744","id","416e1926-195b-11f0-a577-569c3dd06744","FileDumpThing",["D",1744654017891],"deletedAt","legacyEnvVars","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":27},"branch",{"_13":87,"_33":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_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",{"_44":45,"_33":46,"_39":322,"_48":-5,"_49":27,"_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":323,"_82":324,"_84":325,"_86":27},"tree",[195,198,201,207,210,211,212],"files",[195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212],"counts",{"_184":142,"_185":169,"_186":187,"_188":189,"_190":191},"contents",[128,129,130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":178,"_33":179,"_31":180,"_138":-5,"_42":43,"_41":181,"_140":25,"_39":182,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_28":183},{"_44":172,"_33":173,"_31":174,"_138":-5,"_42":43,"_41":175,"_140":25,"_39":176,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_28":177},{"_44":166,"_33":167,"_31":168,"_138":-5,"_42":43,"_41":169,"_140":25,"_39":170,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_28":171},{"_44":160,"_33":161,"_31":162,"_138":-5,"_42":43,"_41":64,"_140":25,"_39":163,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_28":165},{"_44":153,"_33":154,"_31":155,"_138":-5,"_42":43,"_41":156,"_140":25,"_39":157,"_13":142,"_35":20,"_36":158,"_24":27,"_144":-5,"_28":159},{"_44":146,"_33":34,"_31":147,"_138":-5,"_42":43,"_41":148,"_140":27,"_39":149,"_13":150,"_35":20,"_36":151,"_24":27,"_144":-5,"_28":152},{"_44":135,"_33":136,"_31":137,"_138":-5,"_42":43,"_41":139,"_140":27,"_39":141,"_13":142,"_35":20,"_36":143,"_24":27,"_144":-5,"_28":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],"2b344248-1e10-11f0-b852-569c3dd06744","41b95a6c-195b-11f0-a577-569c3dd06744",72,["D",1745171524152],7,"# 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 -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- 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",[34],"62a195fa-195b-11f0-853b-569c3dd06744",".vtignore","62a196ea-195b-11f0-853b-569c3dd06744",11,["D",1744654073568],".git\n.DS_Store\nnode_modules\nvendor",[154],"92e6548a-195b-11f0-9f5e-569c3dd06744","shared","fbeb05bc-1b76-4402-9a72-938a3f2056cc",["D",1744654154569],"directory",[161],"41880796-195b-11f0-bd46-569c3dd06744","frontend","4188089a-195b-11f0-bd46-569c3dd06744",1,["D",1744654018056],[167],"530288d8-1e0c-11f0-b35a-569c3dd06744","cli","fe945bb1-2670-4bc1-9016-a82913254577",28,["D",1745169872948],[173],"419337e2-195b-11f0-9cd6-569c3dd06744","backend","419338aa-195b-11f0-9cd6-569c3dd06744",2,["D",1744654018131],[179],"pulls","branches","forks",9,"envVars",{"_192":142,"_194":142},"connections",{"_192":142,"_193":142},"count","unfilledCount","emptyCount",{"_44":178,"_33":179,"_31":180,"_138":-5,"_42":43,"_41":181,"_140":25,"_39":319,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_214":320,"_28":321},{"_44":311,"_33":312,"_31":313,"_138":180,"_42":43,"_41":314,"_140":27,"_39":315,"_13":150,"_35":229,"_36":316,"_24":27,"_144":-5,"_214":317,"_28":318},{"_44":302,"_33":303,"_31":58,"_138":180,"_42":43,"_41":304,"_140":27,"_39":305,"_13":156,"_35":306,"_36":307,"_24":27,"_144":308,"_214":309,"_28":310},{"_44":172,"_33":173,"_31":174,"_138":-5,"_42":43,"_41":175,"_140":25,"_39":299,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_214":300,"_28":301},{"_44":295,"_33":34,"_31":32,"_138":174,"_42":43,"_41":14,"_140":27,"_39":296,"_13":139,"_35":20,"_36":38,"_24":27,"_144":-5,"_214":297,"_28":298},{"_44":286,"_33":287,"_31":288,"_138":174,"_42":43,"_41":289,"_140":27,"_39":290,"_13":291,"_35":229,"_36":292,"_24":27,"_144":-5,"_214":293,"_28":294},{"_44":166,"_33":167,"_31":168,"_138":-5,"_42":43,"_41":169,"_140":25,"_39":283,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_214":284,"_28":285},{"_44":278,"_33":269,"_31":263,"_138":168,"_42":43,"_41":279,"_140":25,"_39":280,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_214":281,"_28":282},{"_44":270,"_33":271,"_31":272,"_138":263,"_42":43,"_41":273,"_140":27,"_39":274,"_13":169,"_35":229,"_36":275,"_24":27,"_144":-5,"_214":276,"_28":277},{"_44":260,"_33":261,"_31":262,"_138":263,"_42":43,"_41":264,"_140":27,"_39":265,"_13":64,"_35":229,"_36":266,"_24":27,"_144":-5,"_214":267,"_28":268},{"_44":252,"_33":253,"_31":254,"_138":168,"_42":43,"_41":255,"_140":27,"_39":256,"_13":169,"_35":20,"_36":257,"_24":27,"_144":-5,"_214":258,"_28":259},{"_44":244,"_33":245,"_31":246,"_138":168,"_42":43,"_41":247,"_140":25,"_39":248,"_13":142,"_35":229,"_36":249,"_24":27,"_144":-5,"_214":250,"_28":251},{"_44":160,"_33":161,"_31":162,"_138":-5,"_42":43,"_41":64,"_140":25,"_39":241,"_13":142,"_35":164,"_36":-5,"_24":27,"_144":-5,"_214":242,"_28":243},{"_44":233,"_33":234,"_31":235,"_138":162,"_42":43,"_41":236,"_140":27,"_39":237,"_13":142,"_35":229,"_36":238,"_24":27,"_144":-5,"_214":239,"_28":240},{"_44":223,"_33":224,"_31":225,"_138":162,"_42":43,"_41":226,"_140":27,"_39":227,"_13":228,"_35":229,"_36":230,"_24":27,"_144":-5,"_214":231,"_28":232},{"_44":153,"_33":154,"_31":155,"_138":-5,"_42":43,"_41":156,"_140":25,"_39":220,"_13":142,"_35":20,"_36":158,"_24":27,"_144":-5,"_214":221,"_28":222},{"_44":146,"_33":34,"_31":147,"_138":-5,"_42":43,"_41":148,"_140":27,"_39":217,"_13":150,"_35":20,"_36":151,"_24":27,"_144":-5,"_214":218,"_28":219},{"_44":135,"_33":136,"_31":137,"_138":-5,"_42":43,"_41":139,"_140":27,"_39":213,"_13":142,"_35":20,"_36":143,"_24":27,"_144":-5,"_214":215,"_28":216},["D",1744654073567],"children",[],[136],["D",1745171524152],[],[34],["D",1744654073568],[],[154],"4dd7fbf2-1e13-11f0-bd44-569c3dd06744","utils.ts","92e64a08-195b-11f0-9f5e-569c3dd06744",85,["D",1745172870758],5,"script","// 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}",[],[161,224],"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}",[],[161,234],["D",1744654154569],[208,209],[161],"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();",[],[167,245],"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",[],[167,253],"172aee36-1e16-11f0-9581-569c3dd06744","FileDumper.tsx","a08e2784-195b-11f0-81dc-569c3dd06744","419d21da-195b-11f0-9cd6-569c3dd06744",102,["D",1745174067519],"/** @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 { 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 await navigator.clipboard.writeText(url);\n setToastMessage(\"Link automatically copied!\");\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 navigator.clipboard.writeText(uploadedUrl).then(() => {\n setToastMessage(\"Link copied!\");\n }).catch(() => setToastMessage(\"Copy failed\"));\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}",[],[167,269,261],"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}",[],[167,269,271],"419d2130-195b-11f0-9cd6-569c3dd06744",3,["D",1744654018197],[203,204],[167,269],["D",1744654018056],[202,205,206],[167],"64c4598e-1e16-11f0-a8bf-569c3dd06744","upload.ts","e6f3133e-1e0f-11f0-8f75-569c3dd06744",103,["D",1745174197707],8,"#!/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 \n } catch (err) {\n console.error(`Error connecting to server:`, err.message);\n Deno.exit(1);\n }\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}",[],[173,287],"71564432-1e16-11f0-98e2-569c3dd06744",["D",1745174218798],[],[173,34],["D",1745169872948],[199,200],[173],"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",[],[179,303],"13a3ce86-1e16-11f0-8d4d-569c3dd06744","api.ts","b65f14ea-1e0d-11f0-9cea-569c3dd06744",101,["D",1745174061599],"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;",[],[179,312],["D",1744654018131],[196,197],[179],["D",1744654017891],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":27},{"_13":87,"_33":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_125":359,"_360":361,"_362":363,"_364":27,"_365":27,"_366":27,"_367":25,"_368":-5,"_369":-7,"_370":-7,"_371":142,"_372":27,"_373":27,"_374":-5,"_375":27,"_376":27,"_377":27,"_378":-5},"ENV",{"_330":331,"_332":333,"_334":88,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358},"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 · v104