\n {children}\n

\n \n \n );\n }),\n);\n\napp.get(\"/\", async (c) => {\n let blobs = await blob.list(c.req.query(\"search\"));\n return c.render(\n

Blob Admin

\n \n \n New Blob\n Upload Blob\n \n

\n \n \n \n \n \n \n \n Edit\n \n \n Delete\n \n \n Download\n \n \n \n {blobs.map(b => (\n \n \n \n \n \n ✍️\n \n \n 🗑️\n \n \n ⬇️\n \n \n ))}\n

Name	Size (kb)	Last Modified
\n \n {b.key}\n \n	{b.size / 1000}	{new Date(b.lastModified).toLocaleString()}

,\n );\n});\n\napp.route(\"/create\", create_route);\napp.route(\"upload\", upload_route);\napp.route(\"/view\", view_route);\napp.route(\"/edit\", edit_route);\napp.route(\"/delete\", delete_route);\n\napp.get(\"/download/:key\", (c) => {\n return blob.get(c.req.param(\"key\"));\n});\n\nexport default modifyFetchHandler(passwordAuth(app.fetch));","label",[67],"4266ac06-26d7-11f0-a5b3-569c3dd06744",["D",1724483716618],"# Blob Admin\n\nThis is a lightweight Blob Admin interface to view and debug your Blob data.\n\n![b7321ca2cd80899250589b9aa08bc3cae9c7cea276282561194e7fc537259b46.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/311a81bb-18d8-4583-b7e3-64bac326f700/public)\n\nUse this button to install the val:\n\n[![](https://stevekrouse-button.express.val.run/Install)](https://www.val.town/v/stevekrouse/blob_admin_app/fork)\n\nIt uses [basic authentication](https://www.val.town/v/pomdtr/basicAuth) with your [Val Town API Token](https://www.val.town/settings/api) as the password (leave the username field blank).\n\n# TODO\n\n- [x] `/new` - render a page to write a new blob key and value\n- [x] `/edit/:blob` - render a page to edit a blob (prefilled with the existing content)\n- [x] `/delete/:blob` - delete a blob and render success\n- [x] add upload/download buttons\n- [ ] Use [modals](https://picocss.com/docs/modal) for create/upload/edit/view/delete page (htmx ?)\n- [ ] handle non-textual blobs properly\n- [ ] use codemirror instead of a textarea for editing text blobs",[78],"pulls","branches","forks","envVars",{"_74":20,"_212":20},"connections",{"_74":20,"_211":20},"unfilledCount","emptyCount",{"_31":200,"_13":78,"_65":77,"_41":-5,"_33":34,"_193":38,"_194":117,"_35":219,"_37":20,"_68":51,"_196":202,"_70":24,"_198":-5,"_216":220,"_156":221},{"_31":192,"_13":67,"_65":66,"_41":-5,"_33":34,"_193":101,"_194":117,"_35":215,"_37":94,"_68":69,"_196":197,"_70":24,"_198":-5,"_216":217,"_156":218},["D",1724484569138],"children",[],[67],["D",1724483716618],[],[78],["D",1746136642211],{"_11":12,"_155":73},{"_11":12,"_151":-5,"_72":73,"_25":71,"_152":153,"_154":24},{"_37":101,"_13":16,"_31":34,"_140":106,"_141":142,"_143":20,"_144":111,"_145":146,"_147":148,"_149":14,"_150":12},"ctx",{"_49":-5,"_177":259,"_260":261,"_262":263,"_264":24,"_265":24,"_266":24,"_267":117,"_268":-5,"_269":-7,"_270":-7,"_271":20,"_272":24,"_273":24,"_274":-5,"_275":24,"_276":24,"_277":24,"_278":-5},"ENV",{"_230":231,"_232":233,"_234":16,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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