[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_223":-5,"_226":227,"_228":229},"routes/shell",{"_40":41,"_222":-5,"_223":-5,"_224":225},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":51,"_52":31,"_53":-7,"_54":-7,"_55":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","40184b7743bfad334a49c6ee41d61570eee78057","path","src/pages/f/[id].astro","oid","4d6277d50287fd839dbbe9b74074ddb240bd56da","size",7414,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","---\nimport Base from '../../layouts/Base.astro';\nimport { fetchAllFragments, blobUrl, DID } from '../../lib/atproto';\nimport { renderMarkdownWithHeadings } from '../../lib/markdown';\nimport type { Fragment } from '../../lib/types';\n\nexport async function getStaticPaths() {\n const fragments = await fetchAllFragments();\n return fragments.map(f => ({\n params: { id: String(f.id) },\n props: { fragment: f, allFragments: fragments },\n }));\n}\n\nconst { fragment, allFragments } = Astro.props as {\n fragment: Fragment;\n allFragments: Fragment[];\n};\n\nconst { html, headings } = fragment.content\n ? await renderMarkdownWithHeadings(fragment.content)\n : { html: '', headings: [] };\nconst imageCount = fragment.images?.length ?? 0;\n\nconst wordCount = fragment.content\n ? fragment.content.replace(/[#*_\\[\\]()>`~\\-]/g, '').split(/\\s+/).filter(Boolean).length\n : 0;\n\n// Prev/next by fragment ID\nconst sorted = [...allFragments].sort((a, b) => a.id - b.id);\nconst idx = sorted.findIndex(f => f.id === fragment.id);\nconst prev = idx > 0 ? sorted[idx - 1] : null;\nconst next = idx < sorted.length - 1 ? sorted[idx + 1] : null;\n\n// Related: same type, exclude current, newest first, take 6\nconst related = allFragments\n .filter(f => f.type === fragment.type && f.id !== fragment.id)\n .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())\n .slice(0, 6);\n\nconst typeAccent: Record = {\n post: 'var(--accent)',\n shot: 'var(--accent-2)',\n list: 'var(--list-accent)',\n link: 'var(--link-accent)',\n};\nconst accent = typeAccent[fragment.type] || 'var(--accent)';\nconst date = new Date(fragment.createdAt).toISOString().slice(0, 10);\n---\n\n

\n\n \n

\n ← index\n {fragment.type}\n #{String(fragment.id).padStart(2, '0')}\n {date}\n
\n

\n\n \n
{fragment.title}
\n\n \n
\n\n \n
\n\n {/* Shot gallery */}\n {fragment.type === 'shot' && fragment.images && (\n
\n {fragment.images.map((img, i) => {\n const isFirst = i === 0;\n const isLast = i === imageCount - 1;\n const oddRemaining = (imageCount - 1) % 2 === 1;\n const spanFull = isFirst || (isLast && oddRemaining && imageCount > 1);\n return (\n
\n \n
\n {String(i + 1).padStart(2, '0')}/{String(imageCount).padStart(2, '0')}\n f/{fragment.id}\n
\n {/* Crosshair overlays */}\n
\n
\n );\n })}\n
\n )}\n\n {/* Prose content — no wrapping container */}\n {html && (\n
\n )}\n\n {/* Link target */}\n {fragment.type === 'link' && fragment.url && (\n \n ↗\n {fragment.url}\n \n )}\n
\n\n \n
\n {/* TOC */}\n {headings.length > 0 && (\n
\n
\n \n contents\n
\n
\n {headings.map(h => (\n \n {h.text}\n \n ))}\n
\n
\n )}\n\n {/* Prev/Next nav */}\n
\n
\n \n nav\n
\n
\n {prev ? (\n \n ← prev\n {prev.title}\n \n ) : ← —}\n {next ? (\n \n next →\n {next.title}\n \n ) : → —}\n
\n
\n\n {/* Info panel — moved down */}\n
\n
\n \n sys\n
\n
\n
TYPE{fragment.type}
\n
FRAG{fragment.id}
\n
DATE{date}
\n {wordCount > 0 &&
WORDS{wordCount}
}\n {imageCount > 0 &&
IMG{imageCount}
}\n
\n
\n
\n
\n\n \n {related.length > 0 && (\n
\n
\n
\n more {fragment.type}s\n {related.length}\n
\n
\n
\n {related.map((r, i) => (\n \n {String(r.id).padStart(2, '0')}\n {r.type}\n {r.title}\n {new Date(r.createdAt).toISOString().slice(0, 10)}\n \n ))}\n
\n
\n )}\n\n

\n\n","editable",false,"branch","documentNavigation","repo","iamnbutler/iamnbutler.github.io","repoId","077a62f3-be49-4ad9-923b-62e0436d739f","ownerId","user:1714999","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers",1,"watching","pinned","notify","views",[178,179,180,181,182,183,184,185,186,187,188,189,190],"navigation",{"_55":56,"_136":137,"_138":139,"_140":141,"_142":143,"_144":145,"_146":147},"sources",[],"viewer","meta",{"_128":129,"_130":131,"_132":133,"_42":31,"_134":96,"_135":31,"_48":49,"_50":51},"branches",[72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127],"tags",[70,71],"cloneUrl","https://git.nexthub.sh/iamnbutler/iamnbutler.github.io.git","v18.0.0","v19.0.0","14-2","2017.3","add-gpui-extended-context-post","add-post-tags","backblaze-assets","dependabot/npm_and_yarn/defu-6.1.6","dependabot/npm_and_yarn/devalue-5.8.1","dependabot/npm_and_yarn/h3-1.15.10","dependabot/npm_and_yarn/multi-04ca55b44c","dependabot/npm_and_yarn/picomatch-2.3.2","dependabot/npm_and_yarn/postcss-8.5.14","dependabot/npm_and_yarn/rollup-4.59.0","dependabot/npm_and_yarn/smol-toml-1.6.1","dependabot/npm_and_yarn/svelte-5.55.7","dependabot/npm_and_yarn/svgo-4.0.1","dependabot/npm_and_yarn/vite-6.4.2","fix-backblaze-integration","fix-backblaze-issue-take2","glfs-test","global-tags","gpui-ui-post","import-and-sort","integrate-data-repo","lists","main","mellow-fjord/site-reliability-cleanup","nate-journal","revert-34-fix-backblaze-integration","tiny-search-2","unified-feed","update-nuxt","v-11","v-12","v-13","v-14","v-15","v-16","v-18","v-19","v-20","v-21","v-3","v-4","v11-newsprint","v14-1","v14-effect","v18","v19/add-mh-2","v21","v23","v5-04-21-06","v5-static","v8","v8_js","v9","v9-2020-eleventy","description","Personal Site","owner","iamnbutler","section","","head","empty","pins",[160,161,162],"documents",{"_157":158,"_159":49},"code",{"_153":154,"_155":156},"automations",{"_150":151,"_152":-5},"delivery",{"_148":49,"_149":-5},"tag","ckQnXds0_OG2x4LL3veMKJ2xpXN","releases","applications","workflows",2,"deployments","commits",822,"changes",11,"counts",{},"total",{"_163":155,"_165":176,"_15":155,"_167":177,"_53":169,"_170":31,"_171":169,"_172":156},{"_163":173,"_165":174,"_15":173,"_167":175,"_53":169,"_170":31,"_171":169,"_172":49},{"_163":164,"_165":166,"_15":164,"_167":168,"_53":169,"_170":31,"_171":169,"_172":49},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_163":155,"_165":176,"_15":155,"_167":221,"_53":169,"_170":31,"_171":169},{"_163":173,"_165":174,"_15":173,"_167":220,"_53":169,"_170":31,"_171":169},{"_163":164,"_165":166,"_15":164,"_167":219,"_53":169,"_170":31,"_171":169},{"_163":216,"_165":217,"_15":216,"_167":218,"_53":31,"_170":31,"_171":169},{"_163":213,"_165":214,"_15":213,"_167":215,"_53":31,"_170":31,"_171":169},{"_163":150,"_165":211,"_15":142,"_167":212,"_53":31,"_170":31,"_171":169},{"_163":152,"_165":208,"_15":209,"_167":210,"_53":31,"_170":31,"_171":169},{"_163":148,"_165":206,"_15":148,"_167":207,"_53":31,"_170":31,"_171":169},{"_163":202,"_165":203,"_15":204,"_167":205,"_53":31,"_170":31,"_171":169},{"_163":138,"_165":200,"_15":138,"_167":201,"_53":31,"_170":31,"_171":31},{"_163":197,"_165":198,"_15":197,"_167":199,"_53":31,"_170":31,"_171":31},{"_163":194,"_165":195,"_15":194,"_167":196,"_53":31,"_170":31,"_171":31},{"_163":191,"_165":192,"_15":191,"_167":193,"_53":31,"_170":31,"_171":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794434638947,"sidebar","expanded"]