Error: {error}

;\n }\n\n if (!isValidSite) {\n return

Invalid site name. Please check the URL and try again.

;\n }\n\n return (\n

{currentSite ? `${currentSite}` : ''}

\n \n {!currentSite && }\n \n \n \n \n

\n );\n};\n\nexport default Dashboard;",[],[498],{"_106":506,"_97":507,"_164":508,"_166":-5,"_167":149,"_168":509,"_170":22,"_108":510,"_102":33,"_172":223,"_174":511,"_175":22,"_176":-5,"_177":512,"_100":513},"890f4574-fae8-11f0-869c-42dde27851f2","README.md","890f460a-fae8-11f0-869c-42dde27851f2",42,["D",1769453708725],"## Counter Town\n\na real-time web analytics tracker and dashboard\n\n- easy setup\n- live analytics\n- track multiple sites from a single dashboard\n- free and fully hosted on val town\n\ninspired by projects like Udara's [Stats](https://github.com/UdaraJay/Stats) and Martin's [GoatCounter](https://www.goatcounter.com/)\n\n### getting started\n\n1. fork this val\n\n2. initialize the database tables\n - the tables should initialize automatically when you first run this val\n - if you need to manually initialize, you can call the `initAnalytics()` function from the `webAnalyticsMod`\n\n3. configure `mySitesConfig`\n - find the `mySitesConfig` object\n - update the fields with your information\n - make sure to add the URLs of the sites you want to track to the `allowedOrigins` field\n\n4. add the tracking script to your sites\n - place the following script tag just before the closing `` tag of each site you want to track\n \n ```html\n \n ```\n - make sure to replace `` with your Val Town username\n - here's the script in my [personal site](https://github.com/iamseeley/tseeley.com/blob/78145d45a9b514f59a4b0c9385f2af8aa69b4d86/templates/layouts/base.hbs#L57-L65)\n\nMigrated from folder: counter_town/counterTown",[],[507],{"_106":515,"_97":516,"_164":517,"_166":-5,"_167":149,"_168":518,"_170":22,"_108":519,"_102":33,"_172":492,"_174":520,"_175":22,"_176":-5,"_177":521,"_100":522},"892a38f2-fae8-11f0-bc90-42dde27851f2","SitesSection.tsx","892a39c4-fae8-11f0-bc90-42dde27851f2",46,["D",1769453708903],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useMemo, useState } from 'https://esm.sh/react@17.0.2';\nimport { Link } from 'https://esm.sh/react-router-dom@6.3.0';\nimport { formatSiteName } from 'https://esm.town/v/iamseeley/formatSiteName';\nimport { Card, CardContent } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { PieChart, Pie, Cell, ResponsiveContainer, Label, Tooltip, AreaChart, Area, XAxis, YAxis } from 'https://esm.sh/recharts';\nimport { TrendingUp, TrendingDown } from 'https://esm.sh/lucide-react';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\nimport { subDays, subWeeks, subMonths, isAfter, parseISO, format } from 'https://cdn.jsdelivr.net/npm/date-fns@3.6.0/+esm';\n\nconst COLORS = ['#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe', '#dbeafe'];\nconst browserCategories = ['Chrome', 'Firefox', 'Safari', 'Edge', 'Opera', 'IE', 'Other'];\n\nconst SiteCard = ({ site, siteData }) => {\n const [activeIndex, setActiveIndex] = useState(null);\n const [isTooltipActive, setIsTooltipActive] = useState(false);\n\n const { siteChartData, totalViews, uniqueVisitors, dayViews, weekViews, monthViews, trendingData, viewsOverTime } = useMemo(() => {\n if (!siteData || !siteData.paths) {\n return { siteChartData: [], totalViews: 0, uniqueVisitors: 0, dayViews: 0, weekViews: 0, monthViews: 0, trendingData: null, viewsOverTime: [] };\n }\n\n const browserCounts = {};\n const uniqueVisitors = new Set();\n let dayViews = 0, weekViews = 0, monthViews = 0;\n const viewsPerDay = {};\n\n const now = new Date();\n const oneDayAgo = subDays(now, 1);\n const oneWeekAgo = subWeeks(now, 1);\n const oneMonthAgo = subMonths(now, 1);\n\n Object.entries(siteData.paths).forEach(([pathName, pathData]) => {\n if (pathData.browsers) {\n Object.entries(pathData.browsers).forEach(([browser, count]) => {\n const category = browserCategories.find(cat => browser.toLowerCase().includes(cat.toLowerCase())) || 'Other';\n browserCounts[category] = (browserCounts[category] || 0) + count;\n });\n }\n\n (pathData.viewTimestamps || []).forEach((timestamp) => {\n const date = parseISO(timestamp);\n if (!isNaN(date.getTime())) {\n uniqueVisitors.add(`${site}-${pathName}-${timestamp.split('T')[0]}`);\n if (isAfter(date, oneDayAgo)) dayViews++;\n if (isAfter(date, oneWeekAgo)) weekViews++;\n if (isAfter(date, oneMonthAgo)) monthViews++;\n\n const dateStr = format(date, 'MM-dd');\n viewsPerDay[dateStr] = (viewsPerDay[dateStr] || 0) + 1;\n }\n });\n });\n\n const chartData = Object.entries(browserCounts).map(([browser, visitors], index) => ({\n browser,\n visitors,\n fill: COLORS[index % COLORS.length]\n })).filter(item => item.visitors > 0);\n\n const totalViews = siteData.totalViews || 0;\n const dayPercentage = totalViews > 0 ? (dayViews / totalViews) * 100 : 0;\n const weekPercentage = totalViews > 0 ? (weekViews / totalViews) * 100 : 0;\n const monthPercentage = totalViews > 0 ? (monthViews / totalViews) * 100 : 0;\n\n const viewsOverTime = Object.entries(viewsPerDay).map(([date, views]) => ({ date, views })).sort((a, b) => a.date.localeCompare(b.date));\n\n return {\n siteChartData: chartData,\n totalViews,\n uniqueVisitors: uniqueVisitors.size,\n dayViews,\n weekViews,\n monthViews,\n trendingData: {\n trend: monthPercentage >= 0 ? 'up' : 'down',\n percentage: Math.abs(monthPercentage).toFixed(1)\n },\n viewsOverTime\n };\n }, [siteData, site]);\n\n const handlePieEnter = (_, index) => {\n setActiveIndex(index);\n setIsTooltipActive(true);\n };\n\n const handlePieLeave = () => {\n setActiveIndex(null);\n setIsTooltipActive(false);\n };\n\n const handleCardClick = (event) => {\n if (isTooltipActive) {\n event.preventDefault();\n }\n };\n \n const renderCustomTooltip = ({ payload }) => {\n if (payload && payload.length) {\n const { browser, visitors } = payload[0].payload;\n return (\n

{browser}: {visitors} visitors

\n );\n }\n return null;\n };\n\n const renderChart = () => {\n if (siteChartData.length === 0) {\n return

No data available

;\n }\n\n return (\n \n \n \n {siteChartData.map((entry, index) => (\n \n ))}\n {\n if (viewBox && \"cx\" in viewBox && \"cy\" in viewBox) {\n return (\n \n \n {uniqueVisitors.toLocaleString()}\n \n \n visitors\n \n \n )\n }\n }}\n />\n \n \n \n \n );\n };\n\n const renderAreaChart = () => {\n return (\n \n \n \n \n \n \n \n );\n };\n\n return (\n

\n \n \n \n

{formatSiteName(site)}

\n {renderChart()}\n

{totalViews.toLocaleString()}

total views

\n {trendingData && (\n

\n {trendingData.trend === 'up' ? (\n \n ) : (\n \n )}\n \n {trendingData.percentage}%\n \n

monthly trend

\n )}\n

\n {renderAreaChart()}\n

\n \n \n \n

\n );\n};\n\nconst SitesSection = () => {\n const { sitesData, error } = useAnalytics();\n\n if (error) {\n return

Error loading sites data: {error}

;\n }\n\n const sites = sitesData ? Object.keys(sitesData) : [];\n\n return (\n

\n {sites.map((site) => (\n \n ))}\n

\n );\n};\n\nexport default SitesSection;",[],[516],{"_106":524,"_97":525,"_164":526,"_166":-5,"_167":149,"_168":527,"_170":22,"_108":528,"_102":33,"_172":492,"_174":529,"_175":22,"_176":-5,"_177":530,"_100":531},"892d85ca-fae8-11f0-8d0a-42dde27851f2","TopPathsSection.tsx","892d8692-fae8-11f0-8d0a-42dde27851f2",47,["D",1769453708909],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React from 'https://esm.sh/react@17.0.2';\nimport { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Card } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst TopPathsTable = ({ topPaths }) => {\n return (\n

\n \n \n \n site\n path\n views\n \n \n \n {topPaths.map((pathData, index) => (\n \n \n \n {pathData.site}\n \n \n \n \n {pathData.path}\n \n \n \n {pathData.views.toLocaleString()}\n \n \n ))}\n \n

\n );\n};\n\nconst TopPathsSection = () => {\n const { topPaths, error } = useAnalytics();\n \n if (error) {\n return

Error loading top paths data: {error}

;\n }\n\n if (!topPaths || topPaths.length === 0) {\n return null;\n }\n\n return (\n \n

top paths

\n \n \n );\n};\n\nexport default TopPathsSection;",[],[525],{"_106":533,"_97":534,"_164":535,"_166":-5,"_167":149,"_168":536,"_170":22,"_108":537,"_102":33,"_172":492,"_174":538,"_175":22,"_176":-5,"_177":539,"_100":540},"890afb22-fae8-11f0-9683-42dde27851f2","TopReferrersSection.tsx","890afc9e-fae8-11f0-9683-42dde27851f2",41,["D",1769453708371],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport { formatSiteName } from 'https://esm.town/v/iamseeley/formatSiteName';\nimport { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Card } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst TopReferrersTable = ({ referrers }) => {\n return (\n

\n \n \n \n referrer\n visits\n \n \n \n {referrers.map((referrerData, index) => (\n \n \n {referrerData.referrer === '(direct)' ? (\n direct\n ) : (\n \n {formatSiteName(referrerData.referrer)}\n \n )}\n \n \n {referrerData.visits.toLocaleString()}\n \n \n ))}\n \n

\n );\n};\n\nconst TopReferrersSection = () => {\n const { topReferrers, error } = useAnalytics();\n \n if (error) {\n return

Error loading top referrers data: {error}

;\n }\n\n if (!topReferrers || topReferrers.length === 0) {\n return null;\n }\n\n return (\n \n

top referrers

\n \n \n );\n};\n\nexport default TopReferrersSection;",[],[534],{"_106":542,"_97":543,"_164":544,"_166":-5,"_167":149,"_168":545,"_170":22,"_108":546,"_102":33,"_172":492,"_174":547,"_175":22,"_176":-5,"_177":548,"_100":549},"891732fc-fae8-11f0-b25b-42dde27851f2","chartCard.tsx","891733c4-fae8-11f0-b25b-42dde27851f2",43,["D",1769453708773],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useState } from 'https://esm.sh/react@17.0.2';\nimport { Card, CardHeader, CardTitle, CardContent, Button } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, PieChart, Pie, Cell, ResponsiveContainer, Tooltip, LabelList, Area, AreaChart } from 'https://esm.sh/recharts';\n\nconst COLORS = ['#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe', '#dbeafe'];\n\nconst VerticalBarChart = ({ data }) => {\n const chartData = Object.entries(data)\n .map(([name, value]) => ({ name, value }))\n .sort((a, b) => b.value - a.value);\n\n const totalValue = chartData.reduce((sum, item) => sum + item.value, 0);\n\n return (\n \n \n \n \n {\n if (active && payload && payload.length) {\n const data = payload[0].payload;\n return (\n

{data.name}

Value: {data.value.toLocaleString()}

Percentage: {((data.value / totalValue) * 100).toFixed(1)}%

\n );\n }\n return null;\n }}\n />\n \n {chartData.map((entry, index) => (\n \n ))}\n (\n \n {value.toLocaleString()} ({((value / totalValue) * 100).toFixed(1)}%)\n \n )}\n />\n \n \n \n );\n};\n\nconst BarChartComponent = ({ data }) => {\n if (typeof data !== 'object' || Object.keys(data).length === 0) {\n return

No data available for bar chart

;\n }\n\n const chartData = Object.entries(data)\n .map(([date, views]) => ({ date, views }))\n .sort((a, b) => new Date(a.date) - new Date(b.date));\n\n return (\n \n \n \n \n \n \n \n \n \n new Date(value).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n />\n \n {\n if (active && payload && payload.length) {\n return (\n

{new Date(label).toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' })}

Views: {payload[0].value}

\n );\n }\n return null;\n }}\n />\n \n \n \n );\n};\n\nconst PieChartComponent = ({ data }) => {\n const chartData = Object.entries(data)\n .map(([name, value]) => ({ name, value }))\n .sort((a, b) => b.value - a.value);\n\n const totalValue = chartData.reduce((sum, item) => sum + item.value, 0);\n\n return (\n \n \n `${name} ${(percent * 100).toFixed(1)}%`}\n labelLine={{ stroke: '#4b5563', strokeWidth: 1 }}\n >\n {chartData.map((entry, index) => (\n \n ))}\n \n {\n if (active && payload && payload.length) {\n const data = payload[0];\n return (\n

{data.name}

Value: {data.value}

Percentage: {((data.value / totalValue) * 100).toFixed(1)}%

\n );\n }\n return null;\n }}\n />\n \n \n );\n};\n\nconst LocationVerticalBarChart = ({ data }) => {\n const [visibleCountries, setVisibleCountries] = useState(5);\n const initialVisibleCount = 5;\n const sortedData = Object.entries(data)\n .map(([name, value]) => ({ name, value }))\n .sort((a, b) => b.value - a.value);\n\n const totalValue = sortedData.reduce((sum, item) => sum + item.value, 0);\n const chartData = sortedData.slice(0, visibleCountries);\n\n const handleShowMore = () => {\n setVisibleCountries(prev => Math.min(prev + 5, sortedData.length));\n };\n\n const handleShowLess = () => {\n setVisibleCountries(initialVisibleCount);\n };\n\n return (\n <>\n \n \n \n \n {\n if (active && payload && payload.length) {\n const data = payload[0].payload;\n return (\n

{data.name}

Value: {data.value.toLocaleString()}

Percentage: {((data.value / totalValue) * 100).toFixed(1)}%

\n );\n }\n return null;\n }}\n />\n \n {chartData.map((entry, index) => (\n \n ))}\n (\n \n {value.toLocaleString()} ({((value / totalValue) * 100).toFixed(1)}%)\n \n )}\n />\n \n \n \n

\n {visibleCountries < sortedData.length && (\n \n )}\n {visibleCountries > initialVisibleCount && (\n \n )}\n

\n \n );\n};\n\nconst ChartCard = ({ title, data, type }) => {\n return (\n \n \n {title}\n \n \n

\n {type === 'verticalBar' ? (\n \n ) : type === 'bar' ? (\n \n ) : type === 'pie' ? (\n \n ) : type === 'location' ? (\n \n ) : (\n

Unsupported chart type: {type}

\n )}\n

\n \n \n );\n};\n\nexport default ChartCard;",[],[543],{"_106":551,"_97":552,"_164":553,"_166":-5,"_167":149,"_168":554,"_170":22,"_108":555,"_102":33,"_172":492,"_174":556,"_175":22,"_176":-5,"_177":557,"_100":558},"89265a7a-fae8-11f0-9683-42dde27851f2","counterTown.tsx","89265b24-fae8-11f0-9683-42dde27851f2",45,["D",1769453708828],"import { initAnalytics, getAnalytics, trackPageView } from 'https://esm.town/v/iamseeley/counterTownDb';\n\nexport const counterTownConfig = {\n firstName: 'thomas',\n lastName: 'seeley',\n allowedOrigins: ['https://iamseeley-htmlenergy.web.val.run', 'https://tseeley.com', \"https://wando-ui.tseeley.com\", \"https://falbulous-minimovie.vercel.app\", \"https://iamseeley-dailysilverlion.web.val.run\", \"https://resume.tseeley.com\", \"https://iamseeley-multiroutehtml.web.val.run\"],\n ogImage: 'https://res.cloudinary.com/dcwnusepx/image/upload/v1721484366/tseeley/flying_ww6ynv.jpg',\n};\n\nconst possessiveFirstName = counterTownConfig.firstName.endsWith('s')\n ? `${counterTownConfig.firstName}'`\n : `${counterTownConfig.firstName}'s`;\n\nlet isInitialized = false;\n\n// Core data model\ninterface PageView {\n site: string;\n path: string;\n timestamp: string;\n referrer: string;\n userAgent: string;\n browser: string;\n os: string;\n screenSize: string;\n language: string;\n country?: string;\n customData?: Record;\n}\n\n// CounterTown class\nclass CounterTown {\n private trackingEndpoint: string;\n private allowedOrigins: string[];\n\n constructor(config: { trackingEndpoint: string; allowedOrigins: string[] }) {\n this.trackingEndpoint = config.trackingEndpoint;\n this.allowedOrigins = config.allowedOrigins;\n }\n\nprivate async sendPageView(pageView: PageView): Promise {\n console.log('sendPageView received:', JSON.stringify(pageView, null, 2));\n\n if (!this.allowedOrigins.includes(new URL(pageView.site).origin)) {\n console.warn(`Tracking blocked for unauthorized origin: ${pageView.site}`);\n return;\n }\n\n try {\n const result = await trackPageView(pageView);\n console.log('trackPageView result:', result);\n } catch (error) {\n console.error('Error sending page view:', error);\n }\n}\n\n\nprivate extractBrowserInfo(userAgent: string): string {\n if (userAgent.includes(\"Firefox\")) {\n return \"Firefox\";\n } else if (userAgent.includes(\"Chrome\")) {\n return \"Chrome\";\n } else if (userAgent.includes(\"Safari\")) {\n return \"Safari\";\n } else if (userAgent.includes(\"Edge\")) {\n return \"Edge\";\n } else if (userAgent.includes(\"Opera\")) {\n return \"Opera\";\n } else {\n return \"Unknown\";\n }\n}\n\npublic generateTrackingScript(customData?: Record): string {\n const script = `\n (function(customConfig) {\n if (navigator.doNotTrack !== \"1\" && typeof window !== 'undefined') {\n if (window.__ANALYTICS_INITIALIZED__) return;\n window.__ANALYTICS_INITIALIZED__ = true;\n \n const scriptElement = document.currentScript || (function() {\n var scripts = document.getElementsByTagName('script');\n return scripts[scripts.length - 1];\n })();\n const scriptSrc = scriptElement.src;\n const scriptOrigin = new URL(scriptSrc).origin;\n \n const config = {\n trackingEndpoint: scriptOrigin + '/trackPageView',\n customData: ${JSON.stringify(customData || {})},\n ...customConfig\n };\n\n let lastTrackedPath = null;\n let initialLoadTracked = false;\n\n function detectOS() {\n var userAgent = window.navigator.userAgent,\n platform = window.navigator.platform,\n macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],\n windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],\n iosPlatforms = ['iPhone', 'iPad', 'iPod'];\n if (macosPlatforms.indexOf(platform) !== -1) return 'macOS';\n if (iosPlatforms.indexOf(platform) !== -1) return 'iOS';\n if (windowsPlatforms.indexOf(platform) !== -1) return 'Windows';\n if (/Android/.test(userAgent)) return 'Android';\n if (/Linux/.test(platform)) return 'Linux';\n return 'Unknown';\n }\n\n function detectBrowser() {\n const ua = navigator.userAgent;\n let browser = \"Unknown\";\n if (ua.match(/chrome|chromium|crios/i)) {\n browser = \"Chrome\";\n } else if (ua.match(/firefox|fxios/i)) {\n browser = \"Firefox\";\n } else if (ua.match(/safari/i)) {\n browser = \"Safari\";\n } else if (ua.match(/opr\\//i)) {\n browser = \"Opera\";\n } else if (ua.match(/edg/i)) {\n browser = \"Edge\";\n }\n return browser;\n }\n\n function sendPageView(trigger) {\n const currentPath = window.location.pathname;\n \n if (currentPath !== lastTrackedPath || (trigger === 'load' && !initialLoadTracked)) {\n lastTrackedPath = currentPath;\n if (trigger === 'load') {\n initialLoadTracked = true;\n }\n const params = {\n site: window.location.origin,\n path: currentPath,\n referrer: document.referrer || '(direct)',\n userAgent: navigator.userAgent,\n browser: detectBrowser(),\n os: detectOS(),\n screenSize: window.screen.width + 'x' + window.screen.height,\n language: navigator.language,\n timestamp: new Date().toISOString(),\n trigger: trigger,\n ...config.customData\n };\n\n fetch(config.trackingEndpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(params),\n mode: 'cors',\n credentials: 'omit',\n }).then(response => {\n if (!response.ok) {\n throw new Error('Network response was not ok: ' + response.status);\n }\n console.log('Analytics sent successfully for trigger:', trigger);\n }).catch((error) => {\n console.warn('Analytics may not have been sent:', error.message);\n });\n } else {\n console.log('Page view not tracked (no change in path or already tracked):', trigger);\n }\n }\n\n sendPageView('load');\n\n if (typeof document.hidden !== \"undefined\") {\n document.addEventListener(\"visibilitychange\", function() {\n if (!document.hidden) {\n console.log('Page became visible, but not tracking as a new view');\n }\n });\n }\n\n if (typeof window.addEventListener === 'function') {\n window.addEventListener('pagehide', function() {\n console.log('Page hidden');\n });\n if (window.history && window.history.pushState) {\n var originalPushState = window.history.pushState;\n window.history.pushState = function() {\n originalPushState.apply(this, arguments);\n sendPageView('pushState');\n };\n window.addEventListener('popstate', function() {\n sendPageView('popstate');\n });\n }\n }\n }\n })();\n `;\n return script;\n}\n\npublic handlePixelTracking = async (req: Request): Promise => {\n const url = new URL(req.url);\n const userAgent = url.searchParams.get(\"userAgent\") || \"Unknown\";\n const { browser, os } = this.parseUserAgent(userAgent);\n\n const pageView: PageView = {\n site: url.searchParams.get(\"site\") || url.origin,\n path: url.searchParams.get(\"path\") || '/',\n timestamp: new Date().toISOString(),\n referrer: url.searchParams.get(\"referrer\") || '(direct)',\n userAgent: userAgent,\n browser: browser,\n os: os,\n screenSize: url.searchParams.get(\"screenSize\") || 'Unknown',\n language: url.searchParams.get(\"language\") || 'Unknown',\n country: req.headers.get('cf-ipcountry') || 'Unknown',\n };\n\n try {\n await this.sendPageView(pageView);\n console.log('Page view tracked:', pageView);\n } catch (error) {\n console.error('Error tracking page view:', error);\n }\n\n // Return a 1x1 transparent GIF\n return new Response(\n Uint8Array.from([0x47, 0x49, 0x46, 0x38, 0x39, 0x61, 0x01, 0x00, 0x01, 0x00, 0x80, 0x00, 0x00, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x01, 0x00, 0x00, 0x02, 0x02, 0x44, 0x01, 0x00, 0x3b]),\n {\n headers: {\n 'Content-Type': 'image/gif',\n 'Cache-Control': 'no-store, no-cache, must-revalidate, private',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Content-Type',\n },\n }\n );\n}\n\n public handleAnalytics = async (req: Request): Promise => {\n try {\n if (req.method === 'OPTIONS') {\n return new Response(null, {\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Content-Type',\n },\n });\n }\n\n if (req.method !== 'POST') {\n return new Response('Method Not Allowed', { status: 405 });\n }\n\n const pageView: PageView = await req.json();\n \n if (!this.allowedOrigins.includes(new URL(pageView.site).origin)) {\n return new Response(\"Unauthorized\", { status: 401 });\n }\n\n // If browser and OS are not provided (e.g., from client-side), extract them from the user agent\n if (!pageView.browser || !pageView.os) {\n const { browser, os } = this.parseUserAgent(pageView.userAgent);\n pageView.browser = pageView.browser || browser;\n pageView.os = pageView.os || os;\n }\n \n await this.sendPageView(pageView);\n \n return new Response(\"OK\", {\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Content-Type': 'text/plain',\n },\n });\n } catch (error) {\n console.error('Error in analytics handler:', error);\n return new Response(\"Internal Server Error\", { status: 500 });\n }\n }\n\n \n public serverMiddleware = async (context: any, next: () => Promise) => {\n let req: any;\n if (context.req) {\n req = context.req;\n } else {\n req = context;\n }\n\n let url: URL;\n try {\n url = new URL(req.url || req.originalUrl || req.url.href, `http://${req.headers.host || 'localhost'}`);\n } catch (error) {\n console.error('Invalid URL:', req.url);\n return next();\n }\n\n const getHeader = (name: string): string => {\n if (typeof req.get === 'function') {\n return req.get(name);\n } else if (req.headers && typeof req.headers.get === 'function') {\n return req.headers.get(name);\n } else if (req.headers) {\n return req.headers[name.toLowerCase()];\n }\n return undefined;\n };\n\n const userAgent = getHeader(\"user-agent\") || \"Unknown\";\n const { browser, os } = this.parseUserAgent(userAgent);\n\n const pageView: PageView = {\n site: url.origin,\n path: url.pathname,\n timestamp: new Date().toISOString(),\n referrer: getHeader(\"referer\") || url.searchParams.get(\"referrer\") || \"(direct)\",\n userAgent: userAgent,\n browser: browser,\n os: os,\n screenSize: url.searchParams.get(\"screenSize\") || undefined,\n language: getHeader(\"accept-language\") || url.searchParams.get(\"language\") || \"Unknown\",\n country: getHeader(\"cf-ipcountry\") || \"Unknown\",\n };\n\n // Extract any additional custom data from URL parameters\n const customData: Record = {};\n for (const [key, value] of url.searchParams.entries()) {\n if (!['site', 'path', 'referrer', 'screenSize', 'language'].includes(key)) {\n customData[key] = value;\n }\n }\n if (Object.keys(customData).length > 0) {\n pageView.customData = customData;\n }\n\n try {\n await this.sendPageView(pageView);\n console.log('Server-side page view tracked:', pageView.path);\n } catch (error) {\n console.error('Error tracking server-side page view:', error);\n }\n\n return next();\n }\n\n private parseUserAgent(userAgent: string): { browser: string; os: string } {\n let browser = \"Unknown\";\n let os = \"Unknown\";\n\n // Browser detection\n if (userAgent.includes(\"Firefox\")) {\n browser = \"Firefox\";\n } else if (userAgent.includes(\"Chrome\")) {\n browser = \"Chrome\";\n } else if (userAgent.includes(\"Safari\")) {\n browser = \"Safari\";\n } else if (userAgent.includes(\"Edge\")) {\n browser = \"Edge\";\n } else if (userAgent.includes(\"Opera\") || userAgent.includes(\"OPR\")) {\n browser = \"Opera\";\n }\n\n // OS detection\n if (userAgent.includes(\"Win\")) {\n os = \"Windows\";\n } else if (userAgent.includes(\"Mac\")) {\n os = \"macOS\";\n } else if (userAgent.includes(\"Linux\")) {\n os = \"Linux\";\n } else if (userAgent.includes(\"Android\")) {\n os = \"Android\";\n } else if (userAgent.includes(\"iOS\")) {\n os = \"iOS\";\n }\n\n return { browser, os };\n }\n\n\n}\n\n// Initialize CounterTown\nconst counterTown = new CounterTown({\n trackingEndpoint: '/trackPageView',\n allowedOrigins: counterTownConfig.allowedOrigins,\n});\n\nexport default async function handler(req: Request): Promise {\n if (!isInitialized) {\n try {\n await initAnalytics();\n console.log('Analytics initialized successfully');\n isInitialized = true;\n } catch (error) {\n console.error('Failed to initialize analytics:', error);\n }\n }\n\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (path === '/') {\n return serveHtml(req);\n } else if (path === '/stream') {\n return handleStream(req);\n } else if (path === '/trackPageView') {\n if (req.method === 'OPTIONS') {\n return new Response(null, {\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Content-Type',\n },\n });\n }\n return counterTown.handleAnalytics(req);\n } else if (path === '/trackingScript') {\n return generateTrackingScript(req);\n } else if (path === '/pixel.gif') {\n return counterTown.handlePixelTracking(req);\n } else if (path === '/generateTrackingHtml') {\n return generateTrackingHtml(req);\n } else {\n return serveHtml(req);\n }\n}\n\n\nasync function serveHtml(req: Request): Promise {\n const html = `\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n ${possessiveFirstName} sites\n \n \n \n \n \n \n \n

\n \n \n \n `;\n \n return new Response(html, {\n headers: { 'Content-Type': 'text/html' },\n });\n}\n\nasync function handleStream(req: Request): Promise {\n const clientParam = new URL(req.url).searchParams.get('client');\n\n if (req.method === 'OPTIONS') {\n return new Response(null, {\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, OPTIONS',\n 'Access-Control-Allow-Headers': 'Content-Type',\n },\n });\n }\n\n if (req.method !== 'GET') {\n return new Response('Method Not Allowed', { status: 405 });\n }\n\n if (clientParam !== 'counterTown-Dashboard') {\n return new Response('Unauthorized', { status: 401 });\n }\n\n const encoder = new TextEncoder();\n const stream = new ReadableStream({\n async start(controller) {\n async function sendAnalyticsData() {\n try {\n const analyticsData = await getAnalytics();\n controller.enqueue(encoder.encode(`data: ${JSON.stringify(analyticsData)}\\n\\n`));\n } catch (error) {\n console.error('Error fetching analytics data:', error);\n controller.error(error);\n }\n }\n await sendAnalyticsData();\n const interval = setInterval(sendAnalyticsData, 5000);\n req.signal.addEventListener('abort', () => {\n clearInterval(interval);\n controller.close();\n console.log('Stream closed');\n });\n },\n });\n\n return new Response(stream, {\n headers: {\n 'Content-Type': 'text/event-stream',\n 'Cache-Control': 'no-cache, no-store, must-revalidate',\n 'Connection': 'keep-alive',\n 'Access-Control-Allow-Origin': '*', \n },\n });\n}\n\nfunction generateTrackingScript(req: Request): Response {\n const url = new URL(req.url);\n const customData = JSON.parse(url.searchParams.get('customData') || '{}');\n const script = counterTown.generateTrackingScript(customData);\n\n return new Response(script, {\n headers: {\n 'Content-Type': 'application/javascript',\n 'Access-Control-Allow-Origin': '*',\n 'Cache-Control': 'no-cache, no-store, must-revalidate'\n }\n });\n}\n\nexport function generateTrackingHtml(req: Request): Response {\n const url = new URL(req.url);\n const site = url.origin;\n const referrer = req.headers.get('referer') || '(direct)';\n const path = url.pathname;\n const language = req.headers.get('accept-language') || 'unknown';\n const userAgent = req.headers.get('user-agent') || 'unknown';\n\n const baseTrackingUrl = `https://iamseeley-countertown.web.val.run/pixel.gif` +\n `?site=${encodeURIComponent(site)}` +\n `&path=${encodeURIComponent(path)}` +\n `&referrer=${encodeURIComponent(referrer)}` +\n `&language=${encodeURIComponent(language)}` +\n `&userAgent=${encodeURIComponent(userAgent)}`;\n\n const screenSizes = [\n '320x480', '480x320', '768x1024', '1024x768', '1280x800', '1440x900', '1920x1080'\n ];\n\n const html = `\n \n \n ${screenSizes.map((size, index) => `\n $\"\"$ \n `).join('\\n')}\n \n `;\n\n return new Response(html, {\n headers: { 'Content-Type': 'text/html' },\n });\n}\n\n\n\n\nexport function createCounterTownMiddleware() {\n const counterTown = new CounterTown({\n trackingEndpoint: '/trackPageView',\n allowedOrigins: counterTownConfig.allowedOrigins,\n });\n\n return counterTown.serverMiddleware;\n}\n\nfunction removeCustomDomainRewriter(req: Request): string {\n const url = new URL(req.url);\n const servedFor = req.headers.get(\"x-served-for\");\n if (servedFor && url.hostname === \"saascustomdomains.val.run\") {\n url.hostname = servedFor;\n }\n return url.toString();\n}",[],[552],{"_106":560,"_97":561,"_164":562,"_166":-5,"_167":149,"_168":563,"_170":22,"_108":564,"_102":33,"_172":492,"_174":565,"_175":22,"_176":-5,"_177":566,"_100":567},"88d25434-fae8-11f0-869c-42dde27851f2","counterTownClient.tsx","88d254f2-fae8-11f0-869c-42dde27851f2",34,["D",1769453708321],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useLayoutEffect, createContext, useContext, useState, useEffect, lazy, Suspense, useCallback } from \"https://esm.sh/react@17.0.2\";\nimport * as ReactDOM from \"https://esm.sh/react-dom@17.0.2\";\nimport { BrowserRouter, Route, Routes, useParams, useLocation, Link } from \"https://esm.sh/react-router-dom@6.3.0\";\nconst Dashboard = lazy(() => import(\"https://esm.town/v/iamseeley/Dashboard\"));\nconst ConnectionStatus = lazy(() => import(\"https://esm.town/v/iamseeley/ConnectionStatus\"));\nimport { AnalyticsProvider, useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\nimport Navigation from \"https://esm.town/v/iamseeley/Navigation\";\n\nconst LoadingSpinner = () => {\n const { isDarkMode } = useTheme();\n\n return (\n

\n \n

\n );\n};\n\nexport default LoadingSpinner;\n\nconst ErrorBoundary = ({ children }) => {\n const [hasError, setHasError] = useState(false);\n useEffect(() => {\n const errorHandler = (error) => {\n console.error('Error caught by error boundary:', error);\n setHasError(true);\n };\n window.addEventListener('error', errorHandler);\n return () => window.removeEventListener('error', errorHandler);\n }, []);\n if (hasError) {\n return

Something went wrong. Please try refreshing the page.

;\n }\n return children;\n};\n\nconst Logo = ({ isDarkMode }) => {\n return (\n \n )\n}\n\nconst DashboardPage = () => {\n const { isDarkMode } = useTheme();\n \n return (\n \n

\n \n \n \n

\n \n \n

\n \n

\n \n );\n};\n\n\nconst DashboardContent = () => {\n const { sitename } = useParams();\n const { siteExists, setCurrentSite } = useAnalytics();\n\n useEffect(() => {\n if (sitename && siteExists(sitename)) {\n setCurrentSite(sitename);\n } else {\n setCurrentSite(null);\n }\n }, [sitename, siteExists, setCurrentSite]);\n\n return ;\n};\n\nconst ScrollToTop = ({ children }) => {\n const location = useLocation();\n useLayoutEffect(() => {\n window.scrollTo(0, 0);\n }, [location.pathname]);\n return children;\n}\n\nconst ThemeContext = createContext();\n\nconst applyTheme = (isDark) => {\n const root = document.documentElement;\n const body = document.body;\n\n if (isDark) {\n root.classList.add('dark');\n body.style.backgroundColor = '#111827'; // dark grey\n body.style.color = '#e2e8f0'; // light grey\n } else {\n root.classList.remove('dark');\n body.style.backgroundColor = 'white';\n body.style.color = '#111827'; // dark grey\n }\n\n document.getElementById('theme-color').setAttribute('content', isDark ? '#111827' : '#FFFFFF');\n localStorage.setItem('theme', isDark ? 'dark' : 'light');\n};\n\nexport const ThemeProvider = ({ children }) => {\n const [isDarkMode, setIsDarkMode] = useState(() => {\n if (typeof window !== 'undefined') {\n const savedTheme = localStorage.getItem('theme');\n return savedTheme === 'dark' || (savedTheme === null && window.matchMedia('(prefers-color-scheme: dark)').matches);\n }\n return false;\n });\n\n useEffect(() => {\n applyTheme(isDarkMode);\n }, [isDarkMode]);\n\n const toggleDarkMode = useCallback(() => {\n const newMode = !isDarkMode;\n applyTheme(newMode); // Apply theme immediately\n setIsDarkMode(newMode); // Update React state\n }, [isDarkMode]);\n\n return (\n \n {children}\n \n );\n};\n\nexport const useTheme = () => {\n const context = useContext(ThemeContext);\n if (context === undefined) {\n throw new Error('useTheme must be used within a ThemeProvider');\n }\n return context;\n};\n\nconst DarkModeToggle = () => {\n const { isDarkMode, toggleDarkMode } = useTheme();\n\n return (\n

\n \n \n

\n {/* \n {isDarkMode ? 'Dark' : 'Light'}\n */}\n \n

\n );\n};\n\nconst App = () => {\n const [isInitializing, setIsInitializing] = useState(true);\n const { isDarkMode } = useTheme();\n\n useEffect(() => {\n // Apply theme immediately\n applyTheme(isDarkMode);\n setIsInitializing(false);\n }, []);\n\n if (isInitializing) {\n return ;\n }\n \n return (\n \n \n \n }>\n \n } />\n } />\n \n \n \n \n \n );\n};\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\nroot.render(\n \n \n \n);",[],[561],{"_106":569,"_97":570,"_164":571,"_166":-5,"_167":149,"_168":572,"_170":22,"_108":573,"_102":33,"_172":492,"_174":574,"_175":22,"_176":-5,"_177":575,"_100":576},"88df0fc6-fae8-11f0-9f93-42dde27851f2","formatSiteName.tsx","88df111a-fae8-11f0-9f93-42dde27851f2",36,["D",1769453708367],"export function formatSiteName(site: string): string {\n return site.replace(/^(https?:\\/\\/)?(www\\.)?/, '');\n}",[],[570],{"_106":578,"_97":579,"_164":580,"_166":-5,"_167":149,"_168":581,"_170":22,"_108":582,"_102":33,"_172":492,"_174":583,"_175":22,"_176":-5,"_177":584,"_100":585},"89062cbe-fae8-11f0-869c-42dde27851f2","personalData.tsx","89062da4-fae8-11f0-869c-42dde27851f2",40,["D",1769453708537],"export const personalData = {\n \"name\": \"Thomas Seeley\",\n \"label\": \"Developer\",\n \"email\": \"hello@tseeley.com\",\n \"url\": \"https://tseeley.com\",\n \"about\": \"My name is Thomas Seeley. I like building for the web and creating useful, fun software. I spend my time making things and trying to get better at making things. I am currently pursuing a MS in CS, specializing in intelligent systems and software engineering. Reach out if you'd like to work together, or if you just want to say hi!\",\n \"summary\": \"This is an example website built on Val Town.\",\n \"profiles\": [\n {\n \"network\": \"github\",\n \"username\": \"iamseeley\",\n \"url\": \"https://github.com/iamseeley\"\n },\n {\n \"network\": \"linkedin\",\n \"username\": \"thomas-seeley-3229b5205\", \n \"url\": \"https://www.linkedin.com/in/thomas-seeley-3229b5205/\"\n },\n {\n \"network\": \"x.com\",\n \"username\": \"iamseeley\", \n \"url\": \"https://twitter.com/iamseeley\"\n }\n ],\n \"experience\": [\n {\n \"company\": \"Wando\",\n \"position\": \"Web Developer\",\n \"startDate\": \"2022\",\n \"endDate\": \"Present\",\n \"highlights\": [\n \"Built an event management platform with secure authentication and full CRUD capabilities, streamlining client operations.\",\n \"Crafted a website for a food truck that captures their unique branding and playful image. The site features a fun, user-centric interface that facilitates online inquiries and enhances user engagement.\",\n \"Designed and developed a responsive, accessibility-focused website for a law firm, improving client accessibility and increasing inquiries by 20%.\"\n ]\n },\n {\n \"company\": \"Mindpool\", \n \"position\": \"Business Strategy Intern\",\n \"startDate\": \"2022\",\n \"endDate\": \"\",\n \"highlights\": [\n \"Outlined a plan for Mindpool to frame themselves as an end-to-end solution to address environmental, social, and governance (ESG) initiatives, focusing on ESG as a new vertical.\"\n ]\n }\n ],\n \"projects\": [\n {\n \"name\": \"falbulous minimovie\",\n \"description\": \"Storyboard editor that enables users to create mini movies from text using fal.ai and ffmpeg-wasm.\",\n \"highlights\": [\n \"Enhanced scene consistency with seed settings and introduced controls for motion, quality, and frame rate adjustments.\",\n \"Integrated GPT-3.5 for prompt enhancement, significantly improving image and video quality.\",\n \"Overcame the challenge of running FFmpeg client-side in Next.js, enabling real-time video processing in the browser.\"\n ],\n \"url\": \"https://github.com/iamseeley/falbulous-minimovie\"\n },\n {\n \"name\": \"ts www\",\n \"description\": \"Personal website built with a custom static site generator.\",\n \"highlights\": [\n \"Engineerd a static site generator (go-forth) for building a personal website.\",\n \"Designed a unique system using markdown collections for page content and routing.\",\n \"Created a development server with hot reloading, automated template generation, and collection file population with specific frontmatter.\",\n \"Implemented configuration features for theme selection and site metadata, facilitating easy customization and modularity.\"\n ], \n \"url\": \"https://github.com/iamseeley/ts-www\"\n },\n {\n \"name\": \"wando ui\",\n \"description\": \"Component collection and CLI application written in TypeScript.\",\n \"highlights\": [\n \"Designed and implemented modular styles for components using Tailwind CSS, clsx, and class-variance-authority, enhancing component reusability.\",\n \"Developed and published a CLI tool in Node.js for quick component import and reuse.\" \n ],\n \"url\": \"https://github.com/iamseeley/wando-ui\"\n }\n ],\n \"skills\": [\n {\n \"name\": \"Web Development\",\n \"keywords\": [\"HTML5\", \"CSS\", \"Tailwind CSS\", \"React\", \"Next.js\", \"Vite\", \"FastAPI\", \"Hono\", \"Framer Motion\"]\n },\n { \n \"name\": \"Programming\",\n \"keywords\": [\"JavaScript\", \"TypeScript\", \"Python\", \"Go\", \"SQL\"]\n },\n {\n \"name\": \"Tools & Software\",\n \"keywords\": [\"Git\", \"Docker\", \"Figma\", \"Adobe Suite\", \"Excel\"]\n }\n ]\n};",[],[579],{"_106":587,"_97":588,"_164":589,"_166":-5,"_167":149,"_168":590,"_170":22,"_108":591,"_102":33,"_172":492,"_174":592,"_175":22,"_176":-5,"_177":593,"_100":594},"88fc0e3c-fae8-11f0-b25b-42dde27851f2","statCard.tsx","88fc0f4a-fae8-11f0-b25b-42dde27851f2",39,["D",1769453708593],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport { Card, CardContent, CardFooter, CardTitle } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\n\nconst StatCard = ({ title, value }) => {\n return (\n

{value ?? 'N/A'}

{title}

\n );\n};\n\nexport default StatCard;",[],[588],{"_106":596,"_97":597,"_164":598,"_166":-5,"_167":149,"_168":599,"_170":22,"_108":600,"_102":33,"_172":492,"_174":601,"_175":22,"_176":-5,"_177":602,"_100":603},"8957b386-fae8-11f0-9f93-42dde27851f2","valTownAnalytics.tsx","8957b458-fae8-11f0-9f93-42dde27851f2",52,["D",1769453708542],"/** @jsxImportSource https://esm.sh/react */\nimport { DateTime } from \"https://cdn.skypack.dev/luxon@2.3.2\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\nimport { renderToString } from \"npm:react-dom/server\";\n\nconst { author, name, httpEndpoint } = extractValInfo(import.meta.url);\n\nsqlite.batch([\n {\n sql: `CREATE TABLE IF NOT EXISTS ${name}_impressions (\n id INTEGER PRIMARY KEY,\n timestamp TEXT NOT NULL DEFAULT (datetime('now')),\n val TEXT NOT NULL,\n event_name TEXT,\n url TEXT,\n meta TEXT\n );`,\n args: [],\n },\n]);\n\nconst getRunningValInfo = () => {\n const urlOfRunningVal = (new Error()).stack.split(\"\\n\").at(-1).split(\" \").at(-1).split(\":\").slice(0, 2).join(\":\");\n return extractValInfo(urlOfRunningVal);\n};\n\nexport const initAnalytics = () => {\n try {\n const runningValInfo = getRunningValInfo();\n if (runningValInfo.author == author && runningValInfo.name == name) {\n // If we happen to have imported ourself, don't report import analytics. Would loop.\n return;\n }\n // Do not await the response\n fetch(`${httpEndpoint}/event?name=import-init&val=${runningValInfo.author}/${runningValInfo.name}`);\n } catch (e) {\n console.error(`Error initializing analytics: ${e}`);\n }\n};\n\nexport const analyticsHandlerWrapper = (\n handler: (req: Request) => Response | Promise,\n): (req: Request) => Response | Promise => {\n const runningValInfo = getRunningValInfo();\n return async (req: Request): Promise => {\n fetch(`${httpEndpoint}/event?name=request&val=${runningValInfo.author}/${runningValInfo.name}&url=${req.url}`);\n return handler(req);\n };\n};\n\nconst valCounts = async (): Promise<{ count: number; val: string }[]> => {\n const result = await sqlite.execute(\n `select val, count(*) as count from ${name}_impressions group by val order by count desc limit 100`,\n );\n return (result.rows as [string, number][]).map((row) => ({ count: row[1], val: row[0] }));\n};\n\nconst queryForImpressions = async (\n val: string,\n start: string,\n end: string,\n intervalMinutes: number,\n timeZone: string,\n) => {\n const startDate = DateTime.fromISO(start, { zone: \"utc\" }).setZone(timeZone);\n const endDate = DateTime.fromISO(end, { zone: \"utc\" }).setZone(timeZone);\n const startString = startDate.toFormat(\"yyyy-MM-dd HH:mm:ss\");\n const endString = endDate.toFormat(\"yyyy-MM-dd HH:mm:ss\");\n\n return await sqlite.execute({\n sql: `\n WITH params AS (\n SELECT\n ? AS interval_minutes, \n ? AS start_time,\n ? AS end_time\n )\n SELECT\n strftime('%Y-%m-%d %H:%M:00', datetime(\n (strftime('%s', timestamp) / (interval_minutes * 60)) * (interval_minutes * 60), 'unixepoch'\n )) AS bucket,\n COUNT(*) AS count\n FROM\n ${name}_impressions,\n params\n WHERE\n timestamp BETWEEN start_time AND end_time\n AND val = ?\n GROUP BY bucket\n ORDER BY bucket`,\n args: [intervalMinutes, startString, endString, val],\n });\n};\n\nasync function handler(req: Request): Promise {\n const url = new URL(req.url);\n if (req.method === \"GET\" && url.pathname === \"/event\") {\n const val = url.searchParams.get(\"val\");\n const eventName = url.searchParams.get(\"name\");\n const eventUrl = url.searchParams.get(\"url\");\n if (!val || !eventName) {\n return new Response(\"invalid\", { status: 400 });\n }\n let resp = await sqlite.execute({\n sql: `INSERT INTO ${name}_impressions (val, event_name, url) VALUES (?, ?, ?) RETURNING *`,\n args: [val, eventName, eventUrl],\n });\n return Response.json(resp);\n }\n if (req.method === \"GET\" && url.pathname === \"/query\") {\n const resp = await queryForImpressions(\n \"maxm/orangeRattlesnake\",\n (new Date((new Date()).getTime() - 24 * 60 * 60 * 1000)).toISOString(),\n (new Date((new Date()).getTime() + 24 * 60 * 60 * 1000)).toISOString(),\n 10,\n \"America/New_York\",\n );\n return Response.json(resp);\n }\n if (req.method === \"GET\" && url.pathname.startsWith(\"/v/\")) {\n const resp = await queryForImpressions(\n url.pathname.slice(3),\n (new Date((new Date()).getTime() - 24 * 60 * 60 * 1000)).toISOString(),\n (new Date((new Date()).getTime() + 24 * 60 * 60 * 1000)).toISOString(),\n 10,\n \"America/New_York\",\n );\n return Response.json(resp);\n }\n const vals = await valCounts();\n return new Response(\n renderToString(\n

\n Val Town Analytics\n

\n \n \n \n \n \n \n \n {vals.map((val) => (\n \n \n \n \n ))}\n \n \n

Vals
\n {val.val}\n	{val.count}

,\n ),\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\nexport default handler;",[],[597],{"_106":605,"_97":101,"_164":606,"_166":-5,"_167":149,"_168":607,"_170":22,"_108":608,"_102":33,"_172":492,"_174":609,"_175":22,"_176":-5,"_177":610,"_100":611},"891ec30a-fae8-11f0-869c-42dde27851f2","891ec490-fae8-11f0-869c-42dde27851f2",44,["D",1769453708825],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useEffect, useRef, useState } from 'https://esm.sh/react@17.0.2';\nimport Globe from 'https://esm.sh/globe.gl';\nimport { feature } from 'https://esm.sh/topojson-client';\nimport countries from 'https://esm.sh/world-countries';\n\nconst countryCodeToName = {\n 'AF': 'Afghanistan',\n 'AX': 'Åland Islands',\n 'AL': 'Albania',\n 'DZ': 'Algeria',\n 'AS': 'American Samoa',\n 'AD': 'Andorra',\n 'AO': 'Angola',\n 'AI': 'Anguilla',\n 'AQ': 'Antarctica',\n 'AG': 'Antigua and Barbuda',\n 'AR': 'Argentina',\n 'AM': 'Armenia',\n 'AW': 'Aruba',\n 'AU': 'Australia',\n 'AT': 'Austria',\n 'AZ': 'Azerbaijan',\n 'BS': 'Bahamas',\n 'BH': 'Bahrain',\n 'BD': 'Bangladesh',\n 'BB': 'Barbados',\n 'BY': 'Belarus',\n 'BE': 'Belgium',\n 'BZ': 'Belize',\n 'BJ': 'Benin',\n 'BM': 'Bermuda',\n 'BT': 'Bhutan',\n 'BO': 'Bolivia',\n 'BQ': 'Bonaire, Sint Eustatius and Saba',\n 'BA': 'Bosnia and Herzegovina',\n 'BW': 'Botswana',\n 'BV': 'Bouvet Island',\n 'BR': 'Brazil',\n 'IO': 'British Indian Ocean Territory',\n 'BN': 'Brunei Darussalam',\n 'BG': 'Bulgaria',\n 'BF': 'Burkina Faso',\n 'BI': 'Burundi',\n 'CV': 'Cabo Verde',\n 'KH': 'Cambodia',\n 'CM': 'Cameroon',\n 'CA': 'Canada',\n 'KY': 'Cayman Islands',\n 'CF': 'Central African Republic',\n 'TD': 'Chad',\n 'CL': 'Chile',\n 'CN': 'China',\n 'CX': 'Christmas Island',\n 'CC': 'Cocos (Keeling) Islands',\n 'CO': 'Colombia',\n 'KM': 'Comoros',\n 'CG': 'Congo',\n 'CD': 'Congo, Democratic Republic of the',\n 'CK': 'Cook Islands',\n 'CR': 'Costa Rica',\n 'CI': 'Côte d\\'Ivoire',\n 'HR': 'Croatia',\n 'CU': 'Cuba',\n 'CW': 'Curaçao',\n 'CY': 'Cyprus',\n 'CZ': 'Czech Republic',\n 'DK': 'Denmark',\n 'DJ': 'Djibouti',\n 'DM': 'Dominica',\n 'DO': 'Dominican Republic',\n 'EC': 'Ecuador',\n 'EG': 'Egypt',\n 'SV': 'El Salvador',\n 'GQ': 'Equatorial Guinea',\n 'ER': 'Eritrea',\n 'EE': 'Estonia',\n 'SZ': 'Eswatini',\n 'ET': 'Ethiopia',\n 'FK': 'Falkland Islands (Malvinas)',\n 'FO': 'Faroe Islands',\n 'FJ': 'Fiji',\n 'FI': 'Finland',\n 'FR': 'France',\n 'GF': 'French Guiana',\n 'PF': 'French Polynesia',\n 'TF': 'French Southern Territories',\n 'GA': 'Gabon',\n 'GM': 'Gambia',\n 'GE': 'Georgia',\n 'DE': 'Germany',\n 'GH': 'Ghana',\n 'GI': 'Gibraltar',\n 'GR': 'Greece',\n 'GL': 'Greenland',\n 'GD': 'Grenada',\n 'GP': 'Guadeloupe',\n 'GU': 'Guam',\n 'GT': 'Guatemala',\n 'GG': 'Guernsey',\n 'GN': 'Guinea',\n 'GW': 'Guinea-Bissau',\n 'GY': 'Guyana',\n 'HT': 'Haiti',\n 'HM': 'Heard Island and McDonald Islands',\n 'VA': 'Holy See',\n 'HN': 'Honduras',\n 'HK': 'Hong Kong',\n 'HU': 'Hungary',\n 'IS': 'Iceland',\n 'IN': 'India',\n 'ID': 'Indonesia',\n 'IR': 'Iran',\n 'IQ': 'Iraq',\n 'IE': 'Ireland',\n 'IM': 'Isle of Man',\n 'IL': 'Israel',\n 'IT': 'Italy',\n 'JM': 'Jamaica',\n 'JP': 'Japan',\n 'JE': 'Jersey',\n 'JO': 'Jordan',\n 'KZ': 'Kazakhstan',\n 'KE': 'Kenya',\n 'KI': 'Kiribati',\n 'KP': 'Korea, Democratic People\\'s Republic of',\n 'KR': 'Korea, Republic of',\n 'KW': 'Kuwait',\n 'KG': 'Kyrgyzstan',\n 'LA': 'Lao People\\'s Democratic Republic',\n 'LV': 'Latvia',\n 'LB': 'Lebanon',\n 'LS': 'Lesotho',\n 'LR': 'Liberia',\n 'LY': 'Libya',\n 'LI': 'Liechtenstein',\n 'LT': 'Lithuania',\n 'LU': 'Luxembourg',\n 'MO': 'Macao',\n 'MG': 'Madagascar',\n 'MW': 'Malawi',\n 'MY': 'Malaysia',\n 'MV': 'Maldives',\n 'ML': 'Mali',\n 'MT': 'Malta',\n 'MH': 'Marshall Islands',\n 'MQ': 'Martinique',\n 'MR': 'Mauritania',\n 'MU': 'Mauritius',\n 'YT': 'Mayotte',\n 'MX': 'Mexico',\n 'FM': 'Micronesia',\n 'MD': 'Moldova',\n 'MC': 'Monaco',\n 'MN': 'Mongolia',\n 'ME': 'Montenegro',\n 'MS': 'Montserrat',\n 'MA': 'Morocco',\n 'MZ': 'Mozambique',\n 'MM': 'Myanmar',\n 'NA': 'Namibia',\n 'NR': 'Nauru',\n 'NP': 'Nepal',\n 'NL': 'Netherlands',\n 'NC': 'New Caledonia',\n 'NZ': 'New Zealand',\n 'NI': 'Nicaragua',\n 'NE': 'Niger',\n 'NG': 'Nigeria',\n 'NU': 'Niue',\n 'NF': 'Norfolk Island',\n 'MP': 'Northern Mariana Islands',\n 'NO': 'Norway',\n 'OM': 'Oman',\n 'PK': 'Pakistan',\n 'PW': 'Palau',\n 'PS': 'Palestine',\n 'PA': 'Panama',\n 'PG': 'Papua New Guinea',\n 'PY': 'Paraguay',\n 'PE': 'Peru',\n 'PH': 'Philippines',\n 'PN': 'Pitcairn',\n 'PL': 'Poland',\n 'PT': 'Portugal',\n 'PR': 'Puerto Rico',\n 'QA': 'Qatar',\n 'RE': 'Réunion',\n 'RO': 'Romania',\n 'RU': 'Russian Federation',\n 'RW': 'Rwanda',\n 'BL': 'Saint Barthélemy',\n 'SH': 'Saint Helena, Ascension and Tristan da Cunha',\n 'KN': 'Saint Kitts and Nevis',\n 'LC': 'Saint Lucia',\n 'MF': 'Saint Martin (French part)',\n 'PM': 'Saint Pierre and Miquelon',\n 'VC': 'Saint Vincent and the Grenadines',\n 'WS': 'Samoa',\n 'SM': 'San Marino',\n 'ST': 'Sao Tome and Principe',\n 'SA': 'Saudi Arabia',\n 'SN': 'Senegal',\n 'RS': 'Serbia',\n 'SC': 'Seychelles',\n 'SL': 'Sierra Leone',\n 'SG': 'Singapore',\n 'SX': 'Sint Maarten (Dutch part)',\n 'SK': 'Slovakia',\n 'SI': 'Slovenia',\n 'SB': 'Solomon Islands',\n 'SO': 'Somalia',\n 'ZA': 'South Africa',\n 'GS': 'South Georgia and the South Sandwich Islands',\n 'SS': 'South Sudan',\n 'ES': 'Spain',\n 'LK': 'Sri Lanka',\n 'SD': 'Sudan',\n 'SR': 'Suriname',\n 'SJ': 'Svalbard and Jan Mayen',\n 'SE': 'Sweden',\n 'CH': 'Switzerland',\n 'SY': 'Syrian Arab Republic',\n 'TW': 'Taiwan',\n 'TJ': 'Tajikistan',\n 'TZ': 'Tanzania',\n 'TH': 'Thailand',\n 'TL': 'Timor-Leste',\n 'TG': 'Togo',\n 'TK': 'Tokelau',\n 'TO': 'Tonga',\n 'TT': 'Trinidad and Tobago',\n 'TN': 'Tunisia',\n 'TR': 'Turkey',\n 'TM': 'Turkmenistan',\n 'TC': 'Turks and Caicos Islands',\n 'TV': 'Tuvalu',\n 'UG': 'Uganda',\n 'UA': 'Ukraine',\n 'AE': 'United Arab Emirates',\n 'GB': 'United Kingdom',\n 'US': 'United States of America',\n 'UM': 'United States Minor Outlying Islands',\n 'UY': 'Uruguay',\n 'UZ': 'Uzbekistan',\n 'VU': 'Vanuatu',\n 'VE': 'Venezuela',\n 'VN': 'Vietnam',\n 'VG': 'Virgin Islands (British)',\n 'VI': 'Virgin Islands (U.S.)',\n 'WF': 'Wallis and Futuna',\n 'EH': 'Western Sahara',\n 'YE': 'Yemen',\n 'ZM': 'Zambia',\n 'ZW': 'Zimbabwe',\n 'EU': 'European Union'\n};\n\nconst VisitorGlobe = ({ visitorOrigins }) => {\n const globeEl = useRef();\n const globeInstance = useRef(null);\n const [worldData, setWorldData] = useState(null);\n const [isDarkMode, setIsDarkMode] = useState(() => {\n if (typeof document !== 'undefined') {\n return document.documentElement.classList.contains('dark');\n }\n return false;\n });\n\n useEffect(() => {\n const updateDarkMode = () => {\n const isDark = document.documentElement.classList.contains('dark');\n setIsDarkMode(isDark);\n };\n\n updateDarkMode();\n\n const observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.attributeName === 'class') {\n updateDarkMode();\n }\n });\n });\n\n observer.observe(document.documentElement, { attributes: true });\n\n return () => observer.disconnect();\n }, []);\n\n useEffect(() => {\n fetch('https://unpkg.com/world-atlas/countries-110m.json')\n .then(res => res.json())\n .then(data => {\n setWorldData(feature(data, data.objects.countries));\n })\n .catch(error => {\n console.error('Error fetching world map data:', error);\n });\n }, []);\n\n useEffect(() => {\n if (globeEl.current && worldData) {\n if (globeInstance.current) {\n globeInstance.current._destructor();\n }\n\n globeInstance.current = Globe()\n .globeImageUrl(isDarkMode \n ? '//unpkg.com/three-globe/example/img/earth-night.jpg'\n : '//unpkg.com/three-globe/example/img/earth-day.jpg'\n )\n .backgroundColor(isDarkMode ? '#1f2937' : '#f9fafb')\n .lineHoverPrecision(0)\n .polygonAltitude(0.06)\n .polygonSideColor(() => 'rgba(0, 100, 0, 0.15)')\n .polygonStrokeColor(() => '#111')\n .pointAltitude(d => Math.max(0.1, Math.min(0.5, d.visitors * 0.01)))\n .pointColor(() => '#3b82f6')\n .pointRadius(0.5)\n .pointsMerge(true)\n (globeEl.current);\n\n globeInstance.current.camera().position.z = 300;\n globeInstance.current.controls().autoRotate = true;\n globeInstance.current.controls().autoRotateSpeed = 0.5;\n\n const handleResize = () => {\n globeInstance.current.width([globeEl.current.clientWidth]);\n globeInstance.current.height([globeEl.current.clientHeight]);\n };\n\n window.addEventListener('resize', handleResize);\n handleResize();\n\n return () => {\n window.removeEventListener('resize', handleResize);\n if (globeInstance.current) {\n globeInstance.current._destructor();\n globeInstance.current = null;\n }\n };\n }\n }, [worldData, isDarkMode]);\n\n useEffect(() => {\n if (globeInstance.current && worldData && visitorOrigins) {\n updateGlobeData();\n }\n }, [visitorOrigins, worldData, isDarkMode]);\n\n const updateGlobeData = () => {\n if (!globeInstance.current || !worldData || !visitorOrigins) return;\n\n const visitorCounts = aggregateVisitorData(visitorOrigins);\n const visitorPoints = generateVisitorPoints(visitorOrigins);\n\n globeInstance.current\n .polygonsData(worldData.features)\n .polygonCapColor(d => {\n const count = visitorCounts[d.properties.name] || 0;\n return count > 0 \n ? `rgba(255,165,0,${Math.min(1, count / 10)})`\n : isDarkMode ? 'rgba(255,255,255,0.15)' : 'rgba(0,0,0,0.15)';\n })\n .polygonLabel(({ properties: d }) => {\n const visitorCount = visitorCounts[d.name] || 0;\n return `\n

\n ${d.name}
\n Visitors: ${visitorCount}\n

\n `;\n })\n .pointsData(visitorPoints)\n .pointLabel(d => `\n

\n ${d.country}
\n Visitors: ${d.visitors}\n

\n `);\n };\n\n const aggregateVisitorData = (visitorOrigins) => {\n const visitorCounts = {};\n let unknownCount = 0;\n\n Object.entries(visitorOrigins).forEach(([countryCode, count]) => {\n if (countryCode === 'Unknown') {\n unknownCount += count;\n } else {\n const countryName = countryCodeToName[countryCode] || countryCode;\n visitorCounts[countryName] = (visitorCounts[countryName] || 0) + count;\n }\n });\n return visitorCounts;\n };\n\n const generateVisitorPoints = (visitorOrigins) => {\n return Object.entries(visitorOrigins).map(([countryCode, count]) => {\n if (countryCode !== 'Unknown') {\n const country = countries.find(c => c.cca2 === countryCode);\n if (country && country.latlng) {\n return {\n lat: country.latlng[0],\n lng: country.latlng[1],\n country: countryCodeToName[countryCode] || country.name.common,\n visitors: count\n };\n }\n }\n return null;\n }).filter(Boolean);\n };\n\n if (!visitorOrigins || Object.keys(visitorOrigins).length === 0) {\n return

No visitor data available

;\n }\n\n return (\n

\n );\n};\n\nexport default VisitorGlobe;",[],[101],"files",[161,179,187,195,202,209,218,228,235,243,251,259,267,275,283,291,298,308,316,324,332,340,348,356,364,372,380,388,396,403,413,420,429,435,442,451,459,467,477,486,496,505,514,523,532,541,550,559,568,577,586,595,604],"counts",{"_616":33,"_617":169,"_618":169,"_619":620,"_623":624},"pulls","branches","forks","envVars",{"_621":33,"_622":33},"count","emptyCount","connections",{"_621":33,"_625":33},"unfilledCount","contents",[],{"_106":605,"_167":149,"_164":606,"_97":101,"_174":609,"_172":492,"_102":33,"_166":-5,"_108":629,"_168":607,"_176":-5,"_100":630},["D",1769453708825],[101],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_95":96,"_97":98,"_99":45,"_102":103,"_100":101,"_104":639,"_159":644,"_612":804,"_223":805,"_626":808,"_809":-5,"_810":-5,"_811":-5,"_812":-5,"_813":814,"_619":-5},{"_106":107,"_97":98,"_108":640,"_110":-5,"_111":22,"_112":113,"_114":74,"_115":-5,"_14":116,"_117":118,"_119":120,"_121":-5,"_122":-5,"_123":33,"_16":124,"_125":126,"_127":128,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_23":641,"_141":642,"_146":643,"_158":22},["D",1769453702149],{"_95":96,"_139":140},{"_95":96,"_143":140,"_14":116,"_144":145},{"_102":148,"_97":45,"_106":149,"_150":107,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":-5,"_156":98,"_157":96},[645,759,762,765,768,771,774,777,780,783,786,789,792,795,798,801],{"_106":162,"_97":163,"_164":165,"_166":-5,"_167":149,"_168":169,"_170":120,"_108":171,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":646,"_100":758},[647,650,653,665,740,749,752,755],{"_106":180,"_97":181,"_164":182,"_166":165,"_167":149,"_168":183,"_170":120,"_108":184,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":648,"_100":649},[],[163,181],{"_106":188,"_97":189,"_164":190,"_166":165,"_167":149,"_168":191,"_170":120,"_108":192,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":651,"_100":652},[],[163,189],{"_106":196,"_97":197,"_164":198,"_166":165,"_167":149,"_168":199,"_170":120,"_108":200,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":654,"_100":664},[655,661],{"_106":203,"_97":204,"_164":205,"_166":198,"_167":149,"_168":206,"_170":120,"_108":207,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":656,"_100":660},[657],{"_106":210,"_97":211,"_164":212,"_166":205,"_167":149,"_168":213,"_170":120,"_108":214,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":658,"_100":659},[],[163,197,204,211],[163,197,204],{"_106":219,"_97":220,"_164":221,"_166":198,"_167":149,"_168":103,"_170":120,"_108":222,"_102":33,"_172":223,"_174":224,"_175":22,"_176":-5,"_177":662,"_100":663},[],[163,197,220],[163,197],{"_106":229,"_97":230,"_164":231,"_166":165,"_167":149,"_168":232,"_170":120,"_108":233,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":666,"_100":739},[667,670,673,676,679,682,685,688,694,697,700,703,706,709,712,715,718,721,724,727,733,736],{"_106":236,"_97":237,"_164":238,"_166":231,"_167":149,"_168":239,"_170":120,"_108":240,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":668,"_100":669},[],[163,230,237],{"_106":244,"_97":245,"_164":246,"_166":231,"_167":149,"_168":247,"_170":120,"_108":248,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":671,"_100":672},[],[163,230,245],{"_106":252,"_97":253,"_164":254,"_166":231,"_167":149,"_168":255,"_170":120,"_108":256,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":674,"_100":675},[],[163,230,253],{"_106":260,"_97":261,"_164":262,"_166":231,"_167":149,"_168":263,"_170":120,"_108":264,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":677,"_100":678},[],[163,230,261],{"_106":268,"_97":269,"_164":270,"_166":231,"_167":149,"_168":271,"_170":120,"_108":272,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":680,"_100":681},[],[163,230,269],{"_106":276,"_97":277,"_164":278,"_166":231,"_167":149,"_168":279,"_170":120,"_108":280,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":683,"_100":684},[],[163,230,277],{"_106":284,"_97":285,"_164":286,"_166":231,"_167":149,"_168":287,"_170":120,"_108":288,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":686,"_100":687},[],[163,230,285],{"_106":292,"_97":293,"_164":294,"_166":231,"_167":149,"_168":295,"_170":120,"_108":296,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":689,"_100":693},[690],{"_106":299,"_97":300,"_164":301,"_166":294,"_167":149,"_168":302,"_170":120,"_108":303,"_102":33,"_172":223,"_174":304,"_175":22,"_176":-5,"_177":691,"_100":692},[],[163,230,293,300],[163,230,293],{"_106":309,"_97":310,"_164":311,"_166":231,"_167":149,"_168":312,"_170":120,"_108":313,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":695,"_100":696},[],[163,230,310],{"_106":317,"_97":318,"_164":319,"_166":231,"_167":149,"_168":320,"_170":120,"_108":321,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":698,"_100":699},[],[163,230,318],{"_106":325,"_97":326,"_164":327,"_166":231,"_167":149,"_168":328,"_170":120,"_108":329,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":701,"_100":702},[],[163,230,326],{"_106":333,"_97":334,"_164":335,"_166":231,"_167":149,"_168":336,"_170":120,"_108":337,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":704,"_100":705},[],[163,230,334],{"_106":341,"_97":342,"_164":343,"_166":231,"_167":149,"_168":344,"_170":120,"_108":345,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":707,"_100":708},[],[163,230,342],{"_106":349,"_97":350,"_164":351,"_166":231,"_167":149,"_168":352,"_170":120,"_108":353,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":710,"_100":711},[],[163,230,350],{"_106":357,"_97":358,"_164":359,"_166":231,"_167":149,"_168":360,"_170":120,"_108":361,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":713,"_100":714},[],[163,230,358],{"_106":365,"_97":366,"_164":367,"_166":231,"_167":149,"_168":368,"_170":120,"_108":369,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":716,"_100":717},[],[163,230,366],{"_106":373,"_97":374,"_164":375,"_166":231,"_167":149,"_168":376,"_170":120,"_108":377,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":719,"_100":720},[],[163,230,374],{"_106":381,"_97":382,"_164":383,"_166":231,"_167":149,"_168":384,"_170":120,"_108":385,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":722,"_100":723},[],[163,230,382],{"_106":389,"_97":390,"_164":391,"_166":231,"_167":149,"_168":392,"_170":120,"_108":393,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":725,"_100":726},[],[163,230,390],{"_106":397,"_97":398,"_164":399,"_166":231,"_167":149,"_168":400,"_170":120,"_108":401,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":728,"_100":732},[729],{"_106":404,"_97":405,"_164":406,"_166":399,"_167":149,"_168":407,"_170":120,"_108":408,"_102":33,"_172":223,"_174":409,"_175":22,"_176":-5,"_177":730,"_100":731},[],[163,230,398,405],[163,230,398],{"_106":414,"_97":189,"_164":415,"_166":231,"_167":149,"_168":416,"_170":120,"_108":417,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":734,"_100":735},[],[163,230,189],{"_106":421,"_97":422,"_164":423,"_166":231,"_167":149,"_168":424,"_170":120,"_108":425,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":737,"_100":738},[],[163,230,422],[163,230],{"_106":430,"_97":204,"_164":431,"_166":165,"_167":149,"_168":432,"_170":120,"_108":433,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":741,"_100":748},[742,745],{"_106":436,"_97":211,"_164":437,"_166":431,"_167":149,"_168":438,"_170":120,"_108":439,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":743,"_100":744},[],[163,204,211],{"_106":443,"_97":444,"_164":445,"_166":431,"_167":149,"_168":446,"_170":120,"_108":447,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":746,"_100":747},[],[163,204,444],[163,204],{"_106":452,"_97":453,"_164":454,"_166":165,"_167":149,"_168":455,"_170":120,"_108":456,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":750,"_100":751},[],[163,453],{"_106":460,"_97":220,"_164":461,"_166":165,"_167":149,"_168":462,"_170":120,"_108":463,"_102":33,"_172":223,"_174":464,"_175":22,"_176":-5,"_177":753,"_100":754},[],[163,220],{"_106":468,"_97":469,"_164":470,"_166":165,"_167":149,"_168":471,"_170":120,"_108":472,"_102":33,"_172":223,"_174":473,"_175":22,"_176":-5,"_177":756,"_100":757},[],[163,469],[163],{"_106":478,"_97":479,"_164":480,"_166":-5,"_167":149,"_168":481,"_170":120,"_108":482,"_102":33,"_172":223,"_174":483,"_175":22,"_176":-5,"_177":760,"_100":761},[],[479],{"_106":487,"_97":488,"_164":489,"_166":-5,"_167":149,"_168":490,"_170":22,"_108":491,"_102":33,"_172":492,"_174":493,"_175":22,"_176":-5,"_177":763,"_100":764},[],[488],{"_106":497,"_97":498,"_164":499,"_166":-5,"_167":149,"_168":500,"_170":22,"_108":501,"_102":33,"_172":492,"_174":502,"_175":22,"_176":-5,"_177":766,"_100":767},[],[498],{"_106":506,"_97":507,"_164":508,"_166":-5,"_167":149,"_168":509,"_170":22,"_108":510,"_102":33,"_172":223,"_174":511,"_175":22,"_176":-5,"_177":769,"_100":770},[],[507],{"_106":515,"_97":516,"_164":517,"_166":-5,"_167":149,"_168":518,"_170":22,"_108":519,"_102":33,"_172":492,"_174":520,"_175":22,"_176":-5,"_177":772,"_100":773},[],[516],{"_106":524,"_97":525,"_164":526,"_166":-5,"_167":149,"_168":527,"_170":22,"_108":528,"_102":33,"_172":492,"_174":529,"_175":22,"_176":-5,"_177":775,"_100":776},[],[525],{"_106":533,"_97":534,"_164":535,"_166":-5,"_167":149,"_168":536,"_170":22,"_108":537,"_102":33,"_172":492,"_174":538,"_175":22,"_176":-5,"_177":778,"_100":779},[],[534],{"_106":542,"_97":543,"_164":544,"_166":-5,"_167":149,"_168":545,"_170":22,"_108":546,"_102":33,"_172":492,"_174":547,"_175":22,"_176":-5,"_177":781,"_100":782},[],[543],{"_106":551,"_97":552,"_164":553,"_166":-5,"_167":149,"_168":554,"_170":22,"_108":555,"_102":33,"_172":492,"_174":556,"_175":22,"_176":-5,"_177":784,"_100":785},[],[552],{"_106":560,"_97":561,"_164":562,"_166":-5,"_167":149,"_168":563,"_170":22,"_108":564,"_102":33,"_172":492,"_174":565,"_175":22,"_176":-5,"_177":787,"_100":788},[],[561],{"_106":569,"_97":570,"_164":571,"_166":-5,"_167":149,"_168":572,"_170":22,"_108":573,"_102":33,"_172":492,"_174":574,"_175":22,"_176":-5,"_177":790,"_100":791},[],[570],{"_106":578,"_97":579,"_164":580,"_166":-5,"_167":149,"_168":581,"_170":22,"_108":582,"_102":33,"_172":492,"_174":583,"_175":22,"_176":-5,"_177":793,"_100":794},[],[579],{"_106":587,"_97":588,"_164":589,"_166":-5,"_167":149,"_168":590,"_170":22,"_108":591,"_102":33,"_172":492,"_174":592,"_175":22,"_176":-5,"_177":796,"_100":797},[],[588],{"_106":596,"_97":597,"_164":598,"_166":-5,"_167":149,"_168":599,"_170":22,"_108":600,"_102":33,"_172":492,"_174":601,"_175":22,"_176":-5,"_177":799,"_100":800},[],[597],{"_106":605,"_97":101,"_164":606,"_166":-5,"_167":149,"_168":607,"_170":22,"_108":608,"_102":33,"_172":492,"_174":609,"_175":22,"_176":-5,"_177":802,"_100":803},[],[101],[645,647,650,653,655,657,661,665,667,670,673,676,679,682,685,688,690,694,697,700,703,706,709,712,715,718,721,724,727,729,733,736,740,742,745,749,752,755,759,762,765,768,771,774,777,780,783,786,789,792,795,798,801],{"_106":605,"_97":101,"_164":606,"_166":-5,"_167":149,"_168":607,"_170":22,"_108":806,"_102":33,"_172":492,"_174":609,"_175":22,"_176":-5,"_100":807},["D",1769453708825],[101],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

nbbaier

counterTown