Farm log

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_213":214,"_215":216},"routes/_app.x.$handle.$name",{"_101":100,"_38":51,"_110":91,"_33":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":31,"_125":126,"_127":128,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":31},"version",18,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","a999a9ca-d9d4-4ba5-945b-f7b8fd6f7d9c","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","6ac4f166-6854-11f1-858c-1607ee4eb77e","name","fileType","http","content","import { Hono } from \"npm:hono@4\";\nimport { loadAll, loadSnapshot, diff, type Snapshot } from \"./data/loader.ts\";\n\nconst SOURCE_URL = \"https://www.val.town/x/dcm31/farm-log\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nconst FONT = `-apple-system,BlinkMacSystemFont,\"Segoe UI\",system-ui,sans-serif`;\n// Field Notes sets its cover lettering in Futura. Fall back gracefully on systems without it.\nconst TITLE_FONT = `\"Futura\",\"Futura PT\",\"Century Gothic\",ui-sans-serif,system-ui,sans-serif`;\n\nfunction esc(s: unknown) {\n return String(s).replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\");\n}\nfunction vol(v: number | null) {\n return v == null ? \"—\" : String(v);\n}\n\n// Field Notes-inspired palette: black ink on kraft-brown cover stock.\nfunction css(embed: boolean) {\n return `\n :root{\n --kraft:#cbb189; /* cover stock */\n --kraft-2:#d8c2a0; /* lighter panel */\n --ink:#2b2118; /* dark brown \"ink\" */\n --ink-soft:#6b5b46; /* muted ink */\n --rule:#a8916c; /* printed rule lines */\n --accent:#7a3b1d; /* barn/brick red accent */\n color-scheme:light dark;\n }\n *{box-sizing:border-box}\n body{font:14px/1.5 ${FONT};margin:0 auto;padding:${embed ? \"10px 12px 16px\" : \"28px 18px 60px\"};max-width:${embed ? \"100%\" : \"720px\"};color:var(--ink);background:${embed ? \"transparent\" : \"var(--kraft)\"}}\n a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(122,59,29,.35)}\n a:hover{border-bottom-color:var(--accent)}\n\n /* The \"cover\" — bordered like a Field Notes front. */\n .cover{border:2px solid var(--ink);padding:18px 20px 16px;margin:0 0 22px;background:var(--kraft-2);box-shadow:3px 3px 0 rgba(43,33,24,.18)}\n .kicker{font:700 .62rem/1 ${TITLE_FONT};letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px}\n h1{font-size:1.05rem;margin:0;font-weight:700}\n h1.brand{font:700 clamp(2rem,9vw,3.1rem)/.95 ${TITLE_FONT};letter-spacing:.12em;text-transform:uppercase;margin:0;color:var(--ink)}\n .tagline{font:400 .82rem/1.4 ${FONT};color:var(--ink-soft);margin:10px 0 0;max-width:46ch}\n .coverrule{border:0;border-top:1.5px solid var(--ink);margin:14px 0 10px}\n .property{display:flex;align-items:flex-end;gap:8px;font:700 .6rem/1 ${TITLE_FONT};letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}\n .property .line{flex:1;border-bottom:1px solid var(--rule);height:1em}\n .property .val{flex:1;border-bottom:1px solid var(--rule);font:400 .82rem/1 ${FONT};letter-spacing:0;color:var(--ink);text-transform:none;padding-bottom:1px}\n\n /* Section labels, e.g. SPECIFICATIONS / PRACTICAL APPLICATIONS */\n .label{font:700 .64rem/1 ${TITLE_FONT};letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);margin:24px 0 8px;border-bottom:1.5px solid var(--ink);padding-bottom:5px}\n\n .meta{color:var(--ink-soft);font-size:.8rem;font-weight:400}\n .note{color:var(--ink-soft);font-size:.86rem;margin:6px 0 14px}\n\n /* Specifications strip — boxed stats instead of rounded pills. */\n .specs{display:flex;flex-wrap:wrap;gap:0;margin:0 0 14px;border:1px solid var(--ink)}\n .spec{flex:1 1 92px;padding:8px 10px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}\n .spec:last-child{border-right:0}\n .spec .n{font:700 1.15rem/1 ${TITLE_FONT};color:var(--ink)}\n .spec .k{font:700 .56rem/1.2 ${TITLE_FONT};letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px}\n .spec.warn .n{color:var(--accent)}\n\n .tablewrap{overflow:auto;max-height:${embed ? \"calc(100vh - 96px)\" : \"none\"};border:1px solid var(--ink)}\n table{border-collapse:collapse;width:100%;font-size:.78rem}\n th,td{text-align:left;padding:6px 9px;border-bottom:1px solid var(--rule);vertical-align:top}\n tr:last-child td{border-bottom:0}\n th{position:sticky;top:0;background:var(--kraft-2);font:700 .58rem/1.2 ${TITLE_FONT};text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);border-bottom:1.5px solid var(--ink)}\n td.num,th.num{text-align:right;white-space:nowrap}\n tbody tr:nth-child(even) td{background:rgba(168,145,108,.13)}\n tr.attention td{background:rgba(122,59,29,.12)}\n .type{font:700 .58rem/1 ${TITLE_FONT};padding:2px 7px;border:1px solid var(--rule);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:var(--ink-soft)}\n .star{color:var(--accent)}\n .warn{color:var(--accent)}\n\n .timeline{list-style:none;padding:0;margin:8px 0 4px}\n .timeline li{padding:9px 0;border-bottom:1px solid var(--rule)}\n .timeline li:last-child{border-bottom:0}\n .timeline .d{font:700 .8rem/1 ${TITLE_FONT};letter-spacing:.06em}\n code{background:rgba(43,33,24,.1);padding:1px 5px;font-size:.85em}\n .changes{margin:12px 0 4px;font-size:.84rem}\n .changes .lbl{font:700 .6rem/1 ${TITLE_FONT};letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}\n .foot{margin-top:22px;padding-top:10px;border-top:1.5px solid var(--ink);font:700 .58rem/1.5 ${TITLE_FONT};letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}\n .foot a{font-weight:700}\n .foot code{font-family:${FONT};letter-spacing:0;text-transform:none}\n\n /* Dark mode = the \"flooded with ink\" inverse: dark cover, kraft logo. */\n @media(prefers-color-scheme:dark){\n :root{--kraft:#1c1814;--kraft-2:#241d16;--ink:#e8d9bf;--ink-soft:#b09c7c;--rule:#4a3e2e;--accent:#d98b5f}\n body{background:${embed ? \"transparent\" : \"var(--kraft)\"}}\n .cover{box-shadow:3px 3px 0 rgba(0,0,0,.4)}\n }`;\n}\n\n// Field Notes \"SPECIFICATIONS\"-style stats strip.\nfunction counts(s: Snapshot) {\n const byType: Record = {};\n for (const p of s.plants) byType[p.type] = (byType[p.type] || 0) + 1;\n const att = s.plants.filter((p) => (p.flags ?? []).includes(\"attention\")).length;\n const totalVol = s.plants.reduce((sum, p) => sum + (p.volL ?? 0), 0);\n const topType = Object.entries(byType).sort((a, b) => b[1] - a[1])[0];\n const cells: Array<{ n: string; k: string; warn?: boolean }> = [\n { n: String(s.plants.length), k: \"Specimens\" },\n { n: String(Object.keys(byType).length), k: \"Types\" },\n { n: `${Math.round(totalVol)}L`, k: \"Total Vol\" },\n ];\n if (topType) cells.push({ n: String(topType[1]), k: topType[0] });\n cells.push({ n: String(att), k: \"Attention\", warn: att > 0 });\n const html = cells\n .map((c) => `

${esc(c.n)}

${esc(c.k)}

`)\n .join(\"\");\n return `

${html}

`;\n}\n\nfunction tableHtml(s: Snapshot) {\n const sorted = [...s.plants].sort((a, b) => (b.volL ?? -1) - (a.volL ?? -1));\n const rows = sorted.map((p, i) => {\n const att = (p.flags ?? []).includes(\"attention\");\n const star = (p.flags ?? []).includes(\"star\");\n return ``\n + `${i + 1}`\n + `${star ? '★ ' : \"\"}${esc(p.name)}`\n + `${esc(p.type)}`\n + `${esc(p.vessel)}`\n + `${vol(p.volL)}`\n + `${att ? '⚠ ' : \"\"}${esc(p.status)}`\n + ``;\n }).join(\"\");\n return `

`\n + ``\n + `${rows}

#	Specimen	Type	Vessel	Vol (L)	Status

`;\n}\n\nfunction doc(inner: string, embed: boolean) {\n return ``\n + ``\n + `Farm log${inner}`;\n}\n\n// Chrome-less view for embedding in a blog post via an

Diff · v18