[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_261":262,"_263":264},"routes/_app.x.$handle.$name",{"_98":97,"_33":46,"_106":85,"_28":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":27,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":27,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":27},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":29,"_34":35,"_36":37},"deleted",true,"deletedHere",false,"path","BlobPage.tsx","latestPath","fileId","2ffa4955-2d4a-4a32-a28f-d250402be551","name","fileType","script","content","/** @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 {type === \"text\" && (\n \n );\n}","/** @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 {type === \"text\" && (\n \n );\n}","createdAt",["D",1750189835624],"branchVersion","branchId","2a73cea4-4bb1-11f0-8f35-76b3cceeab13","id","2a70fad0-4bb1-11f0-8f35-76b3cceeab13","blob_admin_hono",["D",1750188474174],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":27},"branch",{"_13":84,"_33":85,"_44":43,"_86":45,"_87":88,"_89":90,"_91":51,"_92":93,"_94":63,"_95":46,"_96":97},"isOwned",44,"main","projectId","forkedBranchId","46794d58-1962-11f0-aff0-569c3dd06744","forkedBranchVersion",60,"forkedProjectPrivacy","forkedProjectId","4679026c-1962-11f0-aff0-569c3dd06744","forkedProjectOrgId","projectName","userHandle","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_33":46,"_39":257,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":27,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":258,"_79":259,"_81":260,"_83":27},"tree",[220,221,222,223,224,225,226,227,228],"files",[220,221,222,223,224,225,226,227,228],"counts",{"_210":154,"_211":179,"_212":179,"_213":214,"_215":216},"contents",[139,140,141,142,143,144,145,146,147],"upstreamProject",{"_44":93,"_33":136,"_53":137,"_54":-5,"_50":51,"_77":138},"upstreamBranch",{"_44":88,"_39":130,"_131":132,"_33":85,"_86":93,"_13":133,"_87":-5,"_89":-5,"_134":135,"_48":-5,"_83":27,"_50":51,"_96":97,"_62":63,"_95":136},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744657032829],"updatedAt",["D",1769028837053],65,"lockfileKey","1769028839091-esm.town_v_stevekrouse_blob_admin@65-main","blob_admin","Dashboard to view & edit Val Town Blog Storage",{"_98":97,"_105":101},{"_44":207,"_33":29,"_31":32,"_151":-5,"_42":43,"_41":14,"_152":27,"_39":208,"_13":179,"_34":35,"_36":38,"_24":27,"_156":-5,"_28":209},{"_44":201,"_33":202,"_31":203,"_151":-5,"_42":43,"_41":61,"_152":27,"_39":204,"_13":154,"_34":35,"_36":205,"_24":27,"_156":-5,"_28":206},{"_44":194,"_33":195,"_31":196,"_151":-5,"_42":43,"_41":197,"_152":27,"_39":198,"_13":61,"_34":35,"_36":199,"_24":27,"_156":-5,"_28":200},{"_44":188,"_33":189,"_31":190,"_151":-5,"_42":43,"_41":61,"_152":27,"_39":191,"_13":154,"_34":35,"_36":192,"_24":27,"_156":-5,"_28":193},{"_44":182,"_33":183,"_31":184,"_151":-5,"_42":43,"_41":61,"_152":27,"_39":185,"_13":154,"_34":35,"_36":186,"_24":27,"_156":-5,"_28":187},{"_44":174,"_33":175,"_31":176,"_151":-5,"_42":43,"_41":177,"_152":27,"_39":178,"_13":179,"_34":35,"_36":180,"_24":27,"_156":-5,"_28":181},{"_44":167,"_33":168,"_31":169,"_151":-5,"_42":43,"_41":170,"_152":27,"_39":171,"_13":61,"_34":20,"_36":172,"_24":27,"_156":-5,"_28":173},{"_44":158,"_33":159,"_31":160,"_151":-5,"_42":43,"_41":161,"_152":27,"_39":162,"_13":163,"_34":164,"_36":165,"_24":27,"_156":-5,"_28":166},{"_44":148,"_33":149,"_31":150,"_151":-5,"_42":43,"_41":61,"_152":27,"_39":153,"_13":154,"_34":35,"_36":155,"_24":27,"_156":-5,"_28":157},"2a772c3e-4bb1-11f0-8f35-76b3cceeab13","utils.ts","9f9c0e9e-3904-41a5-a0b1-82aca474994d","parentId","latest",["D",1750188474174],0,"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}","label",[149],"3dbd42a8-4bb4-11f0-bf8a-76b3cceeab13","main.tsx","2619e491-1a56-4355-80fd-b3295cdcb09d",13,["D",1750189795038],6,"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\napp.get(\"/public/:key\", (c) => {\n console.log(\"public\", c.req.param(\"key\"));\n // TODO work on this\n // - think through if we need to url encode or decode\n // - button to move blobs to public folder and back\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/\" + name);\n }\n const text = formData[\"text\"];\n if (typeof text === \"string\") {\n await blob.set(name, text);\n return c.redirect(\"/blob/\" + 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);",[159],"d8c53ca2-4bb3-11f0-bb65-76b3cceeab13","README.md","82abf79c-b104-4498-98cd-33f318b5aa3a",9,["D",1750189625643],"# Blob Admin\n\nHand-crafted server-rendered Hono JSX. Back to basics.\n\nI'm currently a bit stuck in blob keyname url encoding hell. Options:\n\n1. Keep the old public scheme and merge this val back into blob_admin the\n original\n2. Come up with a better scheme and keep this as a seperate app.\n\nThere's a branch off this remix with me trying the query param path.",[168],"636ab786-4bb1-11f0-b2e0-76b3cceeab13","NotAuthorizedPage.tsx","6da1ed3d-8225-4939-89a1-9e00ac72c382",4,["D",1750188569759],3,"/** @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}",[175],"2a772112-4bb1-11f0-8f35-76b3cceeab13","NewPage.tsx","d98a74d6-5114-4116-a9be-0576b3edaaad",["D",1750188474174],"/** @jsxImportSource npm:hono/jsx */\nimport { Layout } from \"./Layout.tsx\";\n\nexport function NewPage(props) {\n return (\n \n

Save Blob

\n \n );\n}",[183],"2a771f8c-4bb1-11f0-8f35-76b3cceeab13","LoginPage.tsx","25cbe740-2d48-409c-86f5-faa389e5b2c3",["D",1750188474174],"/** @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}",[189],"f43d5b74-4bb1-11f0-b0b6-76b3cceeab13","Layout.tsx","f9fd69f0-b5aa-4f68-b526-b7ae2b90dc70",7,["D",1750188812732],"/** @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}",[195],"2a771348-4bb1-11f0-8f35-76b3cceeab13","Home.tsx","396d7485-344b-486c-8920-582f392996a5",["D",1750188474174],"/** @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};",[202],"55ee769e-4bb4-11f0-9e86-76b3cceeab13",["D",1750189835624],[29],"pulls","branches","forks","envVars",{"_217":154,"_219":154},"connections",{"_217":154,"_218":154},"count","unfilledCount","emptyCount",{"_44":207,"_33":29,"_31":32,"_151":-5,"_42":43,"_41":14,"_152":27,"_39":254,"_13":179,"_34":35,"_36":38,"_24":27,"_156":-5,"_230":255,"_28":256},{"_44":201,"_33":202,"_31":203,"_151":-5,"_42":43,"_41":61,"_152":27,"_39":251,"_13":154,"_34":35,"_36":205,"_24":27,"_156":-5,"_230":252,"_28":253},{"_44":194,"_33":195,"_31":196,"_151":-5,"_42":43,"_41":197,"_152":27,"_39":248,"_13":61,"_34":35,"_36":199,"_24":27,"_156":-5,"_230":249,"_28":250},{"_44":188,"_33":189,"_31":190,"_151":-5,"_42":43,"_41":61,"_152":27,"_39":245,"_13":154,"_34":35,"_36":192,"_24":27,"_156":-5,"_230":246,"_28":247},{"_44":182,"_33":183,"_31":184,"_151":-5,"_42":43,"_41":61,"_152":27,"_39":242,"_13":154,"_34":35,"_36":186,"_24":27,"_156":-5,"_230":243,"_28":244},{"_44":174,"_33":175,"_31":176,"_151":-5,"_42":43,"_41":177,"_152":27,"_39":239,"_13":179,"_34":35,"_36":180,"_24":27,"_156":-5,"_230":240,"_28":241},{"_44":167,"_33":168,"_31":169,"_151":-5,"_42":43,"_41":170,"_152":27,"_39":236,"_13":61,"_34":20,"_36":172,"_24":27,"_156":-5,"_230":237,"_28":238},{"_44":158,"_33":159,"_31":160,"_151":-5,"_42":43,"_41":161,"_152":27,"_39":233,"_13":163,"_34":164,"_36":165,"_24":27,"_156":-5,"_230":234,"_28":235},{"_44":148,"_33":149,"_31":150,"_151":-5,"_42":43,"_41":61,"_152":27,"_39":229,"_13":154,"_34":35,"_36":155,"_24":27,"_156":-5,"_230":231,"_28":232},["D",1750188474174],"children",[],[149],["D",1750189795038],[],[159],["D",1750189625643],[],[168],["D",1750188569759],[],[175],["D",1750188474174],[],[183],["D",1750188474174],[],[189],["D",1750188812732],[],[195],["D",1750188474174],[],[202],["D",1750189835624],[],[29],["D",1750188474174],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":27},{"_13":84,"_33":85,"_44":43,"_86":45,"_87":88,"_89":90,"_91":51,"_92":93,"_94":63,"_95":46,"_96":97},"ctx",{"_77":-5,"_127":294,"_295":296,"_297":298,"_299":27,"_300":27,"_301":27,"_302":25,"_303":-5,"_304":-7,"_305":-7,"_306":154,"_307":27,"_308":27,"_309":-5,"_310":27,"_311":27,"_312":27,"_313":-5},"ENV",{"_265":266,"_267":268,"_269":85,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Diff · v15