[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_97":96,"_31":44,"_106":87,"_26":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":24,"_121":122,"_123":124,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/App.tsx","latestPath","fileId","98695818-65e4-11f1-a9ad-1607ee4eb77e","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Task = {\n id: string;\n url: string;\n name: string;\n status: string;\n priority: \"Low\" | \"Med\" | \"High\" | null;\n quadrant: string | null;\n due: string | null;\n big3: boolean;\n tags: string[];\n owners: string[];\n created: string;\n};\n\nconst QUADRANTS = [\n {\n id: \"Do First\",\n axis: \"Urgent + Important\",\n emoji: \"🔥\",\n hint: \"Deadlines and real fires.\",\n border: \"border-rose-500/40\",\n header: \"text-rose-300\",\n glow: \"hover:border-rose-400/60\",\n chip: \"bg-rose-500/15 text-rose-300\",\n },\n {\n id: \"Schedule\",\n axis: \"Important · Not urgent\",\n emoji: \"📅\",\n hint: \"Strategy, growth, relationships — protect this box.\",\n border: \"border-sky-500/40\",\n header: \"text-sky-300\",\n glow: \"hover:border-sky-400/60\",\n chip: \"bg-sky-500/15 text-sky-300\",\n },\n {\n id: \"Delegate\",\n axis: \"Urgent · Not important\",\n emoji: \"🤝\",\n hint: \"Someone else can own this.\",\n border: \"border-amber-500/40\",\n header: \"text-amber-300\",\n glow: \"hover:border-amber-400/60\",\n chip: \"bg-amber-500/15 text-amber-300\",\n },\n {\n id: \"Later\",\n axis: \"Not urgent · Not important\",\n emoji: \"🌊\",\n hint: \"Be honest — most of this never mattered.\",\n border: \"border-slate-500/40\",\n header: \"text-slate-300\",\n glow: \"hover:border-slate-400/60\",\n chip: \"bg-slate-500/15 text-slate-300\",\n },\n];\nconst QUADRANT_IDS = QUADRANTS.map((q) => q.id);\nconst PARKED = [\"L&D\", \"Blocked\", \"Delegated\"];\nconst NOTION_DB_URL = \"https://www.notion.so/28040dbc2c3b8062b9bfc7fd2a629594\";\n\nfunction getKey() {\n return localStorage.getItem(\"matrix-key\") ?? \"\";\n}\n\nasync function api(path: string, body?: unknown) {\n const res = await fetch(path, {\n method: body ? \"POST\" : \"GET\",\n headers: { \"x-matrix-key\": getKey(), \"Content-Type\": \"application/json\" },\n body: body ? JSON.stringify(body) : undefined,\n });\n if (!res.ok) {\n let msg = `HTTP ${res.status}`;\n try {\n msg = (await res.json()).error ?? msg;\n } catch { /* keep default */ }\n throw Object.assign(new Error(msg), { status: res.status });\n }\n return res.json();\n}\n\nfunction dueInfo(due: string | null) {\n if (!due) return null;\n const d = new Date(due.length === 10 ? due + \"T00:00:00\" : due);\n const today = new Date();\n today.setHours(0, 0, 0, 0);\n const days = Math.round((d.getTime() - today.getTime()) / 86400000);\n if (days < 0) {\n return { days, label: `${-days}d late`, cls: \"bg-rose-500/20 text-rose-300 font-semibold\" };\n }\n if (days === 0) return { days, label: \"today\", cls: \"bg-amber-500/20 text-amber-300 font-semibold\" };\n if (days === 1) return { days, label: \"tomorrow\", cls: \"bg-amber-500/10 text-amber-200/90\" };\n const label = d.toLocaleDateString(\"en-GB\", { day: \"numeric\", month: \"short\" });\n return { days, label, cls: \"bg-white/5 text-slate-400\" };\n}\n\n// Eisenhower triage from what Notion already knows: urgency from the due\n// date, importance from Priority.\nfunction suggest(t: Task): string {\n const info = dueInfo(t.due);\n const urgent = info !== null && info.days <= 2;\n const important = t.priority === \"High\" || t.priority === \"Med\";\n if (urgent && important) return \"Do First\";\n if (important) return \"Schedule\";\n if (urgent) return \"Delegate\";\n return \"Later\";\n}\n\nfunction initials(name: string) {\n return name.split(/\\s+/).filter(Boolean).map((w) => w[0]).slice(0, 2).join(\"\").toUpperCase();\n}\n\ntype Toast = { id: number; msg: string; retry?: () => void };\n\nexport function App() {\n const [phase, setPhase] = useState<\"boot\" | \"setup\" | \"key\" | \"ready\">(\"boot\");\n const [health, setHealth] = useState<{ notion: boolean; gate: boolean } | null>(null);\n const [keyError, setKeyError] = useState(\"\");\n\n async function boot() {\n setPhase(\"boot\");\n try {\n const h = await api(\"/api/health\");\n setHealth(h);\n if (!h.notion || !h.gate) return setPhase(\"setup\");\n if (!getKey()) return setPhase(\"key\");\n setPhase(\"ready\");\n } catch {\n setPhase(\"key\");\n }\n }\n\n useEffect(() => {\n boot();\n }, []);\n\n if (phase === \"boot\") {\n return ⚡ warming up…;\n }\n if (phase === \"setup\" && health) return ;\n if (phase === \"key\") {\n return (\n {\n localStorage.setItem(\"matrix-key\", k.trim());\n try {\n await api(\"/api/health\");\n setKeyError(\"\");\n setPhase(\"ready\");\n } catch {\n setPhase(\"ready\"); // Board will surface auth errors and bounce back\n }\n }}\n />\n );\n }\n return (\n {\n localStorage.removeItem(\"matrix-key\");\n setKeyError(\"That key didn't work — try again.\");\n setPhase(\"key\");\n }}\n />\n );\n}\n\nfunction Center({ children }: { children: any }) {\n return (\n

\n {children}\n

\n );\n}\n\nfunction Setup({ health, onRetry }: { health: { notion: boolean; gate: boolean }; onRetry: () => void }) {\n return (\n

⚡ Task Matrix — one-time setup

Two secrets and you're live everywhere, forever.

\n {health.notion ? \"✅\" : \"1️⃣\"} NOTION_API_KEY\n
- \n Create an integration at{\" \"}\n \n notion.so/my-integrations\n {\" \"}\n and copy its secret\n
- \n In Notion, open the Tasks database → ••• → Connections → add your integration\n
- \n Paste the secret{\" \"}\n \n here\n \n
\n
\n {health.gate ? \"✅\" : \"2️⃣\"} MATRIX_KEY\n
- \n Any password you like — it keeps your tasks off the public internet. Set it{\" \"}\n \n here\n \n
\n

\n \n I've set them — let's go\n \n

\n );\n}\n\nfunction KeyGate({ onSubmit, error }: { onSubmit: (k: string) => void; error: string }) {\n const [v, setV] = useState(\"\");\n return (\n

\n {\n e.preventDefault();\n if (v.trim()) onSubmit(v);\n }}\n className=\"max-w-sm w-full rounded-2xl border border-white/10 bg-white/5 p-8 text-center\"\n >\n

🔐

Task Matrix

Enter your matrix key

\n {error &&

{error}

}\n setV(e.target.value)}\n autoFocus\n className=\"w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3 text-slate-100 outline-none focus:border-indigo-400\"\n placeholder=\"••••••••\"\n />\n \n \n

\n );\n}\n\nfunction Board({ onAuthFail }: { onAuthFail: () => void }) {\n const [tasks, setTasks] = useState([]);\n const [loading, setLoading] = useState(true);\n const [toasts, setToasts] = useState([]);\n const [dragId, setDragId] = useState(null);\n const [selectedId, setSelectedId] = useState(null);\n const [dropTarget, setDropTarget] = useState(null);\n const [popping, setPopping] = useState>(new Set());\n const [showParked, setShowParked] = useState(false);\n const toastSeq = useRef(0);\n\n function toast(msg: string, retry?: () => void) {\n const id = ++toastSeq.current;\n setToasts((ts) => [...ts, { id, msg, retry }]);\n if (!retry) setTimeout(() => setToasts((ts) => ts.filter((t) => t.id !== id)), 5000);\n }\n\n async function load(silent = false) {\n if (!silent) setLoading(true);\n try {\n const { tasks } = await api(\"/api/tasks\");\n setTasks(tasks);\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n toast(`Couldn't load tasks: ${e.message}`, () => load());\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n load();\n const onFocus = () => load(true);\n window.addEventListener(\"focus\", onFocus);\n return () => window.removeEventListener(\"focus\", onFocus);\n }, []);\n\n function patchLocal(id: string, patch: Partial) {\n setTasks((ts) => ts.map((t) => (t.id === id ? { ...t, ...patch } : t)));\n }\n\n async function move(id: string, quadrant: string | null) {\n const before = tasks.find((t) => t.id === id);\n if (!before || before.quadrant === quadrant) return setSelectedId(null);\n patchLocal(id, { quadrant });\n setSelectedId(null);\n try {\n await api(\"/api/update\", { id, quadrant });\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n patchLocal(id, { quadrant: before.quadrant });\n toast(`Couldn't move \"${before.name}\": ${e.message}`, () => move(id, quadrant));\n }\n }\n\n async function toggleBig3(t: Task) {\n const next = !t.big3;\n if (next && tasks.filter((x) => x.big3).length >= 3) {\n return toast(\"Big 3 is full — unstar one first. That's the whole point. ⭐\");\n }\n patchLocal(t.id, { big3: next });\n try {\n await api(\"/api/update\", { id: t.id, big3: next });\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n patchLocal(t.id, { big3: t.big3 });\n toast(`Couldn't update Big 3: ${e.message}`, () => toggleBig3(t));\n }\n }\n\n async function markDone(t: Task) {\n setPopping((s) => new Set(s).add(t.id));\n setTimeout(() => setTasks((ts) => ts.filter((x) => x.id !== t.id)), 430);\n try {\n await api(\"/api/update\", { id: t.id, done: true });\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n setPopping((s) => {\n const n = new Set(s);\n n.delete(t.id);\n return n;\n });\n setTasks((ts) => (ts.some((x) => x.id === t.id) ? ts : [...ts, t]));\n toast(`Couldn't complete \"${t.name}\": ${e.message}`, () => markDone(t));\n }\n }\n\n async function quickAdd(name: string, quadrant: string | null) {\n const temp: Task = {\n id: `tmp-${Date.now()}`,\n url: \"\",\n name,\n status: \"To do\",\n priority: quadrant === \"Do First\" ? \"High\" : null,\n quadrant,\n due: null,\n big3: false,\n tags: [],\n owners: [],\n created: new Date().toISOString(),\n };\n setTasks((ts) => [...ts, temp]);\n try {\n const { task } = await api(\"/api/create\", { name, quadrant, priority: temp.priority });\n setTasks((ts) => ts.map((t) => (t.id === temp.id ? { ...task, owners: [] } : t)));\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n setTasks((ts) => ts.filter((t) => t.id !== temp.id));\n toast(`Couldn't add \"${name}\": ${e.message}`, () => quickAdd(name, quadrant));\n }\n }\n\n async function autoSort() {\n const unsorted = tasks.filter((t) => !t.quadrant || t.quadrant === \"Backlog\");\n for (const t of unsorted) move(t.id, suggest(t));\n }\n\n const big3 = tasks.filter((t) => t.big3);\n const unsorted = tasks.filter((t) => !t.quadrant || t.quadrant === \"Backlog\");\n const parked = tasks.filter((t) => t.quadrant && PARKED.includes(t.quadrant));\n const byQuadrant = (q: string) => tasks.filter((t) => t.quadrant === q);\n const moveMode = dragId !== null || selectedId !== null;\n\n return (\n

setSelectedId(null)}>\n {/* Header */}\n

⚡ Task Matrix

\n \n {tasks.length} open · synced with Notion\n \n

\n load()}\n className=\"px-3 py-1.5 rounded-lg bg-white/5 hover:bg-white/10 text-slate-300\"\n >\n {loading ? \"⏳ syncing…\" : \"↻ refresh\"}\n \n \n open in Notion ↗\n \n \n view source\n \n

\n\n {/* Big 3 */}\n

⭐ Today's Big 3

\n {big3.length}/3 — star any card to pick\n

\n {big3.length === 0\n ?

Nothing starred yet. If today went perfectly, which three got done?

\n : (\n

\n {big3.map((t) => (\n

\n \n {t.name}\n \n

\n ))}\n

\n )}\n

\n\n

\n {/* Tray */}\n e.preventDefault()}\n onDrop={(e) => {\n e.preventDefault();\n const id = e.dataTransfer.getData(\"text/plain\");\n if (id) move(id, null);\n setDragId(null);\n setDropTarget(null);\n }}\n onClick={(e) => {\n if (selectedId) {\n e.stopPropagation();\n move(selectedId, null);\n }\n }}\n >\n

📥 Unsorted

\n {unsorted.length}\n {unsorted.length > 0 && (\n {\n e.stopPropagation();\n autoSort();\n }}\n className=\"ml-auto text-xs px-2 py-1 rounded-lg bg-indigo-500/20 text-indigo-300 hover:bg-indigo-500/30\"\n title=\"File everything by priority + due date\"\n >\n ✨ auto-sort\n \n )}\n

Drag onto the board, or tap a card then tap a box.

\n {unsorted.map((t) => (\n setSelectedId(selectedId === t.id ? null : t.id)}\n onDragStart={() => setDragId(t.id)}\n onDragEnd={() => setDragId(null)}\n onDone={() => markDone(t)}\n onStar={() => toggleBig3(t)}\n />\n ))}\n {unsorted.length === 0 &&

Inbox zero. Iconic. 💅

}\n

\n quickAdd(name, null)} />\n\n {parked.length > 0 && (\n

\n {\n e.stopPropagation();\n setShowParked(!showParked);\n }}\n className=\"text-xs text-slate-500 hover:text-slate-300\"\n >\n {showParked ? \"▾\" : \"▸\"} 🅿️ Parked — blocked / delegated / L&D ({parked.length})\n \n {showParked && (\n

\n {parked.map((t) => (\n setSelectedId(selectedId === t.id ? null : t.id)}\n onDragStart={() => setDragId(t.id)}\n onDragEnd={() => setDragId(null)}\n onDone={() => markDone(t)}\n onStar={() => toggleBig3(t)}\n />\n ))}\n

\n )}\n

\n )}\n \n\n {/* The 2×2 */}\n

\n {QUADRANTS.map((q) => {\n const items = byQuadrant(q.id);\n const overloaded = q.id === \"Do First\" && items.length > 5;\n return (\n {\n e.preventDefault();\n setDropTarget(q.id);\n }}\n onDragLeave={() => setDropTarget((d) => (d === q.id ? null : d))}\n onDrop={(e) => {\n e.preventDefault();\n const id = e.dataTransfer.getData(\"text/plain\");\n if (id) move(id, q.id);\n setDragId(null);\n setDropTarget(null);\n }}\n onClick={(e) => {\n if (selectedId) {\n e.stopPropagation();\n move(selectedId, q.id);\n }\n }}\n >\n

\n {q.emoji} {q.id}\n

\n {q.axis}\n {items.length}\n

{q.hint}

\n {overloaded && (\n

\n 🚨 {items.length} fires. If everything's urgent, nothing is — move something right or down.\n

\n )}\n {moveMode && (\n

\n drop / tap to move here\n

\n )}\n

\n {items.map((t) => (\n setSelectedId(selectedId === t.id ? null : t.id)}\n onDragStart={() => setDragId(t.id)}\n onDragEnd={() => setDragId(null)}\n onDone={() => markDone(t)}\n onStar={() => toggleBig3(t)}\n />\n ))}\n

\n quickAdd(name, q.id)} />\n \n );\n })}\n

\n\n {/* Toasts */}\n

\n {toasts.map((t) => (\n \n {t.msg}\n {t.retry && (\n {\n setToasts((ts) => ts.filter((x) => x.id !== t.id));\n t.retry!();\n }}\n className=\"px-2 py-1 rounded-lg bg-rose-500/20 text-rose-300 hover:bg-rose-500/30\"\n >\n retry\n \n )}\n setToasts((ts) => ts.filter((x) => x.id !== t.id))}\n className=\"text-slate-500 hover:text-slate-300\"\n >\n ✕\n \n

\n ))}\n

\n \n );\n}\n\nfunction Card(props: {\n t: Task;\n suggestion?: string;\n popping: boolean;\n selected: boolean;\n onSelect: () => void;\n onDragStart: () => void;\n onDragEnd: () => void;\n onDone: () => void;\n onStar: () => void;\n}) {\n const { t } = props;\n const due = dueInfo(t.due);\n const prDot = t.priority === \"High\"\n ? \"bg-purple-400\"\n : t.priority === \"Med\"\n ? \"bg-yellow-400\"\n : t.priority === \"Low\"\n ? \"bg-amber-700\"\n : \"bg-slate-700\";\n return (\n {\n e.dataTransfer.setData(\"text/plain\", t.id);\n props.onDragStart();\n }}\n onDragEnd={props.onDragEnd}\n onClick={(e) => {\n e.stopPropagation();\n props.onSelect();\n }}\n className={`group rounded-xl border bg-slate-900/60 px-3 py-2 cursor-grab active:cursor-grabbing select-none ${\n props.popping ? \"done-pop\" : \"\"\n } ${props.selected ? \"border-indigo-400 ring-2 ring-indigo-400/40\" : \"border-white/10 hover:border-white/25\"}`}\n >\n

\n {\n e.stopPropagation();\n props.onDone();\n }}\n title=\"Mark done in Notion\"\n className=\"mt-0.5 text-slate-600 hover:text-emerald-400 text-base leading-none\"\n >\n ◯\n \n

\n \n {t.name}\n

\n {due && {due.label}}\n {t.status !== \"To do\" && (\n {t.status}\n )}\n {t.tags.slice(0, 2).map((tag) => (\n {tag}\n ))}\n {t.owners.map((o) => (\n \n {initials(o)}\n \n ))}\n {props.suggestion && (\n \n → {props.suggestion}\n \n )}\n

\n {\n e.stopPropagation();\n props.onStar();\n }}\n title={t.big3 ? \"Remove from Big 3\" : \"Add to Big 3\"}\n className={`text-base leading-none ${\n t.big3 ? \"text-yellow-400\" : \"text-slate-700 hover:text-yellow-400/70 opacity-0 group-hover:opacity-100\"\n }`}\n >\n ★\n \n {t.url && (\n e.stopPropagation()}\n title=\"Open in Notion\"\n className=\"text-slate-700 hover:text-slate-400 text-xs opacity-0 group-hover:opacity-100\"\n >\n ↗\n \n )}\n

\n \n );\n}\n\nfunction QuickAdd({ placeholder, onAdd }: { placeholder: string; onAdd: (name: string) => void }) {\n const [v, setV] = useState(\"\");\n return (\n e.stopPropagation()}\n onSubmit={(e) => {\n e.preventDefault();\n if (v.trim()) {\n onAdd(v.trim());\n setV(\"\");\n }\n }}\n >\n setV(e.target.value)}\n placeholder={placeholder}\n className=\"w-full text-sm rounded-lg bg-black/20 border border-white/5 focus:border-indigo-400/50 px-3 py-1.5 text-slate-200 placeholder-slate-600 outline-none\"\n />\n \n );\n}\n","createdAt",["D",1781216790908],"branchVersion","branchId","6e100dfc-e006-4b12-9a82-4fde98e27296","id","24eeba59-4bbc-4517-9dd8-93dc2f68b0f3","task-matrix",["D",1781216592520],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Eisenhower matrix over the Notion Tasks DB — drag, drop, decide","imageUrl","5a7436da-0848-40a3-99eb-c054d70b048c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019eb6c5-7b3a-724a-9353-a03b686955a5","tursoName","24eeba594bbc45179dd893dc2f68b0f3","tursoHostname","24eeba594bbc45179dd893dc2f68b0f3-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789520505489],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":54,"_102":103,"_104":24},"branch",{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ltraino","handle","displayName","Lauren Smith","avatar","https://lh3.googleusercontent.com/a/ACg8ocK1Cg_9prHvfBQxGTfAna1F3ADEaUG2om3O9gdNmG4Ltp_NCw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":194,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":195,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":196,"_81":197,"_83":198,"_85":24},"tree",[168,171,172],"files",[168,169,170,171,172],"counts",{"_158":60,"_159":139,"_160":60,"_161":162,"_163":164},"contents",[129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_42":151,"_31":152,"_29":153,"_135":-5,"_40":41,"_39":154,"_137":124,"_37":155,"_13":60,"_33":156,"_35":-5,"_23":24,"_142":-5,"_26":157},{"_42":144,"_31":145,"_29":146,"_135":-5,"_40":41,"_39":147,"_137":24,"_37":148,"_13":60,"_33":20,"_35":149,"_23":24,"_142":-5,"_26":150},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":138,"_13":139,"_33":140,"_35":141,"_23":24,"_142":-5,"_26":143},"062211e6-26fe-4c83-a079-6739b9c07387","main.ts","222d247c-65e4-11f1-a30f-1607ee4eb77e","parentId",2,"latest",["D",1781216667051],1,"http","import { Hono } from \"npm:hono\";\nimport { parseVal, readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// Lauren's Notion Tasks database (the same one the prep-1on1 and wind-down rituals use).\n// The Quadrant select + Big 3 checkbox on that DB are the single source of truth —\n// no shadow state page (RIP task-matrix-state, you were flaky and you know it).\nconst DB_ID = \"28040dbc2c3b8062b9bfc7fd2a629594\";\nconst API = \"https://api.notion.com/v1\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", async (c) => c.html(await readFile(\"/index.html\", import.meta.url)));\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.get(\"/api/health\", (c) =>\n c.json({\n notion: !!Deno.env.get(\"NOTION_API_KEY\"),\n gate: !!Deno.env.get(\"MATRIX_KEY\"),\n }));\n\napp.use(\"/api/*\", async (c, next) => {\n const gate = Deno.env.get(\"MATRIX_KEY\");\n if (!gate) return c.json({ error: \"MATRIX_KEY env var is not set yet\" }, 503);\n if (c.req.header(\"x-matrix-key\") !== gate) return c.json({ error: \"Wrong matrix key\" }, 401);\n if (!Deno.env.get(\"NOTION_API_KEY\")) return c.json({ error: \"NOTION_API_KEY env var is not set yet\" }, 503);\n await next();\n});\n\nasync function notion(path: string, init: RequestInit = {}) {\n const res = await fetch(API + path, {\n ...init,\n headers: {\n Authorization: `Bearer ${Deno.env.get(\"NOTION_API_KEY\")}`,\n \"Notion-Version\": \"2022-06-28\",\n \"Content-Type\": \"application/json\",\n },\n });\n if (!res.ok) throw new Error(`Notion ${res.status}: ${await res.text()}`);\n return res.json();\n}\n\n// Owner is a relation to the Team DB; cache resolved names across requests.\nconst ownerNames = new Map();\n\nasync function resolveOwners(ids: string[]) {\n const missing = [...new Set(ids)].filter((id) => !ownerNames.has(id));\n await Promise.all(missing.map(async (id) => {\n try {\n const page: any = await notion(`/pages/${id}`);\n const title = Object.values(page.properties as Record)\n .find((p) => p.type === \"title\");\n ownerNames.set(id, title?.title?.map((t: any) => t.plain_text).join(\"\") || \"?\");\n } catch {\n ownerNames.set(id, \"?\");\n }\n }));\n}\n\nfunction toTask(page: any) {\n const p = page.properties;\n return {\n id: page.id,\n url: page.url,\n name: p[\"Name\"]?.title?.map((t: any) => t.plain_text).join(\"\") || \"(untitled)\",\n status: p[\"Status\"]?.status?.name ?? \"To do\",\n priority: p[\"Priority\"]?.select?.name ?? null,\n quadrant: p[\"Quadrant\"]?.select?.name ?? null,\n due: p[\"Due\"]?.date?.start ?? null,\n big3: p[\"Big 3\"]?.checkbox ?? false,\n tags: p[\"Tags\"]?.multi_select?.map((t: any) => t.name) ?? [],\n ownerIds: p[\"Owner\"]?.relation?.map((r: any) => r.id) ?? [],\n created: page.created_time,\n };\n}\n\napp.get(\"/api/tasks\", async (c) => {\n const pages: any[] = [];\n let cursor: string | undefined;\n do {\n const body: any = {\n page_size: 100,\n filter: { property: \"Status\", status: { does_not_equal: \"Done\" } },\n };\n if (cursor) body.start_cursor = cursor;\n const res: any = await notion(`/databases/${DB_ID}/query`, {\n method: \"POST\",\n body: JSON.stringify(body),\n });\n pages.push(...res.results);\n cursor = res.has_more ? res.next_cursor : undefined;\n } while (cursor);\n\n const tasks: any[] = pages.map(toTask);\n await resolveOwners(tasks.flatMap((t) => t.ownerIds));\n for (const t of tasks) t.owners = t.ownerIds.map((id: string) => ownerNames.get(id) ?? \"?\");\n return c.json({ tasks });\n});\n\napp.post(\"/api/update\", async (c) => {\n const { id, quadrant, big3, done } = await c.req.json();\n const properties: any = {};\n if (quadrant !== undefined) properties[\"Quadrant\"] = { select: quadrant ? { name: quadrant } : null };\n if (big3 !== undefined) properties[\"Big 3\"] = { checkbox: !!big3 };\n if (done) properties[\"Status\"] = { status: { name: \"Done\" } };\n const page = await notion(`/pages/${id}`, {\n method: \"PATCH\",\n body: JSON.stringify({ properties }),\n });\n return c.json({ task: toTask(page) });\n});\n\napp.post(\"/api/create\", async (c) => {\n const { name, quadrant, priority, due } = await c.req.json();\n if (!name?.trim()) return c.json({ error: \"name required\" }, 400);\n const properties: any = { Name: { title: [{ text: { content: name.trim() } }] } };\n if (quadrant) properties[\"Quadrant\"] = { select: { name: quadrant } };\n if (priority) properties[\"Priority\"] = { select: { name: priority } };\n if (due) properties[\"Due\"] = { date: { start: due } };\n const page = await notion(`/pages`, {\n method: \"POST\",\n body: JSON.stringify({ parent: { database_id: DB_ID }, properties }),\n });\n return c.json({ task: toTask(page) });\n});\n\nexport default app.fetch;\n","label",[133],"e8b063d1-9a08-4a90-80ed-b6309bf993fb","index.html","53619e88-65e4-11f1-85e1-1607ee4eb77e",3,["D",1781216675092],"\n\n\n \n \n Task Matrix ⚡\n ⚡\">\n \n \n \n\n\n

\n \n\n\n",[145],"2c8d641f-4de6-48fc-9825-1a4901ec8437","frontend","918e94d5-ddc0-4b44-a580-9a6249460cc8",4,["D",1781216675559],"directory",[152],"pulls","branches","forks","envVars",{"_165":139,"_167":60},"connections",{"_165":60,"_166":60},"count","unfilledCount","emptyCount",{"_42":151,"_31":152,"_29":153,"_135":-5,"_40":41,"_39":154,"_137":124,"_37":191,"_13":60,"_33":156,"_35":-5,"_23":24,"_142":-5,"_174":192,"_26":193},{"_42":187,"_31":32,"_29":30,"_135":153,"_40":41,"_39":14,"_137":124,"_37":188,"_13":60,"_33":34,"_35":36,"_23":24,"_142":-5,"_174":189,"_26":190},{"_42":180,"_31":181,"_29":182,"_135":153,"_40":41,"_39":154,"_137":124,"_37":183,"_13":60,"_33":34,"_35":184,"_23":24,"_142":-5,"_174":185,"_26":186},{"_42":144,"_31":145,"_29":146,"_135":-5,"_40":41,"_39":147,"_137":24,"_37":177,"_13":60,"_33":20,"_35":149,"_23":24,"_142":-5,"_174":178,"_26":179},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":173,"_13":139,"_33":140,"_35":141,"_23":24,"_142":-5,"_174":175,"_26":176},["D",1781216667051],"children",[],[133],["D",1781216675092],[],[145],"8efde150-1778-4f4c-b82a-ecdd6ce7fe79","index.tsx","53a862b4-65e4-11f1-bae2-1607ee4eb77e",["D",1781216675559],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[152,181],"bd547ae8-fd39-44a5-a93e-4c36464e3368",["D",1781216790908],[],[152,32],["D",1781216675559],[169,170],[152],["D",1781216592520],["D",1789520505489],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":54,"_102":103,"_104":24},{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_126":232,"_233":234,"_235":236,"_237":24,"_238":24,"_239":24,"_240":124,"_241":-5,"_242":-7,"_243":-7,"_244":60,"_245":24,"_246":24,"_247":-5,"_248":24,"_249":24,"_250":24,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":87,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v5