[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_382":383,"_384":385},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_40":-7,"_136":-5,"_19":137,"_138":139,"_140":141,"_142":143,"_144":145,"_21":146,"_147":-5,"_148":-5,"_149":30,"_150":151,"_152":24,"_153":-5,"_154":-5,"_155":156},"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","main","path","ref","project",{"_34":81,"_13":14,"_38":82,"_83":-5,"_84":30,"_85":86,"_87":86,"_88":89,"_90":91,"_31":68,"_92":93,"_94":30,"_95":-5,"_96":97,"_98":26,"_42":43,"_99":100,"_101":102,"_103":104,"_105":26,"_106":107,"_108":107,"_109":110,"_111":110,"_112":110,"_113":107,"_114":107,"_53":115,"_116":117,"_118":119,"_120":30},"file",{"_63":78,"_13":18,"_66":79,"_67":30,"_80":-5},"isDirectory",true,"page",0,"history",[32,33],"hasNext",false,"userId",{"_34":71,"_36":37,"_38":72,"_40":73,"_42":43,"_44":35,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":-5,"_53":74,"_21":75,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":76},{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":-5,"_53":54,"_21":55,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":61},"id","e0709d64-1f82-11f0-bb0f-569c3dd06744","branchId","0e614a5c-00de-11f0-ba84-569c3dd06744","createdAt",["D",1745330741995],"version",123,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","parentId","daddfdec-1f82-11f0-a8f8-569c3dd06744","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_34":68,"_42":43,"_11":12,"_69":70},{"_63":64,"_13":65,"_66":21,"_67":30},"pull","merge","revert","multiple","commits",[62],{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":-5,"_53":54,"_21":55,"_56":-5,"_57":-5,"_58":-5},"fileId","e06e29d0-1f82-11f0-bb0f-569c3dd06744","old-readme.md","fileType","deleted","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789587211&sig=3e42e66a4bdb7b2e97e351d25ca72c23fb0adf27f202bb35981b76e25cb73cd1","ec8bb7fa-1f82-11f0-b2bc-569c3dd06744",["D",1745330762289],124,{"_34":68,"_42":43,"_11":12,"_69":70},{"_63":64,"_13":65,"_66":21,"_67":30},[77],{"_34":71,"_36":37,"_38":72,"_40":73,"_42":43,"_44":35,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":-5,"_53":74,"_21":75,"_56":-5,"_57":-5,"_58":-5},"dadbb6f4-1f82-11f0-a8f8-569c3dd06744","directory","deletedAtVersion","0e60dc16-00de-11f0-ba84-569c3dd06744",["D",1741961417243],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","jxnblk.com website","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/122f9003-bf0b-4e12-e13e-addf895f9400/square512?exp=1789587211&sig=646e4511b9f3daa8a48f657029eb890060d56dc91d5739bb7bcc728ff4eca433","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,"_135":70},"org",{"_11":12,"_130":131,"_69":70,"_31":68,"_132":133,"_134":30},"branch",{"_40":121,"_13":16,"_34":37,"_122":81,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":14,"_129":12},"isOwned",128,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Brent Jackson","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":81,"_13":14,"_38":377,"_83":-5,"_84":30,"_85":86,"_87":86,"_88":89,"_90":91,"_31":68,"_92":93,"_94":30,"_95":-5,"_96":97,"_98":26,"_42":43,"_99":100,"_101":102,"_103":378,"_105":26,"_106":107,"_108":107,"_109":110,"_111":110,"_112":110,"_113":107,"_114":107,"_53":379,"_116":380,"_118":381,"_120":30},"tree",[184,186,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205],"files",[184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205],"counts",{"_173":26,"_174":175,"_176":26,"_177":178,"_179":180},"contents",[167],{"_34":159,"_13":18,"_63":78,"_44":-5,"_36":37,"_160":161,"_162":24,"_38":163,"_40":26,"_66":79,"_164":-5,"_67":30,"_165":-5,"_17":166},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_157":158},"9b4a0264-0102-11f0-81db-569c3dd06744","next.jxnblk.io","dadbb622-1f82-11f0-a8f8-569c3dd06744","branchVersion",122,"latest",["D",1745330732646],"content","label",[18],{"_34":168,"_13":65,"_63":64,"_44":78,"_36":37,"_160":73,"_162":24,"_38":169,"_40":170,"_66":21,"_164":171,"_67":30,"_165":-5,"_17":172},"ec885a92-1f82-11f0-b2bc-569c3dd06744",["D",1745330762289],1,"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