\n \n \n \n",[],[156,172],"78d7993c-510a-11f0-b6ca-f69ea79377d9","components","2cb72a52-e1c8-4509-b152-75bf39d8fe01",["D",1750776586653],[184,185],[156,179],{"_36":193,"_13":194,"_64":195,"_66":180,"_68":69,"_70":71,"_72":73,"_38":196,"_17":32,"_75":76,"_77":197,"_79":51,"_80":-5,"_110":198,"_18":199},{"_36":186,"_13":187,"_64":188,"_66":180,"_68":69,"_70":71,"_72":73,"_38":189,"_17":32,"_75":76,"_77":190,"_79":51,"_80":-5,"_110":191,"_18":192},"78d78b22-510a-11f0-b6ca-f69ea79377d9","FileDumper.tsx","2291c4c1-254d-427d-8b35-4e4fe41d9815",["D",1750776586653],"/** @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}",[],[156,179,187],"78d78514-510a-11f0-b6ca-f69ea79377d9","App.tsx","813ac3eb-e25b-4bbf-b665-0f2a42a01784",["D",1750776586653],"/** @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}",[],[156,179,194],["D",1750776586653],[203,204,205],[19],{"_36":88,"_13":89,"_64":90,"_66":67,"_68":69,"_70":71,"_72":73,"_38":212,"_17":32,"_75":24,"_77":92,"_79":51,"_80":-5,"_110":213,"_18":214},{"_36":82,"_13":83,"_64":84,"_66":67,"_68":69,"_70":71,"_72":73,"_38":209,"_17":32,"_75":76,"_77":86,"_79":51,"_80":-5,"_110":210,"_18":211},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":206,"_17":32,"_75":76,"_77":78,"_79":51,"_80":-5,"_110":207,"_18":208},["D",1750776586653],[],[19,63],["D",1750776586653],[],[19,83],["D",1750776586653],[],[19,89],"78d779ac-510a-11f0-b6ca-f69ea79377d9","backend","42808e61-5f3d-4b4c-966a-e13bd48f9e1a",["D",1750776586653],[221,222],[216],{"_36":231,"_13":232,"_64":233,"_66":217,"_68":69,"_70":71,"_72":73,"_38":234,"_17":32,"_75":76,"_77":235,"_79":51,"_80":-5,"_110":236,"_18":237},{"_36":223,"_13":224,"_64":225,"_66":217,"_68":69,"_70":71,"_72":73,"_38":226,"_17":32,"_75":227,"_77":228,"_79":51,"_80":-5,"_110":229,"_18":230},"78d77614-510a-11f0-b6ca-f69ea79377d9","index.ts","174defde-2378-4cb3-8f7b-c494d4d694da",["D",1750776586653],"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 \"npm:hono\";\nimport { getContentTypeHeaders } from \"../shared/mimetype.ts\";\nimport api from \"./api.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n})\n .get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url))\n .get(\"/shared/**/*\", c => serveFile(c.req.path, import.meta.url))\n .route(\"/api\", api)\n .get(\"/blob\", async c => {\n const key = c.req.query(\"key\");\n if (!key) return c.text(\"Missing key parameter\", 400);\n\n try {\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 new Response(fileData.body, { headers });\n } catch (error) {\n return c.text(\"Error retrieving file\", 500);\n }\n })\n // Unwrap and rethrow Hono errors as the original error\n // If you delete this, all errors will be \"Internal Server Error\"\n .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;",[],[216,224],"78d7526a-510a-11f0-b6ca-f69ea79377d9","api.ts","e1b736f2-4d25-4945-a75e-30802ba89647",["D",1750776586653],"import { blob } from \"https://esm.town/v/std/blob?v=13\";\nimport { Hono } from \"npm:hono\";\nimport { isTextContent } from \"../shared/utils.ts\";\n\nconst api = new Hono()\n .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;",[],[216,232],"78ce552a-510a-11f0-b6ca-f69ea79377d9",["D",1750776586653],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","b4f09d98-e6ae-45a7-a86c-25011b2ff31b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","4e62bfac-8366-4fc6-8f89-68f6fd581f81","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_281":277},"org",{"_11":12,"_275":-5,"_276":277,"_244":245,"_278":279,"_280":51},"branch",{"_17":71,"_13":16,"_36":69,"_42":238,"_45":37,"_46":271,"_272":53,"_273":43,"_274":57,"_58":14,"_54":12},163,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycHpaNGEyeUlNM0ZQU25SVGVaWDEwTTZXalkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":238,"_13":14,"_38":385,"_49":-5,"_240":51,"_52":53,"_241":53,"_242":-5,"_243":-5,"_244":245,"_246":225,"_247":73,"_248":73,"_249":-5,"_250":32,"_56":251,"_252":-5,"_253":-5,"_254":-5,"_255":-5,"_256":257,"_258":257,"_259":260,"_261":260,"_262":260,"_263":257,"_264":257,"_265":386,"_267":387,"_269":388,"_50":51},[325,328,332,338,342,343,344],"files",[325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344],"counts",{"_316":32,"_317":71,"_318":32,"_35":319,"_320":321},[310,311,312],{"_36":94,"_68":69,"_64":67,"_13":19,"_77":-5,"_75":96,"_17":32,"_66":-5,"_38":308,"_70":71,"_80":-5,"_18":309},"upstreamProject",{"_36":43,"_13":14,"_242":305,"_243":-5,"_52":53,"_265":306},"upstreamBranch",{"_36":37,"_38":303,"_40":304,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744654017891],["D",1751837775373],"Share files with a paste!",{"_11":55,"_281":307},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9",["D",1750776586653],[19],{"_36":88,"_13":89,"_64":90,"_66":67,"_68":69,"_70":71,"_72":73,"_38":91,"_17":32,"_75":24,"_77":92,"_79":51,"_80":-5,"_18":315},{"_36":82,"_13":83,"_64":84,"_66":67,"_68":69,"_70":71,"_72":73,"_38":85,"_17":32,"_75":76,"_77":86,"_79":51,"_80":-5,"_18":314},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":74,"_17":32,"_75":76,"_77":78,"_79":51,"_80":-5,"_18":313},[19,63],[19,83],[19,89],"pulls","branches","forks",{"_322":32,"_324":32},"connections",{"_322":32,"_323":32},"count","unfilledCount","emptyCount",{"_36":215,"_13":216,"_64":217,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":218,"_17":32,"_75":96,"_77":-5,"_79":51,"_80":-5,"_110":383,"_18":384},{"_36":231,"_13":232,"_64":233,"_66":217,"_68":69,"_70":71,"_72":73,"_38":234,"_17":32,"_75":76,"_77":235,"_79":51,"_80":-5,"_110":381,"_18":382},{"_36":223,"_13":224,"_64":225,"_66":217,"_68":69,"_70":71,"_72":73,"_38":226,"_17":32,"_75":227,"_77":228,"_79":51,"_80":-5,"_110":379,"_18":380},{"_36":94,"_13":19,"_64":67,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":200,"_17":32,"_75":96,"_77":-5,"_79":51,"_80":-5,"_110":377,"_18":378},{"_36":88,"_13":89,"_64":90,"_66":67,"_68":69,"_70":71,"_72":73,"_38":212,"_17":32,"_75":24,"_77":92,"_79":51,"_80":-5,"_110":375,"_18":376},{"_36":82,"_13":83,"_64":84,"_66":67,"_68":69,"_70":71,"_72":73,"_38":209,"_17":32,"_75":76,"_77":86,"_79":51,"_80":-5,"_110":373,"_18":374},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":206,"_17":32,"_75":76,"_77":78,"_79":51,"_80":-5,"_110":371,"_18":372},{"_36":155,"_13":156,"_64":157,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":158,"_17":32,"_75":96,"_77":-5,"_79":51,"_80":-5,"_110":369,"_18":370},{"_36":178,"_13":179,"_64":180,"_66":157,"_68":69,"_70":71,"_72":73,"_38":181,"_17":32,"_75":96,"_77":-5,"_79":51,"_80":-5,"_110":367,"_18":368},{"_36":193,"_13":194,"_64":195,"_66":180,"_68":69,"_70":71,"_72":73,"_38":196,"_17":32,"_75":76,"_77":197,"_79":51,"_80":-5,"_110":365,"_18":366},{"_36":186,"_13":187,"_64":188,"_66":180,"_68":69,"_70":71,"_72":73,"_38":189,"_17":32,"_75":76,"_77":190,"_79":51,"_80":-5,"_110":363,"_18":364},{"_36":171,"_13":172,"_64":173,"_66":157,"_68":69,"_70":71,"_72":73,"_38":174,"_17":32,"_75":24,"_77":175,"_79":51,"_80":-5,"_110":361,"_18":362},{"_36":164,"_13":165,"_64":166,"_66":157,"_68":69,"_70":71,"_72":73,"_38":167,"_17":32,"_75":76,"_77":168,"_79":51,"_80":-5,"_110":359,"_18":360},{"_36":126,"_13":127,"_64":128,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":129,"_17":32,"_75":96,"_77":-5,"_79":51,"_80":-5,"_110":357,"_18":358},{"_36":148,"_13":149,"_64":150,"_66":128,"_68":69,"_70":71,"_72":73,"_38":151,"_17":32,"_75":76,"_77":152,"_79":51,"_80":-5,"_110":355,"_18":356},{"_36":141,"_13":142,"_64":143,"_66":128,"_68":69,"_70":71,"_72":73,"_38":144,"_17":32,"_75":76,"_77":145,"_79":51,"_80":-5,"_110":353,"_18":354},{"_36":135,"_13":63,"_64":136,"_66":128,"_68":69,"_70":71,"_72":73,"_38":137,"_17":32,"_75":76,"_77":138,"_79":51,"_80":-5,"_110":351,"_18":352},{"_36":119,"_13":120,"_64":121,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":122,"_17":32,"_75":24,"_77":123,"_79":51,"_80":-5,"_110":349,"_18":350},{"_36":113,"_13":89,"_64":114,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":115,"_17":32,"_75":24,"_77":116,"_79":51,"_80":-5,"_110":347,"_18":348},{"_36":105,"_13":106,"_64":107,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":108,"_17":32,"_75":24,"_77":109,"_79":51,"_80":-5,"_110":345,"_18":346},[],[106],[],[89],[],[120],[],[127,63],[],[127,142],[],[127,149],[339,340,341],[127],[],[156,165],[],[156,172],[],[156,179,187],[],[156,179,194],[334,335],[156,179],[333,336,337],[156],[],[19,63],[],[19,83],[],[19,89],[329,330,331],[19],[],[216,224],[],[216,232],[326,327],[216],["D",1750776586653],{"_11":12,"_281":277},{"_11":12,"_275":-5,"_276":277,"_244":245,"_278":279,"_280":51},{"_17":71,"_13":16,"_36":69,"_42":238,"_45":37,"_46":271,"_272":53,"_273":43,"_274":57,"_58":14,"_54":12},"ctx",{"_265":-5,"_300":422,"_423":424,"_425":426,"_427":51,"_428":51,"_429":51,"_430":73,"_431":-5,"_432":-7,"_433":-7,"_434":32,"_435":51,"_436":51,"_437":-5,"_438":51,"_439":51,"_440":51,"_441":-5},"ENV",{"_393":394,"_395":396,"_397":16,"_398":399,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421},"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"]