[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_189":190,"_191":192},"routes/_app.x.$handle.$name",{"_101":100,"_33":51,"_109":91,"_28":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_21":-5,"_121":-5,"_122":-5,"_123":27,"_124":125,"_126":25,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_49":50,"_33":51,"_37":52,"_53":-5,"_54":27,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":25,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":27},"version",9,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":27,"_28":43,"_30":43},{"_21":22,"_23":-7,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":-5,"_37":38,"_39":14,"_40":41,"_24":27},"previous","deleted",true,"deletedHere",false,"path","lib","latestPath","fileId","a55ab6f6-1b52-44a8-9ebe-9b6d1ba45956","name","fileType","directory","content","createdAt",["D",1784059916850],"branchVersion","branchId","262386e9-a9ac-46f9-a03b-d01f8b617a46",{"_31":44,"_33":45,"_34":46,"_36":47,"_37":48,"_39":14,"_40":41,"_24":27},"lib/blob-store.ts","43c32b40-7fc0-11f1-b565-1607ee4eb77e","blob-store.ts","script","/**\n * Type definitions describing the blob client the admin UI needs.\n *\n * This intentionally matches the shape of Val Town's own std blob modules,\n * so you can pass either one straight in without wrapping anything:\n *\n * import { blob } from \"https://esm.town/v/std/blob/main.ts\"; // val-scoped\n * import { blob } from \"https://esm.town/v/std/blob/global.ts\"; // account-global\n */\n\nexport interface BlobListItem {\n key: string;\n size: number;\n lastModified: string;\n}\n\nexport interface BlobStore {\n list(prefix?: string): Promise;\n get(key: string): Promise;\n set(key: string, value: BodyInit): Promise;\n delete(key: string): Promise;\n move(previous: string, next: string): Promise;\n}\n",["D",1784059916850],"id","0b45b565-af42-463d-85fb-fdef24b7b40d","val_scoped_blob_admin",["D",1784053743735],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","354e78a1-5c0c-4900-b140-d249df71fc38","pinnedFileId","601f1b10-7fc9-11f1-8358-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","7418eb80-7666-4f00-aa43-5c71d89e5806","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":60,"_105":106,"_107":27},"branch",{"_13":90,"_33":91,"_49":41,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":51,"_99":100},"isOwned",64,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","gwoods22","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJmOGRvdmRqYzZXdW5MWFVsZzFCSjRUcTVsZiIsImluaXRpYWxzIjoiR1cifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_33":51,"_37":185,"_53":-5,"_54":27,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":25,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":186,"_85":187,"_87":188,"_89":27},"tree",[167,169,170],"files",[167,168,169,170],"counts",{"_156":67,"_157":158,"_159":67,"_160":161,"_162":163},"contents",[131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":153,"_33":29,"_31":32,"_137":-5,"_40":41,"_39":14,"_139":27,"_37":154,"_13":67,"_34":35,"_36":-5,"_24":27,"_144":-5,"_28":155},{"_49":146,"_33":147,"_31":148,"_137":-5,"_40":41,"_39":149,"_139":27,"_37":150,"_13":141,"_34":142,"_36":151,"_24":27,"_144":-5,"_28":152},{"_49":134,"_33":135,"_31":136,"_137":-5,"_40":41,"_39":138,"_139":27,"_37":140,"_13":141,"_34":142,"_36":143,"_24":27,"_144":-5,"_28":145},"704aa8c3-1d7a-4aea-80d5-821ceea2a7b3","minimal.tsx","e414a18c-7fb1-11f1-a5ef-1607ee4eb77e","parentId",8,"latest",["D",1784053838415],3,"http","/** @jsxImportSource https://esm.sh/hono@4.0.8/jsx **/\nimport { modifyFetchHandler } from \"https://esm.town/v/andreterron/codeOnValTown\";\nimport { passwordAuth } from \"https://esm.town/v/pomdtr/password_auth/main.tsx\";\nimport { verifyToken } from \"https://esm.town/v/pomdtr/verifyToken\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono@4.0.8\";\nimport { jsxRenderer } from \"npm:hono@4.0.8/jsx-renderer\";\nimport { HTTPException } from \"npm:hono@4.0.8/http-exception\";\n\nconst app = new Hono(), val = parseVal(import.meta.url), enc = encodeURIComponent;\nconst A = ({ href, label }: { href: string; label: string }) => {label};\nconst css = `pre{outline:1px solid #ccc;padding:5px;margin:15px;white-space:pre-wrap}.string{color:green}.number{color:darkorange}.boolean{color:blue}.null{color:magenta}.key{color:red}`;\nconst hl = (j: string) => j.replace(/&/g, \"&\").replace(//g, \">\").replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)/g, (m) => `${m}`);\n\napp.use(jsxRenderer(({ children }) => {val.name} Blob Admin

{children}

));\n\napp.get(\"/\", async (c) => c.render(

`{val.name}` Blob Admin

New Blob Upload Blob

{(await blob.list()).map((b) => { const k = enc(b.key); return ; })}

Name	Size (kb)	Last Modified	Edit	Delete	Download
{b.key}	{Math.round(b.size / 1000)}	{new Date(b.lastModified).toLocaleString()}

));\n\napp.get(\"/create\", (c) => c.render(

KeyContent

<input type=\"submit\" value=\"Create\" /></form>));\napp.post(\"/create\", async (c) => {\n  const { key, content } = await c.req.parseBody() as { key: string; content: string };\n  const exists = await blob.get(key).then(() => true, () => false);\n  if (exists) throw new HTTPException(400, { message: `key ${key} already exists` });\n  await blob.set(key, content);\n  return c.redirect(\"/\");\n});\n\napp.get(\"/upload\", (c) => c.render(<form method=\"POST\" enctype=\"multipart/form-data\"><input name=\"file\" type=\"file\" /><input type=\"submit\" value=\"Upload\" /></form>));\napp.post(\"/upload\", async (c) => {\n  const { file } = await c.req.parseBody();\n  if (!(file instanceof File)) return c.text(\"Invalid file\", 400);\n  await blob.set(file.name, await file.arrayBuffer());\n  return c.redirect(\"/\");\n});\n\napp.get(\"/view/:key\", async (c) => {\n  const key = c.req.param(\"key\"), text = await (await blob.get(key)).text();\n  let j: string, isJson = true;\n  try { j = JSON.stringify(JSON.parse(text), null, 2); } catch { isJson = false; }\n  return c.render(<div><style>{css}</style><h1>{key}</h1>{isJson ? <pre dangerouslySetInnerHTML={{ __html: hl(j!) }} /> : <pre>{text + \"\\n\"}</pre>}</div>);\n});\n\napp.get(\"/edit/:key\", async (c) => {\n  const key = c.req.param(\"key\");\n  return c.render(<form method=\"POST\"><input name=\"new_key\" value={key} /><textarea name=\"content\">{await (await blob.get(key)).text()}

);\n});\napp.post(\"/edit/:key\", async (c) => {\n const key = c.req.param(\"key\"), { content, new_key } = await c.req.parseBody() as { content: string; new_key: string };\n await blob.set(key, content);\n if (new_key !== key) await blob.move(key, new_key);\n return c.redirect(\"/\");\n});\n\napp.get(\"/delete/:key\", (c) => c.render());\napp.post(\"/delete/:key\", async (c) => { await blob.delete(c.req.param(\"key\")); return c.redirect(\"/\"); });\n\napp.get(\"/download/:key\", (c) => blob.get(c.req.param(\"key\")));\n\nexport default modifyFetchHandler(passwordAuth(app.fetch, { verifyPassword: verifyToken }));","label",[135],"af00103a-c5bc-4c1d-8836-16919fb5af52","main.tsx","fd8ab606-7fb1-11f1-aae8-1607ee4eb77e",7,["D",1784053833925],"/** @jsxImportSource https://esm.sh/hono@4.0.8/jsx **/\nimport { modifyFetchHandler } from \"https://esm.town/v/andreterron/codeOnValTown\";\nimport { passwordAuth } from \"https://esm.town/v/pomdtr/password_auth/main.tsx\";\nimport { verifyToken } from \"https://esm.town/v/pomdtr/verifyToken\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nimport { Hono } from \"npm:hono@4.0.8\";\nimport { jsxRenderer } from \"npm:hono@4.0.8/jsx-renderer\";\nimport { HTTPException } from \"npm:hono@4.0.8/http-exception\";\n\nconst app = new Hono();\nconst val = parseVal(import.meta.url);\n\nconst encodeBlobKey = (key: string) => encodeURIComponent(key);\n\nconst ActionLink = ({ href, label }: { href: string; label: string }) => (\n \n {label}\n \n);\n\nconst viewerCss = `\npre {\n outline: 1px solid #ccc;\n padding: 5px;\n margin: 15px;\n white-space: pre-wrap;\n}\n.string { color: green; }\n.number { color: darkorange; }\n.boolean { color: blue; }\n.null { color: magenta; }\n.key { color: red; }`;\n\nconst syntaxHighlight = (json: string) => {\n const escaped = json\n .replace(/&/g, \"&\")\n .replace(//g, \">\");\n\n return escaped.replace(\n /(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)/g,\n (match) => {\n let cls = \"number\";\n if (/^\"/.test(match)) {\n cls = /:$/.test(match) ? \"key\" : \"string\";\n } else if (/true|false/.test(match)) {\n cls = \"boolean\";\n } else if (/null/.test(match)) {\n cls = \"null\";\n }\n return `${match}`;\n },\n );\n};\n\napp.use(\n jsxRenderer(({ children }) => (\n \n \n {val.name} Blob Admin\n \n \n \n

{children}

\n \n \n )),\n);\n\n// --- Blob listing (home) ---\napp.get(\"/\", async (c) => {\n const blobs = await blob.list();\n\n return c.render(\n

\n `{val.name}` Blob Admin\n

\n\n

\n New Blob\n Upload Blob\n

\n\n \n \n \n \n \n \n \n \n \n \n \n \n {blobs.map((b) => {\n const key = encodeBlobKey(b.key);\n\n return (\n \n \n \n \n \n \n \n \n );\n })}\n \n

Name	Size (kb)	Last Modified	Edit	Delete	Download
\n {b.key}\n	{Math.round(b.size / 1000)}	\n {new Date(b.lastModified).toLocaleString(undefined, {\n timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n })}\n

,\n );\n});\n\n// --- Create ---\napp.get(\"/create\", (c) =>\n c.render(\n

\n Key\n \n Content\n

\n      <input type=\"submit\" value=\"Create\" />\n    </form>,\n  ));\n\napp.post(\"/create\", async (c) => {\n  const { key, content } = await c.req.parseBody() as {\n    key: string;\n    content: string;\n  };\n\n  let exists = true;\n  try {\n    await blob.get(key);\n  } catch {\n    exists = false;\n  }\n  if (exists) {\n    throw new HTTPException(400, { message: `key ${key} already exists` });\n  }\n\n  await blob.set(key, content);\n  return c.redirect(\"/\");\n});\n\n// --- Upload ---\napp.get(\"/upload\", (c) =>\n  c.render(\n    <form method=\"POST\" enctype=\"multipart/form-data\">\n      <input name=\"file\" type=\"file\" />\n      <input type=\"submit\" value=\"Upload\" />\n    </form>,\n  ));\n\napp.post(\"/upload\", async (c) => {\n  const { file } = await c.req.parseBody();\n  if (!(file instanceof File)) {\n    return c.text(\"Invalid file\", 400);\n  }\n\n  await blob.set(file.name, await file.arrayBuffer());\n  return c.redirect(\"/\");\n});\n\n// --- View ---\napp.get(\"/view/:key\", async (c) => {\n  const key = c.req.param(\"key\");\n  const response = await blob.get(key);\n  const text = await response.text();\n\n  let jsonText = text;\n  let isJson = false;\n  try {\n    jsonText = JSON.stringify(JSON.parse(text), null, 2);\n    isJson = true;\n  } catch {\n    // Render non-JSON blobs as plain text\n  }\n\n  return c.render(\n    <div>\n      <style>{viewerCss}</style>\n      <h1>{key}</h1>\n      {isJson\n        ? (\n          <pre\n            dangerouslySetInnerHTML={{\n              __html: syntaxHighlight(jsonText),\n            }}\n          />\n        )\n        : <pre>{text + \"\\n\"}</pre>}\n    </div>,\n  );\n});\n\n// --- Edit ---\napp.get(\"/edit/:key\", async (c) => {\n  const key = c.req.param(\"key\");\n  const content = await (await blob.get(key)).text();\n\n  return c.render(\n    <form method=\"POST\">\n      <input name=\"new_key\" value={key} />\n      <textarea name=\"content\">{content}

\n \n

,\n );\n});\n\napp.post(\"/edit/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const { content, new_key } = await c.req.parseBody() as {\n content: string;\n new_key: string;\n };\n\n await blob.set(key, content);\n if (new_key !== key) {\n await blob.move(key, new_key);\n }\n return c.redirect(\"/\");\n});\n\n// --- Delete ---\napp.get(\"/delete/:key\", (c) => {\n const key = c.req.param(\"key\");\n return c.render(\n ,\n );\n});\n\napp.post(\"/delete/:key\", async (c) => {\n await blob.delete(c.req.param(\"key\"));\n return c.redirect(\"/\");\n});\n\n// --- Download ---\napp.get(\"/download/:key\", (c) => blob.get(c.req.param(\"key\")));\n\nexport default modifyFetchHandler(\n passwordAuth(app.fetch, { verifyPassword: verifyToken }),\n);",[147],"f67c6362-095c-45ab-83cb-81d72015b852",["D",1784059916850],[29],"pulls","branches",1,"forks","envVars",{"_164":67,"_166":67},"connections",{"_164":67,"_165":67},"count","unfilledCount","emptyCount",{"_49":153,"_33":29,"_31":32,"_137":-5,"_40":41,"_39":14,"_139":27,"_37":182,"_13":67,"_34":35,"_36":-5,"_24":27,"_144":-5,"_172":183,"_28":184},{"_49":178,"_33":45,"_31":44,"_137":32,"_40":41,"_39":14,"_139":27,"_37":179,"_13":67,"_34":46,"_36":47,"_24":27,"_144":-5,"_172":180,"_28":181},{"_49":146,"_33":147,"_31":148,"_137":-5,"_40":41,"_39":149,"_139":27,"_37":175,"_13":141,"_34":142,"_36":151,"_24":27,"_144":-5,"_172":176,"_28":177},{"_49":134,"_33":135,"_31":136,"_137":-5,"_40":41,"_39":138,"_139":27,"_37":171,"_13":141,"_34":142,"_36":143,"_24":27,"_144":-5,"_172":173,"_28":174},["D",1784053838415],"children",[],[135],["D",1784053833925],[],[147],"47754f75-628f-4db3-b3f3-b19eeb982893",["D",1784059916850],[],[29,45],["D",1784059916850],[168],[29],["D",1784053743735],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":60,"_105":106,"_107":27},{"_13":90,"_33":91,"_49":41,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":51,"_99":100},"ctx",{"_83":-5,"_128":222,"_223":224,"_225":226,"_227":27,"_228":27,"_229":27,"_230":25,"_231":-5,"_232":-7,"_233":-7,"_234":67,"_235":27,"_236":27,"_237":-5,"_238":27,"_239":27,"_240":27,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":91,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"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"]

Diff · v9