[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":85,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":49,"_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",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":71,"_73":-5,"_74":-5,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",244,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","a9c2057e-2760-11f0-86ff-569c3dd06744","name","fileType","http","content","/** @jsxImportSource https://esm.sh/hono/jsx */\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin\";\n\nimport { fetchPaginatedData } from \"https://esm.town/v/nbbaier/fetchPaginatedData?v=49\";\nimport { api } from \"https://esm.town/v/pomdtr/api?v=12\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { html } from \"https://esm.town/v/postpostscript/html\";\nimport { updateValReadme } from \"https://esm.town/v/postpostscript/updateValReadme\";\nimport { API_URL } from \"https://esm.town/v/std/API_URL?v=5\";\nimport { blob } from \"https://esm.town/v/std/blob?v=11\";\nimport { type Context, Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\nexport const DRAFT_PREFIX = \"readmeManager:draft\";\n\nconst styles = `\nimg {\n max-width: 100%;\n}\n`;\n\napp.all(\"/:author/:name\", async (c) => {\n const { pathname } = new URL(c.req.url);\n const author = c.req.param(\"author\");\n const name = c.req.param(\"name\");\n let { id, readme } = await api(`/v1/alias/${author}/${name}`);\n const blobID = `${DRAFT_PREFIX}:${id}`;\n let draft;\n\n if (c.get(\"auth\")) {\n if (c.req.method === \"POST\") {\n const formData = await c.req.formData();\n const submitType = formData.get(\"submit\");\n if (formData.get(\"readme\")) {\n if (submitType === \"publish\") {\n await updateValReadme(id, formData.get(\"readme\"));\n return c.redirect(`/${author}/${name}`);\n } else {\n await blob.setJSON(blobID, formData.get(\"readme\"));\n return c.redirect(`/${author}/${name}?draft=1`);\n }\n }\n } else {\n draft = await blob.getJSON(blobID);\n }\n if (c.req.query(\"draft\") && draft) {\n readme = draft;\n }\n }\n\n return c.html(\n \n \n \n \n \n \n \n {\n const $editor = document.createElement('code-mirror')\n $editor.setAttribute('id', 'editor')\n $editor.setAttribute('theme', 'dracula')\n $editor.setAttribute('language', 'markdown')\n $editor.setAttribute('code', decodeURIComponent(\"${encodeURIComponent(readme ?? \"\")}\"))\n $editor.setAttribute('class', 'h-100')\n $editor.addEventListener(\"code-change\", (e) => {\n render(e.detail.code)\n })\n render($editor.getAttribute('code'));\n document.getElementById('editor-col').appendChild($editor)\n })\n `.toString(),\n }}\n >\n \n \n \n \n

\n \n

\n Edit Readme: \n \n @{pathname.slice(1)}\n \n \n \n {c.req.query(\"draft\")\n ? (\n \n Load Published Readme\n \n )\n : (\n \n Load Draft\n \n )}\n

\n \n Home\n \n {getUserInfo(c)}\n

\n \n ,\n );\n});\n\nfunction getUserInfo(c: Context) {\n const qs = new URLSearchParams();\n qs.set(\"returnTo\", c.req.path);\n\n return c.get(\"auth\")\n ? (\n \n Log Out\n \n )\n : (\n \n Log In\n \n );\n}\n\nasync function getVals() {\n const { id } = await api(`/v1/me`, {\n authenticated: true,\n });\n const vals = await fetchPaginatedData(`${API_URL}/v1/users/${id}/vals`, {\n headers: {\n Authorization: `Bearer ${Deno.env.get(\"valtown\")}`,\n },\n });\n return (\n <>\n

My Public Vals:

\n {name}\n

\n \n );\n}\n\napp.all(\"/\", (c) => {\n if (c.req.query(\"name\")) {\n const name = c.req.query(\"name\");\n const normalized = name.startsWith(\"https://\")\n ? name\n : \"https://esm.town/v/\" + name.replace(\"@\", \"\");\n const { author, name: val } = extractValInfo(normalized);\n return c.redirect(`/${author}/${val}`);\n }\n\n return c.html(\n \n \n \n \n \n

\n Readme Manager\n\n {getUserInfo(c)}\n

Edit Readme

\n \n

\n {c.get(\"auth\") && getVals()}\n

\n \n ,\n );\n});\n\nexport default lastlogin(app.fetch);\n","/** @jsxImportSource https://esm.sh/hono/jsx */\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin\";\n\nimport { fetchPaginatedData } from \"https://esm.town/v/nbbaier/fetchPaginatedData?v=49\";\nimport { api } from \"https://esm.town/v/pomdtr/api?v=12\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { html } from \"https://esm.town/v/postpostscript/html\";\nimport { updateValReadme } from \"https://esm.town/v/postpostscript/updateValReadme\";\nimport { API_URL } from \"https://esm.town/v/std/API_URL?v=5\";\nimport { blob } from \"https://esm.town/v/std/blob?v=11\";\nimport { type Context, Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\nexport const DRAFT_PREFIX = \"readmeManager:draft\";\n\nconst styles = `\nimg {\n max-width: 100%;\n}\n`;\n\napp.all(\"/:author/:name\", async (c) => {\n const { pathname } = new URL(c.req.url);\n const author = c.req.param(\"author\");\n const name = c.req.param(\"name\");\n let { id, readme } = await api(`/v1/alias/${author}/${name}`);\n const blobID = `${DRAFT_PREFIX}:${id}`;\n let draft;\n\n if (c.get(\"auth\")) {\n if (c.req.method === \"POST\") {\n const formData = await c.req.formData();\n const submitType = formData.get(\"submit\");\n if (formData.get(\"readme\")) {\n if (submitType === \"publish\") {\n await updateValReadme(id, formData.get(\"readme\"));\n return c.redirect(`/${author}/${name}`);\n } else {\n await blob.setJSON(blobID, formData.get(\"readme\"));\n return c.redirect(`/${author}/${name}?draft=1`);\n }\n }\n } else {\n draft = await blob.getJSON(blobID);\n }\n if (c.req.query(\"draft\") && draft) {\n readme = draft;\n }\n }\n\n return c.html(\n \n \n \n \n \n \n \n {\n const $editor = document.createElement('code-mirror')\n $editor.setAttribute('id', 'editor')\n $editor.setAttribute('theme', 'dracula')\n $editor.setAttribute('language', 'markdown')\n $editor.setAttribute('code', decodeURIComponent(\"${encodeURIComponent(readme ?? \"\")}\"))\n $editor.setAttribute('class', 'h-100')\n $editor.addEventListener(\"code-change\", (e) => {\n render(e.detail.code)\n })\n render($editor.getAttribute('code'));\n document.getElementById('editor-col').appendChild($editor)\n })\n `.toString(),\n }}\n >\n \n \n \n \n

\n \n

\n Edit Readme: \n \n @{pathname.slice(1)}\n \n \n \n {c.req.query(\"draft\")\n ? (\n \n Load Published Readme\n \n )\n : (\n \n Load Draft\n \n )}\n

\n \n Home\n \n {getUserInfo(c)}\n

My Public Vals:

\n {name}\n

\n Readme Manager\n\n {getUserInfo(c)}\n

Edit Readme

\n \n

\n {c.get(\"auth\") && getVals()}\n

\n \n ,\n );\n});\n\nexport default lastlogin(app.fetch);","createdAt",["D",1736383513111],"branchVersion","branchId","a9bfd312-2760-11f0-86ff-569c3dd06744","id","a9bf7f70-2760-11f0-86ff-569c3dd06744","readmeManager",["D",1746195656670],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","4bfb99a9-2008-40e0-bacb-7c7d84227cee","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","1073b191-f665-405d-9530-545465c93575","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","rw","blobPerm","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":51,"_91":92,"_93":94,"_95":45,"_96":97},"isOwned",245,"main","projectId","forkedBranchId","e73f1896-277f-11f0-b46e-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","e73ecaee-277f-11f0-b46e-569c3dd06744","forkedProjectOrgId","4b933fb9-e150-4558-9d0a-845e595c8c78","projectName","userHandle","postpostscript","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJjdlhaRXl0WXVNSlhZcWU0ckI2c1BOMjNhQSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":175,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":71,"_73":-5,"_74":-5,"_75":69,"_76":69,"_77":176,"_79":177,"_81":178,"_83":25},"tree",[166,167],"files",[166,167],"counts",{"_156":61,"_157":152,"_158":152,"_159":160,"_161":162},"contents",[140,141],"upstreamProject",{"_43":92,"_32":137,"_53":-5,"_54":-5,"_50":51,"_77":138},"upstreamBranch",{"_43":88,"_38":130,"_131":132,"_32":85,"_86":92,"_13":133,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_50":51,"_96":136,"_62":94,"_95":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746209074244],"updatedAt",["D",1725917912353],38,"lockfileKey","1746209709693-esm.town_v_pomdtr_codemirror_demo@38-main","pomdtr","codemirror_demo",{"_98":136,"_105":139},"https://images.clerk.dev/oauth_github/img_2RCoAITJZH1QencEgtVjh4Qirj4.jpeg",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":49,"_38":153,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_27":155},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_27":148},"af76d256-2760-11f0-86ff-569c3dd06744","parentId","latest",["D",1736383513111],243,"label",[28],"a9c20a06-2760-11f0-86ff-569c3dd06744","README.md","a9c20a92-2760-11f0-86ff-569c3dd06744",1,["D",1710599089021],"# @postpostscript/readmeManager: Edit Val Readmes With Persistent Drafts\r\n\r\n[edit this readme](https://postpostscript-readmemanager.web.val.run/postpostscript/readmeManager)\r\n\r\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/bd8f6038-e02f-451a-a9d1-38703835a900/public)\r\n\r\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b31ab6d8-ebd6-4072-dea1-eeb8c42cf400/public)\r\n\r\nTodo:\r\n- [ ] Upload images\r\n- [ ] Autosave/save without reloading page\r\n- [ ] Ctrl+S\r\n- [ ] Multiple draft versions\r\n- [ ] Switch to dark codemirror theme which has markdown styling\r\n- [ ] Allow for checking checkboxes in preview\r\n - [ ] View with just the preview\r\n- [ ] Ability to favorite vals on the Home page\r\n",[150],"pulls","branches","forks","envVars",{"_163":61,"_165":61},"connections",{"_163":61,"_164":61},"count","unfilledCount","emptyCount",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":49,"_38":172,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_169":173,"_27":174},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":168,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_169":170,"_27":171},["D",1736383513111],"children",[],[28],["D",1710599089021],[],[150],["D",1746195656670],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":51,"_91":92,"_93":94,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":49,"_221":-5,"_222":-7,"_223":-7,"_224":61,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":85,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"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"]

\n Edit Readme: \n \n @{pathname.slice(1)}\n \n \n Publish to Readme\n \n \n Save as Draft\n \n {c.req.query(\"draft\")\n ? (\n \n Load Published Readme\n \n )\n : (\n \n Load Draft\n \n )}\n

My Public Vals:

\n Readme Manager\n\n {getUserInfo(c)}\n

Edit Readme

\n Edit Readme: \n \n @{pathname.slice(1)}\n \n \n Publish to Readme\n \n \n Save as Draft\n \n {c.req.query(\"draft\")\n ? (\n \n Load Published Readme\n \n )\n : (\n \n Load Draft\n \n )}\n

My Public Vals:

\n Readme Manager\n\n {getUserInfo(c)}\n

Edit Readme

\n Edit Readme: \n \n @{pathname.slice(1)}\n \n \n \n {c.req.query(\"draft\")\n ? (\n \n Load Published Readme\n \n )\n : (\n \n Load Draft\n \n )}\n

\n Edit Readme: \n \n @{pathname.slice(1)}\n \n \n \n {c.req.query(\"draft\")\n ? (\n \n Load Published Readme\n \n )\n : (\n \n Load Draft\n \n )}\n

Diff · v244