[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_186":187,"_188":189},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_108":89,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":58,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",68,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","25c3e054-ae27-11f1-936e-1607ee4eb77e","name","fileType","http","content","import { Hono } from \"npm:hono@4\";\nimport {\n activeVisits,\n backfillHistoricalRows,\n dailyPageviewTimes,\n dailySeriesRaw,\n deviceBreakdown,\n eventBreakdown,\n type Geo,\n newVsReturning,\n type Pageview,\n recentViews,\n recordEvent,\n type ReportFilters,\n siteTotals,\n topCampaigns,\n topLocations,\n topPaths,\n trafficSources,\n} from \"./db.ts\";\nimport {\n classifyTrafficSource,\n easternDayKey,\n formatDayLabel,\n formatEastern,\n parseSqliteUtc,\n parseUA,\n} from \"./util.ts\";\nimport { feature } from \"npm:topojson-client@3\";\n\nconst app = new Hono();\n\n// Map geometry (coastlines, country borders, US state borders), fetched once\n// per val instance and cached in memory — \"50m\"/\"10m\" resolution TopoJSON,\n// a few hundred KB each, plenty for a dashboard map without being enormous.\n// Gives the dot-map actual recognizable geography instead of a bare grid.\ntype Rings = [number, number][][];\nconst topoCache = new Map();\nasync function fetchTopoRings(url: string, objectKey: string): Promise {\n const cacheKey = `${url}#${objectKey}`;\n const cached = topoCache.get(cacheKey);\n if (cached) return cached;\n try {\n const res = await fetch(url, { signal: AbortSignal.timeout(6000) });\n const topology = await res.json();\n const geo = feature(topology, topology.objects[objectKey]) as any;\n const rings: Rings = [];\n const geoms = geo.type === \"FeatureCollection\"\n ? geo.features.map((f: any) => f.geometry)\n : [geo.geometry];\n for (const g of geoms) {\n if (!g) continue;\n const polys = g.type === \"MultiPolygon\" ? g.coordinates : g.type === \"Polygon\" ? [g.coordinates] : [];\n for (const poly of polys) for (const ring of poly) rings.push(ring);\n }\n topoCache.set(cacheKey, rings);\n return rings;\n } catch (err) {\n console.error(`topo fetch failed for ${objectKey}:`, err);\n topoCache.set(cacheKey, []);\n return [];\n }\n}\nfunction getWorldLandRings() {\n return fetchTopoRings(\"https://cdn.jsdelivr.net/npm/world-atlas@2.0.2/land-50m.json\", \"land\");\n}\nfunction getCountryBorderRings() {\n return fetchTopoRings(\"https://cdn.jsdelivr.net/npm/world-atlas@2.0.2/countries-50m.json\", \"countries\");\n}\nfunction getUSStateBorderRings() {\n return fetchTopoRings(\"https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json\", \"states\");\n}\n\n// 1x1 transparent GIF, served as the tracking beacon.\nconst PIXEL = Uint8Array.from(\n atob(\"R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==\"),\n (c) => c.charCodeAt(0),\n);\n\nconst SITE_LABELS: Record = {\n \"mississippivehicleregistrationrenewal.com\": \"MS Vehicle Registration\",\n \"fileunemploymentflorida.com\": \"FL Unemployment Benefits\",\n \"notarypublicsouthdakota.com\": \"SD Notary Public\",\n \"delawareevtaxcredit.com\": \"DE EV & Solar Incentives\",\n \"homesteadexemptioninflorida.com\": \"FL Homestead Exemption\",\n \"filefloridasalestax.com\": \"FL Sales Tax\",\n \"filenewyorksalestax.com\": \"NY Sales Tax\",\n \"jerseywaterdeliverypros.com\": \"Jersey Water Delivery Pros\",\n \"manhattanwaterdeliverypros.com\": \"Manhattan Water Delivery Pros\",\n \"miamiwaterdeliverypros.com\": \"Miami Water Delivery Pros\",\n};\n\nfunction siteLabel(site: string) {\n return SITE_LABELS[site] || site;\n}\n\n// Cloudflare Pages serves every project at its own .pages.dev\n// subdomain in addition to the custom domain — real hits land there from\n// crawlers/previews, but they're noise the dashboard doesn't need to surface.\nfunction isDevHost(site: string) {\n return site.endsWith(\".pages.dev\");\n}\n\nfunction esc(s: string) {\n return s.replace(/[&<>\"']/g, (c) =>\n ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c] as string)\n );\n}\n\n// Country code -> flag emoji, via regional indicator symbols. Cosmetic only.\nfunction flag(cc: string | null) {\n if (!cc || cc.length !== 2) return \"\";\n const codePoints = [...cc.toUpperCase()].map((c) => 0x1f1e6 + (c.charCodeAt(0) - 65));\n return String.fromCodePoint(...codePoints);\n}\n\nfunction timeAgo(iso: string) {\n const then = new Date(iso.replace(\" \", \"T\") + \"Z\").getTime();\n const secs = Math.max(0, Math.round((Date.now() - then) / 1000));\n if (secs < 60) return `${secs}s ago`;\n if (secs < 3600) return `${Math.floor(secs / 60)}m ago`;\n return `${Math.floor(secs / 3600)}h ago`;\n}\n\nfunction isPrivateIp(ip: string) {\n return /^(10\\.|127\\.|192\\.168\\.|172\\.(1[6-9]|2\\d|3[01])\\.|::1$|fc|fd|0\\.0\\.0\\.0)/.test(ip);\n}\n\n// Best-effort IP -> approximate location. Free, keyless, city-level accuracy\n// at best — this is \"rough mapping\", not precise tracking. Never blocks the\n// pixel response on failure; a 2.5s timeout keeps a slow lookup from making\n// the beacon itself slow.\nasync function lookupGeo(ip: string): Promise {\n if (!ip || isPrivateIp(ip)) return null;\n try {\n const res = await fetch(`https://ipapi.co/${ip}/json/`, {\n signal: AbortSignal.timeout(2500),\n headers: { \"User-Agent\": \"tribeca-site-analytics/1.0\" },\n });\n if (!res.ok) return null;\n const data = await res.json();\n if (!data || data.error) return null;\n return {\n country: data.country_name ?? null,\n countryCode: data.country_code ?? null,\n region: data.region ?? null,\n city: data.city ?? null,\n lat: typeof data.latitude === \"number\" ? data.latitude : null,\n lon: typeof data.longitude === \"number\" ? data.longitude : null,\n };\n } catch {\n return null;\n }\n}\n\n// The tracking beacon. A 1x1 GIF via , not fetch() — sidesteps CORS entirely,\n// works even on a strict _headers file, and degrades silently if blocked.\napp.get(\"/px.gif\", async (c) => {\n const q = (key: string, max = 300) => (c.req.query(key) || \"\").slice(0, max);\n const site = q(\"s\", 200).toLowerCase().replace(/^www\\./, \"\");\n const path = q(\"p\") || \"/\";\n const ref = q(\"r\");\n const ua = (c.req.header(\"user-agent\") || \"\").slice(0, 300);\n const ip = c.req.header(\"cf-connecting-ip\") ||\n (c.req.header(\"x-forwarded-for\") || \"\").split(\",\")[0].trim();\n\n // GA4-style flexible signals. All optional — the beacon still works (as a\n // plain pageview) if a site's snippet is the older, simpler version.\n const utmSource = q(\"utm_source\") || null;\n const utmMedium = q(\"utm_medium\") || null;\n const utmCampaign = q(\"utm_campaign\") || null;\n const utmTerm = q(\"utm_term\") || null;\n const utmContent = q(\"utm_content\") || null;\n const viewport = q(\"vp\", 20) || null;\n const visitorId = q(\"vid\", 64) || null;\n // \"ev\" lets a site call window.tribecaTrack('cta_click', 'quote button')\n // for its own custom events, reusing this same pixel — no new endpoint,\n // no schema change needed for whatever a site wants to track next.\n const eventName = q(\"ev\", 60) || \"pageview\";\n const eventLabel = q(\"el\", 200) || null;\n\n if (site) {\n try {\n const geo = await lookupGeo(ip);\n const { deviceType, browser, os } = parseUA(ua);\n const trafficSource = classifyTrafficSource(ref, utmMedium, utmSource);\n await recordEvent({\n site,\n path,\n referrer: ref,\n ua,\n geo,\n utmSource,\n utmMedium,\n utmCampaign,\n utmTerm,\n utmContent,\n deviceType,\n browser,\n os,\n viewport,\n visitorId,\n trafficSource,\n event: eventName,\n eventLabel,\n });\n } catch (err) {\n console.error(\"pixel record failed:\", err);\n }\n }\n\n c.header(\"Content-Type\", \"image/gif\");\n c.header(\"Cache-Control\", \"no-store, no-cache, must-revalidate, private\");\n c.header(\"Access-Control-Allow-Origin\", \"*\");\n return c.body(PIXEL);\n});\n\n// One-time (repeatable, idempotent) backfill trigger for rows recorded\n// before device/browser/traffic-source existed. Same key as the dashboard.\napp.get(\"/admin/backfill\", async (c) => {\n const wantKey = Deno.env.get(\"ANALYTICS_DASH_KEY\");\n if (wantKey && c.req.query(\"key\") !== wantKey) return c.text(\"Forbidden\", 403);\n const updated = await backfillHistoricalRows();\n return c.json({ updated, note: updated === 2000 ? \"hit the per-call cap — call again\" : \"done\" });\n});\n\napp.get(\"/\", (c) => c.redirect(\"/dashboard\"));\n\n// A rough equirectangular dot map, auto-zoomed to the bounding box of the\n// points actually plotted (so a mostly-US audience isn't three pixels in the\n// corner of a full world map). lon -180..180 -> x, lat 90..-90 -> y.\nasync function buildMapSvg(points: Pageview[]) {\n const withGeo = points.filter((p) => p.lat != null && p.lon != null);\n\n // Default view: continental US, since that's where this network's traffic\n // actually lives. The map frame (grid + bounds) always renders even with\n // zero points — an empty grid reads as \"no one's here right now\", which is\n // the truth; a blank space where the map should be reads as \"broken\".\n let minLat = 24, maxLat = 50, minLon = -125, maxLon = -66;\n\n if (withGeo.length > 0) {\n const lats = withGeo.map((p) => p.lat as number);\n const lons = withGeo.map((p) => p.lon as number);\n const padDeg = 4;\n minLat = Math.min(...lats) - padDeg;\n maxLat = Math.max(...lats) + padDeg;\n minLon = Math.min(...lons) - padDeg;\n maxLon = Math.max(...lons) + padDeg;\n // Keep a sane minimum span so a single visitor isn't a meaningless close-up.\n if (maxLat - minLat < 10) {\n const mid = (maxLat + minLat) / 2;\n minLat = mid - 5;\n maxLat = mid + 5;\n }\n if (maxLon - minLon < 10) {\n const mid = (maxLon + minLon) / 2;\n minLon = mid - 5;\n maxLon = mid + 5;\n }\n minLat = Math.max(minLat, -85);\n maxLat = Math.min(maxLat, 85);\n minLon = Math.max(minLon, -180);\n maxLon = Math.min(maxLon, 180);\n }\n\n const W = 720, H = 420;\n const x = (lon: number) => ((lon - minLon) / (maxLon - minLon)) * W;\n const y = (lat: number) => H - ((lat - minLat) / (maxLat - minLat)) * H;\n\n const [landRings, countryRings, stateRings] = await Promise.all([\n getWorldLandRings(),\n getCountryBorderRings(),\n getUSStateBorderRings(),\n ]);\n const ringsToPath = (rings: Rings) =>\n rings.map((ring) =>\n \"M\" + ring.map(([lon, lat]) => `${x(lon).toFixed(1)},${y(lat).toFixed(1)}`).join(\"L\") + \"Z\"\n ).join(\" \");\n const landPath = ringsToPath(landRings);\n const countryPath = ringsToPath(countryRings);\n const statePath = ringsToPath(stateRings);\n\n // Gridlines every 10 degrees within the visible bounds.\n const gridLines: string[] = [];\n for (let lon = Math.ceil(minLon / 10) * 10; lon <= maxLon; lon += 10) {\n gridLines.push(``);\n }\n for (let lat = Math.ceil(minLat / 10) * 10; lat <= maxLat; lat += 10) {\n gridLines.push(``);\n }\n\n // Most recent first in the input; draw oldest-first so the freshest dot\n // renders on top, then brighten by recency rank.\n const ordered = [...withGeo].reverse();\n const n = ordered.length;\n const dots = ordered.map((p, i) => {\n const cx = x(p.lon as number);\n const cy = y(p.lat as number);\n const recency = (i + 1) / n; // 0..1, newest = 1\n const r = 3.5 + recency * 3;\n const opacity = (0.35 + recency * 0.65).toFixed(2);\n const place = [p.city, p.region, p.country].filter(Boolean).join(\", \") || \"Unknown location\";\n const label = `${siteLabel(p.site)} — ${place} — ${formatEastern(p.created_at)}`;\n return `${esc(label)}`;\n }).join(\"\");\n\n const svg = ``;\n\n if (withGeo.length === 0) {\n return svg + `

No located visits yet in this window.

`;\n }\n return svg;\n}\n\nfunction locationRows(rows: { place: string; country_code: string | null; views: number }[]) {\n return rows.map((r) =>\n `${flag(r.country_code)} ${esc(r.place)}${r.views}`\n ).join(\"\");\n}\n\nfunction trafficRows(rows: { source: string; views: number }[]) {\n return rows.map((r) => `${esc(r.source)}${r.views}`).join(\n \"\",\n );\n}\n\nfunction deviceRows(rows: { device_type: string; browser: string; os: string; views: number }[]) {\n return rows.map((r) =>\n `${esc(r.device_type)}${esc(r.browser)}${esc(r.os)}${r.views}`\n ).join(\"\");\n}\n\nfunction campaignRows(\n rows: { utm_source: string | null; utm_medium: string | null; utm_campaign: string | null; views: number }[],\n) {\n return rows.map((r) =>\n `${esc(r.utm_campaign || \"—\")}${esc(r.utm_source || \"—\")}${\n esc(r.utm_medium || \"—\")\n }${r.views}`\n ).join(\"\");\n}\n\nfunction eventRows(rows: { event: string; event_label: string; n: number }[]) {\n return rows.map((r) =>\n `${esc(r.event)}${esc(r.event_label || \"—\")}${r.n}`\n ).join(\"\");\n}\n\nfunction liveRows(rows: Pageview[], showSite = true) {\n return rows.map((r) => {\n const place = [r.city, r.region, r.country_code ? r.country_code : r.country].filter(Boolean)\n .join(\", \") || \"Unknown\";\n return `\n ${showSite ? `${esc(siteLabel(r.site))}` : \"\"}\n ${esc(r.path)}\n ${flag(r.country_code)} ${esc(place)}\n ${esc(r.referrer || \"—\")}\n ${timeAgo(r.created_at)}\n `;\n }).join(\"\");\n}\n\nfunction navTabs(active: \"overview\" | \"reports\", site: string, keyQs: string) {\n const siteQs = site ? `&site=${encodeURIComponent(site)}` : \"\";\n const tab = (href: string, label: string, isActive: boolean) =>\n `${label}`;\n return `

\n ${tab(`/dashboard?key=${keyQs}${siteQs}`, \"Overview\", active === \"overview\")}\n ${tab(`/reports?key=${keyQs}${siteQs}`, \"Reports\", active === \"reports\")}\n

`;\n}\n\nconst CHART_COLORS = [\n \"#5b8def\",\n \"#34d399\",\n \"#f59e0b\",\n \"#f472b6\",\n \"#a78bfa\",\n \"#22d3ee\",\n \"#fb7185\",\n \"#84cc16\",\n \"#facc15\",\n \"#38bdf8\",\n];\n\n// A dependency-free multi-line chart: one per series on a shared,\n// gap-filled day axis (missing days are zero rather than silently compressing\n// the x-axis). Built for 1..N series so the same renderer covers both the\n// single-site line and the all-sites, one-line-per-site breakdown.\nfunction buildLineChart(\n series: { label: string; color: string; points: { day: string; views: number }[] }[],\n days: number,\n) {\n const dayKeys: string[] = [];\n for (let i = days - 1; i >= 0; i--) {\n dayKeys.push(easternDayKey(new Date(Date.now() - i * 86400000)));\n }\n\n const filled = series.map((s) => {\n const byDay = new Map(s.points.map((p) => [p.day, p.views]));\n return { ...s, values: dayKeys.map((k) => byDay.get(k) ?? 0) };\n });\n\n const W = 720, H = 220, padL = 34, padR = 10, padT = 10, padB = 22;\n const plotW = W - padL - padR, plotH = H - padT - padB;\n const max = Math.max(1, ...filled.flatMap((s) => s.values));\n const slot = dayKeys.length > 1 ? plotW / (dayKeys.length - 1) : 0;\n const xAt = (i: number) => padL + i * slot;\n const yAt = (v: number) => padT + plotH - (v / max) * plotH;\n const multi = filled.length > 1;\n\n const lines = filled.map((s) => {\n const pts = s.values.map((v, i) => `${xAt(i).toFixed(1)},${yAt(v).toFixed(1)}`).join(\" \");\n return ``;\n }).join(\"\");\n\n // A visible dot plus a larger invisible hover target at every data point,\n // each carrying its own tooltip text (date + series + count) via\n // data-tip — the page-level script in page() positions a floating\n // tooltip on hover, so every point is individually inspectable rather\n // than the whole line sharing one title.\n const points = filled.map((s) => {\n return dayKeys.map((k, i) => {\n const v = s.values[i];\n const cx = xAt(i).toFixed(1), cy = yAt(v).toFixed(1);\n const tip = esc(`${multi ? s.label + \" — \" : \"\"}${formatDayLabel(k)}: ${v} view${v === 1 ? \"\" : \"s\"}`);\n return `` +\n ``;\n }).join(\"\");\n }).join(\"\");\n\n const ticks = [0, 0.5, 1].map((f) => {\n const val = Math.round(max * f);\n const ty = padT + plotH - f * plotH;\n return `\n ${val}`;\n }).join(\"\");\n\n const xStep = Math.max(1, Math.ceil(dayKeys.length / 8));\n const lastRegular = Math.floor((dayKeys.length - 1) / xStep) * xStep;\n const xLabels = dayKeys.map((day, i) => {\n const isRegular = i % xStep === 0;\n const isFinal = i === dayKeys.length - 1 && i - lastRegular >= Math.ceil(xStep / 2);\n if (!isRegular && !isFinal) return \"\";\n return `${day.slice(5)}`;\n }).join(\"\");\n\n const svg = ``;\n\n const legend = series.length > 1\n ? `

${\n series.map((s) =>\n `${esc(s.label)}`\n ).join(\"\")\n }

`\n : \"\";\n\n return svg + legend;\n}\n\napp.get(\"/reports\", async (c) => {\n const key = c.req.query(\"key\");\n const wantKey = Deno.env.get(\"ANALYTICS_DASH_KEY\");\n if (wantKey && key !== wantKey) {\n return c.text(\"Forbidden — add ?key=... to the URL.\", 403);\n }\n\n const site = c.req.query(\"site\") || \"\";\n const keyQs = esc(key || \"\");\n const days = 30;\n const sinceSql = `-${days} day`;\n\n const [dailyTimes, dailyBySiteRaw, sources, locations, devices, campaigns, events, nvr, top30] =\n await Promise.all([\n dailyPageviewTimes(days, site || undefined),\n site ? Promise.resolve([]) : dailySeriesRaw(days),\n trafficSources(sinceSql, site || undefined),\n topLocations(sinceSql, site || undefined),\n deviceBreakdown(sinceSql, site || undefined),\n topCampaigns(sinceSql, site || undefined),\n eventBreakdown(sinceSql, site || undefined),\n newVsReturning(sinceSql, site || undefined),\n site ? topPaths(site, sinceSql, 15) : Promise.resolve([]),\n ]);\n\n // Bucket into Eastern-time calendar days here in JS (Intl handles the\n // EST/EDT switch) rather than in SQL, which only ever knows UTC.\n const bucketByDay = (times: string[]) => {\n const counts = new Map();\n for (const t of times) {\n const k = easternDayKey(parseSqliteUtc(t));\n counts.set(k, (counts.get(k) ?? 0) + 1);\n }\n return Array.from(counts, ([day, views]) => ({ day, views }));\n };\n\n const daily = bucketByDay(dailyTimes);\n const totalViews = dailyTimes.length;\n const avgPerDay = Math.round(totalViews / days);\n const topPagesRows = top30.map((p) =>\n `${esc(p.path)}${p.views}`\n ).join(\"\");\n\n // One line per site on the all-sites view (ranked by total views so the\n // busiest sites/legend entries come first); a single line when drilled\n // into one site.\n let chartSeries: { label: string; color: string; points: { day: string; views: number }[] }[];\n if (site) {\n chartSeries = [{ label: siteLabel(site), color: CHART_COLORS[0], points: daily }];\n } else {\n const bySite = new Map();\n for (const r of dailyBySiteRaw) {\n if (isDevHost(r.site)) continue;\n if (!bySite.has(r.site)) bySite.set(r.site, []);\n bySite.get(r.site)!.push(r.created_at);\n }\n const ranked = Array.from(bySite.entries())\n .map(([s, times]) => [s, times.length] as const)\n .sort((a, b) => b[1] - a[1]);\n chartSeries = ranked.map(([s], i) => ({\n label: siteLabel(s),\n color: CHART_COLORS[i % CHART_COLORS.length],\n points: bucketByDay(bySite.get(s)!),\n }));\n }\n\n return c.html(page(`\n ${navTabs(\"reports\", site, keyQs)}\n ${site ? `

← All sites

` : \"\"}\n

Reports${site ? ` — ${esc(siteLabel(site))}` : \" — all sites\"}

${site ? esc(site) : \"Historical trends across the lead-gen network\"} · last ${days} days

\n\n

${totalViews}

pageviews, ${days}d

${avgPerDay}

avg / day

${nvr.newVisitors}

new visitors

${nvr.returningVisitors}

returning visitors

\n\n

Pageviews by day${site ? \"\" : \", by site\"}

${buildLineChart(chartSeries, days)}

\n\n

Traffic sources (${days} days)

${\n trafficRows(sources) || ''\n }

Source	Views
No data yet

\n\n

Top locations (${days} days)

${\n locationRows(locations) || ''\n }

Place	Views
No data yet

\n\n

Devices & browsers (${days} days)

${\n deviceRows(devices) || ''\n }

Device	Browser	OS	Views
No data yet

\n\n

Campaigns (${days} days)

${\n campaignRows(campaigns) || ''\n }

Campaign	Source	Medium	Views
No UTM-tagged traffic yet

\n\n ${\n site\n ? `

Top pages (${days} days)

\n ${\n topPagesRows || ''\n }

Path	Views
No data yet

`\n : \"\"\n }\n\n

Custom events (${days} days)

${\n eventRows(events) ||\n ''\n }

Event	Label	Count
No custom events tracked yet — call window.tribecaTrack(name, label) from a page

\n `, false));\n});\n\napp.get(\"/dashboard\", async (c) => {\n const key = c.req.query(\"key\");\n const wantKey = Deno.env.get(\"ANALYTICS_DASH_KEY\");\n if (wantKey && key !== wantKey) {\n return c.text(\"Forbidden — add ?key=... to the URL.\", 403);\n }\n\n const site = c.req.query(\"site\") || \"\";\n const keyQs = esc(key || \"\");\n\n if (site) {\n const [d7, d30, top30, recent, live, locations, sources, devices, campaigns, events, nvr] =\n await Promise.all([\n siteTotals(\"-7 day\").then((r) => r.find((x) => x.site === site)?.views ?? 0),\n siteTotals(\"-30 day\").then((r) => r.find((x) => x.site === site)?.views ?? 0),\n topPaths(site, \"-30 day\", 15),\n recentViews(40, site),\n activeVisits(30, 100, site),\n topLocations(\"-30 day\", site),\n trafficSources(\"-30 day\", site),\n deviceBreakdown(\"-30 day\", site),\n topCampaigns(\"-30 day\", site),\n eventBreakdown(\"-30 day\", site),\n newVsReturning(\"-30 day\", site),\n ]);\n\n const topRows = top30.map((p) =>\n `${esc(p.path)}${p.views}`\n ).join(\"\");\n\n const recentRows = recent.map((r) => {\n const place = [r.city, r.region, r.country].filter(Boolean).join(\", \") || \"—\";\n return `${esc(r.path)}${flag(r.country_code)} ${esc(place)}${\n esc(r.referrer || \"—\")\n }${formatEastern(r.created_at)}`;\n }).join(\"\");\n\n return c.html(page(`\n ${navTabs(\"overview\", site, keyQs)}\n

← All sites

${esc(siteLabel(site))}

${esc(site)}

${d7}

pageviews, 7 days

${d30}

pageviews, 30 days

${live.length}

active, last 30 min

${nvr.newVisitors}

new visitors, 30d

${nvr.returningVisitors}

returning, 30d

\n\n

Live — last 30 minutes

${await buildMapSvg(live)}

${\n liveRows(live, false) || ''\n }

Path	Location	Referrer	When
No active visitors right now

\n\n

Top locations (30 days)

${\n locationRows(locations) || ''\n }

Place	Views
No data yet

\n\n

Traffic sources (30 days)

${\n trafficRows(sources) || ''\n }

Source	Views
No data yet

\n\n

Devices & browsers (30 days)

${\n deviceRows(devices) || ''\n }

Device	Browser	OS	Views
No data yet

\n\n

Campaigns (30 days)

${\n campaignRows(campaigns) ||\n ''\n }

Campaign	Source	Medium	Views
No UTM-tagged traffic yet

\n\n

Custom events (30 days)

${\n eventRows(events) ||\n ''\n }

Event	Label	Count
No custom events tracked yet — call window.tribecaTrack(name, label) from the page

\n\n

Top pages (30 days)

\n ${\n topRows || ''\n }

Path	Views
No data yet

Recent pageviews

\n ${\n recentRows || ''\n }

Path	Location	Referrer	Time (ET)
No data yet

\n `, true));\n }\n\n const [today, last7, last30, recentRaw, liveRaw, locations, sources, devices, campaigns, events, nvr] =\n await Promise.all([\n siteTotals(\"-1 day\"),\n siteTotals(\"-7 day\"),\n siteTotals(\"-30 day\"),\n recentViews(40),\n activeVisits(30, 200),\n topLocations(\"-30 day\"),\n trafficSources(\"-30 day\"),\n deviceBreakdown(\"-30 day\"),\n topCampaigns(\"-30 day\"),\n eventBreakdown(\"-30 day\"),\n newVsReturning(\"-30 day\"),\n ]);\n const recent = recentRaw.filter((r) => !isDevHost(r.site));\n const live = liveRaw.filter((r) => !isDevHost(r.site));\n\n const bySite = new Map();\n for (const r of last30) if (!isDevHost(r.site)) bySite.set(r.site, { today: 0, d7: 0, d30: r.views });\n for (const r of last7) {\n if (isDevHost(r.site)) continue;\n const e = bySite.get(r.site) || { today: 0, d7: 0, d30: 0 };\n e.d7 = r.views;\n bySite.set(r.site, e);\n }\n for (const r of today) {\n if (isDevHost(r.site)) continue;\n const e = bySite.get(r.site) || { today: 0, d7: 0, d30: 0 };\n e.today = r.views;\n bySite.set(r.site, e);\n }\n const rows = Array.from(bySite.entries()).sort((a, b) => b[1].d30 - a[1].d30);\n\n const siteCards = rows.map(([s, v]) =>\n `\n

\n `\n ).join(\"\");\n\n const recentRows = recent.map((r) => {\n const place = [r.city, r.region, r.country].filter(Boolean).join(\", \") || \"—\";\n return `${esc(siteLabel(r.site))}${esc(r.path)}${\n flag(r.country_code)\n } ${esc(place)}${esc(r.referrer || \"—\")}${formatEastern(r.created_at)}`;\n }).join(\"\");\n\n return c.html(page(`\n ${navTabs(\"overview\", site, keyQs)}\n

Lead-gen network — visitor tracking

Self-hosted pageview tracker (1x1 pixel beacon) with approximate, IP-derived location. Click a site for its own page-level breakdown.

${\n siteCards ||\n '

No pageviews recorded yet — add the tracking snippet to a site and visit a page.

'\n }

\n\n

Live — active in the last 30 minutes (${live.length})

This page refreshes every 15 seconds. Location is city-level at best, derived from the visitor's IP address — not GPS, not exact.

${await buildMapSvg(live)}

${\n liveRows(live) || ''\n }

Site	Path	Location	Referrer	When
No active visitors right now

\n\n

Top locations (30 days, all sites)

${\n locationRows(locations) || ''\n }

Place	Views
No data yet

\n\n

New vs. returning visitors (30 days, all sites)

${nvr.newVisitors}

new

${nvr.returningVisitors}

returning

Only counts visits carrying a visitor ID — rows recorded before this feature existed aren't included.

\n\n

Traffic sources (30 days, all sites)

${\n trafficRows(sources) || ''\n }

Source	Views
No data yet

\n\n

Devices & browsers (30 days, all sites)

${\n deviceRows(devices) || ''\n }

Device	Browser	OS	Views
No data yet

\n\n

Campaigns (30 days, all sites)

${\n campaignRows(campaigns) || ''\n }

Campaign	Source	Medium	Views
No UTM-tagged traffic yet

\n\n

Custom events (30 days, all sites)

${\n eventRows(events) ||\n ''\n }

Event	Label	Count
No custom events tracked yet — call window.tribecaTrack(name, label) from any page

\n\n

Recent pageviews, all sites

\n ${\n recentRows || ''\n }

Site	Path	Location	Referrer	Time (ET)
No data yet

\n `, true));\n});\n\nfunction page(body: string, liveRefresh = false) {\n return `\n\n${liveRefresh ? '' : \"\"}\nSite Analytics\n\n${body}\n

\n\n`;\n}\n\nexport default app.fetch;\n","import { Hono } from \"npm:hono@4\";\nimport {\n activeVisits,\n backfillHistoricalRows,\n dailyPageviewTimes,\n dailySeriesRaw,\n deviceBreakdown,\n eventBreakdown,\n type Geo,\n newVsReturning,\n type Pageview,\n recentViews,\n recordEvent,\n type ReportFilters,\n siteTotals,\n topCampaigns,\n topLocations,\n topPaths,\n trafficSources,\n} from \"./db.ts\";\nimport {\n classifyTrafficSource,\n easternDayKey,\n formatDayLabel,\n formatEastern,\n parseSqliteUtc,\n parseUA,\n} from \"./util.ts\";\nimport { feature } from \"npm:topojson-client@3\";\n\nconst app = new Hono();\n\n// Map geometry (coastlines, country borders, US state borders), fetched once\n// per val instance and cached in memory — \"50m\"/\"10m\" resolution TopoJSON,\n// a few hundred KB each, plenty for a dashboard map without being enormous.\n// Gives the dot-map actual recognizable geography instead of a bare grid.\ntype Rings = [number, number][][];\nconst topoCache = new Map();\nasync function fetchTopoRings(url: string, objectKey: string): Promise {\n const cacheKey = `${url}#${objectKey}`;\n const cached = topoCache.get(cacheKey);\n if (cached) return cached;\n try {\n const res = await fetch(url, { signal: AbortSignal.timeout(6000) });\n const topology = await res.json();\n const geo = feature(topology, topology.objects[objectKey]) as any;\n const rings: Rings = [];\n const geoms = geo.type === \"FeatureCollection\"\n ? geo.features.map((f: any) => f.geometry)\n : [geo.geometry];\n for (const g of geoms) {\n if (!g) continue;\n const polys = g.type === \"MultiPolygon\" ? g.coordinates : g.type === \"Polygon\" ? [g.coordinates] : [];\n for (const poly of polys) for (const ring of poly) rings.push(ring);\n }\n topoCache.set(cacheKey, rings);\n return rings;\n } catch (err) {\n console.error(`topo fetch failed for ${objectKey}:`, err);\n topoCache.set(cacheKey, []);\n return [];\n }\n}\nfunction getWorldLandRings() {\n return fetchTopoRings(\"https://cdn.jsdelivr.net/npm/world-atlas@2.0.2/land-50m.json\", \"land\");\n}\nfunction getCountryBorderRings() {\n return fetchTopoRings(\"https://cdn.jsdelivr.net/npm/world-atlas@2.0.2/countries-50m.json\", \"countries\");\n}\nfunction getUSStateBorderRings() {\n return fetchTopoRings(\"https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json\", \"states\");\n}\n\n// 1x1 transparent GIF, served as the tracking beacon.\nconst PIXEL = Uint8Array.from(\n atob(\"R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==\"),\n (c) => c.charCodeAt(0),\n);\n\nconst SITE_LABELS: Record = {\n \"mississippivehicleregistrationrenewal.com\": \"MS Vehicle Registration\",\n \"fileunemploymentflorida.com\": \"FL Unemployment Benefits\",\n \"notarypublicsouthdakota.com\": \"SD Notary Public\",\n \"delawareevtaxcredit.com\": \"DE EV & Solar Incentives\",\n \"homesteadexemptioninflorida.com\": \"FL Homestead Exemption\",\n \"filefloridasalestax.com\": \"FL Sales Tax\",\n \"filenewyorksalestax.com\": \"NY Sales Tax\",\n \"jerseywaterdeliverypros.com\": \"Jersey Water Delivery Pros\",\n \"manhattanwaterdeliverypros.com\": \"Manhattan Water Delivery Pros\",\n \"miamiwaterdeliverypros.com\": \"Miami Water Delivery Pros\",\n};\n\nfunction siteLabel(site: string) {\n return SITE_LABELS[site] || site;\n}\n\n// Cloudflare Pages serves every project at its own .pages.dev\n// subdomain in addition to the custom domain — real hits land there from\n// crawlers/previews, but they're noise the dashboard doesn't need to surface.\nfunction isDevHost(site: string) {\n return site.endsWith(\".pages.dev\");\n}\n\nfunction esc(s: string) {\n return s.replace(/[&<>\"']/g, (c) =>\n ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c] as string)\n );\n}\n\n// Country code -> flag emoji, via regional indicator symbols. Cosmetic only.\nfunction flag(cc: string | null) {\n if (!cc || cc.length !== 2) return \"\";\n const codePoints = [...cc.toUpperCase()].map((c) => 0x1f1e6 + (c.charCodeAt(0) - 65));\n return String.fromCodePoint(...codePoints);\n}\n\nfunction timeAgo(iso: string) {\n const then = new Date(iso.replace(\" \", \"T\") + \"Z\").getTime();\n const secs = Math.max(0, Math.round((Date.now() - then) / 1000));\n if (secs < 60) return `${secs}s ago`;\n if (secs < 3600) return `${Math.floor(secs / 60)}m ago`;\n return `${Math.floor(secs / 3600)}h ago`;\n}\n\nfunction isPrivateIp(ip: string) {\n return /^(10\\.|127\\.|192\\.168\\.|172\\.(1[6-9]|2\\d|3[01])\\.|::1$|fc|fd|0\\.0\\.0\\.0)/.test(ip);\n}\n\n// Best-effort IP -> approximate location. Free, keyless, city-level accuracy\n// at best — this is \"rough mapping\", not precise tracking. Never blocks the\n// pixel response on failure; a 2.5s timeout keeps a slow lookup from making\n// the beacon itself slow.\nasync function lookupGeo(ip: string): Promise {\n if (!ip || isPrivateIp(ip)) return null;\n try {\n const res = await fetch(`https://ipapi.co/${ip}/json/`, {\n signal: AbortSignal.timeout(2500),\n headers: { \"User-Agent\": \"tribeca-site-analytics/1.0\" },\n });\n if (!res.ok) return null;\n const data = await res.json();\n if (!data || data.error) return null;\n return {\n country: data.country_name ?? null,\n countryCode: data.country_code ?? null,\n region: data.region ?? null,\n city: data.city ?? null,\n lat: typeof data.latitude === \"number\" ? data.latitude : null,\n lon: typeof data.longitude === \"number\" ? data.longitude : null,\n };\n } catch {\n return null;\n }\n}\n\n// The tracking beacon. A 1x1 GIF via , not fetch() — sidesteps CORS entirely,\n// works even on a strict _headers file, and degrades silently if blocked.\napp.get(\"/px.gif\", async (c) => {\n const q = (key: string, max = 300) => (c.req.query(key) || \"\").slice(0, max);\n const site = q(\"s\", 200).toLowerCase().replace(/^www\\./, \"\");\n const path = q(\"p\") || \"/\";\n const ref = q(\"r\");\n const ua = (c.req.header(\"user-agent\") || \"\").slice(0, 300);\n const ip = c.req.header(\"cf-connecting-ip\") ||\n (c.req.header(\"x-forwarded-for\") || \"\").split(\",\")[0].trim();\n\n // GA4-style flexible signals. All optional — the beacon still works (as a\n // plain pageview) if a site's snippet is the older, simpler version.\n const utmSource = q(\"utm_source\") || null;\n const utmMedium = q(\"utm_medium\") || null;\n const utmCampaign = q(\"utm_campaign\") || null;\n const utmTerm = q(\"utm_term\") || null;\n const utmContent = q(\"utm_content\") || null;\n const viewport = q(\"vp\", 20) || null;\n const visitorId = q(\"vid\", 64) || null;\n // \"ev\" lets a site call window.tribecaTrack('cta_click', 'quote button')\n // for its own custom events, reusing this same pixel — no new endpoint,\n // no schema change needed for whatever a site wants to track next.\n const eventName = q(\"ev\", 60) || \"pageview\";\n const eventLabel = q(\"el\", 200) || null;\n\n if (site) {\n try {\n const geo = await lookupGeo(ip);\n const { deviceType, browser, os } = parseUA(ua);\n const trafficSource = classifyTrafficSource(ref, utmMedium, utmSource);\n await recordEvent({\n site,\n path,\n referrer: ref,\n ua,\n geo,\n utmSource,\n utmMedium,\n utmCampaign,\n utmTerm,\n utmContent,\n deviceType,\n browser,\n os,\n viewport,\n visitorId,\n trafficSource,\n event: eventName,\n eventLabel,\n });\n } catch (err) {\n console.error(\"pixel record failed:\", err);\n }\n }\n\n c.header(\"Content-Type\", \"image/gif\");\n c.header(\"Cache-Control\", \"no-store, no-cache, must-revalidate, private\");\n c.header(\"Access-Control-Allow-Origin\", \"*\");\n return c.body(PIXEL);\n});\n\n// One-time (repeatable, idempotent) backfill trigger for rows recorded\n// before device/browser/traffic-source existed. Same key as the dashboard.\napp.get(\"/admin/backfill\", async (c) => {\n const wantKey = Deno.env.get(\"ANALYTICS_DASH_KEY\");\n if (wantKey && c.req.query(\"key\") !== wantKey) return c.text(\"Forbidden\", 403);\n const updated = await backfillHistoricalRows();\n return c.json({ updated, note: updated === 2000 ? \"hit the per-call cap — call again\" : \"done\" });\n});\n\napp.get(\"/\", (c) => c.redirect(\"/dashboard\"));\n\n// A rough equirectangular dot map, auto-zoomed to the bounding box of the\n// points actually plotted (so a mostly-US audience isn't three pixels in the\n// corner of a full world map). lon -180..180 -> x, lat 90..-90 -> y.\nasync function buildMapSvg(points: Pageview[]) {\n const withGeo = points.filter((p) => p.lat != null && p.lon != null);\n\n // Default view: continental US, since that's where this network's traffic\n // actually lives. The map frame (grid + bounds) always renders even with\n // zero points — an empty grid reads as \"no one's here right now\", which is\n // the truth; a blank space where the map should be reads as \"broken\".\n let minLat = 24, maxLat = 50, minLon = -125, maxLon = -66;\n\n if (withGeo.length > 0) {\n const lats = withGeo.map((p) => p.lat as number);\n const lons = withGeo.map((p) => p.lon as number);\n const padDeg = 4;\n minLat = Math.min(...lats) - padDeg;\n maxLat = Math.max(...lats) + padDeg;\n minLon = Math.min(...lons) - padDeg;\n maxLon = Math.max(...lons) + padDeg;\n // Keep a sane minimum span so a single visitor isn't a meaningless close-up.\n if (maxLat - minLat < 10) {\n const mid = (maxLat + minLat) / 2;\n minLat = mid - 5;\n maxLat = mid + 5;\n }\n if (maxLon - minLon < 10) {\n const mid = (maxLon + minLon) / 2;\n minLon = mid - 5;\n maxLon = mid + 5;\n }\n minLat = Math.max(minLat, -85);\n maxLat = Math.min(maxLat, 85);\n minLon = Math.max(minLon, -180);\n maxLon = Math.min(maxLon, 180);\n }\n\n const W = 720, H = 420;\n const x = (lon: number) => ((lon - minLon) / (maxLon - minLon)) * W;\n const y = (lat: number) => H - ((lat - minLat) / (maxLat - minLat)) * H;\n\n const [landRings, countryRings, stateRings] = await Promise.all([\n getWorldLandRings(),\n getCountryBorderRings(),\n getUSStateBorderRings(),\n ]);\n const ringsToPath = (rings: Rings) =>\n rings.map((ring) =>\n \"M\" + ring.map(([lon, lat]) => `${x(lon).toFixed(1)},${y(lat).toFixed(1)}`).join(\"L\") + \"Z\"\n ).join(\" \");\n const landPath = ringsToPath(landRings);\n const countryPath = ringsToPath(countryRings);\n const statePath = ringsToPath(stateRings);\n\n // Gridlines every 10 degrees within the visible bounds.\n const gridLines: string[] = [];\n for (let lon = Math.ceil(minLon / 10) * 10; lon <= maxLon; lon += 10) {\n gridLines.push(``);\n }\n for (let lat = Math.ceil(minLat / 10) * 10; lat <= maxLat; lat += 10) {\n gridLines.push(``);\n }\n\n // Most recent first in the input; draw oldest-first so the freshest dot\n // renders on top, then brighten by recency rank.\n const ordered = [...withGeo].reverse();\n const n = ordered.length;\n const dots = ordered.map((p, i) => {\n const cx = x(p.lon as number);\n const cy = y(p.lat as number);\n const recency = (i + 1) / n; // 0..1, newest = 1\n const r = 3.5 + recency * 3;\n const opacity = (0.35 + recency * 0.65).toFixed(2);\n const place = [p.city, p.region, p.country].filter(Boolean).join(\", \") || \"Unknown location\";\n const label = `${siteLabel(p.site)} — ${place} — ${formatEastern(p.created_at)}`;\n return `${esc(label)}`;\n }).join(\"\");\n\n const svg = ``;\n\n if (withGeo.length === 0) {\n return svg + `

No located visits yet in this window.

\n ${tab(`/dashboard?key=${keyQs}${siteQs}`, \"Overview\", active === \"overview\")}\n ${tab(`/reports?key=${keyQs}${siteQs}`, \"Reports\", active === \"reports\")}\n

${\n series.map((s) =>\n `${esc(s.label)}`\n ).join(\"\")\n }

← All sites

` : \"\"}\n

Reports${site ? ` — ${esc(siteLabel(site))}` : \" — all sites\"}

${site ? esc(site) : \"Historical trends across the lead-gen network\"} · last ${days} days

\n\n

${totalViews}

pageviews, ${days}d

${avgPerDay}

avg / day

${nvr.newVisitors}

new visitors

${nvr.returningVisitors}

returning visitors

\n\n

Pageviews by day${site ? \"\" : \", by site\"}

${buildLineChart(chartSeries, days)}

\n\n

Traffic sources (${days} days)

${\n trafficRows(sources) || ''\n }

Source	Views
No data yet

\n\n

Top locations (${days} days)

${\n locationRows(locations) || ''\n }

Place	Views
No data yet

\n\n

Devices & browsers (${days} days)

${\n deviceRows(devices) || ''\n }

Device	Browser	OS	Views
No data yet

\n\n

Campaigns (${days} days)

${\n campaignRows(campaigns) || ''\n }

Campaign	Source	Medium	Views
No UTM-tagged traffic yet

\n\n ${\n site\n ? `

Top pages (${days} days)

\n ${\n topPagesRows || ''\n }

Path	Views
No data yet

`\n : \"\"\n }\n\n

Custom events (${days} days)

${\n eventRows(events) ||\n ''\n }

Event	Label	Count
No custom events tracked yet — call window.tribecaTrack(name, label) from a page

\n `, false));\n});\n\napp.get(\"/dashboard\", async (c) => {\n const key = c.req.query(\"key\");\n const wantKey = Deno.env.get(\"ANALYTICS_DASH_KEY\");\n if (wantKey && key !== wantKey) {\n return c.text(\"Forbidden — add ?key=... to the URL.\", 403);\n }\n\n const site = c.req.query(\"site\") || \"\";\n const keyQs = esc(key || \"\");\n\n if (site) {\n const f30: ReportFilters = { sinceSql: \"-30 day\", site };\n const [d7, d30, top30, recent, live, locations, sources, devices, campaigns, events, nvr] =\n await Promise.all([\n siteTotals(\"-7 day\").then((r) => r.find((x) => x.site === site)?.views ?? 0),\n siteTotals(\"-30 day\").then((r) => r.find((x) => x.site === site)?.views ?? 0),\n topPaths(f30, 15),\n recentViews(40, site),\n activeVisits(30, 100, site),\n topLocations(f30),\n trafficSources(f30),\n deviceBreakdown(f30),\n topCampaigns(f30),\n eventBreakdown(f30),\n newVsReturning(f30),\n ]);\n\n const topRows = top30.map((p) =>\n `${esc(p.path)}${p.views}`\n ).join(\"\");\n\n const recentRows = recent.map((r) => {\n const place = [r.city, r.region, r.country].filter(Boolean).join(\", \") || \"—\";\n return `${esc(r.path)}${flag(r.country_code)} ${esc(place)}${\n esc(r.referrer || \"—\")\n }${formatEastern(r.created_at)}`;\n }).join(\"\");\n\n return c.html(page(`\n ${navTabs(\"overview\", site, keyQs)}\n

← All sites

${esc(siteLabel(site))}

${esc(site)}

${d7}

pageviews, 7 days

${d30}

pageviews, 30 days

${live.length}

active, last 30 min

${nvr.newVisitors}

new visitors, 30d

${nvr.returningVisitors}

returning, 30d

\n\n

Live — last 30 minutes

${await buildMapSvg(live)}

${\n liveRows(live, false) || ''\n }

Path	Location	Referrer	When
No active visitors right now

\n\n

Top locations (30 days)

${\n locationRows(locations) || ''\n }

Place	Views
No data yet

\n\n

Traffic sources (30 days)

${\n trafficRows(sources) || ''\n }

Source	Views
No data yet

\n\n

Devices & browsers (30 days)

${\n deviceRows(devices) || ''\n }

Device	Browser	OS	Views
No data yet

\n\n

Campaigns (30 days)

${\n campaignRows(campaigns) ||\n ''\n }

Campaign	Source	Medium	Views
No UTM-tagged traffic yet

\n\n

Custom events (30 days)

${\n eventRows(events) ||\n ''\n }

Event	Label	Count
No custom events tracked yet — call window.tribecaTrack(name, label) from the page

\n\n

Top pages (30 days)

\n ${\n topRows || ''\n }

Path	Views
No data yet

Recent pageviews

\n ${\n recentRows || ''\n }

Path	Location	Referrer	Time (ET)
No data yet

Lead-gen network — visitor tracking

Self-hosted pageview tracker (1x1 pixel beacon) with approximate, IP-derived location. Click a site for its own page-level breakdown.

${\n siteCards ||\n '

No pageviews recorded yet — add the tracking snippet to a site and visit a page.

'\n }

\n\n

Live — active in the last 30 minutes (${live.length})

This page refreshes every 15 seconds. Location is city-level at best, derived from the visitor's IP address — not GPS, not exact.

${await buildMapSvg(live)}

${\n liveRows(live) || ''\n }

Site	Path	Location	Referrer	When
No active visitors right now

\n\n

Top locations (30 days, all sites)

${\n locationRows(locations) || ''\n }

Place	Views
No data yet

\n\n

New vs. returning visitors (30 days, all sites)

${nvr.newVisitors}

new

${nvr.returningVisitors}

returning

Only counts visits carrying a visitor ID — rows recorded before this feature existed aren't included.

\n\n

Traffic sources (30 days, all sites)

${\n trafficRows(sources) || ''\n }

Source	Views
No data yet

\n\n

Devices & browsers (30 days, all sites)

${\n deviceRows(devices) || ''\n }

Device	Browser	OS	Views
No data yet

\n\n

Campaigns (30 days, all sites)

${\n campaignRows(campaigns) || ''\n }

Campaign	Source	Medium	Views
No UTM-tagged traffic yet

\n\n

Custom events (30 days, all sites)

${\n eventRows(events) ||\n ''\n }

Event	Label	Count
No custom events tracked yet — call window.tribecaTrack(name, label) from any page

\n\n

Recent pageviews, all sites

\n ${\n recentRows || ''\n }

Site	Path	Location	Referrer	Time (ET)
No data yet

\n `, true));\n});\n\nfunction page(body: string, liveRefresh = false) {\n return `\n\n${liveRefresh ? '' : \"\"}\nSite Analytics\n\n${body}\n

\n\n`;\n}\n\nexport default app.fetch;\n","createdAt",["D",1789174138137],"branchVersion","branchId","0e49238c-239c-4e36-95d6-7f0c7c028ce1","id","784adc29-f9cf-46ef-b3ad-c77fef19f98f","tribeca-site-analytics",["D",1789161858464],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Pageview tracker + dashboard for the lead-gen site network","imageUrl","c5acd3b3-60a7-4deb-bc6d-528f83012ea9","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f8fe2-cdfc-775d-a845-a69af13d39cb","tursoName","784adc29f9cf46efb3adc77fef19f98f","tursoHostname","784adc29f9cf46efb3adc77fef19f98f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789516253896],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":88,"_32":89,"_43":42,"_90":44,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":45,"_97":98},"isOwned",194,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Tribeca_Rep","handle","displayName","M A","avatar","https://lh3.googleusercontent.com/a/ACg8ocI9znhXn2hWp1wjjyWzeuOyoO_JrDgJo8aD0umFraR7bAG3UAmc=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":181,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":182,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":183,"_83":184,"_85":185,"_87":25},"tree",[168,169,170],"files",[168,169,170],"counts",{"_157":62,"_158":140,"_159":62,"_160":161,"_162":163},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":149,"_32":150,"_30":151,"_136":-5,"_41":42,"_40":152,"_138":25,"_38":153,"_13":154,"_33":141,"_35":155,"_24":25,"_143":-5,"_27":156},{"_43":145,"_32":28,"_30":31,"_136":-5,"_41":42,"_40":14,"_138":25,"_38":146,"_13":147,"_33":34,"_35":37,"_24":25,"_143":-5,"_27":148},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":25,"_38":139,"_13":140,"_33":141,"_35":142,"_24":25,"_143":-5,"_27":144},"5a6c121a-01a3-47d0-bdc7-ccbeb214a005","util.ts","f1a3c344-ae2f-11f1-a1c4-1607ee4eb77e","parentId",52,"latest",["D",1789173259209],2,"script","// Shared, dependency-free parsing helpers used both when recording a live\n// event (main.tsx) and when backfilling historical rows (db.ts) — kept here\n// once so the two never drift apart.\n\nexport function parseUA(ua: string): { deviceType: string; browser: string; os: string } {\n const isTablet = /iPad|Tablet|(Android(?!.*Mobile))/i.test(ua);\n const isMobile = !isTablet && /Mobi|Android|iPhone|iPod/i.test(ua);\n const deviceType = isTablet ? \"tablet\" : isMobile ? \"mobile\" : \"desktop\";\n\n let browser = \"Other\";\n if (/Edg\\//.test(ua)) browser = \"Edge\";\n else if (/OPR\\//.test(ua) || /Opera/.test(ua)) browser = \"Opera\";\n else if (/Chrome\\//.test(ua) && !/Chromium/.test(ua)) browser = \"Chrome\";\n else if (/Firefox\\//.test(ua)) browser = \"Firefox\";\n else if (/Safari\\//.test(ua) && !/Chrome/.test(ua)) browser = \"Safari\";\n else if (/bot|crawler|spider|bingpreview/i.test(ua)) browser = \"Bot\";\n\n // iPhone/iPad UAs contain \"like Mac OS X\", so the iOS check must run before\n // the macOS check or every iPhone gets misfiled as a Mac.\n let os = \"Other\";\n if (/Windows/.test(ua)) os = \"Windows\";\n else if (/iPhone|iPad|iPod/.test(ua)) os = \"iOS\";\n else if (/Mac OS X/.test(ua)) os = \"macOS\";\n else if (/Android/.test(ua)) os = \"Android\";\n else if (/Linux/.test(ua)) os = \"Linux\";\n\n return { deviceType, browser, os };\n}\n\nconst SEARCH_ENGINES = /google|bing|yahoo|duckduckgo|baidu|yandex|ecosia/i;\nconst SOCIAL_NETWORKS = /facebook|instagram|twitter|x\\.com|t\\.co|linkedin|tiktok|pinterest|reddit|threads\\.net/i;\n\nexport function classifyTrafficSource(\n referrer: string,\n utmMedium?: string | null,\n utmSource?: string | null,\n): string {\n if (utmMedium) {\n if (/cpc|ppc|paid|display/i.test(utmMedium)) return \"Paid\";\n if (/social/i.test(utmMedium)) return \"Social (campaign)\";\n if (/email/i.test(utmMedium)) return \"Email\";\n return `Campaign (${utmMedium})`;\n }\n if (utmSource) return `Campaign (${utmSource})`;\n if (!referrer) return \"Direct\";\n try {\n const host = new URL(referrer).hostname.replace(/^www\\./, \"\");\n if (SEARCH_ENGINES.test(host)) return \"Organic Search\";\n if (SOCIAL_NETWORKS.test(host)) return \"Social\";\n return `Referral (${host})`;\n } catch {\n return \"Direct\";\n }\n}\n\n// All display times are Eastern (the business's own timezone), even though\n// everything is stored in SQLite as UTC (`datetime('now')`). Intl's\n// timeZone handling covers the EST/EDT switch automatically, which a fixed\n// UTC offset would get wrong for half the year.\nconst ET_TZ = \"America/New_York\";\nconst ET_DAY_KEY = new Intl.DateTimeFormat(\"en-CA\", {\n timeZone: ET_TZ,\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n});\nconst ET_DATETIME = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: ET_TZ,\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n hour: \"numeric\",\n minute: \"2-digit\",\n second: \"2-digit\",\n hour12: true,\n});\nconst DAY_LABEL = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: \"UTC\",\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n});\n\n// SQLite stores \"YYYY-MM-DD HH:MM:SS\" with an implicit UTC offset.\nexport function parseSqliteUtc(s: string): Date {\n return new Date(s.replace(\" \", \"T\") + \"Z\");\n}\n\n// en-CA formats as YYYY-MM-DD, which doubles as a sortable day key.\nexport function easternDayKey(d: Date): string {\n return ET_DAY_KEY.format(d);\n}\n\nexport function formatEastern(s: string): string {\n return ET_DATETIME.format(parseSqliteUtc(s)) + \" ET\";\n}\n\n// dayKey is a plain \"YYYY-MM-DD\" calendar label (already Eastern), not an\n// instant — format it at noon UTC so no further timezone shift can move it\n// to a different calendar day.\nexport function formatDayLabel(dayKey: string): string {\n return DAY_LABEL.format(new Date(dayKey + \"T12:00:00Z\"));\n}\n","label",[134],"36fb263f-f7dc-4fc1-94d3-bbe717b35dfa",["D",1789174138137],57,[28],"c53acf3b-3e35-44c6-acc6-931e6b33239f","db.ts","2c6db772-ae27-11f1-a5ee-1607ee4eb77e",66,["D",1789174121612],6,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { classifyTrafficSource, parseUA } from \"./util.ts\";\n\nexport interface Pageview {\n id: number;\n site: string;\n path: string;\n referrer: string;\n ua: string;\n country: string | null;\n country_code: string | null;\n region: string | null;\n city: string | null;\n lat: number | null;\n lon: number | null;\n utm_source: string | null;\n utm_medium: string | null;\n utm_campaign: string | null;\n utm_term: string | null;\n utm_content: string | null;\n device_type: string | null;\n browser: string | null;\n os: string | null;\n viewport: string | null;\n visitor_id: string | null;\n traffic_source: string | null;\n event: string;\n event_label: string | null;\n created_at: string;\n}\n\nexport interface Geo {\n country: string | null;\n countryCode: string | null;\n region: string | null;\n city: string | null;\n lat: number | null;\n lon: number | null;\n}\n\nexport interface EventFields {\n site: string;\n path: string;\n referrer: string;\n ua: string;\n geo: Geo | null;\n utmSource?: string | null;\n utmMedium?: string | null;\n utmCampaign?: string | null;\n utmTerm?: string | null;\n utmContent?: string | null;\n deviceType?: string | null;\n browser?: string | null;\n os?: string | null;\n viewport?: string | null;\n visitorId?: string | null;\n trafficSource?: string | null;\n event?: string;\n eventLabel?: string | null;\n}\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS pageviews (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n site TEXT NOT NULL,\n path TEXT NOT NULL,\n referrer TEXT NOT NULL DEFAULT '',\n ua TEXT NOT NULL DEFAULT '',\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nawait sqlite.execute(\n `CREATE INDEX IF NOT EXISTS idx_pageviews_site_time ON pageviews (site, created_at)`,\n);\n\n// Added after the table already existed in production — ALTER TABLE has no\n// \"IF NOT EXISTS\" for columns in SQLite, so add each one and swallow the\n// \"duplicate column\" error on every run after the first.\nasync function ensureColumn(name: string, type: string) {\n try {\n await sqlite.execute(`ALTER TABLE pageviews ADD COLUMN ${name} ${type}`);\n } catch (err) {\n if (!String(err).includes(\"duplicate column\")) throw err;\n }\n}\nawait ensureColumn(\"country\", \"TEXT\");\nawait ensureColumn(\"country_code\", \"TEXT\");\nawait ensureColumn(\"region\", \"TEXT\");\nawait ensureColumn(\"city\", \"TEXT\");\nawait ensureColumn(\"lat\", \"REAL\");\nawait ensureColumn(\"lon\", \"REAL\");\nawait ensureColumn(\"utm_source\", \"TEXT\");\nawait ensureColumn(\"utm_medium\", \"TEXT\");\nawait ensureColumn(\"utm_campaign\", \"TEXT\");\nawait ensureColumn(\"utm_term\", \"TEXT\");\nawait ensureColumn(\"utm_content\", \"TEXT\");\nawait ensureColumn(\"device_type\", \"TEXT\");\nawait ensureColumn(\"browser\", \"TEXT\");\nawait ensureColumn(\"os\", \"TEXT\");\nawait ensureColumn(\"viewport\", \"TEXT\");\nawait ensureColumn(\"visitor_id\", \"TEXT\");\nawait ensureColumn(\"traffic_source\", \"TEXT\");\nawait ensureColumn(\"event\", \"TEXT\");\nawait ensureColumn(\"event_label\", \"TEXT\");\n\nawait sqlite.execute(\n `CREATE INDEX IF NOT EXISTS idx_pageviews_visitor ON pageviews (visitor_id)`,\n);\n\nexport async function recordEvent(f: EventFields) {\n await sqlite.execute({\n sql: `INSERT INTO pageviews (\n site, path, referrer, ua,\n country, country_code, region, city, lat, lon,\n utm_source, utm_medium, utm_campaign, utm_term, utm_content,\n device_type, browser, os, viewport, visitor_id, traffic_source, event, event_label\n ) VALUES (?,?,?,?, ?,?,?,?,?,?, ?,?,?,?,?, ?,?,?,?,?,?,?,?)`,\n args: [\n f.site,\n f.path,\n f.referrer,\n f.ua,\n f.geo?.country ?? null,\n f.geo?.countryCode ?? null,\n f.geo?.region ?? null,\n f.geo?.city ?? null,\n f.geo?.lat ?? null,\n f.geo?.lon ?? null,\n f.utmSource ?? null,\n f.utmMedium ?? null,\n f.utmCampaign ?? null,\n f.utmTerm ?? null,\n f.utmContent ?? null,\n f.deviceType ?? null,\n f.browser ?? null,\n f.os ?? null,\n f.viewport ?? null,\n f.visitorId ?? null,\n f.trafficSource ?? null,\n f.event ?? \"pageview\",\n f.eventLabel ?? null,\n ],\n });\n}\n\n// One-time (idempotent) backfill for rows recorded before this schema\n// existed. `ua` and `referrer` were captured from the very first version of\n// this tracker, so device/browser/OS and traffic-source CAN be recovered for\n// old rows by re-parsing them now. What can NOT be recovered: geolocation\n// (no IP was ever stored — deliberately, for privacy — so there's nothing to\n// re-look-up) and UTM/visitor-id (the old beacon never sent them; the data\n// simply doesn't exist). Only touches rows that haven't been backfilled yet.\nexport async function backfillHistoricalRows(): Promise {\n const rows = await sqlite.execute(\n `SELECT id, ua, referrer FROM pageviews WHERE device_type IS NULL LIMIT 2000`,\n );\n const list = rows.rows as unknown as { id: number; ua: string; referrer: string }[];\n for (const r of list) {\n const { deviceType, browser, os } = parseUA(r.ua || \"\");\n const trafficSource = classifyTrafficSource(r.referrer || \"\", null, null);\n await sqlite.execute({\n sql:\n `UPDATE pageviews SET device_type = ?, browser = ?, os = ?, traffic_source = ?, event = COALESCE(event, 'pageview') WHERE id = ?`,\n args: [deviceType, browser, os, trafficSource, r.id],\n });\n }\n return list.length;\n}\n\nexport async function siteTotals(sinceSql: string) {\n const result = await sqlite.execute({\n sql:\n `SELECT site, COUNT(*) as views FROM pageviews WHERE created_at >= datetime('now', ?) GROUP BY site ORDER BY views DESC`,\n args: [sinceSql],\n });\n return result.rows as unknown as { site: string; views: number }[];\n}\n\n// A GA4-style filter set: every Reports-tab query takes one of these instead\n// of a growing list of positional params, so adding a new filter dimension\n// (traffic source, device) doesn't mean touching every function's signature\n// again. `trafficSource` of \"Referral\" or \"Campaign\" matches as a prefix,\n// since the real values carry the host/source too (e.g. \"Referral (x.com)\")\n// and there's no fixed small set to offer exact-match options for.\nexport interface ReportFilters {\n sinceSql: string;\n site?: string;\n trafficSource?: string;\n deviceType?: string;\n}\n\nfunction buildWhere(f: ReportFilters): { where: string; args: unknown[] } {\n const clauses = [`created_at >= datetime('now', ?)`];\n const args: unknown[] = [f.sinceSql];\n if (f.site) {\n clauses.push(`site = ?`);\n args.push(f.site);\n }\n if (f.trafficSource) {\n if (f.trafficSource === \"Referral\" || f.trafficSource === \"Campaign\") {\n clauses.push(`traffic_source LIKE ?`);\n args.push(f.trafficSource + \"%\");\n } else {\n clauses.push(`traffic_source = ?`);\n args.push(f.trafficSource);\n }\n }\n if (f.deviceType) {\n clauses.push(`device_type = ?`);\n args.push(f.deviceType);\n }\n return { where: clauses.join(\" AND \"), args };\n}\n\nexport async function topPaths(f: ReportFilters, limit = 10) {\n const { where, args } = buildWhere(f);\n const result = await sqlite.execute({\n sql: `SELECT path, COUNT(*) as views FROM pageviews WHERE ${where} GROUP BY path ORDER BY views DESC LIMIT ?`,\n args: [...args, limit],\n });\n return result.rows as unknown as { path: string; views: number }[];\n}\n\nexport async function recentViews(limit = 50, site?: string) {\n const result = await sqlite.execute({\n sql: site\n ? `SELECT * FROM pageviews WHERE site = ? ORDER BY id DESC LIMIT ?`\n : `SELECT * FROM pageviews ORDER BY id DESC LIMIT ?`,\n args: site ? [site, limit] : [limit],\n });\n return result.rows as unknown as Pageview[];\n}\n\n// \"Live\" view — visits within the last N minutes, most recent first. This\n// page auto-refreshes every 15s (plain , no websocket), so this\n// query is what actually drives the near-real-time feel.\nexport async function activeVisits(minutes = 10, limit = 100, site?: string) {\n const result = await sqlite.execute({\n sql: site\n ? `SELECT * FROM pageviews WHERE site = ? AND created_at >= datetime('now', ?) ORDER BY id DESC LIMIT ?`\n : `SELECT * FROM pageviews WHERE created_at >= datetime('now', ?) ORDER BY id DESC LIMIT ?`,\n args: site ? [site, `-${minutes} minute`, limit] : [`-${minutes} minute`, limit],\n });\n return result.rows as unknown as Pageview[];\n}\n\nexport async function topLocations(f: ReportFilters, limit = 12) {\n const { where, args } = buildWhere(f);\n const result = await sqlite.execute({\n sql:\n `SELECT COALESCE(city, region, country, 'Unknown') as place, country_code, COUNT(*) as views\n FROM pageviews WHERE ${where} GROUP BY place, country_code ORDER BY views DESC LIMIT ?`,\n args: [...args, limit],\n });\n return result.rows as unknown as { place: string; country_code: string | null; views: number }[];\n}\n\nexport async function trafficSources(f: ReportFilters, limit = 10) {\n const { where, args } = buildWhere(f);\n const result = await sqlite.execute({\n sql:\n `SELECT COALESCE(traffic_source, 'Unknown') as source, COUNT(*) as views FROM pageviews WHERE ${where} GROUP BY source ORDER BY views DESC LIMIT ?`,\n args: [...args, limit],\n });\n return result.rows as unknown as { source: string; views: number }[];\n}\n\nexport async function deviceBreakdown(f: ReportFilters, limit = 20) {\n const { where, args } = buildWhere(f);\n const result = await sqlite.execute({\n sql:\n `SELECT COALESCE(device_type,'unknown') as device_type, COALESCE(browser,'unknown') as browser, COALESCE(os,'unknown') as os, COUNT(*) as views\n FROM pageviews WHERE ${where} GROUP BY device_type, browser, os ORDER BY views DESC LIMIT ?`,\n args: [...args, limit],\n });\n return result.rows as unknown as { device_type: string; browser: string; os: string; views: number }[];\n}\n\nexport async function topCampaigns(f: ReportFilters, limit = 10) {\n const { where, args } = buildWhere(f);\n const result = await sqlite.execute({\n sql:\n `SELECT utm_source, utm_medium, utm_campaign, COUNT(*) as views FROM pageviews\n WHERE ${where} AND utm_campaign IS NOT NULL\n GROUP BY utm_source, utm_medium, utm_campaign ORDER BY views DESC LIMIT ?`,\n args: [...args, limit],\n });\n return result.rows as unknown as {\n utm_source: string | null;\n utm_medium: string | null;\n utm_campaign: string | null;\n views: number;\n }[];\n}\n\nexport async function eventBreakdown(f: ReportFilters, limit = 15) {\n const { where, args } = buildWhere(f);\n const result = await sqlite.execute({\n sql:\n `SELECT event, COALESCE(event_label, '') as event_label, COUNT(*) as n FROM pageviews\n WHERE ${where} AND event IS NOT NULL AND event != 'pageview'\n GROUP BY event, event_label ORDER BY n DESC LIMIT ?`,\n args: [...args, limit],\n });\n return result.rows as unknown as { event: string; event_label: string; n: number }[];\n}\n\n// Of visitors active in the window, how many are new (their very first-ever\n// hit falls inside the window) vs returning (they'd already been seen\n// before it started). Only counts rows carrying a visitor_id, so it's\n// meaningless for data recorded before that field existed. The filters\n// (site/source/device) scope which visits count as \"active\"; whether that\n// visitor is new-or-returning is still judged against their entire history.\nexport async function newVsReturning(f: ReportFilters) {\n const { where, args } = buildWhere(f);\n const sql = `\n WITH active AS (\n SELECT DISTINCT visitor_id FROM pageviews\n WHERE visitor_id IS NOT NULL AND ${where}\n ),\n first_seen AS (\n SELECT visitor_id, MIN(created_at) as fs FROM pageviews\n WHERE visitor_id IN (SELECT visitor_id FROM active)\n GROUP BY visitor_id\n )\n SELECT\n SUM(CASE WHEN fs >= datetime('now', ?) THEN 1 ELSE 0 END) as new_visitors,\n SUM(CASE WHEN fs < datetime('now', ?) THEN 1 ELSE 0 END) as returning_visitors\n FROM first_seen`;\n const result = await sqlite.execute({ sql, args: [...args, f.sinceSql, f.sinceSql] });\n const row = result.rows[0] as unknown as\n | { new_visitors: number | null; returning_visitors: number | null }\n | undefined;\n return { newVisitors: row?.new_visitors ?? 0, returningVisitors: row?.returning_visitors ?? 0 };\n}\n\n// Raw timestamps for the Reports tab's trend chart, one row per pageview in\n// the window. Bucketing into calendar days happens in main.tsx using\n// Eastern-time day keys — SQLite's date() only knows UTC, and the\n// business's own timezone is what \"by day\" should mean.\nexport async function dailyPageviewTimes(f: ReportFilters) {\n const { where, args } = buildWhere(f);\n const result = await sqlite.execute({\n sql: `SELECT created_at FROM pageviews WHERE ${where}`,\n args,\n });\n return (result.rows as unknown as { created_at: string }[]).map((r) => r.created_at);\n}\n\nexport async function dailySeriesRaw(f: ReportFilters) {\n const { where, args } = buildWhere(f);\n const result = await sqlite.execute({\n sql: `SELECT site, created_at FROM pageviews WHERE ${where}`,\n args,\n });\n return result.rows as unknown as { site: string; created_at: string }[];\n}\n",[150],"pulls","branches","forks","envVars",{"_164":166,"_167":62},"connections",{"_164":62,"_165":62},"count","unfilledCount",1,"emptyCount",{"_43":149,"_32":150,"_30":151,"_136":-5,"_41":42,"_40":152,"_138":25,"_38":178,"_13":154,"_33":141,"_35":155,"_24":25,"_143":-5,"_172":179,"_27":180},{"_43":145,"_32":28,"_30":31,"_136":-5,"_41":42,"_40":14,"_138":25,"_38":175,"_13":147,"_33":34,"_35":37,"_24":25,"_143":-5,"_172":176,"_27":177},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":25,"_38":171,"_13":140,"_33":141,"_35":142,"_24":25,"_143":-5,"_172":173,"_27":174},["D",1789173259209],"children",[],[134],["D",1789174138137],[],[28],["D",1789174121612],[],[150],["D",1789161858464],["D",1789516253896],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":55,"_104":105,"_106":25},{"_13":88,"_32":89,"_43":42,"_90":44,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":45,"_97":98},"ctx",{"_81":-5,"_127":219,"_220":221,"_222":223,"_224":25,"_225":25,"_226":25,"_227":58,"_228":-5,"_229":-7,"_230":-7,"_231":62,"_232":25,"_233":25,"_234":-5,"_235":25,"_236":25,"_237":25,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":89,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v68