{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 {type === \"text\" && (\n \n );\n}",[220],"contentHash","deacd129f903d1f53a31513a0b993ec36e37fa9509c84b245c1e659cf7ad1c80","sourceFile",{"_98":233,"_221":234,"_231":-7},"Home.tsx",{"_102":235,"_95":233,"_155":236,"_157":-5,"_158":140,"_159":142,"_161":162,"_104":237,"_99":32,"_165":226,"_167":238,"_169":22,"_170":-5,"_171":-7,"_98":239,"_229":240},"4d4a1f64-7a1e-11f0-be8b-0224a6c84d84","4d4a200e-7a1e-11f0-be8b-0224a6c84d84",["D",1755293101261],"/** @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};",[233],"f03581bf262d24174de68e02409b9c3787d9fb3e5f8ca1f5cedda0cef6091498",{"_98":242,"_221":243,"_231":-7},"Layout.tsx",{"_102":244,"_95":242,"_155":245,"_157":-5,"_158":140,"_159":142,"_161":22,"_104":246,"_99":32,"_165":226,"_167":247,"_169":22,"_170":-5,"_171":-7,"_98":248,"_229":249},"4d4a2b9e-7a1e-11f0-be8b-0224a6c84d84","4d4a2c48-7a1e-11f0-be8b-0224a6c84d84",["D",1755293101261],"/** @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 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}",[242],"0f19e6404182fae302ce6c259856ed8f9eae42b79af713303b48be76436aa470",{"_98":251,"_221":252,"_231":-7},"LoginPage.tsx",{"_102":253,"_95":251,"_155":254,"_157":-5,"_158":140,"_159":142,"_161":162,"_104":255,"_99":32,"_165":226,"_167":256,"_169":22,"_170":-5,"_171":-7,"_98":257,"_229":258},"4d4a2ef0-7a1e-11f0-be8b-0224a6c84d84","4d4a2f90-7a1e-11f0-be8b-0224a6c84d84",["D",1755293101261],"/** @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}",[251],"5278a01262149a9cab5cf2ce5c4adee67b0862ca68f3b9c20ca5f9b2c6b5887f",{"_98":260,"_221":261,"_231":-7},"NewPage.tsx",{"_102":262,"_95":260,"_155":263,"_157":-5,"_158":140,"_159":142,"_161":162,"_104":264,"_99":32,"_165":226,"_167":265,"_169":22,"_170":-5,"_171":-7,"_98":266,"_229":267},"4d4a317a-7a1e-11f0-be8b-0224a6c84d84","4d4a321a-7a1e-11f0-be8b-0224a6c84d84",["D",1755293101261],"/** @jsxImportSource npm:hono/jsx */\nimport { Layout } from \"./Layout.tsx\";\n\nexport function NewPage(props) {\n return (\n \n

Save Blob

\n \n );\n}",[260],"a8b24fbe4dde7f179b692e994658e2b34c8baeeecd17403fb640f414a7d95151",{"_98":269,"_221":270,"_231":-7},"NotAuthorizedPage.tsx",{"_102":271,"_95":269,"_155":272,"_157":-5,"_158":140,"_159":142,"_161":162,"_104":273,"_99":32,"_165":226,"_167":274,"_169":22,"_170":-5,"_171":-7,"_98":275,"_229":276},"4d4a33c8-7a1e-11f0-be8b-0224a6c84d84","4d4a3472-7a1e-11f0-be8b-0224a6c84d84",["D",1755293101261],"/** @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}",[269],"ec7c648f531aaf4d2d134ceb363401d9c071c873bccc81844bee2494b76f1158",{"_98":278,"_221":279,"_231":-7},"main.tsx",{"_102":280,"_95":278,"_155":281,"_157":-5,"_158":140,"_159":142,"_161":22,"_104":282,"_99":283,"_165":284,"_167":285,"_169":22,"_170":286,"_171":-7,"_98":287,"_229":288},"4d4a5970-7a1e-11f0-be8b-0224a6c84d84","467b616a-1962-11f0-aff0-569c3dd06744",["D",1755293101261],50,"http","/** @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, isText } from \"./utils.ts\";\nimport { Layout } from \"./Layout.tsx\";\nimport { NewPage } from \"./NewPage.tsx\";\nimport { LoginPage } from \"./LoginPage.tsx\";\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin\";\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\", (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n if (email) {\n return c.redirect(\"/\");\n }\n return c.html();\n});\n\n// auth middleware\napp.use(\"*\", async (c, next) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n if (!email) {\n return c.redirect(\"/login\");\n } else if (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 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

\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 liveReload(lastlogin(app.fetch), import.meta.url);","blob",[278],"e7c6557e50140a09a740de95fc32dfa9965079682d82ffb1aa70240b261db5a6",{"_98":290,"_221":291,"_231":-7},"utils.ts",{"_102":292,"_95":290,"_155":293,"_157":-5,"_158":140,"_159":142,"_161":22,"_104":294,"_99":32,"_165":226,"_167":295,"_169":22,"_170":-5,"_171":-7,"_98":296,"_229":297},"4d4a3602-7a1e-11f0-be8b-0224a6c84d84","4d4a36a2-7a1e-11f0-be8b-0224a6c84d84",["D",1755293101261],"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}",[290],"83e547a7cc8f151a1e6aa021bff74e8442fd433cf8646d7146d800ccbd9ee739","modified",[300],{"_98":154,"_221":301,"_231":309},{"_102":302,"_95":154,"_155":303,"_157":-5,"_158":140,"_159":142,"_161":22,"_104":304,"_99":305,"_165":166,"_167":306,"_169":22,"_170":-5,"_171":-7,"_98":307,"_229":308},"4d4a570e-7a1e-11f0-be8b-0224a6c84d84","8cfe7c9c-42ea-11f0-b5eb-76b3cceeab13",["D",1755293101261],5,"# Blob Admin\n\nHand-crafted server-rendered Hono JSX. Back to basics.\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",[154],"a79f731ae522382997703a42a6421e7478bd73fdbd33eb946b9a0e130a6ef999",{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":137,"_159":160,"_161":162,"_104":163,"_99":164,"_165":166,"_167":168,"_169":22,"_170":-5,"_171":-7,"_98":310,"_229":311},[154],"18bf9c0b5538de2edf971bcbb06e4eae830d1c0bd5d6cd41102c90d1feb687d2","hasChanges","sourceBranch","targetBranch",{"_102":140,"_104":316,"_195":317,"_95":43,"_138":145,"_99":197,"_139":-5,"_141":-5,"_198":199,"_106":-5,"_149":22,"_108":109,"_148":94,"_16":118,"_147":190},["D",1744657032829],["D",1755556326672],"pull","actionData","errors"]

Mergeblob_admin_hono/mainintoblob_admin/main

README.md+1-11

BlobPage.tsx+0-94

Home.tsx+0-145

Layout.tsx+0-46

LoginPage.tsx+0-35

NewPage.tsx+0-44

NotAuthorizedPage.tsx+0-29

Hmain.tsx+0-143

utils.ts+0-53