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;",[],[656],{"_106":664,"_97":665,"_164":666,"_166":-5,"_167":149,"_168":667,"_170":22,"_108":668,"_102":33,"_172":192,"_174":669,"_175":22,"_176":-5,"_177":670,"_100":671},"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",[],[665],{"_106":673,"_97":674,"_164":675,"_166":-5,"_167":149,"_168":676,"_170":22,"_108":677,"_102":33,"_172":650,"_174":678,"_175":22,"_176":-5,"_177":679,"_100":680},"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;",[],[674],{"_106":682,"_97":683,"_164":684,"_166":-5,"_167":149,"_168":685,"_170":22,"_108":686,"_102":33,"_172":650,"_174":687,"_175":22,"_176":-5,"_177":688,"_100":689},"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;",[],[683],{"_106":691,"_97":692,"_164":693,"_166":-5,"_167":149,"_168":694,"_170":22,"_108":695,"_102":33,"_172":650,"_174":696,"_175":22,"_176":-5,"_177":697,"_100":698},"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;",[],[692],{"_106":700,"_97":701,"_164":702,"_166":-5,"_167":149,"_168":703,"_170":22,"_108":704,"_102":33,"_172":650,"_174":705,"_175":22,"_176":-5,"_177":706,"_100":707},"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;",[],[701],{"_106":709,"_97":710,"_164":711,"_166":-5,"_167":149,"_168":712,"_170":22,"_108":713,"_102":33,"_172":650,"_174":714,"_175":22,"_176":-5,"_177":715,"_100":716},"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}",[],[710],{"_106":718,"_97":719,"_164":720,"_166":-5,"_167":149,"_168":721,"_170":22,"_108":722,"_102":33,"_172":650,"_174":723,"_175":22,"_176":-5,"_177":724,"_100":725},"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);",[],[719],{"_106":727,"_97":728,"_164":729,"_166":-5,"_167":149,"_168":730,"_170":22,"_108":731,"_102":33,"_172":650,"_174":732,"_175":22,"_176":-5,"_177":733,"_100":734},"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}",[],[728],{"_106":736,"_97":737,"_164":738,"_166":-5,"_167":149,"_168":739,"_170":22,"_108":740,"_102":33,"_172":650,"_174":741,"_175":22,"_176":-5,"_177":742,"_100":743},"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};",[],[737],{"_106":745,"_97":746,"_164":747,"_166":-5,"_167":149,"_168":748,"_170":22,"_108":749,"_102":33,"_172":650,"_174":750,"_175":22,"_176":-5,"_177":751,"_100":752},"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;",[],[746],{"_106":754,"_97":755,"_164":756,"_166":-5,"_167":149,"_168":757,"_170":22,"_108":758,"_102":33,"_172":650,"_174":759,"_175":22,"_176":-5,"_177":760,"_100":761},"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;",[],[755],{"_106":763,"_97":764,"_164":765,"_166":-5,"_167":149,"_168":766,"_170":22,"_108":767,"_102":33,"_172":650,"_174":768,"_175":22,"_176":-5,"_177":769,"_100":770},"891ec30a-fae8-11f0-869c-42dde27851f2","visitorGlobe.tsx","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;",[],[764],"files",[161,179,186,196,205,214,223,232,241,250,258,267,276,285,294,303,313,320,330,337,344,351,361,370,377,385,393,401,409,417,425,433,440,450,458,466,474,482,490,498,506,514,522,530,538,545,555,562,571,577,583,592,601,609,617,626,635,644,654,663,672,681,690,699,708,717,726,735,744,753,762],"counts",{"_775":33,"_776":169,"_777":169,"_778":779,"_782":783},"pulls","branches","forks","envVars",{"_780":33,"_781":33},"count","emptyCount","connections",{"_780":33,"_784":33},"unfilledCount","contents",[787],{"_106":352,"_97":45,"_164":353,"_166":347,"_167":149,"_168":354,"_170":120,"_108":788,"_102":33,"_172":192,"_174":356,"_175":22,"_176":-5,"_100":789},["D",1769453709210],[163,332,339,346,45],{"_106":345,"_97":346,"_164":347,"_166":340,"_167":149,"_168":348,"_170":120,"_108":791,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_100":792},["D",1769453708203],[163,332,339,346],"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":801,"_159":806,"_771":1020,"_192":1021,"_785":1023,"_1026":-5,"_1027":-5,"_1028":-5,"_1029":-5,"_1030":1031,"_778":-5},{"_106":107,"_97":98,"_108":802,"_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":803,"_141":804,"_146":805,"_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},[807,975,978,981,984,987,990,993,996,999,1002,1005,1008,1011,1014,1017],{"_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":808,"_100":974},[809,854,860,875,950,962,965,968,971],{"_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":810,"_100":853},[811,814,817,820,823,826,829,832,835,838,841,844,847,850],{"_106":187,"_97":188,"_164":189,"_166":182,"_167":149,"_168":190,"_170":120,"_108":191,"_102":33,"_172":192,"_174":193,"_175":22,"_176":-5,"_177":812,"_100":813},[],[163,181,188],{"_106":197,"_97":198,"_164":199,"_166":182,"_167":149,"_168":200,"_170":120,"_108":201,"_102":33,"_172":192,"_174":202,"_175":22,"_176":-5,"_177":815,"_100":816},[],[163,181,198],{"_106":206,"_97":207,"_164":208,"_166":182,"_167":149,"_168":209,"_170":120,"_108":210,"_102":33,"_172":192,"_174":211,"_175":22,"_176":-5,"_177":818,"_100":819},[],[163,181,207],{"_106":215,"_97":216,"_164":217,"_166":182,"_167":149,"_168":218,"_170":120,"_108":219,"_102":33,"_172":192,"_174":220,"_175":22,"_176":-5,"_177":821,"_100":822},[],[163,181,216],{"_106":224,"_97":225,"_164":226,"_166":182,"_167":149,"_168":227,"_170":120,"_108":228,"_102":33,"_172":192,"_174":229,"_175":22,"_176":-5,"_177":824,"_100":825},[],[163,181,225],{"_106":233,"_97":234,"_164":235,"_166":182,"_167":149,"_168":236,"_170":120,"_108":237,"_102":33,"_172":192,"_174":238,"_175":22,"_176":-5,"_177":827,"_100":828},[],[163,181,234],{"_106":242,"_97":243,"_164":244,"_166":182,"_167":149,"_168":245,"_170":120,"_108":246,"_102":33,"_172":192,"_174":247,"_175":22,"_176":-5,"_177":830,"_100":831},[],[163,181,243],{"_106":251,"_97":252,"_164":253,"_166":182,"_167":149,"_168":103,"_170":120,"_108":254,"_102":33,"_172":192,"_174":255,"_175":22,"_176":-5,"_177":833,"_100":834},[],[163,181,252],{"_106":259,"_97":260,"_164":261,"_166":182,"_167":149,"_168":262,"_170":120,"_108":263,"_102":33,"_172":192,"_174":264,"_175":22,"_176":-5,"_177":836,"_100":837},[],[163,181,260],{"_106":268,"_97":269,"_164":270,"_166":182,"_167":149,"_168":271,"_170":120,"_108":272,"_102":33,"_172":192,"_174":273,"_175":22,"_176":-5,"_177":839,"_100":840},[],[163,181,269],{"_106":277,"_97":278,"_164":279,"_166":182,"_167":149,"_168":280,"_170":120,"_108":281,"_102":33,"_172":192,"_174":282,"_175":22,"_176":-5,"_177":842,"_100":843},[],[163,181,278],{"_106":286,"_97":287,"_164":288,"_166":182,"_167":149,"_168":289,"_170":120,"_108":290,"_102":33,"_172":192,"_174":291,"_175":22,"_176":-5,"_177":845,"_100":846},[],[163,181,287],{"_106":295,"_97":296,"_164":297,"_166":182,"_167":149,"_168":298,"_170":120,"_108":299,"_102":33,"_172":192,"_174":300,"_175":22,"_176":-5,"_177":848,"_100":849},[],[163,181,296],{"_106":304,"_97":305,"_164":306,"_166":182,"_167":149,"_168":307,"_170":120,"_108":308,"_102":33,"_172":192,"_174":309,"_175":22,"_176":-5,"_177":851,"_100":852},[],[163,181,305],[163,181],{"_106":314,"_97":315,"_164":316,"_166":165,"_167":149,"_168":317,"_170":120,"_108":318,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":855,"_100":859},[856],{"_106":321,"_97":322,"_164":323,"_166":316,"_167":149,"_168":324,"_170":120,"_108":325,"_102":33,"_172":192,"_174":326,"_175":22,"_176":-5,"_177":857,"_100":858},[],[163,315,322],[163,315],{"_106":331,"_97":332,"_164":333,"_166":165,"_167":149,"_168":334,"_170":120,"_108":335,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":861,"_100":874},[862,871],{"_106":338,"_97":339,"_164":340,"_166":333,"_167":149,"_168":341,"_170":120,"_108":342,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":863,"_100":870},[864],{"_106":345,"_97":346,"_164":347,"_166":340,"_167":149,"_168":348,"_170":120,"_108":349,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":865,"_100":869},[866],{"_106":352,"_97":45,"_164":353,"_166":347,"_167":149,"_168":354,"_170":120,"_108":355,"_102":33,"_172":192,"_174":356,"_175":22,"_176":-5,"_177":867,"_100":868},[],[163,332,339,346,45],[163,332,339,346],[163,332,339],{"_106":362,"_97":363,"_164":364,"_166":333,"_167":149,"_168":365,"_170":120,"_108":366,"_102":33,"_172":192,"_174":356,"_175":22,"_176":-5,"_177":872,"_100":873},[],[163,332,363],[163,332],{"_106":371,"_97":372,"_164":373,"_166":165,"_167":149,"_168":374,"_170":120,"_108":375,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":876,"_100":949},[877,880,883,886,889,892,895,898,904,907,910,913,916,919,922,925,928,931,934,937,943,946],{"_106":378,"_97":379,"_164":380,"_166":373,"_167":149,"_168":381,"_170":120,"_108":382,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":878,"_100":879},[],[163,372,379],{"_106":386,"_97":387,"_164":388,"_166":373,"_167":149,"_168":389,"_170":120,"_108":390,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":881,"_100":882},[],[163,372,387],{"_106":394,"_97":395,"_164":396,"_166":373,"_167":149,"_168":397,"_170":120,"_108":398,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":884,"_100":885},[],[163,372,395],{"_106":402,"_97":403,"_164":404,"_166":373,"_167":149,"_168":405,"_170":120,"_108":406,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":887,"_100":888},[],[163,372,403],{"_106":410,"_97":411,"_164":412,"_166":373,"_167":149,"_168":413,"_170":120,"_108":414,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":890,"_100":891},[],[163,372,411],{"_106":418,"_97":419,"_164":420,"_166":373,"_167":149,"_168":421,"_170":120,"_108":422,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":893,"_100":894},[],[163,372,419],{"_106":426,"_97":427,"_164":428,"_166":373,"_167":149,"_168":429,"_170":120,"_108":430,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":896,"_100":897},[],[163,372,427],{"_106":434,"_97":435,"_164":436,"_166":373,"_167":149,"_168":437,"_170":120,"_108":438,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":899,"_100":903},[900],{"_106":441,"_97":442,"_164":443,"_166":436,"_167":149,"_168":444,"_170":120,"_108":445,"_102":33,"_172":192,"_174":446,"_175":22,"_176":-5,"_177":901,"_100":902},[],[163,372,435,442],[163,372,435],{"_106":451,"_97":452,"_164":453,"_166":373,"_167":149,"_168":454,"_170":120,"_108":455,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":905,"_100":906},[],[163,372,452],{"_106":459,"_97":460,"_164":461,"_166":373,"_167":149,"_168":462,"_170":120,"_108":463,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":908,"_100":909},[],[163,372,460],{"_106":467,"_97":468,"_164":469,"_166":373,"_167":149,"_168":470,"_170":120,"_108":471,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":911,"_100":912},[],[163,372,468],{"_106":475,"_97":476,"_164":477,"_166":373,"_167":149,"_168":478,"_170":120,"_108":479,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":914,"_100":915},[],[163,372,476],{"_106":483,"_97":484,"_164":485,"_166":373,"_167":149,"_168":486,"_170":120,"_108":487,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":917,"_100":918},[],[163,372,484],{"_106":491,"_97":492,"_164":493,"_166":373,"_167":149,"_168":494,"_170":120,"_108":495,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":920,"_100":921},[],[163,372,492],{"_106":499,"_97":500,"_164":501,"_166":373,"_167":149,"_168":502,"_170":120,"_108":503,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":923,"_100":924},[],[163,372,500],{"_106":507,"_97":508,"_164":509,"_166":373,"_167":149,"_168":510,"_170":120,"_108":511,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":926,"_100":927},[],[163,372,508],{"_106":515,"_97":516,"_164":517,"_166":373,"_167":149,"_168":518,"_170":120,"_108":519,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":929,"_100":930},[],[163,372,516],{"_106":523,"_97":524,"_164":525,"_166":373,"_167":149,"_168":526,"_170":120,"_108":527,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":932,"_100":933},[],[163,372,524],{"_106":531,"_97":532,"_164":533,"_166":373,"_167":149,"_168":534,"_170":120,"_108":535,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":935,"_100":936},[],[163,372,532],{"_106":539,"_97":540,"_164":541,"_166":373,"_167":149,"_168":542,"_170":120,"_108":543,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":938,"_100":942},[939],{"_106":546,"_97":547,"_164":548,"_166":541,"_167":149,"_168":549,"_170":120,"_108":550,"_102":33,"_172":192,"_174":551,"_175":22,"_176":-5,"_177":940,"_100":941},[],[163,372,540,547],[163,372,540],{"_106":556,"_97":315,"_164":557,"_166":373,"_167":149,"_168":558,"_170":120,"_108":559,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":944,"_100":945},[],[163,372,315],{"_106":563,"_97":564,"_164":565,"_166":373,"_167":149,"_168":566,"_170":120,"_108":567,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":947,"_100":948},[],[163,372,564],[163,372],{"_106":572,"_97":339,"_164":573,"_166":165,"_167":149,"_168":574,"_170":120,"_108":575,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":951,"_100":961},[952,958],{"_106":578,"_97":346,"_164":579,"_166":573,"_167":149,"_168":580,"_170":120,"_108":581,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":953,"_100":957},[954],{"_106":584,"_97":45,"_164":585,"_166":579,"_167":149,"_168":586,"_170":120,"_108":587,"_102":33,"_172":192,"_174":588,"_175":22,"_176":-5,"_177":955,"_100":956},[],[163,339,346,45],[163,339,346],{"_106":593,"_97":594,"_164":595,"_166":573,"_167":149,"_168":596,"_170":120,"_108":597,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":959,"_100":960},[],[163,339,594],[163,339],{"_106":602,"_97":603,"_164":604,"_166":165,"_167":149,"_168":605,"_170":120,"_108":606,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":963,"_100":964},[],[163,603],{"_106":610,"_97":363,"_164":611,"_166":165,"_167":149,"_168":612,"_170":120,"_108":613,"_102":33,"_172":192,"_174":614,"_175":22,"_176":-5,"_177":966,"_100":967},[],[163,363],{"_106":618,"_97":619,"_164":620,"_166":165,"_167":149,"_168":621,"_170":120,"_108":622,"_102":33,"_172":192,"_174":623,"_175":22,"_176":-5,"_177":969,"_100":970},[],[163,619],{"_106":627,"_97":114,"_164":628,"_166":165,"_167":149,"_168":629,"_170":120,"_108":630,"_102":33,"_172":192,"_174":631,"_175":22,"_176":-5,"_177":972,"_100":973},[],[163,114],[163],{"_106":636,"_97":637,"_164":638,"_166":-5,"_167":149,"_168":639,"_170":120,"_108":640,"_102":33,"_172":192,"_174":641,"_175":22,"_176":-5,"_177":976,"_100":977},[],[637],{"_106":645,"_97":646,"_164":647,"_166":-5,"_167":149,"_168":648,"_170":22,"_108":649,"_102":33,"_172":650,"_174":651,"_175":22,"_176":-5,"_177":979,"_100":980},[],[646],{"_106":655,"_97":656,"_164":657,"_166":-5,"_167":149,"_168":658,"_170":22,"_108":659,"_102":33,"_172":650,"_174":660,"_175":22,"_176":-5,"_177":982,"_100":983},[],[656],{"_106":664,"_97":665,"_164":666,"_166":-5,"_167":149,"_168":667,"_170":22,"_108":668,"_102":33,"_172":192,"_174":669,"_175":22,"_176":-5,"_177":985,"_100":986},[],[665],{"_106":673,"_97":674,"_164":675,"_166":-5,"_167":149,"_168":676,"_170":22,"_108":677,"_102":33,"_172":650,"_174":678,"_175":22,"_176":-5,"_177":988,"_100":989},[],[674],{"_106":682,"_97":683,"_164":684,"_166":-5,"_167":149,"_168":685,"_170":22,"_108":686,"_102":33,"_172":650,"_174":687,"_175":22,"_176":-5,"_177":991,"_100":992},[],[683],{"_106":691,"_97":692,"_164":693,"_166":-5,"_167":149,"_168":694,"_170":22,"_108":695,"_102":33,"_172":650,"_174":696,"_175":22,"_176":-5,"_177":994,"_100":995},[],[692],{"_106":700,"_97":701,"_164":702,"_166":-5,"_167":149,"_168":703,"_170":22,"_108":704,"_102":33,"_172":650,"_174":705,"_175":22,"_176":-5,"_177":997,"_100":998},[],[701],{"_106":709,"_97":710,"_164":711,"_166":-5,"_167":149,"_168":712,"_170":22,"_108":713,"_102":33,"_172":650,"_174":714,"_175":22,"_176":-5,"_177":1000,"_100":1001},[],[710],{"_106":718,"_97":719,"_164":720,"_166":-5,"_167":149,"_168":721,"_170":22,"_108":722,"_102":33,"_172":650,"_174":723,"_175":22,"_176":-5,"_177":1003,"_100":1004},[],[719],{"_106":727,"_97":728,"_164":729,"_166":-5,"_167":149,"_168":730,"_170":22,"_108":731,"_102":33,"_172":650,"_174":732,"_175":22,"_176":-5,"_177":1006,"_100":1007},[],[728],{"_106":736,"_97":737,"_164":738,"_166":-5,"_167":149,"_168":739,"_170":22,"_108":740,"_102":33,"_172":650,"_174":741,"_175":22,"_176":-5,"_177":1009,"_100":1010},[],[737],{"_106":745,"_97":746,"_164":747,"_166":-5,"_167":149,"_168":748,"_170":22,"_108":749,"_102":33,"_172":650,"_174":750,"_175":22,"_176":-5,"_177":1012,"_100":1013},[],[746],{"_106":754,"_97":755,"_164":756,"_166":-5,"_167":149,"_168":757,"_170":22,"_108":758,"_102":33,"_172":650,"_174":759,"_175":22,"_176":-5,"_177":1015,"_100":1016},[],[755],{"_106":763,"_97":764,"_164":765,"_166":-5,"_167":149,"_168":766,"_170":22,"_108":767,"_102":33,"_172":650,"_174":768,"_175":22,"_176":-5,"_177":1018,"_100":1019},[],[764],[807,809,811,814,817,820,823,826,829,832,835,838,841,844,847,850,854,856,860,862,864,866,871,875,877,880,883,886,889,892,895,898,900,904,907,910,913,916,919,922,925,928,931,934,937,939,943,946,950,952,954,958,962,965,968,971,975,978,981,984,987,990,993,996,999,1002,1005,1008,1011,1014,1017],{"_106":345,"_97":346,"_164":347,"_166":340,"_167":149,"_168":348,"_170":120,"_108":791,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_100":1022},[163,332,339,346],[1024],{"_106":352,"_97":45,"_164":353,"_166":347,"_167":149,"_168":354,"_170":120,"_108":788,"_102":33,"_172":192,"_174":356,"_175":22,"_176":-5,"_100":1025},[163,332,339,346,45],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

nbbaier

counterTown