[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_364":365,"_366":367},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_39":-7,"_133":-5,"_19":134,"_135":136,"_137":138,"_139":140,"_141":142,"_21":143,"_144":-5,"_145":146,"_147":30,"_148":149,"_150":24,"_151":-5,"_152":-5,"_153":154},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","jxnblk","name","dotcom","branchName","npm-imports","path","ref","project",{"_33":78,"_13":14,"_37":79,"_66":-5,"_80":30,"_81":82,"_83":82,"_84":85,"_86":87,"_31":72,"_88":89,"_90":30,"_91":-5,"_92":93,"_94":26,"_41":42,"_95":96,"_97":98,"_99":100,"_101":26,"_102":103,"_104":103,"_105":106,"_107":106,"_108":106,"_109":103,"_110":103,"_52":111,"_112":113,"_114":115,"_116":30},"file",{"_67":75,"_13":18,"_70":76,"_71":30,"_77":-5},"isDirectory",true,"page",0,"history",[32],"hasNext",false,"userId",{"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_44":45,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":57,"_58":-5,"_59":-5,"_60":61},"id","b7b3a8ca-ec0b-11f0-9e28-42dde27851f2","branchId","b7a952a8-ec0b-11f0-9e28-42dde27851f2","createdAt",["D",1767819551894],"version",1,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","parentId","incomingCommitId","ec8bb7fa-1f82-11f0-b2bc-569c3dd06744","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_33":72,"_41":42,"_11":12,"_73":74},{"_67":68,"_13":69,"_70":21,"_71":30},"pull","merge",{"_35":63,"_13":64,"_39":65,"_66":-5},"revert","multiple","commits",[62],{"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_44":45,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":57,"_58":-5},"0e614a5c-00de-11f0-ba84-569c3dd06744","main",128,"deletedAt","fileId","019b9a41-a490-76cb-9da1-24c503808b0b","old-readme.md","fileType","deleted","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789588131&sig=d6703c4e261198c89e0ed68f1486ba95d559364fd0d772d3b1a7693cb83b45fc","019b9a41-a490-76cb-9da1-2bceb149df7e","directory","deletedAtVersion","0e60dc16-00de-11f0-ba84-569c3dd06744",["D",1741961417243],"legacyEnvVars","privacy","public","httpPrivacy","description","jxnblk.com website","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/122f9003-bf0b-4e12-e13e-addf895f9400/square512?exp=1789588131&sig=f7ba7222679ec20c6a4daa6b8070ad8b81d14a065ee777820207416d2dbc2bce","pinnedFileId","72c77980-00de-11f0-8a56-569c3dd06744","pinPreview","pinMigrated","screenshotVersion",118,"likeCount","tursoName","0e60dc1600de11f0ba84569c3dd06744","tursoHostname","0e60dc1600de11f0ba84569c3dd06744-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789516910456],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_132":74},"org",{"_11":12,"_127":128,"_73":74,"_31":72,"_129":130,"_131":30},"branch",{"_39":117,"_13":16,"_33":36,"_118":78,"_119":63,"_120":121,"_122":82,"_123":78,"_124":42,"_125":14,"_126":12},"isOwned",9,"projectId","forkedBranchId","forkedBranchVersion",124,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Brent Jackson","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":78,"_13":14,"_37":359,"_66":-5,"_80":30,"_81":82,"_83":82,"_84":85,"_86":87,"_31":72,"_88":89,"_90":30,"_91":-5,"_92":93,"_94":26,"_41":42,"_95":96,"_97":98,"_99":360,"_101":26,"_102":103,"_104":103,"_105":106,"_107":106,"_108":106,"_109":103,"_110":103,"_52":361,"_112":362,"_114":363,"_116":30},"tree",[183,185,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204],"files",[183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204],"counts",{"_172":26,"_173":174,"_175":26,"_176":177,"_178":179},"contents",[167],{"_33":160,"_13":18,"_67":75,"_43":-5,"_35":36,"_161":40,"_162":24,"_37":163,"_39":26,"_70":76,"_164":-5,"_71":30,"_165":-5,"_17":166},"upstreamProject","upstreamBranch",{"_33":63,"_37":155,"_156":157,"_13":64,"_118":78,"_39":65,"_119":-5,"_120":-5,"_158":159,"_66":-5,"_116":30,"_81":82,"_126":12,"_41":42,"_125":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1741961417243],"updatedAt",["D",1777926512461],"lockfileKey","1777926513483-esm.town_v_jxnblk_dotcom@128-main","b7b05c24-ec0b-11f0-9e28-42dde27851f2","branchVersion","latest",["D",1767819551894],"content","label",[18],{"_33":168,"_13":69,"_67":68,"_43":75,"_35":36,"_161":40,"_162":24,"_37":169,"_39":26,"_70":21,"_164":170,"_71":30,"_165":-5,"_17":171},"b7b04716-ec0b-11f0-9e28-42dde27851f2",["D",1767819551894],"This is a copy of the readme from the original val\n\n---\n\nOverengineered personal site and blog built on Val Town.\n\n\n\nI started rebuilding my site using Val Town with the intent to create a val that would fetch static HTML and commit to a GitHub repo to host with gh-pages.\nAfter building the site out, I found that the performance seemed good enough – at least in the US – to host it directly on Val Town.\n\n## How it works\n\nThe old site still exists at on GitHub at [jxnblk/blog][] and includes the source markdown files, build script, and static JSON API.\nI experimented with storing JSON in Val Town storage, but for now, the site imports a static JSON file for content.\nThis content is passed to the [App][JxnblkApp] React component that includes the entire HTML and handles routing.\nThe component is rendered using [ReactStream][] which can render React to stream in Val Town and hydrate the component in the browser.\nFor performance reasons, I'm not using React on the client, but using small [vanilla JS scripts][jxnblkioVanillaJS] to handle color modes.\n\nReactStream also accepts middleware, and this site uses middleware to:\n\n- Record server analytics in Val Town [SQLite][]\n- Respond to `/robots.txt`\n- Handle redirects\n- Generate an `/rss.xml` file\n- Pass the blog content as props to the App component\n- Set cache headers\n\nThe favicon, avatar image, and OG images are also built in Val Town.\nThe [avatar][] val exports an `Avatar` React component that's used in the site and \nexposes an image service at that accepts search parameters.\nThis image service is used for the site's favicon.\nThe [blogOGImage][] val is used to generate PNG OG images from SVG and take search parameters to make dynamic\nimages for each blog post.\n\nStyling is handled by importing CSS from [JxnblkCSS][] and rendering an inline `

History · ref