[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_69":138,"_40":-7,"_139":-5,"_17":140,"_141":142,"_143":144,"_145":146,"_147":148,"_96":-5,"_149":150,"_151":152,"_153":47,"_154":155,"_156":26,"_157":-5,"_158":-5,"_159":160},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","willthereader","name","changes","branchName","main","project",{"_32":56,"_13":14,"_34":100,"_45":-5,"_101":26,"_48":49,"_102":49,"_103":-5,"_104":-5,"_105":106,"_107":76,"_108":26,"_109":-5,"_110":-5,"_111":57,"_52":112,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_126":127,"_128":129,"_130":28,"_46":47},"ahead",1,"behind",14,"diff",{"_61":62,"_63":64,"_65":66},"hasChanges",true,"sourceBranch",{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"pull","id","e5b5b8ae-27ac-11f0-9edc-569c3dd06744","createdAt",["D",1746228399020],"updatedAt",["D",1703702092867],"projectId","e5b578f8-27ac-11f0-9edc-569c3dd06744","version","forkedBranchId","forkedBranchVersion","lockfileKey","1775164225760-esm.town_v_saolsen_changes@14-main","deletedAt","isOwned",false,"privacy","public","userHandle","saolsen","orgId","6af58753-71c6-4397-9d5b-2473eb888976","projectName","a609f338-27b0-11f0-aecd-569c3dd06744","a609b04e-27b0-11f0-aecd-569c3dd06744",0,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[67,68],"deleted",[],"modified",[],{"_69":91,"_71":-7,"_72":92},{"_69":70,"_71":-7,"_72":73},"path","main.tsx","targetFile","sourceFile",{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":81,"_40":57,"_82":83,"_84":85,"_63":47,"_86":-5,"_87":-7,"_69":88,"_89":90},"a60c7f04-27b0-11f0-aecd-569c3dd06744","fileId","a60c7fa4-27b0-11f0-aecd-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1721405288268],"fileType","http","content","/* @jsxImportSource https://esm.sh/hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { html } from \"npm:hono/html\";\n\nimport { track } from \"https://esm.town/v/saolsen/plausible?v=3\";\nimport {\n init,\n traced_fetch,\n traced_handler,\n} from \"https://esm.town/v/saolsen/tracing\";\ninit(\"changes\");\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n return c.html(\n

\n Go to `/v/:user/:val` to see the latest version of a val, or\n `/v/:user/:val/:version` to see a specific version. For example,{\" \"}\n /v/saolsen/tracing/108\n

\n );\n});\n\ntype Val = {\n user: string;\n val: string;\n version: number;\n body: string;\n};\n\nasync function get_val(\n user: string,\n val: string,\n version: number | null = null\n): Promise {\n let val_req_url = `https://esm.town/v/${user}/${val}`;\n if (version !== null) {\n val_req_url = `${val_req_url}?v=${version}`;\n }\n const val_resp: Response = await traced_fetch(val_req_url);\n const val_version = Number(val_resp.url.split(\"?v=\")[1]);\n const val_body: string = await val_resp.text();\n return {\n user,\n val,\n version: val_version,\n body: val_body,\n };\n}\n\nfunction show_val(\n latest_version: number,\n val: Val,\n prev_val: Val | null = null\n): HtmlEscapedString {\n return (\n \n \n \n \n \n \n \n

\n {prev_val !== null && (\n \n {\"<\"} v{prev_val.version}\n \n )}\n \n {val.user}/{val.val} v{val.version}\n \n {latest_version !== val.version && (\n \n v{val.version + 1} {\">\"}\n \n )}\n

\n {html`\n \n `}\n \n \n );\n}\n\napp.get(\"/v/:user/:val\", async (c) => {\n const val_user = c.req.param(\"user\");\n const val_name = c.req.param(\"val\");\n const val = await get_val(val_user, val_name);\n let prev_val = null;\n if (val.version > 1) {\n prev_val = await get_val(val_user, val_name, val.version - 1);\n }\n return c.html(show_val(val.version, val, prev_val));\n});\n\napp.get(\"/v/:user/:val/:version\", async (c) => {\n const val_user = c.req.param(\"user\");\n const val_name = c.req.param(\"val\");\n const val_version = Number(c.req.param(\"version\"));\n const current_val = await get_val(val_user, val_name);\n const version_val = await get_val(val_user, val_name, val_version);\n let prev_val = null;\n if (version_val.version > 1) {\n prev_val = await get_val(val_user, val_name, version_val.version - 1);\n }\n return c.html(show_val(current_val.version, version_val, prev_val));\n});\n\nasync function handler(req: Request): Promise {\n await track(\"saolsen.changes\", req);\n return await app.fetch(req);\n}\n\nexport default traced_handler(handler);\n","label","children",[70],"contentHash","cbf423d7317f20df2e52683045541ee0145cf330ba6dd47e909e5b1d0afcb3bd","README.md",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":95,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_87":-7,"_69":98,"_89":99},"a60c8670-27b0-11f0-aecd-569c3dd06744","a60c86e8-27b0-11f0-aecd-569c3dd06744",["D",1721405288268],"file","# View val changes as a diff.\nGo to /v/username/valname/version to see a diff between that version and the previous one.\nFor example https://saolsen-changes.web.val.run/v/saolsen/tracing/108",[91],"9d4ffaff6a6800d12d99f7f3a459d378f1fe143472ea6ea6d76247613bbeb7b6",["D",1746230010184],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","e5615e9f-07dd-4d28-aaa1-9ee23a41135a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","76badc02-5066-4776-b1f9-963b50ea816c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_137":133},"org",{"_11":12,"_131":-5,"_132":133,"_105":106,"_134":135,"_136":47},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJObXZ0bE1rbVBEMkhHNzR3SmVmMHc3eldBQiJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":56,"_13":14,"_34":187,"_45":-5,"_101":26,"_48":49,"_102":49,"_103":-5,"_104":-5,"_105":106,"_107":76,"_108":26,"_109":-5,"_110":-5,"_111":57,"_52":112,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_126":188,"_128":189,"_130":190,"_46":47},"tree",[181,182],"files",[181,182],"counts",{"_171":57,"_172":20,"_173":57,"_174":175,"_176":177},"contents",[165,166],"upstreamProject",{"_32":39,"_13":14,"_103":-5,"_104":-5,"_48":49,"_126":163},"upstreamBranch",{"_32":33,"_34":161,"_36":162,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746228399020],["D",1703702092867],{"_11":51,"_137":164},"https://images.clerk.dev/oauth_github/img_2QtXHzN3gDPhKsBOvKsst8LTxC5.png",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":169,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_69":170},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":167,"_40":57,"_82":83,"_84":85,"_63":47,"_86":-5,"_69":168},["D",1721405288268],[70],["D",1721405288268],[91],"pulls","branches","forks","envVars",{"_178":57,"_180":57},"connections",{"_178":57,"_179":57},"count","unfilledCount","emptyCount",{"_32":93,"_13":91,"_75":94,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":95,"_40":57,"_82":96,"_84":97,"_63":47,"_86":-5,"_87":185,"_69":186},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":81,"_40":57,"_82":83,"_84":85,"_63":47,"_86":-5,"_87":183,"_69":184},[],[70],[],[91],["D",1746230010184],{"_11":12,"_137":133},{"_11":12,"_131":-5,"_132":133,"_105":106,"_134":135,"_136":47},{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"ctx",{"_126":-5,"_158":224,"_225":226,"_227":228,"_229":47,"_230":47,"_231":47,"_232":26,"_233":-5,"_234":-7,"_235":-7,"_236":57,"_237":47,"_238":47,"_239":-5,"_240":47,"_241":47,"_242":47,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":16,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

Compare

Mergewillthereader/mainintosaolsen/main

README.md+3-0

Hmain.tsx+171-0