\n \n \n \n",[],[344,346],"10893b20-6121-11f0-887d-0224a6c84d84","favicon.svg","495fba74-de8b-45dd-8519-49bb49fecf57",["D",1752545508541],"",[],[344,353],"610ae44c-612e-11f0-8bcf-0224a6c84d84","client.ts","f9b026bd-0c37-428e-91c6-f92cfa37aaf9",13,["D",1752551227291],"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);",[],[344,360],"82c1f0e8-651c-11f0-94e6-0224a6c84d84","FileDumper.tsx","de9ca825-6bd6-436f-9f58-c8a9dad62e8e","9f53c6ed-edc3-4fbd-9dee-6ee2bec3d4fe",19,["D",1752983357561],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport copy from \"https://esm.sh/copy-to-clipboard@3.3.3\";\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\";\n// import { ContentState } from \"../../shared/utils.ts\";\nimport { client } from \"../client.ts\";\n\ninterface ContentState {\n type: \"text\" | \"image\";\n value: string;\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 $\"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/AIWB/DumpFile/cli/upload.ts\n❯ echo \"foobarbuzz\" | fdt\nhttps://go.degentic.com/blob?key=blob_text_1745171403155.txt`}\n \n \n \n \n \n );\n}",[],[344,376,368],"components","10892838-6121-11f0-887d-0224a6c84d84","App.tsx","df691ea3-ed7a-4385-8063-f4274c7dc2d6",["D",1752545508541],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { FileDumper } from \"./FileDumper.tsx\";\n\nexport function App() {\n return (\n

\n \n

\n );\n}",[],[344,376,378],"10893832-6121-11f0-887d-0224a6c84d84",["D",1752545508541],[265,266],[344,376],"10893f44-6121-11f0-887d-0224a6c84d84",["D",1752545508541],[264,267,268,269,270],[344],["D",1752545508541],[],[18,97],["D",1752984215226],[],[18,80],["D",1752983968227],[],[18,92],["D",1752545508541],[260,261,262],[18],"cf5c92b4-6521-11f0-a91c-0224a6c84d84","index.ts","2e2f275c-0e24-4a33-b559-b8b7f175bcc1",27,["D",1752985633566],"import { zValidator } from \"https://esm.sh/@hono/zod-validator?deps=hono@4.7.11,zod@3.25\";\nimport { Hono } from \"https://esm.sh/hono@4.7.11\";\nimport { z } from \"https://esm.sh/zod@3.25\";\nimport { blob } from \"https://esm.town/v/std/blob?v=13\";\nimport { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { getContentTypeHeaders } from \"../shared/mimetype.ts\";\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;","aiwbcdn",[],[413,405],"backend","10891c80-6121-11f0-887d-0224a6c84d84",["D",1752545508541],[258],[413],["D",1752545508541],["D",1789501263826],{"_11":12,"_190":86},{"_11":12,"_186":-5,"_85":86,"_31":84,"_187":188,"_189":30},{"_44":175,"_13":16,"_38":41,"_176":139,"_177":75,"_178":76,"_179":143,"_180":181,"_182":183,"_184":14,"_185":12},"ctx",{"_57":-5,"_211":456,"_457":458,"_459":460,"_461":30,"_462":30,"_463":30,"_464":24,"_465":-5,"_466":-7,"_467":-7,"_468":26,"_469":30,"_470":30,"_471":-5,"_472":30,"_473":30,"_474":30,"_475":-5},"ENV",{"_427":428,"_429":430,"_431":16,"_432":433,"_434":435,"_436":437,"_438":439,"_440":441,"_442":443,"_444":445,"_446":447,"_448":449,"_450":451,"_452":453,"_454":455},"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 · cli