[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_260":261,"_262":263},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_193":-5,"_20":194,"_22":195,"_196":197,"_198":199,"_26":200,"_24":201,"_202":-5,"_203":-5,"_204":52,"_205":206,"_207":43,"_208":-5,"_209":-5,"_210":211},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","stevekrouse","name","blob_admin","branchName","main","version","path","Home.tsx","project",{"_33":134,"_13":14,"_44":135,"_136":-5,"_137":52,"_138":139,"_140":139,"_141":142,"_143":-5,"_144":145,"_146":76,"_147":43,"_148":-5,"_149":150,"_151":152,"_153":154,"_155":156,"_157":158,"_159":160,"_161":-5,"_162":163,"_164":163,"_165":166,"_167":166,"_168":166,"_169":163,"_170":163,"_171":172,"_173":174,"_175":176,"_177":52},"tree",[55,56,57,58,59,60,61,62,63],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":54},"contents",[],"upstream","pull","ahead","behind","envVars","id","4d4a1f64-7a1e-11f0-be8b-0224a6c84d84","fileId","4d4a200e-7a1e-11f0-be8b-0224a6c84d84","parentId","branchId","46794d58-1962-11f0-aff0-569c3dd06744","branchVersion",60,"latest",true,"createdAt",["D",1755293101261],0,"fileType","script","content","/** @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};","deleted",false,"label",[19],{"_33":127,"_13":128,"_35":129,"_37":-5,"_38":39,"_40":67,"_42":43,"_44":130,"_17":69,"_47":48,"_49":131,"_51":52,"_53":-5,"_71":132,"_18":133},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":124,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_71":125,"_18":126},{"_33":116,"_13":117,"_35":118,"_37":-5,"_38":39,"_40":67,"_42":43,"_44":119,"_17":120,"_47":48,"_49":121,"_51":52,"_53":-5,"_71":122,"_18":123},{"_33":108,"_13":109,"_35":110,"_37":-5,"_38":39,"_40":111,"_42":43,"_44":112,"_17":69,"_47":48,"_49":113,"_51":52,"_53":-5,"_71":114,"_18":115},{"_33":101,"_13":102,"_35":103,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":104,"_17":46,"_47":48,"_49":105,"_51":52,"_53":-5,"_71":106,"_18":107},{"_33":93,"_13":94,"_35":95,"_37":-5,"_38":39,"_40":96,"_42":43,"_44":97,"_17":69,"_47":48,"_49":98,"_51":52,"_53":-5,"_71":99,"_18":100},{"_33":85,"_13":86,"_35":87,"_37":-5,"_38":39,"_40":67,"_42":43,"_44":88,"_17":89,"_47":24,"_49":90,"_51":52,"_53":-5,"_71":91,"_18":92},{"_33":74,"_13":75,"_35":76,"_37":-5,"_38":39,"_40":77,"_42":43,"_44":78,"_17":79,"_47":80,"_49":81,"_51":52,"_53":82,"_71":83,"_18":84},{"_33":64,"_13":65,"_35":66,"_37":-5,"_38":39,"_40":67,"_42":43,"_44":68,"_17":69,"_47":48,"_49":70,"_51":52,"_53":-5,"_71":72,"_18":73},"2bdb9954-7c83-11f0-a361-0224a6c84d84","utils.ts","4d4a36a2-7a1e-11f0-be8b-0224a6c84d84",62,["D",1755556326672],1,"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}","children",[],[65],"4dcffcfa-f70b-11f0-8b9b-42dde27851f2","main.tsx","467b616a-1962-11f0-aff0-569c3dd06744",65,["D",1769028837053],52,"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, 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

\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(oauthMiddleware(app.fetch), import.meta.url);","blob",[],[75],"2bdb8fd6-7c83-11f0-a361-0224a6c84d84","README.md","8cfe7c9c-42ea-11f0-b5eb-76b3cceeab13",["D",1755556326672],6,"# 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",[],[86],"00cccf44-f6db-11f0-adb2-42dde27851f2","NotAuthorizedPage.tsx","4d4a3472-7a1e-11f0-be8b-0224a6c84d84",63,["D",1769008092005],"/** @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}",[],[94],"4d4a317a-7a1e-11f0-be8b-0224a6c84d84","NewPage.tsx","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}",[],[102],"02cf2756-f6db-11f0-b6ea-42dde27851f2","LoginPage.tsx","4d4a2f90-7a1e-11f0-be8b-0224a6c84d84",64,["D",1769008095380],"/** @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}",[],[109],"2bdb8e32-7c83-11f0-a361-0224a6c84d84","Layout.tsx","4d4a2c48-7a1e-11f0-be8b-0224a6c84d84",["D",1755556326672],2,"/** @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}",[],[117],["D",1755293101261],[],[19],"2bdb854a-7c83-11f0-a361-0224a6c84d84","BlobPage.tsx","4d4a13ac-7a1e-11f0-be8b-0224a6c84d84",["D",1755556326672],"/** @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}",[],[128],"4679026c-1962-11f0-aff0-569c3dd06744",["D",1744657032829],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Dashboard to view & edit Val Town Blog Storage","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion",51,"likeCount",3,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","4679026c196211f0aff0569c3dd06744","tursoHostname","4679026c196211f0aff0569c3dd06744-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789510872811],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_192":188},"org",{"_11":12,"_186":-5,"_187":188,"_144":145,"_189":190,"_191":52},"branch",{"_17":77,"_13":16,"_33":39,"_178":134,"_179":-5,"_180":-5,"_181":-5,"_182":-5,"_183":-5,"_184":14,"_185":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":134,"_13":14,"_44":255,"_136":-5,"_137":52,"_138":139,"_140":139,"_141":142,"_143":-5,"_144":145,"_146":76,"_147":43,"_148":-5,"_149":150,"_151":152,"_153":154,"_155":156,"_157":158,"_159":256,"_161":-5,"_162":163,"_164":163,"_165":166,"_167":166,"_168":166,"_169":163,"_170":163,"_171":257,"_173":258,"_175":259,"_177":52},[228,229,230,231,232,233,234,235,236],"files",[228,229,230,231,232,233,234,235,236],"counts",{"_217":46,"_218":219,"_220":221,"_32":222,"_223":224},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":216},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[212],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":213,"_214":215},"34a2bfe2-5156-11f1-86bb-ee650bb23af1","reporterId","019e3209-4896-725e-97fe-cc5f64f37ce2",[19],"pulls","branches",4,"forks",143,{"_225":46,"_227":46},"connections",{"_225":46,"_226":46},"count","unfilledCount","emptyCount",{"_33":127,"_13":128,"_35":129,"_37":-5,"_38":39,"_40":67,"_42":43,"_44":130,"_17":69,"_47":48,"_49":131,"_51":52,"_53":-5,"_71":253,"_18":254},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":124,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_71":251,"_18":252},{"_33":116,"_13":117,"_35":118,"_37":-5,"_38":39,"_40":67,"_42":43,"_44":119,"_17":120,"_47":48,"_49":121,"_51":52,"_53":-5,"_71":249,"_18":250},{"_33":108,"_13":109,"_35":110,"_37":-5,"_38":39,"_40":111,"_42":43,"_44":112,"_17":69,"_47":48,"_49":113,"_51":52,"_53":-5,"_71":247,"_18":248},{"_33":101,"_13":102,"_35":103,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":104,"_17":46,"_47":48,"_49":105,"_51":52,"_53":-5,"_71":245,"_18":246},{"_33":93,"_13":94,"_35":95,"_37":-5,"_38":39,"_40":96,"_42":43,"_44":97,"_17":69,"_47":48,"_49":98,"_51":52,"_53":-5,"_71":243,"_18":244},{"_33":85,"_13":86,"_35":87,"_37":-5,"_38":39,"_40":67,"_42":43,"_44":88,"_17":89,"_47":24,"_49":90,"_51":52,"_53":-5,"_71":241,"_18":242},{"_33":74,"_13":75,"_35":76,"_37":-5,"_38":39,"_40":77,"_42":43,"_44":78,"_17":79,"_47":80,"_49":81,"_51":52,"_53":82,"_71":239,"_18":240},{"_33":64,"_13":65,"_35":66,"_37":-5,"_38":39,"_40":67,"_42":43,"_44":68,"_17":69,"_47":48,"_49":70,"_51":52,"_53":-5,"_71":237,"_18":238},[],[65],[],[75],[],[86],[],[94],[],[102],[],[109],[],[117],[],[19],[],[128],["D",1744657032829],["D",1789510872811],{"_11":12,"_192":188},{"_11":12,"_186":-5,"_187":188,"_144":145,"_189":190,"_191":52},{"_17":77,"_13":16,"_33":39,"_178":134,"_179":-5,"_180":-5,"_181":-5,"_182":-5,"_183":-5,"_184":14,"_185":12},"ctx",{"_171":-5,"_209":293,"_294":295,"_296":297,"_298":52,"_299":52,"_300":52,"_301":43,"_302":-5,"_303":-7,"_304":-7,"_305":46,"_306":52,"_307":52,"_308":-5,"_309":52,"_310":52,"_311":52,"_312":-5},"ENV",{"_264":265,"_266":267,"_268":16,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]