Can't set blob without name

\n ,\n );\n }\n if (file instanceof File && file.size > 0) {\n console.log(\"is file\");\n console.log(file.name);\n await blob.set(name, file);\n return c.redirect(\"/blob/\" + encodeURIComponent(name));\n }\n const text = formData[\"text\"];\n if (typeof text === \"string\") {\n await blob.set(name, text);\n return c.redirect(\"/blob/\" + encodeURIComponent(name));\n }\n return c.html(\n \n

Invalid form data

\n ,\n );\n});\n\napp.onError((err) => Promise.reject(err));\nexport default oauthMiddleware(liveReload(app.fetch, import.meta.url));","label","children",[70],"contentHash","76539d12393b9736cbfc394475fe46a07e8bf47b1b58a1db87adeacbfe7849ce","4dcffcfa-f70b-11f0-8b9b-42dde27851f2","467b616a-1962-11f0-aff0-569c3dd06744",["D",1769028837053],52,"/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { liveReload } from \"https://esm.town/v/stevekrouse/live-reload/main.ts\";\nimport { Home } from \"./Home.tsx\";\nimport { BlobPage } from \"./BlobPage.tsx\";\nimport { isImage, isJSON, isText } from \"./utils.ts\";\nimport { Layout } from \"./Layout.tsx\";\nimport { NewPage } from \"./NewPage.tsx\";\nimport { LoginPage } from \"./LoginPage.tsx\";\nimport { oauthMiddleware, getOAuthUserData } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { ValTown } from \"npm:@valtown/sdk\";\nimport { NotAuthorizedPage } from \"./NotAuthorizedPage.tsx\";\n\nconst vt = new ValTown();\nconst { email: authorEmail, username } = await vt.me.profile.retrieve();\n\nconst app = new Hono();\n\n// For backwards-compatibility with the old blob-admin\n// TODO - test that more\napp.get(\"/api/public/:key\", (c) => {\n return blob.get(\"__public/\" + c.req.param(\"key\"));\n});\n\napp.get(\"/public/:key\", (c) => {\n return blob.get(\"__public/\" + c.req.param(\"key\"));\n});\n\napp.get(\"/login\", async (c) => {\n const session = await getOAuthUserData(c.req.raw);\n if (session) {\n return c.redirect(\"/\");\n }\n return c.html();\n});\n\n// auth middleware\napp.use(\"*\", async (c, next) => {\n const session = await getOAuthUserData(c.req.raw);\n if (!session) {\n return c.redirect(\"/login\");\n } else if (session.user.email !== authorEmail) {\n return c.html(\n ,\n );\n }\n await next();\n});\n\n// Home page (table list view)\napp.get(\"/\", async (c) => {\n const prefix = c.req.query(\"prefix\") || \"\";\n const limit = parseInt(c.req.query(\"limit\")) || 10;\n const page = parseInt(c.req.query(\"page\")) || 1;\n\n const blobs = await blob.list(prefix);\n const subset = blobs.slice((page - 1) * limit, page * limit);\n\n return c.html(\n ,\n );\n});\n\n// New page to add new blob\napp.get(\"/new\", (c) => {\n return c.html();\n});\n\n// Single blob page\napp.get(\"/blob/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const matches = await blob.list(key);\n if (matches.length === 0) {\n return c.html();\n } else if (matches.length > 1) {\n return c.html();\n }\n const metadata = matches[0];\n if (isImage(metadata.key)) {\n return c.html();\n }\n if (metadata.size < 1024 || isText(metadata.key)) { // is text or small\n try {\n const blob_ = await blob.get(key);\n const text = await blob_.text();\n\n const blob_type = isJSON(metadata.key, text, metadata.size)\n ? \"json\"\n : \"text\";\n\n return c.html(\n ,\n );\n } catch (err: any) {\n return c.html(\n ,\n );\n }\n }\n return c.html();\n});\n\n// actually get the blob for downloading\napp.get(\"/raw/:key\", (c) => {\n return blob.get(c.req.param(\"key\"));\n});\n\napp.post(\"/blob/:key/delete\", async (c) => {\n const key = c.req.param(\"key\");\n await blob.delete(key);\n return c.redirect(\"/\");\n});\n\n// Used by BlobPage to update blobs\n// and by NewPage to create new blobs\napp.post(\"/update-blob\", async (c) => {\n const formData = await c.req.parseBody();\n const key = formData[\"key\"];\n const file = formData[\"file\"] as File;\n const name = key || file.name;\n if (!name) {\n return c.html(\n \n

Can't set blob without name

Invalid form data

\n ,\n );\n});\n\napp.onError((err) => Promise.reject(err));\nexport default liveReload(oauthMiddleware(app.fetch), import.meta.url);","blob",[70],"c20086fa30fad7eceb435ecc894a4ff3752f1f3acb662190e28b1d2cfc54bef5",{"_69":102,"_71":-7,"_73":103},"key.ts",{"_32":104,"_13":102,"_76":105,"_78":-5,"_79":57,"_80":20,"_81":26,"_34":106,"_40":107,"_84":108,"_86":109,"_64":48,"_88":-5,"_89":-7,"_69":110,"_91":111},"095594dc-26f3-11f1-9bcc-42dde27851f2","fdeeffb6-26f2-11f1-951a-42dde27851f2",["D",1774296070059],2,"script","const key = crypto.randomUUID() + crypto.randomUUID();\nconsole.log(key);",[102],"09ee846cc3b490f7102be05d46022a54f2677bc75c02850009a85441c7a3a2af",["D",1774037800424],"legacyEnvVars","httpPrivacy","description","Dashboard to view & edit Val Town Blog Storage","imageUrl","userId","019d0bcc-a320-7399-8f4f-7d3875d937d4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019d0bcc-a321-75bc-84e3-07d236c0ab73","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_150":146},"org",{"_11":12,"_144":-5,"_145":146,"_118":119,"_147":148,"_149":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zNmFFblZBY3ZoNWhQeXZwUlBUTHZoSkhDeUEifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":289,"_46":-5,"_113":48,"_49":50,"_114":50,"_115":116,"_117":-5,"_118":119,"_120":77,"_121":26,"_122":-5,"_123":-5,"_124":22,"_53":125,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":131,"_132":131,"_133":134,"_135":134,"_136":134,"_137":131,"_138":131,"_139":290,"_141":291,"_143":292,"_47":48},"tree",[251,252,253,254,255,256,257,258,259,260],"files",[251,252,253,254,255,256,257,258,259,260],"counts",{"_241":22,"_242":83,"_243":22,"_244":245,"_246":247},"contents",[179,180,181,182,183,184,185,186,187,188],"file","upstreamProject",{"_32":39,"_13":14,"_115":116,"_117":-5,"_49":50,"_139":177},"upstreamBranch",{"_32":33,"_34":175,"_36":176,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744657032829],["D",1769028837053],{"_11":52,"_150":178},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_32":235,"_13":236,"_76":237,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":238,"_40":22,"_84":108,"_86":239,"_64":48,"_88":-5,"_69":240},{"_32":229,"_13":230,"_76":231,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":232,"_40":22,"_84":108,"_86":233,"_64":48,"_88":-5,"_69":234},{"_32":223,"_13":224,"_76":225,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":226,"_40":22,"_84":108,"_86":227,"_64":48,"_88":-5,"_69":228},{"_32":217,"_13":218,"_76":219,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":220,"_40":22,"_84":108,"_86":221,"_64":48,"_88":-5,"_69":222},{"_32":211,"_13":212,"_76":213,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":214,"_40":22,"_84":108,"_86":215,"_64":48,"_88":-5,"_69":216},{"_32":205,"_13":206,"_76":207,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":208,"_40":22,"_84":108,"_86":209,"_64":48,"_88":-5,"_69":210},{"_32":199,"_13":200,"_76":201,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":202,"_40":22,"_84":162,"_86":203,"_64":48,"_88":-5,"_69":204},{"_32":104,"_13":102,"_76":105,"_78":-5,"_79":57,"_80":20,"_81":26,"_34":197,"_40":107,"_84":108,"_86":109,"_64":48,"_88":-5,"_69":198},{"_32":75,"_13":70,"_76":77,"_78":-5,"_79":57,"_80":56,"_81":26,"_34":195,"_40":83,"_84":85,"_86":87,"_64":48,"_88":-5,"_69":196},{"_32":189,"_13":190,"_76":191,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":192,"_40":22,"_84":108,"_86":193,"_64":48,"_88":-5,"_69":194},"b4b2f060-2499-11f1-8d36-42dde27851f2","utils.ts","019d0ce4-964e-72fb-95a1-7e7dfb0e1aa7",["D",1774037800424],"const COMMON_IMAGE_EXTENSIONS = [\n \"jpg\",\n \"jpeg\",\n \"png\",\n \"gif\",\n \"webp\",\n \"svg\",\n \"svgz\",\n \"bmp\",\n \"ico\",\n \"avif\",];\n\nconst COMMON_TEXT_EXTENSIONS = [\n \"txt\",\n \"md\",\n \"json\",\n \"html\",\n \"xml\",\n \"yaml\",\n \"yml\",\n \"csv\",\n \"ts\",\n \"js\",\n \"jsx\",\n \"tsx\",\n \"css\",\n \"scss\",\n \"sass\",\n \"less\",\n \"styl\",\n \"vue\",\n \"py\",\n \"sh\",\n \"c\",\n \"h\",\n \"cpp\",\n \"cs\",\n \"java\",\n \"rb\",\n \"pl\",\n \"go\",\n \"rs\",\n \"php\",\n \"text\",\n];\n\nexport function isImage(path: string) {\n return COMMON_IMAGE_EXTENSIONS.includes(path.split(\".\").pop());\n}\n\nexport function isText(path: string) {\n return COMMON_TEXT_EXTENSIONS.includes(path.split(\".\").pop());\n}\n\nexport function isJSON(path: string, text?: string, size?: number): boolean {\n // Check if file extension is .json\n if (path.endsWith('.json')) {\n return true;\n }\n \n // If we have text content and size is less than 100KB, try to parse as JSON\n if (text && size && size < 100 * 1024) {\n try {\n JSON.parse(text);\n return true;\n } catch {\n return false;\n }\n }\n \n return false;\n}",[190],["D",1774296549543],[70],["D",1774296070059],[102],"b4b2d008-2499-11f1-8d36-42dde27851f2","README.md","019d0ce4-964e-72fb-95a1-74b48b5efc9e",["D",1774037800424],"# Blob Admin\n\nHand-crafted server-rendered Hono JSX. Back to basics.\n\n## Features\n\n- **File Management**: Upload, view, edit, and delete blob files\n- **Authentication**: Secure access with lastlogin middleware\n- **File Type Support**:\n - **Images**: Display inline with preview\n - **Text Files**: Editable in textarea with syntax highlighting\n - **JSON Files**: Interactive JSON viewer with collapsible nodes and edit capability\n - **Binary Files**: Metadata view with download option\n- **JSON Detection**: Automatically detects JSON files by:\n - `.json` file extension\n - Files under 100KB that parse as valid JSON\n- **Public Files**: Support for public file hosting via `__public/` prefix\n- **Search & Pagination**: Browse files with prefix search and pagination\n\n## JSON Viewer\n\nThe JSON viewer provides:\n- Collapsible/expandable object and array nodes\n- Syntax highlighting\n- Copy functionality\n- Edit mode with JSON validation\n- Error handling for invalid JSON\n\n## Todo\n\n- [ ] Make a seperate val for hosting public files?\n- [ ] Explain how the public folder works\n- [ ] Button to move blobs into or out of the public folder\n- [ ] Merge this back to the orignal\n- [ ] Ability to rename blobs",[200],"b4b2c95a-2499-11f1-8d36-42dde27851f2","NotAuthorizedPage.tsx","019d0ce4-964e-72fb-95a1-73d52c6e79df",["D",1774037800424],"/** @jsxImportSource npm:hono/jsx */\nimport { Layout } from \"./Layout.tsx\";\n\nexport function NotAuthorizedPage(\n { username, email }: { username: string; email: string },\n) {\n return (\n \n

Not authorized

\n You are logged in as {email}.\n

\n You must log in with {username}'s email.\n

\n If you're sadly not {username},{\" \"}\n \n remix yourself a Blob Admin here\n .\n

\n \n );\n}",[206],"b4b2b8e8-2499-11f1-8d36-42dde27851f2","NewPage.tsx","019d0ce4-964e-72fb-95a1-6c8d822ad92f",["D",1774037800424],"/** @jsxImportSource npm:hono/jsx */\nimport { Layout } from \"./Layout.tsx\";\n\nexport function NewPage(props) {\n return (\n \n

Save Blob

\n \n );\n}",[212],"b4b2b276-2499-11f1-8d36-42dde27851f2","LoginPage.tsx","019d0ce4-964e-72fb-95a1-69354f47ef7a",["D",1774037800424],"/** @jsxImportSource npm:hono/jsx */\nimport { Layout } from \"./Layout.tsx\";\n\nexport function LoginPage({ username }: { username: string }) {\n return (\n \n

\n Blob Admin helps you manage your blob files in{\" \"}\n \n Val Town Blob Storage\n .\n

\n If you're {username},{\" \"}\n \n login here\n .\n

\n If you're sadly not {username},{\" \"}\n \n remix yourself a Blob Admin here\n .\n

\n \n );\n}",[218],"b4b2a95c-2499-11f1-8d36-42dde27851f2","Layout.tsx","019d0ce4-964e-72fb-95a1-66fec58c11a7",["D",1774037800424],"/** @jsxImportSource npm:hono/jsx */\n\nexport function Layout({ children, showLogout = true }) {\n return (\n \n \n Blob Admin\n \n \n\n \n \n \n

\n \n Blob Admin\n \n

\n \n View source\n \n

\n {showLogout && (\n \n Logout\n \n )}\n

\n {children}\n

\n \n \n );\n}",[224],"b4b28ddc-2499-11f1-8d36-42dde27851f2","Home.tsx","019d0ce4-964e-72fb-95a1-608e340e695c",["D",1774037800424],"/** @jsxImportSource npm:hono/jsx */\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { Layout } from \"./Layout.tsx\";\n\ntype Blob = Awaited>[number];\n\nexport const Home = (props: {\n blobs: Blob[];\n prefix: string;\n limit: number;\n page: number;\n}) => {\n return (\n \n

\n \n

\n \n +\n \n

\n \n {/* Define column widths with a */}\n \n {/* Key (no width = flex) */}\n \n \n \n\n \n \n \n \n \n \n \n\n \n {props.blobs.map((blob, index) => (\n \n {/* Key cell: no fixed width here */}\n \n\n {/* Size cell: forced to 6rem (w-24) */}\n \n\n {/* Last Modified cell: forced to 8rem (w-32) */}\n \n \n ))}\n \n

\n Key \n	\n Size \n	\n Last Edited \n
\n \n \n {blob.key}\n \n \n	\n \n {blob.size > 1024 * 1024\n ? `${(blob.size / (1024 * 1024)).toFixed(0)} MB`\n : blob.size > 1024\n ? `${(blob.size / 1024).toFixed(0)} KB`\n : `${blob.size} B`}\n \n	\n \n {blob.lastModified.split(\"T\")[0]}\n \n

\n \n Previous\n {\" \"}\n

{props.page}

\n \n Next\n \n

\n \n );\n};",[230],"b4b26fa0-2499-11f1-8d36-42dde27851f2","BlobPage.tsx","019d0ce4-964d-7390-b8a9-82a132cb8ac8",["D",1774037800424],"/** @jsxImportSource npm:hono/jsx */\nimport { Layout } from \"./Layout.tsx\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\ntype Blob = Awaited>[number];\n\nexport function BlobPage({ name, error, type, text, metadata }: {\n name: string;\n metadata?: Blob;\n error?: string;\n type?: string;\n text?: string;\n}) {\n console.log(name);\n return (\n \n

{name}

\n {metadata\n ? (\n

\n {metadata.size > 1024 * 1024\n ? `${(metadata.size / (1024 * 1024)).toFixed(0)} MB`\n : metadata.size > 1024\n ? `${(metadata.size / 1024).toFixed(0)} KB`\n : `${metadata.size} B`}\n

Last edited: {metadata.lastModified}

\n )\n :

}\n

\n {name.startsWith(\"__public\") && (\n \n Public Link\n \n )}\n \n Replace\n \n \n Download\n \n \n \n Delete\n \n \n

\n {error &&

{error}

}\n\n {type === \"text\" ||\n type === \"json\" && (\n \n );\n}",[236],"pulls","branches","forks","envVars",{"_248":83,"_250":22},"connections",{"_248":22,"_249":22},"count","unfilledCount","emptyCount",{"_32":235,"_13":236,"_76":237,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":286,"_40":22,"_84":108,"_86":239,"_64":48,"_88":-5,"_89":287,"_69":288},{"_32":229,"_13":230,"_76":231,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":283,"_40":22,"_84":108,"_86":233,"_64":48,"_88":-5,"_89":284,"_69":285},{"_32":223,"_13":224,"_76":225,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":280,"_40":22,"_84":108,"_86":227,"_64":48,"_88":-5,"_89":281,"_69":282},{"_32":217,"_13":218,"_76":219,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":277,"_40":22,"_84":108,"_86":221,"_64":48,"_88":-5,"_89":278,"_69":279},{"_32":211,"_13":212,"_76":213,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":274,"_40":22,"_84":108,"_86":215,"_64":48,"_88":-5,"_89":275,"_69":276},{"_32":205,"_13":206,"_76":207,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":271,"_40":22,"_84":108,"_86":209,"_64":48,"_88":-5,"_89":272,"_69":273},{"_32":199,"_13":200,"_76":201,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":268,"_40":22,"_84":162,"_86":203,"_64":48,"_88":-5,"_89":269,"_69":270},{"_32":104,"_13":102,"_76":105,"_78":-5,"_79":57,"_80":20,"_81":26,"_34":106,"_40":107,"_84":108,"_86":109,"_64":48,"_88":-5,"_89":266,"_69":267},{"_32":75,"_13":70,"_76":77,"_78":-5,"_79":57,"_80":56,"_81":26,"_34":82,"_40":83,"_84":85,"_86":87,"_64":48,"_88":-5,"_89":264,"_69":265},{"_32":189,"_13":190,"_76":191,"_78":-5,"_79":57,"_80":83,"_81":26,"_34":261,"_40":22,"_84":108,"_86":193,"_64":48,"_88":-5,"_89":262,"_69":263},["D",1774037800424],[],[190],[],[70],[],[102],["D",1774037800424],[],[200],["D",1774037800424],[],[206],["D",1774037800424],[],[212],["D",1774037800424],[],[218],["D",1774037800424],[],[224],["D",1774037800424],[],[230],["D",1774037800424],[],[236],["D",1774037800424],{"_11":12,"_150":146},{"_11":12,"_144":-5,"_145":146,"_118":119,"_147":148,"_149":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":54,"_55":14,"_51":12},"ctx",{"_139":-5,"_172":326,"_327":328,"_329":330,"_331":48,"_332":48,"_333":48,"_334":26,"_335":-5,"_336":-7,"_337":-7,"_338":22,"_339":48,"_340":48,"_341":-5,"_342":48,"_343":48,"_344":48,"_345":-5},"ENV",{"_297":298,"_299":300,"_301":16,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

Compare

Mergebrenwildt/mainintostevekrouse/main

Hmain.tsx+5-2

key.ts+2-0