Oat kitchensink dashboard demo

\n \n \n

${rawHTML}

\n \n `;\n\n const panel = demo.querySelector(\n ':scope > ot-tabs > [role=\"tabpanel\"]:last-child',\n );\n panel.appendChild(pre);\n\n // Make the code block editable and update the preview on change.\n const content = demo.querySelector(\".demo-content\");\n const el = code || pre;\n const highlighted = el.innerHTML;\n el.setAttribute(\"contenteditable\", \"plaintext-only\");\n el.setAttribute(\"spellcheck\", \"false\");\n el.addEventListener(\"input\", () => content.innerHTML = el.textContent);\n\n // 'Reset' button.\n {\n const b = document.createElement(\"button\");\n b.className = \"ghost small btn-reset\";\n b.textContent = \"Reset\";\n b.setAttribute(\"aria-label\", \"Reset code to original\");\n b.addEventListener(\"click\", () => {\n el.innerHTML = highlighted;\n content.innerHTML = rawHTML;\n });\n menu.prepend(b);\n }\n\n // 'Edit' button to toggle fullscreen side-by-side editubg.\n {\n const b = document.createElement(\"button\");\n b.className = \"ghost small btn-edit\";\n b.textContent = \"Edit\";\n b.setAttribute(\"aria-label\", \"Toggle fullscreen editor\");\n b.addEventListener(\"click\", () => {\n const isFull = demo.classList.toggle(\"fullscreen\");\n\n b.textContent = isFull ? \"Close\" : \"Edit\";\n if (isFull) {\n demo.querySelectorAll('[role=\"tabpanel\"]').forEach((p) =>\n p.removeAttribute(\"hidden\")\n );\n } else {\n const active = demo.querySelector(\n '[role=\"tab\"][aria-selected=\"true\"]',\n );\n if (active) active.click();\n }\n });\n menu.prepend(b);\n }\n });\n\n // On Esc, close fullscreen editor if open.\n document.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\") {\n const isFull = document.querySelector(\".ot-demo.fullscreen\");\n if (isFull) {\n isFull.classList.remove(\"fullscreen\");\n isFull.querySelector(\".btn-edit\").textContent = \"Edit\";\n const active = isFull.querySelector(\n '[role=\"tab\"][aria-selected=\"true\"]',\n );\n if (active) active.click();\n }\n }\n });\n\n // Highlight sidebar items.\n highlightNav();\n window.addEventListener(\"hashchange\", highlightNav);\n\n // Highlight sidebar link based on scroll position in demo sections.\n const sections = document.querySelectorAll(\".demo-section\");\n const side = document.querySelector(\"aside[data-sidebar]\");\n if (sections.length && side) {\n const ob = new IntersectionObserver((items) => {\n const ok = items.filter((e) =>\n e.isIntersecting\n ).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top)[0];\n if (!ok) {\n return;\n }\n\n side.querySelector(\"[aria-current]\")?.removeAttribute(\"aria-current\");\n side.querySelector(`a[href$=\"#${ok.target.id}\"]`)?.setAttribute(\n \"aria-current\",\n \"page\",\n );\n }, { rootMargin: \"0px 0px -60% 0px\" });\n\n // Attach a scroll observer to all sections.\n sections.forEach((s) => ob.observe(s));\n }\n});\n\nfunction highlightNav() {\n const sb = document.querySelector(\"aside[data-sidebar]\");\n if (!sb) return;\n\n // Remove current highlight.\n sb.querySelector('[aria-current=\"page\"]')?.removeAttribute(\"aria-current\");\n\n // Check direct match with hash, direct URI, then the /components/#$id URI.\n const p = location.pathname.replace(/\\/$/, \"\");\n const a =\n (location.hash &&\n sb.querySelector(\n `a[href=\"${p}/${location.hash}\"], a[href=\"${p}${location.hash}\"]`,\n )) ||\n sb.querySelector(`a[href=\"${p}/\"], a[href=\"${p}\"]`) ||\n sb.querySelector(\n `a[href=\"/components/#${p.split(\"/\").filter(Boolean).pop()}\"]`,\n );\n\n if (a) {\n a.setAttribute(\"aria-current\", \"page\");\n }\n}\n\nfunction toggleTheme() {\n var cs = document.documentElement.style.colorScheme;\n var isDark = cs === \"dark\" ||\n (!cs && matchMedia(\"(prefers-color-scheme: dark)\").matches);\n var theme = isDark ? \"light\" : \"dark\";\n document.documentElement.style.colorScheme = theme;\n document.documentElement.setAttribute(\"data-theme\", theme);\n localStorage.setItem(\"theme\", theme);\n}\n\nclass Fruit {\n constructor(id, name) {\n this.id = id;\n this.name = name;\n }\n toString() {\n return this.name;\n }\n}\n\nfunction tagInputAutoComplete(el) {\n const fruits = [\n \"Apple\",\n \"Apricot\",\n new Fruit(1, \"Banana\"),\n new Fruit(2, \"Cherry\"),\n \"Mango\",\n \"Melon\",\n ];\n\n const val = el.value.trim().toLowerCase();\n const out = val\n ? fruits.filter((f) => String(f).toLowerCase().startsWith(val))\n : fruits;\n\n el.list.replaceChildren(...out.map((f) => {\n const o = new Option(f);\n o.data = f;\n return o;\n }));\n}",[163],"fde151e1-f88b-4e52-8bda-8c7c19ed75fe","oat.min.js","ca7cb2aa-9feb-11f1-b37c-1607ee4eb77e",18,["D",1787597115030],2,"(() => {\n var d = class extends HTMLElement {\n #t = !1;\n connectedCallback() {\n this.#t ||\n (document.readyState === \"loading\"\n ? document.addEventListener(\"DOMContentLoaded\", () => this.#e(), {\n once: !0,\n })\n : this.#e());\n }\n #e() {\n this.#t || (this.#t = !0, this.init());\n }\n disconnectedCallback() {\n this.cleanup();\n }\n cleanup() {}\n handleEvent(t) {\n let e = this[`on${t.type}`];\n e && e.call(this, t);\n }\n keyNav(t, e, i, n, a, r = !1) {\n let { key: o } = t, l = -1;\n return o === a\n ? l = (e + 1) % i\n : o === n\n ? l = (e - 1 + i) % i\n : r && (o === \"Home\" ? l = 0 : o === \"End\" && (l = i - 1)),\n l >= 0 && t.preventDefault(),\n l;\n }\n emit(t, e = null) {\n return this.dispatchEvent(\n new CustomEvent(t, {\n bubbles: !0,\n composed: !0,\n cancelable: !0,\n detail: e,\n }),\n );\n }\n uid() {\n return Math.random().toString(36).slice(2, 10);\n }\n };\n \"commandForElement\" in HTMLButtonElement.prototype ||\n document.addEventListener(\"click\", (s) => {\n let t = s.target.closest(\"button[commandfor]\");\n if (!t) return;\n let e = document.getElementById(t.getAttribute(\"commandfor\"));\n if (!e) return;\n let i = t.getAttribute(\"command\") || \"toggle\";\n e instanceof HTMLDialogElement &&\n (i === \"show-modal\"\n ? e.showModal()\n : i === \"close\" || e.open\n ? e.close()\n : e.showModal());\n });\n document.addEventListener(\"touchstart\", (s) => {\n s.target instanceof HTMLDialogElement &&\n (s.preventDefault(), s.target.close());\n }, { passive: !1 });\n var c = class extends d {\n #t = [];\n #e = [];\n #i;\n #s = [];\n init() {\n let t = this.querySelector(':scope > [role=\"tablist\"]');\n if (\n this.#t = t ? [...t.querySelectorAll('[role=\"tab\"]')] : [],\n this.#e = [...this.querySelectorAll(':scope > [role=\"tabpanel\"]')],\n this.#t.length === 0 || this.#e.length === 0\n ) {\n console.warn(\"ot-tabs: Missing tab or tabpanel elements\");\n return;\n }\n this.#i = this.dataset.anchor,\n this.#t.forEach((n, a) => {\n let r = this.#e[a];\n r &&\n (this.#s[a] = n.id || \"\",\n n.id ||= `ot-tab-${this.uid()}`,\n r.id ||= `ot-panel-${this.uid()}`,\n n.setAttribute(\"aria-controls\", r.id),\n r.setAttribute(\"aria-labelledby\", n.id));\n }),\n t.addEventListener(\"click\", this),\n t.addEventListener(\"keydown\", this),\n this.#i && window.addEventListener(\"hashchange\", this);\n let e = this.#t.findIndex((n) => n.ariaSelected === \"true\"),\n i = this.#a();\n this.#n(Math.max(0, i >= 0 ? i : e), !1);\n }\n cleanup() {\n window.removeEventListener(\"hashchange\", this);\n }\n onclick(t) {\n let e = this.#t.indexOf(t.target.closest('[role=\"tab\"]'));\n e >= 0 && this.#n(e);\n }\n onkeydown(t) {\n if (!t.target.closest('[role=\"tab\"]')) return;\n let e = this.keyNav(\n t,\n this.activeIndex,\n this.#t.length,\n \"ArrowLeft\",\n \"ArrowRight\",\n );\n e >= 0 && (this.#n(e), this.#t[e].focus());\n }\n onhashchange() {\n let t = this.#a();\n t >= 0 && this.#n(t, !1);\n }\n #n(t, e = !0) {\n this.#t.forEach((i, n) => {\n let a = n === t;\n i.ariaSelected = String(a), i.tabIndex = a ? 0 : -1;\n }),\n this.#e.forEach((i, n) => i.hidden = n !== t),\n e && this.#r(t),\n this.emit(\"ot-tab-change\", { index: t, tab: this.#t[t] });\n }\n #a() {\n let t = this.#i &&\n new URLSearchParams(location.hash.slice(1)).get(this.#i);\n return t ? this.#s.indexOf(t) : -1;\n }\n #r(t) {\n if (!this.#i) return;\n let e = new URLSearchParams(location.hash.slice(1));\n e.set(this.#i, this.#s[t]);\n for (let [n, a] of [...e]) a || e.delete(n);\n let i = e.toString();\n history.replaceState(\n null,\n \"\",\n i ? `#${i}` : location.pathname + location.search,\n );\n }\n get activeIndex() {\n return this.#t.findIndex((t) => t.ariaSelected === \"true\");\n }\n set activeIndex(t) {\n t >= 0 && t < this.#t.length && this.#n(t);\n }\n };\n customElements.define(\"ot-tabs\", c);\n var u = class extends d {\n #t;\n #e;\n #i;\n #s;\n init() {\n this.#t = this.querySelector(\"[popover]\"),\n this.#e = this.querySelector(\"[popovertarget]\"),\n !(!this.#t || !this.#e) && (this.#t.addEventListener(\"toggle\", this),\n this.#t.addEventListener(\"keydown\", this),\n this.#i = () => {\n let t = this.#e.getBoundingClientRect(),\n e = this.#t.getBoundingClientRect();\n this.#t.style.top = `${\n t.bottom + e.height > window.innerHeight\n ? t.top - e.height\n : t.bottom\n }px`,\n this.#t.style.left = `${\n t.left + e.width > window.innerWidth\n ? t.right - e.width\n : t.left\n }px`;\n });\n }\n ontoggle(t) {\n t.newState === \"open\"\n ? (this.#i(),\n window.addEventListener(\"scroll\", this.#i, !0),\n window.addEventListener(\"resize\", this.#i),\n this.#s = [...this.querySelectorAll('[role=\"menuitem\"]')],\n this.#s[0]?.focus(),\n this.#e.ariaExpanded = \"true\")\n : (this.cleanup(),\n this.#s = null,\n this.#e.ariaExpanded = \"false\",\n this.#e.focus());\n }\n onkeydown(t) {\n if (!t.target.matches('[role=\"menuitem\"]')) return;\n let e = this.#s.indexOf(t.target),\n i = this.keyNav(t, e, this.#s.length, \"ArrowUp\", \"ArrowDown\", !0);\n i >= 0 && this.#s[i].focus();\n }\n cleanup() {\n window.removeEventListener(\"scroll\", this.#i, !0),\n window.removeEventListener(\"resize\", this.#i);\n }\n };\n customElements.define(\"ot-dropdown\", u);\n var f = class extends d {\n #t;\n #e;\n #i;\n init() {\n if (this.#t = this.querySelector('input[type=\"file\"]'), !!this.#t) {\n this.#e = this.querySelector(\"[data-files]\"),\n this.#i = this.#e ? [...this.#e.childNodes] : [],\n this.classList.add(\"card\", \"vstack\", \"align-center\"),\n this.#e?.classList.add(\"hstack\", \"justify-center\");\n for (let t of [\"click\", \"dragover\", \"dragleave\", \"drop\", \"change\"]) {\n this.addEventListener(t, this);\n }\n }\n }\n onclick(t) {\n if (this.#t.disabled) return;\n let e = t.target.closest(\"button\");\n if (e && this.#e?.contains(e)) {\n return this.#s([...this.#t.files].filter((i, n) =>\n n !== [...this.#e.children].indexOf(e.parentElement)\n ));\n }\n t.target !== this.#t && this.#t.click();\n }\n ondragover(t) {\n this.#t.disabled ||\n (t.preventDefault(),\n t.dataTransfer.dropEffect = \"copy\",\n this.toggleAttribute(\"data-drag\", !0));\n }\n ondragleave(t) {\n this.contains(t.relatedTarget) || this.removeAttribute(\"data-drag\");\n }\n ondrop(t) {\n this.#t.disabled ||\n (t.preventDefault(),\n this.removeAttribute(\"data-drag\"),\n this.#s(\n [...t.dataTransfer.files].slice(0, this.#t.multiple ? 1 / 0 : 1),\n ));\n }\n onchange() {\n if (!this.#e) return;\n let t = [...this.#t.files].map((e) => {\n let i = document.createElement(\"span\");\n i.className = \"badge\",\n i.dataset.variant = \"secondary\",\n i.textContent = e.name;\n let n = document.createElement(\"button\");\n return n.type = \"button\",\n n.ariaLabel = `Remove ${e.name}`,\n n.textContent = \"\\xD7\",\n i.append(n),\n i;\n });\n this.#e.replaceChildren(...t.length ? t : this.#i);\n }\n #s(t) {\n let e = new DataTransfer();\n t.forEach((i) => e.items.add(i)),\n this.#t.files = e.files,\n this.#t.dispatchEvent(new Event(\"change\", { bubbles: !0 }));\n }\n };\n customElements.define(\"ot-upload\", f);\n document.addEventListener(\"DOMContentLoaded\", () => {\n let s = \"title\",\n t = \"[title]\",\n e = (i) => {\n let n = i.getAttribute(s);\n n &&\n (i.setAttribute(\"data-tooltip\", n),\n i.hasAttribute(\"aria-label\") || i.setAttribute(\"aria-label\", n),\n i.removeAttribute(s));\n };\n document.querySelectorAll(t).forEach(e),\n new MutationObserver((i) => {\n for (let n of i) {\n e(n.target);\n for (let a of n.addedNodes) {\n a.nodeType === 1 && (e(a), a.querySelectorAll(t).forEach(e));\n }\n }\n }).observe(document.body, {\n childList: !0,\n subtree: !0,\n attributes: !0,\n attributeFilter: [s],\n });\n });\n document.addEventListener(\"click\", (s) => {\n let t = s.target.closest(\"[data-sidebar-toggle]\");\n if (t) {\n t.closest(\"[data-sidebar-layout]\")?.toggleAttribute(\"data-sidebar-open\");\n return;\n }\n if (!s.target.closest(\"[data-sidebar]\")) {\n let e = document.querySelector(\n \"[data-sidebar-layout][data-sidebar-open]\",\n );\n e && window.matchMedia(\"(max-width: 768px)\").matches &&\n e.removeAttribute(\"data-sidebar-open\");\n }\n });\n var b = (s) => document.createElement(s),\n g = (s) => String(s).trim(),\n p = class extends d {\n static observedAttributes = [\"disabled\"];\n #t = new WeakMap();\n init() {\n if (this.input = this.querySelector(\"input\"), !this.input) return;\n this.input.readOnly || (this.input.addEventListener(\"keydown\", this),\n this.input.addEventListener(\"input\", (e) => {\n e.stopPropagation();\n let i = this.input.value,\n n = this.input.list,\n a = n &&\n (e.inputType === \"insertReplacementText\" ||\n i.length - (this.prev || \"\").length > 1);\n if (this.prev = i, a) {\n let r = [...n.options].find((o) => o.value === i);\n if (r) return requestAnimationFrame(() => this.add(r.data ?? i));\n }\n }),\n this.input.addEventListener(\"change\", (e) => e.stopPropagation()),\n this.input.addEventListener(\"focus\", this),\n this.addEventListener(\"click\", this));\n let t = this.getAttribute(\"value\");\n t && (this.value = [t]), this.attributeChangedCallback();\n }\n attributeChangedCallback() {\n this.input && (this.input.disabled = this.disabled),\n this.setAttribute(\"aria-disabled\", this.disabled);\n }\n get disabled() {\n return this.hasAttribute(\"disabled\");\n }\n set disabled(t) {\n this.toggleAttribute(\"disabled\", !!t);\n }\n onkeydown(t) {\n if (t.key === \"Backspace\" && !this.input.value) {\n return this.remove(this.input.previousElementSibling);\n }\n (t.key === \"Enter\" || t.key === \",\") &&\n (t.preventDefault(), this.add(this.input.value));\n }\n onfocus() {\n this.input.list &&\n (this.input.dispatchEvent(new Event(\"input\", { bubbles: !0 })),\n requestAnimationFrame(() => {\n try {\n this.input.showPicker();\n } catch {}\n }));\n }\n onclick(t) {\n if (this.disabled) return;\n let e = t.target.closest(\"button\");\n e ? this.remove(e.parentElement) : this.input.focus();\n }\n add(t, e) {\n let i = g(t);\n if (!i || this.value.some((a) => g(a) === i)) return;\n let n = b(\"span\");\n if (\n n.className = \"badge\",\n n.dataset.variant = \"secondary\",\n n.textContent = i,\n t && typeof t == \"object\" && this.#t.set(n, t),\n this.input.readOnly\n ) this.insertBefore(n, this.input);\n else {\n let a = b(\"button\");\n a.type = \"button\",\n a.ariaLabel = `Remove ${i}`,\n a.textContent = \"\\xD7\",\n n.appendChild(a),\n this.insertBefore(n, this.input),\n this.input.value = this.prev = \"\",\n this.input.list?.replaceChildren();\n }\n e || this.emit(\"input\", this.value);\n }\n remove(t) {\n t && (t.remove(), this.emit(\"input\", this.value));\n }\n get value() {\n return [...this.querySelectorAll(\".badge\")].map((t) =>\n this.#t.get(t) ?? t.firstChild.data\n );\n }\n set value(t) {\n this.input ??= this.querySelector(\"input\"),\n this.querySelectorAll(\".badge\").forEach((e) => e.remove()),\n (Array.isArray(t) ? t : []).forEach((e) => {\n typeof e == \"string\"\n ? e.split(\",\").forEach((i) => this.add(i, !0))\n : this.add(e, !0);\n });\n }\n };\n customElements.define(\"ot-taginput\", p);\n var h = {};\n function A(s) {\n if (!h[s]) {\n let t = document.createElement(\"div\");\n t.className = \"toast-container\",\n t.setAttribute(\"popover\", \"manual\"),\n t.setAttribute(\"data-placement\", s),\n document.body.appendChild(t),\n h[s] = t;\n }\n return h[s];\n }\n function v(s, t = {}) {\n let { placement: e = \"top-right\", duration: i = 4e3 } = t, n = A(e);\n s.classList.add(\"toast\");\n let a,\n r = () => {\n i > 0 && (a = setTimeout(() => x(s, n), i));\n };\n return s.onmouseenter = () => clearTimeout(a),\n s.onmouseleave = r,\n s.setAttribute(\"data-entering\", \"\"),\n n.appendChild(s),\n n.showPopover(),\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n s.removeAttribute(\"data-entering\");\n });\n }),\n r(),\n s;\n }\n function x(s, t) {\n if (s.hasAttribute(\"data-exiting\")) return;\n s.setAttribute(\"data-exiting\", \"\");\n let e = () => {\n s.remove(), t.children.length || t.hidePopover();\n };\n s.addEventListener(\"transitionend\", e, { once: !0 });\n let i = getComputedStyle(s).getPropertyValue(\"--transition\").trim(),\n n = parseFloat(i),\n a = i.endsWith(\"ms\") ? n : n * 1e3;\n setTimeout(e, a);\n }\n function E(s, t, e = {}) {\n let { variant: i = \"info\", ...n } = e, a = document.createElement(\"output\");\n if (a.setAttribute(\"data-variant\", i), t) {\n let o = document.createElement(\"h6\");\n o.className = \"toast-title\", o.textContent = t, a.appendChild(o);\n }\n let r = document.createElement(\"div\");\n return r.className = \"toast-message\",\n r.textContent = s,\n a.appendChild(r),\n v(a, n);\n }\n function y(s, t = {}) {\n let e;\n if (\n s instanceof HTMLTemplateElement\n ? e = s.content.firstElementChild?.cloneNode(!0)\n : s && (e = s.cloneNode(!0)), !!e\n ) return e.removeAttribute(\"id\"), v(e, t);\n }\n function w(s) {\n (s ? [h[s]] : Object.values(h)).forEach((t) => {\n t && (t.innerHTML = \"\", t.hidePopover());\n });\n }\n var m = window.ot || (window.ot = {});\n m.toast = E;\n m.toast.el = y;\n m.toast.clear = w;\n})();",[170],"161aa273-e254-4cc5-b1c2-f31a0c6573a4","oat.min.css","af9937d8-9feb-11f1-a9eb-1607ee4eb77e",22,["D",1787597130492],7,"import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[178],"4bff3c8c-f19b-421f-8d5a-ae4f294000a6","main.tsx",20,["D",1787597126623],"http",[186],"515c1d70-7d9b-4fa6-acdd-ba082d725160","index.html","01a03514-76ac-76e3-8213-a88fd71c2b1b",27,["D",1787597169851],"\n\n \n \n \n Oat kitchensink dashboard demo — Oat UI\n\n \n \n \n\n \n \n \n \n \n\n \n

\n \n \n \n \n \n \n \n\n \n $\"Oat$ \n

\n\n

\n Home\n Demo\n GitHub\n \n \n More\n \n \n \n \n \n \n

\n \n",[192],"1c7bd284-e898-499d-9eef-61d3e432e000",["D",1787597291395],[28],"81d995b8-31a6-480e-bb34-1d9b3e2de104","favicon.svg","01a03514-76ac-76e3-8213-a643883a760c",["D",1787596928590],"",[202],"2e673827-9ce0-4f96-ad45-60d49faa5a6f","README.md","01a03514-76ac-76e3-8213-a1a0967c41e6",["D",1787596928590],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[208],"pulls","branches","forks","envVars",{"_220":64,"_222":64},"connections",{"_220":64,"_221":64},"count","unfilledCount","emptyCount",{"_43":207,"_32":208,"_30":209,"_154":-5,"_41":42,"_40":158,"_156":60,"_38":257,"_13":64,"_34":20,"_36":211,"_24":25,"_160":-5,"_233":258,"_27":259},{"_43":201,"_32":202,"_30":203,"_154":-5,"_41":42,"_40":158,"_156":60,"_38":254,"_13":64,"_34":20,"_36":205,"_24":25,"_160":-5,"_233":255,"_27":256},{"_43":198,"_32":28,"_30":31,"_154":-5,"_41":42,"_40":14,"_156":25,"_38":251,"_13":158,"_34":35,"_36":37,"_24":25,"_160":-5,"_233":252,"_27":253},{"_43":191,"_32":192,"_30":193,"_154":-5,"_41":42,"_40":194,"_156":25,"_38":248,"_13":165,"_34":20,"_36":196,"_24":25,"_160":-5,"_233":249,"_27":250},{"_43":185,"_32":186,"_30":58,"_154":-5,"_41":42,"_40":187,"_156":60,"_38":245,"_13":158,"_34":189,"_36":183,"_24":25,"_160":-5,"_233":246,"_27":247},{"_43":177,"_32":178,"_30":179,"_154":-5,"_41":42,"_40":180,"_156":60,"_38":242,"_13":182,"_34":20,"_36":183,"_24":25,"_160":-5,"_233":243,"_27":244},{"_43":169,"_32":170,"_30":171,"_154":-5,"_41":42,"_40":172,"_156":60,"_38":239,"_13":174,"_34":35,"_36":175,"_24":25,"_160":-5,"_233":240,"_27":241},{"_43":162,"_32":163,"_30":164,"_154":-5,"_41":42,"_40":165,"_156":60,"_38":236,"_13":158,"_34":35,"_36":167,"_24":25,"_160":-5,"_233":237,"_27":238},{"_43":151,"_32":152,"_30":153,"_154":-5,"_41":42,"_40":155,"_156":60,"_38":232,"_13":158,"_34":20,"_36":159,"_24":25,"_160":-5,"_233":234,"_27":235},["D",1787596994002],"children",[],[152],["D",1787597038928],[],[163],["D",1787597115030],[],[170],["D",1787597130492],[],[178],["D",1787597126623],[],[186],["D",1787597169851],[],[192],["D",1787597291395],[],[28],["D",1787596928590],[],[202],["D",1787596928590],[],[208],["D",1787596928590],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":91,"_92":93,"_94":50,"_95":96,"_97":98,"_99":45,"_100":101},"ctx",{"_80":-5,"_130":297,"_298":299,"_300":301,"_302":25,"_303":25,"_304":25,"_305":60,"_306":-5,"_307":-7,"_308":-7,"_309":64,"_310":25,"_311":25,"_312":-5,"_313":25,"_314":25,"_315":25,"_316":-5},"ENV",{"_268":269,"_270":271,"_272":88,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296},"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 · v29