; modal routes render into the dialog on top of it.\nlet page = null;\nlet modal = null;\nlet returnFocus = null;\nlet renderedDay = todayISO();\n\nconst currentPath = () => decodeURIComponent(location.hash.replace(/^#/, \"\")) || \"/\";\n\nfunction match(path = currentPath()) {\n for (const route of ROUTES) {\n const m = path.match(route.re);\n if (m) return { route, params: m.slice(1) };\n }\n return { route: ROUTES[0], params: [] };\n}\n\nfunction focusHeading(container) {\n const heading = container.querySelector(\"h1\") ?? container;\n heading.setAttribute(\"tabindex\", \"-1\");\n heading.focus({ preventScroll: true });\n}\n\nfunction renderPage(route, params, path, { focus }) {\n page?.cleanup?.();\n const scroll = window.scrollY;\n const activeId = root.contains(document.activeElement) ? document.activeElement.id : \"\";\n root.replaceChildren();\n page = { route, params, path, cleanup: route.render(root, params) };\n if (focus) {\n window.scrollTo(0, 0);\n focusHeading(root);\n } else {\n window.scrollTo(0, scroll);\n if (activeId) document.getElementById(activeId)?.focus({ preventScroll: true });\n }\n}\n\nfunction renderModal(route, params, { focus }) {\n modal?.cleanup?.();\n const activeId = dialog.contains(document.activeElement) ? document.activeElement.id : \"\";\n const scroll = modalBody.scrollTop;\n if (!dialog.open) {\n const opener = document.activeElement;\n returnFocus = opener && opener !== document.body && !opener.closest(\".fab-menu\") ? opener : menuToggle;\n document.body.classList.add(\"modal-open\");\n dialog.showModal();\n }\n dialog.dataset.route = route.name;\n modalBody.replaceChildren();\n modal = { route, params, cleanup: route.render(modalBody, params) };\n modalBody.querySelector(\"h1\")?.setAttribute(\"id\", \"route-modal-heading\");\n if (focus) {\n modalBody.scrollTop = 0;\n focusHeading(modalBody);\n } else {\n modalBody.scrollTop = scroll;\n if (activeId) document.getElementById(activeId)?.focus({ preventScroll: true });\n }\n}\n\ndialog.addEventListener(\"close\", () => {\n modal?.cleanup?.();\n modal = null;\n modalBody.replaceChildren();\n document.body.classList.remove(\"modal-open\");\n if (match().route.modal) location.hash = `#${page?.path ?? \"/\"}`;\n if (returnFocus?.isConnected) returnFocus.focus({ preventScroll: true });\n returnFocus = null;\n});\ndialog.querySelector(\".modal-close\").addEventListener(\"click\", () => dialog.close());\n// A click that lands on the dialog element itself is a click on the backdrop.\ndialog.addEventListener(\"click\", (e) => {\n if (e.target === dialog) dialog.close();\n});\n\nfunction render({ focus = true } = {}) {\n const path = currentPath();\n const { route, params } = match(path);\n if (route.modal) {\n if (!page) renderPage(ROUTES[0], [], \"/\", { focus: false });\n renderModal(route, params, { focus });\n } else {\n if (dialog.open) dialog.close();\n if (!page || page.path !== path) renderPage(route, params, path, { focus });\n }\n renderedDay = todayISO();\n document.title = `${route.title} · Still Here`;\n document.body.dataset.route = route.name;\n setCurrent(route.name);\n}\n\nfunction refreshLive() {\n if (page?.route.live) renderPage(page.route, page.params, page.path, { focus: false });\n if (modal?.route.live) renderModal(modal.route, modal.params, { focus: false });\n}\n\nwindow.addEventListener(\"hashchange\", () => {\n endIntro();\n render();\n});\nsubscribe(refreshLive);\n\n// Keep \"days without\" honest across midnight.\nconst refreshIfNewDay = () => {\n if (todayISO() === renderedDay) return;\n renderedDay = todayISO();\n refreshLive();\n};\ndocument.addEventListener(\"visibilitychange\", () => document.visibilityState === \"visible\" && refreshIfNewDay());\nsetInterval(refreshIfNewDay, 60_000);\n\n// Hash routing would treat \"#app\" as a route, so handle the skip link directly.\ndocument.querySelector(\".skip-link\").addEventListener(\"click\", (e) => {\n e.preventDefault();\n endIntro();\n root.focus();\n});\n\ninitMenu();\nif (match().route.modal) document.getElementById(\"intro\")?.remove();\nelse startIntro();\nrender({ focus: false });\n",[],[93,130,240],"04ec4084-ea84-488d-b388-c31842fc8803","views","e860e65e-cdea-4594-8dd8-366522e42e2e",24,["D",1789347631439],[254,255,256,257,258],[93,130,248],{"_36":293,"_13":294,"_39":295,"_41":249,"_43":44,"_45":296,"_47":48,"_49":297,"_17":117,"_52":155,"_53":298,"_55":56,"_57":-5,"_89":299,"_18":300},{"_36":285,"_13":286,"_39":287,"_41":249,"_43":44,"_45":288,"_47":48,"_49":289,"_17":154,"_52":155,"_53":290,"_55":56,"_57":-5,"_89":291,"_18":292},{"_36":276,"_13":277,"_39":278,"_41":249,"_43":44,"_45":279,"_47":48,"_49":280,"_17":281,"_52":155,"_53":282,"_55":56,"_57":-5,"_89":283,"_18":284},{"_36":268,"_13":269,"_39":270,"_41":249,"_43":44,"_45":271,"_47":48,"_49":272,"_17":74,"_52":155,"_53":273,"_55":56,"_57":-5,"_89":274,"_18":275},{"_36":259,"_13":260,"_39":261,"_41":249,"_43":44,"_45":262,"_47":48,"_49":263,"_17":264,"_52":155,"_53":265,"_55":56,"_57":-5,"_89":266,"_18":267},"587706a9-b9eb-469f-89ec-6eda4e8eced0","settings.js","b34a5636-afd7-11f1-8bfd-1607ee4eb77e",81,["D",1789387885612],4,"import {\n clearAllData, getState, mergeIncidents, replaceAll, replaceIncidents, resetDemo, updateSettings,\n} from \"../store.js\";\nimport { SEPARATOR_MODES } from \"../domain.js\";\nimport { downloadBackup, readBackupFile } from \"../backup.js\";\nimport { bindCountryPicker, confirmDialog, countryPicker, postLine, toast } from \"../components.js\";\nimport { html } from \"../util.js\";\n\nexport function renderSettings(root) {\n const { settings } = getState();\n\n root.innerHTML = html`\n

Settings

Adjust the maison rules. Changes save as you go.

\n\n

Backup & restore

Your log lives only in this browser. A backup file is the only copy anywhere else.\n ${settings.lastExportAt ? html`Last export: ${new Date(settings.lastExportAt).toLocaleDateString()}.` : \"No export yet.\"}

\n \n \n Import backup\n \n \n

\n \n

Erases every fond memory and setting in this browser, then begins again like a first visit. Export a backup first if you might want any of it back.

\n\n \n\n \n\n \n\n

Demo data

Start over with two random example fond memories, or clear the slate for your own.

\n \n \n

`.toString();\n\n const rerender = () => renderSettings(root);\n const block = (name) => root.querySelector(`[data-block=\"${name}\"]`);\n\n // Current post\n const postForm = block(\"post\");\n const savePost = () => {\n const picked = postPicker.read();\n postPicker.flag.toggleAttribute(\"aria-invalid\", picked.flagInvalid);\n if (!picked.country || picked.flagInvalid) return;\n const next = { city: postForm.city.value.trim(), country: picked.country, flag: picked.flag };\n const cur = getState().settings.post;\n if (next.city === cur.city && next.country === cur.country && next.flag === cur.flag) return;\n updateSettings({ post: next });\n toast(`Post updated: ${postLine(next)}`);\n };\n const postPicker = bindCountryPicker(root, \"s-country\", (kind) => kind !== \"input\" && savePost());\n postForm.city.addEventListener(\"change\", savePost);\n postForm.addEventListener(\"submit\", (e) => e.preventDefault());\n\n // Separators\n block(\"separator\").addEventListener(\"change\", (e) => {\n updateSettings({ separatorMode: e.target.value });\n toast(\"Separator wording updated.\");\n });\n\n // Poster\n block(\"poster\").addEventListener(\"change\", (e) => {\n const f = e.currentTarget;\n updateSettings({ poster: { paper: f.paper.value, redact: f.redact.checked } });\n });\n\n // Export\n root.querySelector(\"[data-export]\").addEventListener(\"click\", () => {\n downloadBackup(getState());\n updateSettings({ lastExportAt: new Date().toISOString() });\n toast(\"Backup downloaded. Keep it somewhere safe and boring.\");\n });\n\n // Import\n const panel = root.querySelector(\".import-panel\");\n const fileInput = root.querySelector(\"[data-import]\");\n fileInput.addEventListener(\"change\", async () => {\n const file = fileInput.files?.[0];\n fileInput.value = \"\";\n if (!file) return;\n const result = await readBackupFile(file);\n if (!result.ok) {\n panel.innerHTML = html`\n

That backup can't be used

${m}

\n ${result.errors.length > 6 ? html`

…and ${result.errors.length - 6} more.

` : \"\"}\n

Nothing in your log was changed.

`.toString();\n return;\n }\n const { preview, data } = result;\n panel.innerHTML = html`\n

Backup found

Backup date: ${preview.exportedAt ? new Date(preview.exportedAt).toLocaleString() : \"Unknown\"}
Current post: ${postLine(preview.post)}
Entries: ${preview.count}

Nothing changes until you choose.

\n \n \n \n

`.toString();\n panel.querySelector(\"h3\").focus();\n\n panel.querySelector(\"[data-cancel]\").onclick = () => { panel.replaceChildren(); fileInput.parentElement.focus(); };\n panel.querySelector(\"[data-merge]\").onclick = () => {\n const { added, updated } = mergeIncidents(data.incidents);\n toast(`Merged: ${added} added, ${updated} updated. Your settings were kept.`);\n rerender();\n };\n panel.querySelector(\"[data-replace]\").onclick = async () => {\n const ok = await confirmDialog({\n title: \"Replace your whole log?\",\n message: `Your ${getState().incidents.length} current entries and settings will be replaced by the ${preview.count} in this backup.`,\n confirmLabel: \"Replace my log\",\n cancelLabel: \"Cancel\",\n });\n if (!ok) return;\n replaceAll({ ...data, settings: { ...data.settings, lastExportAt: getState().settings.lastExportAt } });\n toast(\"Log replaced from backup.\");\n rerender();\n };\n });\n\n // Start over\n root.querySelector(\"[data-start-over]\").addEventListener(\"click\", async () => {\n const count = getState().incidents.length;\n const ok = await confirmDialog({\n title: \"Clear everything and start over?\",\n message: `All ${count} fond ${count === 1 ? \"memory\" : \"memories\"} and every setting will be erased from this browser. This can't be undone unless you've exported a backup.`,\n confirmLabel: \"Clear and start over\",\n cancelLabel: \"Keep my log\",\n });\n if (!ok) return;\n clearAllData();\n // Drop the route and reload so the app opens exactly like a first visit.\n history.replaceState(null, \"\", location.pathname + location.search);\n location.reload();\n });\n\n // Demo / clear\n root.querySelector(\"[data-reset-demo]\").addEventListener(\"click\", async () => {\n const ok = await confirmDialog({\n title: \"Reset to demo data?\",\n message: \"All current entries will be replaced by two random example fond memories. Settings stay as they are.\",\n confirmLabel: \"Reset\",\n cancelLabel: \"Cancel\",\n });\n if (!ok) return;\n resetDemo();\n toast(\"Two example fond memories added.\");\n rerender();\n });\n root.querySelector(\"[data-clear]\").addEventListener(\"click\", async () => {\n const ok = await confirmDialog({\n title: \"Clear every entry?\",\n message: \"The log will be empty and the kitten hopeful again. Export a backup first if you might want these back.\",\n confirmLabel: \"Clear all\",\n cancelLabel: \"Cancel\",\n });\n if (!ok) return;\n replaceIncidents([]);\n toast(\"A clean slate. Suspiciously uneventful.\");\n rerender();\n });\n}\n",[],[93,130,248,260],"383a67b6-2e5f-45dc-bec5-2db2dd814fa4","poster.js","b5097ad8-afd7-11f1-b068-1607ee4eb77e",76,["D",1789387129780],"import { getState, sortedIncidents, updateSettings } from \"../store.js\";\nimport { eventLabel, gapText, heroInfo, kittenStage } from \"../domain.js\";\nimport { place, postLine, toast } from \"../components.js\";\nimport { formatDate, html, overlayHost, raw, todayISO } from \"../util.js\";\nimport { COFFEE_QR_SVG, COFFEE_URL, SUPPORT_MESSAGE } from \"../support.js\";\n\nconst SCREENSHOT_LIB = \"https://cdn.jsdelivr.net/npm/modern-screenshot@4.7.0/+esm\";\n// Safari refuses canvases larger than ~16.7M pixels.\nconst MAX_CANVAS_AREA = 16_000_000;\n\nfunction heroMarkup(state, sorted, redact) {\n const stage = kittenStage(state.incidents.length);\n const info = heroInfo(sorted);\n return html`\n

Maison du Service Extérieur

Still Here

${redact ? \"Redacted Post\" : postLine(state.settings.post)}

\n $\"${stage.alt}\"$ \n

\n ${info\n ? html`\n

${info.days.toLocaleString(\"en-US\")}

${info.days.toLocaleString(\"en-US\")} ${info.days === 1 ? \"day\" : \"days\"} without ${info.phrase}

${info.lastLine}

`\n : html`

A suspiciously uneventful posting so far.

`}\n

\n \n

`;\n}\n\nfunction timelineMarkup(sorted, mode, redact) {\n if (!sorted.length) return html`

Nothing on the menu yet. Bon appétit.

`;\n return html`\n

\n ${i > 0 ? html`
${gapText(sorted[i - 1], inc, mode)}
` : \"\"}\n
\n
\n ${eventLabel(inc)}\n \n ${formatDate(inc.date)}\n
\n
${place(inc, { redactPost: redact })}
\n ${inc.note ? html`
${redact ? \"[private note]\" : inc.note}
` : \"\"}\n ${inc.tags?.length ? html`
${inc.tags.join(\" · \")}
` : \"\"}\n
\n

`;\n}\n\nconst supportMarkup = () => html`\n `;\n\nasync function downloadJpeg(sheet, btn) {\n const label = btn.textContent;\n btn.disabled = true;\n btn.textContent = \"Rendering…\";\n const prev = sheet.style.transform;\n try {\n const { domToCanvas } = await import(SCREENSHOT_LIB);\n sheet.style.transform = \"\";\n const scale = Math.min(2, Math.sqrt(MAX_CANVAS_AREA / (sheet.offsetWidth * sheet.offsetHeight)));\n const canvas = await domToCanvas(sheet, { scale, backgroundColor: \"#faf4e6\" });\n sheet.style.transform = prev;\n const blob = await new Promise((resolve, reject) =>\n canvas.toBlob((b) => (b ? resolve(b) : reject(new Error(\"JPEG encoding failed\"))), \"image/jpeg\", 0.92));\n const url = URL.createObjectURL(blob);\n const a = Object.assign(document.createElement(\"a\"), { href: url, download: `still-here-poster-${todayISO()}.jpg` });\n overlayHost().append(a);\n a.click();\n a.remove();\n setTimeout(() => URL.revokeObjectURL(url), 30_000);\n toast(\"Poster JPEG downloaded.\");\n } catch (err) {\n console.error(err);\n toast(\"Couldn't render the JPEG. Give it a moment and try again.\");\n } finally {\n sheet.style.transform = prev;\n btn.disabled = false;\n btn.textContent = label;\n }\n}\n\nexport function renderPoster(root) {\n const state = getState();\n const { paper, redact } = state.settings.poster;\n const sorted = sortedIncidents();\n\n root.innerHTML = html`\n

Poster

Download it as a JPEG to frame, share, or send to the family group chat.

\n Paper\n A4\n US Letter\n

\n \n \n \n Redact the poster\n \n

Notes become [private note]; places become Redacted Post.

\n \n

\n ${heroMarkup(state, sorted, redact)}\n ${timelineMarkup(sorted, state.settings.separatorMode, redact)}\n \n

\n ${supportMarkup()}\n

`.toString();\n\n const stage = root.querySelector(\".poster-stage\");\n const frame = root.querySelector(\".sheet-frame\");\n const sheet = root.querySelector(\".sheet\");\n // The sheet keeps its physical size and is scaled down to fit the preview.\n const fit = () => {\n const scale = Math.min(1, stage.clientWidth / sheet.offsetWidth);\n sheet.style.transform = scale < 1 ? `scale(${scale})` : \"\";\n frame.style.width = `${sheet.offsetWidth * scale}px`;\n frame.style.height = `${sheet.offsetHeight * scale}px`;\n };\n const observer = new ResizeObserver(fit);\n observer.observe(sheet);\n window.addEventListener(\"resize\", fit);\n fit();\n\n root.querySelectorAll(\"input[name=paper]\").forEach((input) =>\n input.addEventListener(\"change\", () => updateSettings({ poster: { ...getState().settings.poster, paper: input.value } })));\n root.querySelector(\"#pp-redact\").addEventListener(\"change\", (e) =>\n updateSettings({ poster: { ...getState().settings.poster, redact: e.target.checked } }));\n root.querySelector(\"#pp-jpeg\").addEventListener(\"click\", (e) => downloadJpeg(sheet, e.currentTarget));\n\n return () => {\n observer.disconnect();\n window.removeEventListener(\"resize\", fit);\n };\n}\n",[],[93,130,248,269],"e3da3192-8886-44b5-8e59-ab3221bc1333","home.js","af0a0508-afd7-11f1-b75f-1607ee4eb77e",95,["D",1789416858062],8,"import { addRandomExample, deleteIncident, getState, sortedIncidents } from \"../store.js\";\nimport { eventLabel, gapText, heroInfo, kittenStage } from \"../domain.js\";\nimport { confirmDialog, place, postLine, tagList, toast } from \"../components.js\";\nimport { daysBetween, formatDate, html, todayISO } from \"../util.js\";\nimport { COFFEE_URL, SUPPORT_MESSAGE } from \"../support.js\";\nimport { openMemoryCard } from \"../memory-card.js?v=2\";\n\nconst supportBlock = () => html`\n

Please

Support an EFM

${SUPPORT_MESSAGE}

\n Buy an EFM a coffee\n

`;\n\nfunction hero(state, sorted) {\n const stage = kittenStage(state.incidents.length);\n const info = heroInfo(sorted);\n return html`\n

${postLine(state.settings.post)}

\n ${info\n ? html`\n

\n ${info.days.toLocaleString(\"en-US\")}\n ${info.days === 1 ? \"Day without\" : \"Days without\"}\n ${info.phrase}\n

${info.lastLine}

`\n : html`\n

A suspiciously uneventful posting so far.

Nothing logged yet. Long may it last.

`}\n

le chaton est ${stage.label.toLowerCase()}

\n Log a fond memory\n \n Make poster\n

`;\n}\n\nfunction card(inc, stage, earned) {\n return html`\n $\"\"$ \n

\n ${formatDate(inc.date)}\n

${place(inc)}

\n ${inc.note ? html`

${inc.note}

` : \"\"}\n ${tagList(inc.tags)}\n ${earned ? html`

le chaton est devenu ${stage.label.toLowerCase()}

` : \"\"}\n

\n Edit\n \n

`;\n}\n\nfunction timeline(sorted, mode) {\n if (!sorted.length) {\n return html`\n

La carte is empty

No coups, curfews, or sudden suitcases on record. When the day comes, you'll have somewhere to put it.

\n Log the first one\n \n

`;\n }\n return html`\n

La carte of fond memories

${card(inc, stage, stage.key !== kittenStage(n - 1).key)}
${gapText(inc, sorted[i + 1], mode)}

`;\n}\n\nfunction backupNudge(settings, count) {\n if (!count) return \"\";\n const last = settings.lastExportAt;\n if (last && daysBetween(last.slice(0, 10), todayISO()) < 60) return \"\";\n return html`

Browsers occasionally tidy away saved data. Export a backup now and then.

`;\n}\n\nexport function renderHome(root) {\n const state = getState();\n const sorted = sortedIncidents();\n root.innerHTML = html`\n

\n ${hero(state, sorted)}\n ${timeline(sorted, state.settings.separatorMode)}\n ${backupNudge(state.settings, sorted.length)}\n ${supportBlock()}\n

`.toString();\n\n const onClick = async (e) => {\n if (e.target.closest(\"[data-random]\")) {\n const entry = addRandomExample();\n toast(`Added: ${eventLabel(entry)}, ${formatDate(entry.date)}.`);\n return;\n }\n const opener = e.target.closest(\"[data-open]\");\n if (opener) {\n const id = opener.dataset.open;\n openMemoryCard(id, root.querySelector(`.card-open[data-open=\"${id}\"]`));\n return;\n }\n const btn = e.target.closest(\"[data-delete]\");\n if (!btn) return;\n const inc = state.incidents.find((i) => i.id === btn.dataset.delete);\n if (!inc) return;\n const ok = await confirmDialog({\n title: \"Delete this fond memory?\",\n message: `${eventLabel(inc)} on ${formatDate(inc.date)} will be removed from this log. This can't be undone (unless you have a backup).`,\n confirmLabel: \"Delete\",\n });\n if (ok) {\n deleteIncident(inc.id);\n toast(\"Fond memory deleted. The kitten recalibrates.\");\n document.getElementById(\"tl-heading\")?.setAttribute(\"tabindex\", \"-1\");\n document.getElementById(\"tl-heading\")?.focus({ preventScroll: true });\n } else {\n btn.focus();\n }\n };\n root.addEventListener(\"click\", onClick);\n return () => root.removeEventListener(\"click\", onClick);\n}\n",[],[93,130,248,277],"21034465-f745-4911-b7e9-229e5af57a53","form.js","b0c84af8-afd7-11f1-b562-1607ee4eb77e",49,["D",1789357210515],"import { deleteIncident, getIncident, getState, requestPersistence, saveIncident } from \"../store.js\";\nimport { EVENT_TYPES, eventLabel } from \"../domain.js\";\nimport { flagFor } from \"../countries.js\";\nimport { bindCountryPicker, confirmDialog, countryPicker, redactBar, toast } from \"../components.js\";\nimport { formatDate, html, isValidDate, parseTags, todayISO } from \"../util.js\";\n\nexport function renderForm(root, id) {\n const editing = id ? getIncident(id) : null;\n if (id && !editing) {\n root.innerHTML = html`\n

That fond memory has gone missing

It may have been deleted, or it lives in another browser.

\n Back to the log\n

`.toString();\n return;\n }\n\n const { post } = getState().settings;\n const v = editing ?? {\n type: \"\", otherLabel: \"\", date: todayISO(), city: post.city, country: post.country, flag: post.flag ?? \"\", note: \"\", tags: [], private: true,\n };\n\n root.innerHTML = html`\n

← Back to the log

${editing ? \"Edit fond memory\" : \"Log a fond memory\"}

${editing ? \"Memory is a revisionist. So is this form.\" : \"Write it down while the details are still vivid, or pleasantly fuzzy.\"}

\n\n \n\n

\n Event type\n \n

\n\n \n\n

\n Date\n \n

\n\n

\n City\n \n

\n\n ${countryPicker({ id: \"f-country\", country: v.country, flag: v.flag })}\n\n

\n Personal note optional\n \n

\n\n

\n Tags optional\n \n

Separate with commas: pets, packing, sourdough.

\n\n

\n \n \n \n Private\n \n

Blacks out the city, country, and flag everywhere they appear, like a freshly declassified cable.

\n\n

\n \n Cancel\n ${editing ? html`` : \"\"}\n

`.toString();\n\n const form = root.querySelector(\"form\");\n const $ = (sel) => form.querySelector(sel);\n const summary = root.querySelector(\".error-summary\");\n\n const syncType = () => {\n const t = EVENT_TYPES.find((x) => x.value === form.type.value);\n $(\"#f-type-help\").textContent = t?.help ?? \"\";\n const isOther = form.type.value === \"Other\";\n $(\"[data-other]\").hidden = !isOther;\n form.otherLabel.required = isOther;\n };\n const picker = bindCountryPicker(root, \"f-country\", () => syncCountry());\n const syncCountry = () => {\n const picked = picker.read();\n const flag = flagFor(picked.country, picked.flag);\n const city = form.city.value.trim() || \"City\";\n const country = picked.country || \"Country\";\n const preview = $(\".redact-preview\");\n preview.innerHTML = form.private.checked\n ? html`Preview: ${redactBar(\"preview:city\", \"City redacted\")}, ${redactBar(\"preview\")}${flag ? html` ` : \"\"}`.toString()\n : html`Preview: ${city}, ${country} ${flag}`.toString();\n };\n const syncCount = () => { $(\"#f-note-count\").textContent = `${form.note.value.length}/280`; };\n\n syncType(); syncCountry(); syncCount();\n form.type.addEventListener(\"change\", syncType);\n form.addEventListener(\"input\", (e) => {\n if (e.target.name === \"city\") syncCountry();\n if (e.target.name === \"note\") syncCount();\n e.target.removeAttribute(\"aria-invalid\");\n });\n form.private.addEventListener(\"change\", syncCountry);\n\n form.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n const picked = picker.read();\n const data = {\n type: form.type.value,\n otherLabel: form.type.value === \"Other\" ? form.otherLabel.value.trim() : \"\",\n date: form.date.value,\n city: form.city.value.trim(),\n country: picked.country,\n flag: picked.custom ? picked.flag : \"\",\n note: form.note.value.trim(),\n tags: parseTags(form.tags.value),\n private: form.private.checked,\n };\n const errors = [];\n if (!data.type) errors.push([\"f-type\", \"Choose an event type.\"]);\n if (data.type === \"Other\" && !data.otherLabel) errors.push([\"f-other\", \"Describe what happened.\"]);\n if (!isValidDate(data.date)) errors.push([\"f-date\", \"Enter a valid date.\"]);\n else if (data.date > todayISO()) errors.push([\"f-date\", \"The future hasn't happened yet. Probably.\"]);\n if (!data.city) errors.push([\"f-city\", \"Add a city.\"]);\n if (!data.country) errors.push(picked.custom ? [\"f-country-name\", \"Name the country.\"] : [\"f-country\", \"Choose a country.\"]);\n if (picked.flagInvalid) errors.push([\"f-country-flag\", \"Use an emoji for the flag, or leave it blank.\"]);\n\n form.querySelectorAll(\"[aria-invalid]\").forEach((el) => el.removeAttribute(\"aria-invalid\"));\n if (errors.length) {\n errors.forEach(([fid]) => root.querySelector(`#${fid}`).setAttribute(\"aria-invalid\", \"true\"));\n summary.innerHTML = html`\n

A few things need attention:

${msg}

`.toString();\n summary.hidden = false;\n summary.focus();\n return;\n }\n\n saveIncident(editing ? { ...data, id: editing.id } : data);\n requestPersistence();\n toast(editing ? \"Changes saved.\" : \"Logged. Still here.\");\n location.hash = \"#/\";\n });\n\n summary.addEventListener(\"click\", (e) => {\n const a = e.target.closest(\"[data-focus]\");\n if (!a) return;\n e.preventDefault();\n root.querySelector(`#${a.dataset.focus}`).focus();\n });\n\n root.querySelector(\"[data-delete]\")?.addEventListener(\"click\", async () => {\n const ok = await confirmDialog({\n title: \"Delete this fond memory?\",\n message: `${eventLabel(editing)} on ${formatDate(editing.date)} will be removed from this log.`,\n confirmLabel: \"Delete\",\n });\n if (!ok) return;\n deleteIncident(editing.id);\n toast(\"Fond memory deleted.\");\n location.hash = \"#/\";\n });\n}\n",[],[93,130,248,286],"b46c1ac7-25d6-49c4-9c7d-3453a3d202d9","about.js","0217cbb6-afee-11f1-bb62-1607ee4eb77e",88,["D",1789402692329],"import { KITTENS } from \"../domain.js\";\nimport { html } from \"../util.js\";\nimport { COFFEE_URL } from \"../support.js\";\n\nexport function renderAbout(root) {\n root.innerHTML = html`\n

About Still Here

Made with love between events.

\n\n

What this is

A darkly affectionate scrapbook for Foreign Service families. The coups, curfews, and sudden suitcases that somehow became fond memories, written down so the dinner-anyway details don't fade.

\n\n

The kitten

You can't choose the kitten. You earn it, one fond memory at a time.

$\"\"$ Hopefulthe first two
$\"\"$ Wearythe next two
$\"\"$ Unflappablethe fifth, and beyond

\n\n

Please support an EFM

Behind nearly every Foreign Service officer is an Eligible Family Member: the spouse or partner who said yes to a life packed into crates every two or three years.

EFMs leave careers, licenses, and friendships at every border. They carry degrees that don't transfer and résumés whose gaps are really continents. They take the embassy jobs that exist, when a hiring freeze hasn't frozen those too. They run the Community Liaison Office, meet the newcomers at the airport, and learn the word for “pharmacy” in a fourth language.

When a departure is ordered, it is so often an EFM who gets the children onto the plane, finds a furnished apartment stateside on a week's notice, and explains to a six-year-old why the cat has to fly separately. Then they wait, and hope, and start again somewhere new.

Still Here was made with love for the EFMs who hold posts together. If it made you smile, or feel a little less alone at post, a coffee keeps the kitten hanging on.

\n ${COFFEE_URL\n ? html`

Buy an EFM a coffee (opens in a new tab)

`\n : \"\"}\n

And whether or not you click: check on the family members at your post. Hire them, invite them, and ask about the career they paused.

\n\n

Private by design

No accounts, no tracking, nothing sent anywhere. Your log lives in this browser, so export a backup now and then.

\n\n

For memories, not emergencies. In a real one, follow your post's official guidance.

`.toString();\n}\n",[],[93,130,248,294],["D",1789344354385],[304,305,306],[19],{"_36":66,"_13":67,"_39":68,"_41":42,"_43":44,"_45":69,"_47":48,"_49":313,"_17":51,"_52":24,"_53":71,"_55":56,"_57":-5,"_89":314,"_18":315},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":310,"_17":51,"_52":24,"_53":64,"_55":56,"_57":-5,"_89":311,"_18":312},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":307,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_89":308,"_18":309},["D",1789345868503],[],[19,38],["D",1789345865898],[],[19,60],["D",1789345863019],[],[19,67],"f3542cba-6c3f-4737-8932-dba5712fa546",["D",1789342914973],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A Foreign Service Crisis Log","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/bbb15683-e3b0-434e-df00-025beed0a401/square512?exp=1789527599&sig=28992086dd9c0574c4cc73fd64b5ae81f44b6c933d06026b69200da09cb1c4e2","userId","91230bc0-3387-11f0-b519-ff88f6bc2fe6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","42e8aceb-bd09-4879-a731-29f2af823d9f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_370":366},"org",{"_11":12,"_364":-5,"_365":366,"_327":328,"_367":368,"_369":56},"branch",{"_17":106,"_13":16,"_36":44,"_356":316,"_357":-5,"_358":-5,"_359":-5,"_360":-5,"_361":-5,"_362":14,"_363":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeEZSSlZjYUh6Rks1YXhyTWVHbjZOZ0NHWnYifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":316,"_13":14,"_49":491,"_318":-5,"_319":56,"_320":321,"_322":321,"_323":324,"_325":326,"_327":328,"_329":84,"_330":48,"_331":-5,"_332":-5,"_333":51,"_334":335,"_336":-5,"_337":-5,"_338":-5,"_339":-5,"_340":341,"_342":341,"_343":344,"_345":344,"_346":344,"_347":341,"_348":341,"_349":492,"_351":493,"_353":494,"_355":56},[407,411,434],"files",[407,408,409,410,411,412,413,414,415,416,417,418,419,420,421,422,423,424,425,426,427,428,429,430,431,432,433,434],"counts",{"_398":51,"_399":76,"_400":51,"_32":401,"_402":403},[392,393,394],{"_36":73,"_43":44,"_39":42,"_13":19,"_53":-5,"_52":77,"_17":76,"_41":-5,"_49":390,"_45":74,"_57":-5,"_18":391},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1789344354385],[19],{"_36":66,"_13":67,"_39":68,"_41":42,"_43":44,"_45":69,"_47":48,"_49":70,"_17":51,"_52":24,"_53":71,"_55":56,"_57":-5,"_18":397},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":63,"_17":51,"_52":24,"_53":64,"_55":56,"_57":-5,"_18":396},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_18":395},[19,38],[19,60],[19,67],"pulls","branches","forks",{"_404":51,"_406":51},"connections",{"_404":51,"_405":51},"count","unfilledCount","emptyCount",{"_36":73,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":74,"_47":48,"_49":301,"_17":76,"_52":77,"_53":-5,"_55":56,"_57":-5,"_89":489,"_18":490},{"_36":66,"_13":67,"_39":68,"_41":42,"_43":44,"_45":69,"_47":48,"_49":313,"_17":51,"_52":24,"_53":71,"_55":56,"_57":-5,"_89":487,"_18":488},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":310,"_17":51,"_52":24,"_53":64,"_55":56,"_57":-5,"_89":485,"_18":486},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":307,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_89":483,"_18":484},{"_36":92,"_13":93,"_39":94,"_41":-5,"_43":44,"_45":95,"_47":48,"_49":96,"_17":51,"_52":77,"_53":-5,"_55":56,"_57":-5,"_89":481,"_18":482},{"_36":129,"_13":130,"_39":131,"_41":94,"_43":44,"_45":132,"_47":48,"_49":133,"_17":51,"_52":77,"_53":-5,"_55":56,"_57":-5,"_89":479,"_18":480},{"_36":247,"_13":248,"_39":249,"_41":131,"_43":44,"_45":250,"_47":48,"_49":251,"_17":51,"_52":77,"_53":-5,"_55":56,"_57":-5,"_89":477,"_18":478},{"_36":293,"_13":294,"_39":295,"_41":249,"_43":44,"_45":296,"_47":48,"_49":297,"_17":117,"_52":155,"_53":298,"_55":56,"_57":-5,"_89":475,"_18":476},{"_36":285,"_13":286,"_39":287,"_41":249,"_43":44,"_45":288,"_47":48,"_49":289,"_17":154,"_52":155,"_53":290,"_55":56,"_57":-5,"_89":473,"_18":474},{"_36":276,"_13":277,"_39":278,"_41":249,"_43":44,"_45":279,"_47":48,"_49":280,"_17":281,"_52":155,"_53":282,"_55":56,"_57":-5,"_89":471,"_18":472},{"_36":268,"_13":269,"_39":270,"_41":249,"_43":44,"_45":271,"_47":48,"_49":272,"_17":74,"_52":155,"_53":273,"_55":56,"_57":-5,"_89":469,"_18":470},{"_36":259,"_13":260,"_39":261,"_41":249,"_43":44,"_45":262,"_47":48,"_49":263,"_17":264,"_52":155,"_53":265,"_55":56,"_57":-5,"_89":467,"_18":468},{"_36":239,"_13":240,"_39":241,"_41":131,"_43":44,"_45":242,"_47":48,"_49":243,"_17":117,"_52":155,"_53":244,"_55":56,"_57":-5,"_89":465,"_18":466},{"_36":231,"_13":232,"_39":233,"_41":131,"_43":44,"_45":234,"_47":48,"_49":235,"_17":117,"_52":155,"_53":236,"_55":56,"_57":-5,"_89":463,"_18":464},{"_36":223,"_13":224,"_39":225,"_41":131,"_43":44,"_45":226,"_47":48,"_49":227,"_17":117,"_52":155,"_53":228,"_55":56,"_57":-5,"_89":461,"_18":462},{"_36":215,"_13":216,"_39":217,"_41":131,"_43":44,"_45":218,"_47":48,"_49":219,"_17":76,"_52":155,"_53":220,"_55":56,"_57":-5,"_89":459,"_18":460},{"_36":207,"_13":208,"_39":209,"_41":131,"_43":44,"_45":210,"_47":48,"_49":211,"_17":117,"_52":155,"_53":212,"_55":56,"_57":-5,"_89":457,"_18":458},{"_36":199,"_13":200,"_39":201,"_41":131,"_43":44,"_45":202,"_47":48,"_49":203,"_17":51,"_52":155,"_53":204,"_55":56,"_57":-5,"_89":455,"_18":456},{"_36":191,"_13":192,"_39":193,"_41":131,"_43":44,"_45":194,"_47":48,"_49":195,"_17":51,"_52":155,"_53":196,"_55":56,"_57":-5,"_89":453,"_18":454},{"_36":183,"_13":184,"_39":185,"_41":131,"_43":44,"_45":186,"_47":48,"_49":187,"_17":76,"_52":155,"_53":188,"_55":56,"_57":-5,"_89":451,"_18":452},{"_36":175,"_13":176,"_39":177,"_41":131,"_43":44,"_45":178,"_47":48,"_49":179,"_17":51,"_52":155,"_53":180,"_55":56,"_57":-5,"_89":449,"_18":450},{"_36":167,"_13":168,"_39":169,"_41":131,"_43":44,"_45":170,"_47":48,"_49":171,"_17":117,"_52":155,"_53":172,"_55":56,"_57":-5,"_89":447,"_18":448},{"_36":159,"_13":160,"_39":161,"_41":131,"_43":44,"_45":162,"_47":48,"_49":163,"_17":76,"_52":155,"_53":164,"_55":56,"_57":-5,"_89":445,"_18":446},{"_36":149,"_13":150,"_39":151,"_41":131,"_43":44,"_45":152,"_47":48,"_49":153,"_17":154,"_52":155,"_53":156,"_55":56,"_57":-5,"_89":443,"_18":444},{"_36":121,"_13":122,"_39":123,"_41":94,"_43":44,"_45":124,"_47":48,"_49":125,"_17":74,"_52":24,"_53":126,"_55":56,"_57":-5,"_89":441,"_18":442},{"_36":112,"_13":113,"_39":114,"_41":94,"_43":44,"_45":115,"_47":48,"_49":116,"_17":117,"_52":24,"_53":118,"_55":56,"_57":-5,"_89":439,"_18":440},{"_36":103,"_13":104,"_39":105,"_41":94,"_43":44,"_45":106,"_47":48,"_49":107,"_17":108,"_52":24,"_53":109,"_55":56,"_57":-5,"_89":437,"_18":438},{"_36":82,"_13":83,"_39":84,"_41":-5,"_43":44,"_45":85,"_47":48,"_49":86,"_17":74,"_52":87,"_53":88,"_55":56,"_57":14,"_89":435,"_18":436},[],[83],[],[93,104],[],[93,113],[],[93,122],[],[93,130,150],[],[93,130,160],[],[93,130,168],[],[93,130,176],[],[93,130,184],[],[93,130,192],[],[93,130,200],[],[93,130,208],[],[93,130,216],[],[93,130,224],[],[93,130,232],[],[93,130,240],[],[93,130,248,260],[],[93,130,248,269],[],[93,130,248,277],[],[93,130,248,286],[],[93,130,248,294],[414,415,416,417,418],[93,130,248],[413,419,420,421,422,423,424,425,426,427,428,429,430],[93,130],[412,431,432,433],[93],[],[19,38],[],[19,60],[],[19,67],[408,409,410],[19],["D",1789342914973],{"_11":12,"_370":366},{"_11":12,"_364":-5,"_365":366,"_327":328,"_367":368,"_369":56},{"_17":106,"_13":16,"_36":44,"_356":316,"_357":-5,"_358":-5,"_359":-5,"_360":-5,"_361":-5,"_362":14,"_363":12},"ctx",{"_349":-5,"_387":528,"_529":530,"_531":532,"_533":56,"_534":56,"_535":56,"_536":48,"_537":-5,"_538":-7,"_539":-7,"_540":51,"_541":56,"_542":56,"_543":-5,"_544":56,"_545":56,"_546":56,"_547":-5},"ENV",{"_499":500,"_501":502,"_503":16,"_504":505,"_506":507,"_508":509,"_510":511,"_512":513,"_514":515,"_516":517,"_518":519,"_520":521,"_522":523,"_524":525,"_526":527},"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"]

${eventLabel(inc)}

${title}

Settings

Backup & restore

Current post

Timeline separators

Poster

Demo data

That backup can't be used

Backup found

Still Here

Poster

Support an EFM

\n ${info.days.toLocaleString(\"en-US\")}\n ${info.days === 1 ? \"Day without\" : \"Days without\"}\n ${info.phrase}\n

A suspiciously uneventful posting so far.

La carte is empty

La carte of fond memories

That fond memory has gone missing

${editing ? \"Edit fond memory\" : \"Log a fond memory\"}

About Still Here

What this is

The kitten

Please support an EFM

Private by design