Farm log

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_208":209,"_210":211},"routes/_app.x.$handle.$name",{"_96":95,"_32":46,"_105":86,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":123,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","data/loader.ts","latestPath","fileId","82e0bef6-6854-11f1-bf60-1607ee4eb77e","name","loader.ts","fileType","script","content","// Reads dated snapshot files. To log a new snapshot (e.g. after a call-in when I\n// get back): drop a new data/.json file and add its date below.\n// Old snapshots are never edited — that's the whole \"longitudinal, don't\n// overwrite\" point. Plant `key`s are stable across snapshots so the same plant\n// can be followed over time (see diff()).\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport interface Plant {\n key: string;\n name: string;\n type: string;\n vessel: string;\n volL: number | null;\n status: string;\n flags?: string[];\n}\n\nexport interface Snapshot {\n date: string;\n title: string;\n note: string;\n plants: Plant[];\n}\n\n// Newest can go anywhere; loadAll() sorts. Add a date when you add its file.\nexport const SNAPSHOT_DATES = [\"2026-06-14\"];\n\nexport async function loadSnapshot(date: string): Promise {\n if (!SNAPSHOT_DATES.includes(date)) return null;\n try {\n const txt = await readFile(`/data/${date}.json`, import.meta.url);\n return JSON.parse(txt) as Snapshot;\n } catch {\n return null;\n }\n}\n\nexport async function loadAll(): Promise {\n const out: Snapshot[] = [];\n for (const d of SNAPSHOT_DATES) {\n const s = await loadSnapshot(d);\n if (s) out.push(s);\n }\n return out.sort((a, b) => b.date.localeCompare(a.date)); // newest first\n}\n\nexport interface Diff {\n added: Plant[];\n removed: Plant[];\n changed: { key: string; name: string; from: string; to: string }[];\n}\n\n// What changed from an older snapshot to a newer one, matched by plant key.\nexport function diff(older: Snapshot, newer: Snapshot): Diff {\n const o = new Map(older.plants.map((p) => [p.key, p]));\n const n = new Map(newer.plants.map((p) => [p.key, p]));\n return {\n added: newer.plants.filter((p) => !o.has(p.key)),\n removed: older.plants.filter((p) => !n.has(p.key)),\n changed: newer.plants\n .filter((p) => o.has(p.key) && o.get(p.key)!.status !== p.status)\n .map((p) => ({ key: p.key, name: p.name, from: o.get(p.key)!.status, to: p.status })),\n };\n}\n","// Reads dated snapshot files. To log a new snapshot (e.g. after a call-in when I\n// get back): drop a new data/.json file and add its date below.\n// Old snapshots are never edited — that's the whole \"longitudinal, don't\n// overwrite\" point. Plant `key`s are stable across snapshots so the same plant\n// can be followed over time (see diff()).\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport interface Plant {\n key: string;\n name: string;\n type: string;\n vessel: string;\n volL: number | null;\n status: string;\n flags?: string[];\n}\n\nexport interface Snapshot {\n date: string;\n title: string;\n note: string;\n plants: Plant[];\n}\n\n// Newest can go anywhere; loadAll() sorts. Add a date when you add its file.\nexport const SNAPSHOT_DATES = [\"2026-05-31\", \"2026-06-14\"];\n\nexport async function loadSnapshot(date: string): Promise {\n if (!SNAPSHOT_DATES.includes(date)) return null;\n try {\n const txt = await readFile(`/data/${date}.json`, import.meta.url);\n return JSON.parse(txt) as Snapshot;\n } catch {\n return null;\n }\n}\n\nexport async function loadAll(): Promise {\n const out: Snapshot[] = [];\n for (const d of SNAPSHOT_DATES) {\n const s = await loadSnapshot(d);\n if (s) out.push(s);\n }\n return out.sort((a, b) => b.date.localeCompare(a.date)); // newest first\n}\n\nexport interface Diff {\n added: Plant[];\n removed: Plant[];\n changed: { key: string; name: string; from: string; to: string }[];\n}\n\n// What changed from an older snapshot to a newer one, matched by plant key.\nexport function diff(older: Snapshot, newer: Snapshot): Diff {\n const o = new Map(older.plants.map((p) => [p.key, p]));\n const n = new Map(newer.plants.map((p) => [p.key, p]));\n return {\n added: newer.plants.filter((p) => !o.has(p.key)),\n removed: older.plants.filter((p) => !n.has(p.key)),\n changed: newer.plants\n .filter((p) => o.has(p.key) && o.get(p.key)!.status !== p.status)\n .map((p) => ({ key: p.key, name: p.name, from: o.get(p.key)!.status, to: p.status })),\n };\n}\n","createdAt",["D",1781486100174],"branchVersion","branchId","e922361f-a4eb-4df1-8071-05f718586e45","id","8e4b364e-89cc-4527-874c-a34675fc95e3","farm-log",["D",1781484720273],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Longitudinal indoor-garden tracker; embeddable snapshots","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":56,"_101":102,"_103":25},"branch",{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789552799&sig=9e2f7c6ad81bfe0a417f4ee593a56f46019d3f18deb24441c667547de12b5000","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":204,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":205,"_80":206,"_82":207,"_84":25},"tree",[169,173,174],"files",[169,170,171,172,173,174],"counts",{"_158":62,"_159":160,"_161":62,"_162":163,"_164":165},"contents",[128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":151,"_32":152,"_30":153,"_134":-5,"_42":43,"_41":154,"_136":123,"_39":155,"_13":62,"_34":156,"_36":-5,"_24":25,"_141":-5,"_27":157},{"_44":144,"_32":145,"_30":146,"_134":-5,"_42":43,"_41":147,"_136":25,"_39":148,"_13":62,"_34":20,"_36":149,"_24":25,"_141":-5,"_27":150},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":137,"_13":138,"_34":139,"_36":140,"_24":25,"_141":142,"_27":143},"9632bc30-03aa-4fde-aa61-5ff191cea86b","main.tsx","6ac4f166-6854-11f1-858c-1607ee4eb77e","parentId",6,"latest",["D",1781484881212],3,"http","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\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\nfunction css(embed: boolean) {\n return `\n :root{color-scheme:light dark}\n *{box-sizing:border-box}\n body{font:15px/1.5 ${FONT};margin:0 auto;padding:${embed ? \"10px 12px 14px\" : \"30px 18px 64px\"};max-width:${embed ? \"100%\" : \"760px\"};color:#222;background:${embed ? \"transparent\" : \"#fff\"}}\n a{color:#0a7d28;text-decoration:none}\n a:hover{text-decoration:underline}\n h1{font-size:1.2rem;margin:0 0 2px;font-weight:700}\n .meta{color:#8a8a8a;font-size:.82rem;font-weight:400}\n .note{color:#666;font-size:.9rem;margin:6px 0 14px}\n .counts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}\n .pill{font-size:.72rem;padding:2px 9px;border-radius:999px;background:rgba(127,127,127,.14)}\n .pill.warn{background:rgba(215,122,0,.16);color:#b86a00}\n .tablewrap{overflow:auto;max-height:${embed ? \"calc(100vh - 96px)\" : \"none\"};border:1px solid rgba(127,127,127,.18);border-radius:10px}\n table{border-collapse:collapse;width:100%;font-size:.8rem}\n th,td{text-align:left;padding:6px 9px;border-bottom:1px solid rgba(127,127,127,.14);vertical-align:top}\n tr:last-child td{border-bottom:0}\n th{position:sticky;top:0;background:#f5f5f5;font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#777}\n td.num,th.num{text-align:right;white-space:nowrap}\n tr.attention td{background:rgba(230,160,30,.12)}\n .type{font-size:.7rem;padding:1px 8px;border-radius:999px;background:rgba(70,140,85,.16);white-space:nowrap}\n .star{color:#e0a500}\n .warn{color:#d77a00}\n .timeline{list-style:none;padding:0;margin:14px 0 26px}\n .timeline li{padding:10px 12px;border:1px solid rgba(127,127,127,.18);border-radius:10px;margin-bottom:8px}\n .timeline .d{font-weight:600}\n code{background:rgba(127,127,127,.16);padding:1px 5px;border-radius:5px;font-size:.85em}\n .changes{margin:12px 0 4px;font-size:.85rem}\n .changes .lbl{font-weight:600}\n .foot{margin-top:16px;font-size:.78rem;color:#9a9a9a}\n @media(prefers-color-scheme:dark){\n body{color:#e9e9e9;background:${embed ? \"transparent\" : \"#161616\"}}\n a{color:#7fd99a}\n th{background:#242424;color:#9a9a9a}\n .type{background:rgba(120,180,130,.22)}\n .timeline li{border-color:#333}\n .tablewrap{border-color:#333}\n }`;\n}\n\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 pills = [`${s.plants.length} specimens`];\n for (const [t, n] of Object.entries(byType).sort((a, b) => b[1] - a[1])) pills.push(`${n} ${t.toLowerCase()}`);\n let html = pills.map((p) => `${esc(p)}`).join(\"\");\n if (att) html += `⚠ ${att} need attention`;\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 · v9