\n \n \n \n",[],[148,164],"81648e68-1ed6-11f0-b3dd-569c3dd06744","components","33ab5407-7962-4cf2-9aaa-fa666f448404",["D",1745256709061],[176,177],[148,171],{"_36":185,"_13":186,"_64":187,"_66":172,"_68":69,"_70":71,"_72":73,"_38":188,"_17":32,"_75":76,"_77":189,"_79":51,"_80":-5,"_110":190,"_18":191},{"_36":178,"_13":179,"_64":180,"_66":172,"_68":69,"_70":71,"_72":73,"_38":181,"_17":32,"_75":76,"_77":182,"_79":51,"_80":-5,"_110":183,"_18":184},"81647fd6-1ed6-11f0-b3dd-569c3dd06744","FileDumper.tsx","3236a059-0f40-4d15-9b43-5c18288efcf6",["D",1745256709061],"/** @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}",[],[148,171,179],"81647da6-1ed6-11f0-b3dd-569c3dd06744","App.tsx","ff26c9af-d308-470c-b9b0-d264315fb9b0",["D",1745256709061],"/** @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}",[],[148,171,186],["D",1745256709061],[195,196,197],[19],{"_36":88,"_13":89,"_64":90,"_66":67,"_68":69,"_70":71,"_72":73,"_38":204,"_17":32,"_75":24,"_77":92,"_79":51,"_80":-5,"_110":205,"_18":206},{"_36":82,"_13":83,"_64":84,"_66":67,"_68":69,"_70":71,"_72":73,"_38":201,"_17":32,"_75":76,"_77":86,"_79":51,"_80":-5,"_110":202,"_18":203},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":198,"_17":32,"_75":76,"_77":78,"_79":51,"_80":-5,"_110":199,"_18":200},["D",1745256709061],[],[19,63],["D",1745256709061],[],[19,83],["D",1745256709061],[],[19,89],"81646fd2-1ed6-11f0-b3dd-569c3dd06744","backend","619e65c5-de03-4f72-a95f-50bf42733028",["D",1745256709061],[213,214],[208],{"_36":223,"_13":224,"_64":225,"_66":209,"_68":69,"_70":71,"_72":73,"_38":226,"_17":32,"_75":76,"_77":227,"_79":51,"_80":-5,"_110":228,"_18":229},{"_36":215,"_13":216,"_64":217,"_66":209,"_68":69,"_70":71,"_72":73,"_38":218,"_17":32,"_75":219,"_77":220,"_79":51,"_80":-5,"_110":221,"_18":222},"81646d66-1ed6-11f0-b3dd-569c3dd06744","index.ts","d38e8975-348d-4192-b468-96854524a13a",["D",1745256709061],"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;",[],[208,216],"816441ba-1ed6-11f0-b3dd-569c3dd06744","api.ts","bb619d76-803b-4328-989e-b3ce3f5a9931",["D",1745256709061],"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;",[],[208,224],"815dab16-1ed6-11f0-b3dd-569c3dd06744",["D",1745256709061],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","687c1294-9830-4fa5-9b5c-d9a5df6803ae","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","246de9af-537f-4372-b903-2221cb2755d9","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_273":269},"org",{"_11":12,"_267":-5,"_268":269,"_236":237,"_270":271,"_272":51},"branch",{"_17":71,"_13":16,"_36":69,"_42":230,"_45":37,"_46":263,"_264":53,"_265":43,"_266":57,"_58":14,"_54":12},150,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybGxFZXJlSFdpMXN2T1JNbjIyWnl4OFFsMjIifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":230,"_13":14,"_38":374,"_49":-5,"_232":51,"_52":53,"_233":53,"_234":-5,"_235":-5,"_236":237,"_238":217,"_239":73,"_240":-5,"_241":-5,"_242":32,"_56":243,"_244":-5,"_245":-5,"_246":-5,"_247":-5,"_248":249,"_250":249,"_251":252,"_253":252,"_254":252,"_255":249,"_256":249,"_257":375,"_259":376,"_261":377,"_50":51},[317,320,324,330,333,334,335],"files",[317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335],"counts",{"_308":32,"_309":71,"_310":32,"_35":311,"_312":313},[302,303,304],{"_36":94,"_13":19,"_64":67,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":300,"_17":32,"_75":95,"_77":-5,"_79":51,"_80":-5,"_18":301},"upstreamProject",{"_36":43,"_13":14,"_234":297,"_235":-5,"_52":53,"_257":298},"upstreamBranch",{"_36":37,"_38":295,"_40":296,"_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,"_273":299},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9",["D",1745256709061],[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":307},{"_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":306},{"_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":305},[19,63],[19,83],[19,89],"pulls","branches","forks",{"_314":32,"_316":32},"connections",{"_314":32,"_315":32},"count","unfilledCount","emptyCount",{"_36":207,"_13":208,"_64":209,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":210,"_17":32,"_75":95,"_77":-5,"_79":51,"_80":-5,"_110":372,"_18":373},{"_36":223,"_13":224,"_64":225,"_66":209,"_68":69,"_70":71,"_72":73,"_38":226,"_17":32,"_75":76,"_77":227,"_79":51,"_80":-5,"_110":370,"_18":371},{"_36":215,"_13":216,"_64":217,"_66":209,"_68":69,"_70":71,"_72":73,"_38":218,"_17":32,"_75":219,"_77":220,"_79":51,"_80":-5,"_110":368,"_18":369},{"_36":94,"_13":19,"_64":67,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":192,"_17":32,"_75":95,"_77":-5,"_79":51,"_80":-5,"_110":366,"_18":367},{"_36":88,"_13":89,"_64":90,"_66":67,"_68":69,"_70":71,"_72":73,"_38":204,"_17":32,"_75":24,"_77":92,"_79":51,"_80":-5,"_110":364,"_18":365},{"_36":82,"_13":83,"_64":84,"_66":67,"_68":69,"_70":71,"_72":73,"_38":201,"_17":32,"_75":76,"_77":86,"_79":51,"_80":-5,"_110":362,"_18":363},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":198,"_17":32,"_75":76,"_77":78,"_79":51,"_80":-5,"_110":360,"_18":361},{"_36":147,"_13":148,"_64":149,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":150,"_17":32,"_75":95,"_77":-5,"_79":51,"_80":-5,"_110":358,"_18":359},{"_36":170,"_13":171,"_64":172,"_66":149,"_68":69,"_70":71,"_72":73,"_38":173,"_17":32,"_75":95,"_77":-5,"_79":51,"_80":-5,"_110":356,"_18":357},{"_36":185,"_13":186,"_64":187,"_66":172,"_68":69,"_70":71,"_72":73,"_38":188,"_17":32,"_75":76,"_77":189,"_79":51,"_80":-5,"_110":354,"_18":355},{"_36":178,"_13":179,"_64":180,"_66":172,"_68":69,"_70":71,"_72":73,"_38":181,"_17":32,"_75":76,"_77":182,"_79":51,"_80":-5,"_110":352,"_18":353},{"_36":163,"_13":164,"_64":165,"_66":149,"_68":69,"_70":71,"_72":73,"_38":166,"_17":32,"_75":24,"_77":167,"_79":51,"_80":-5,"_110":350,"_18":351},{"_36":156,"_13":157,"_64":158,"_66":149,"_68":69,"_70":71,"_72":73,"_38":159,"_17":32,"_75":76,"_77":160,"_79":51,"_80":-5,"_110":348,"_18":349},{"_36":126,"_13":127,"_64":128,"_66":-5,"_68":69,"_70":71,"_72":73,"_38":129,"_17":32,"_75":95,"_77":-5,"_79":51,"_80":-5,"_110":346,"_18":347},{"_36":140,"_13":141,"_64":142,"_66":128,"_68":69,"_70":71,"_72":73,"_38":143,"_17":32,"_75":76,"_77":144,"_79":51,"_80":-5,"_110":344,"_18":345},{"_36":134,"_13":63,"_64":135,"_66":128,"_68":69,"_70":71,"_72":73,"_38":136,"_17":32,"_75":76,"_77":137,"_79":51,"_80":-5,"_110":342,"_18":343},{"_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":340,"_18":341},{"_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":338,"_18":339},{"_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":336,"_18":337},[],[106],[],[89],[],[120],[],[127,63],[],[127,141],[331,332],[127],[],[148,157],[],[148,164],[],[148,171,179],[],[148,171,186],[326,327],[148,171],[325,328,329],[148],[],[19,63],[],[19,83],[],[19,89],[321,322,323],[19],[],[208,216],[],[208,224],[318,319],[208],["D",1745256709061],{"_11":12,"_273":269},{"_11":12,"_267":-5,"_268":269,"_236":237,"_270":271,"_272":51},{"_17":71,"_13":16,"_36":69,"_42":230,"_45":37,"_46":263,"_264":53,"_265":43,"_266":57,"_58":14,"_54":12},"ctx",{"_257":-5,"_292":411,"_412":413,"_414":415,"_416":51,"_417":51,"_418":51,"_419":73,"_420":-5,"_421":-7,"_422":-7,"_423":32,"_424":51,"_425":51,"_426":-5,"_427":51,"_428":51,"_429":51,"_430":-5},"ENV",{"_382":383,"_384":385,"_386":16,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410},"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"]