Error loading chart data: {error}

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

No chart data available

;\n }\n\n const charts = [\n { \n title: \"browsers\", \n data: chartData.browsers, \n type: \"verticalBar\" \n },\n { \n title: \"operating systems\", \n data: chartData.os, \n type: \"verticalBar\" \n },\n { \n title: \"screen sizes\", \n data: chartData.screenSizes, \n type: \"verticalBar\" \n },\n { \n title: \"locations\", \n data: chartData.countries, \n type: \"location\" \n },\n { \n title: \"views over time\", \n data: chartData.timeData, \n type: \"bar\"\n },\n ];\n\n return (\n

\n {charts.map((chart) => (\n \n ))}\n

\n );\n};\n\nexport default ChartsSection;",[],[683],{"_106":691,"_97":692,"_164":693,"_166":-5,"_167":149,"_168":694,"_170":22,"_108":695,"_102":33,"_172":668,"_174":696,"_175":22,"_176":-5,"_177":697,"_100":698},"89c52cfe-fae8-11f0-acc0-42dde27851f2","ConnectionStatus.tsx","89c52d9e-fae8-11f0-acc0-42dde27851f2",75,["D",1769453709921],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React from 'https://esm.sh/react@17.0.2';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst ConnectionStatus = () => {\n const { error, connectionStatus } = useAnalytics();\n \n let statusText = 'Connecting';\n let statusColor = 'bg-yellow-500';\n let pulseEffect = '';\n\n if (connectionStatus === 'Connected') {\n statusText = 'Live';\n statusColor = 'bg-green-500';\n pulseEffect = 'pulse';\n } else if (connectionStatus.includes('Error')) {\n statusText = 'Error';\n statusColor = 'bg-red-500';\n }\n\n return (\n <>\n \n

\n \n {statusText}\n

\n \n );\n};\n\nexport default ConnectionStatus;",[],[692],{"_106":700,"_97":701,"_164":702,"_166":-5,"_167":149,"_168":703,"_170":22,"_108":704,"_102":33,"_172":668,"_174":705,"_175":22,"_176":-5,"_177":706,"_100":707},"88e426be-fae8-11f0-8e4e-42dde27851f2","Dashboard.tsx","88e4279a-fae8-11f0-8e4e-42dde27851f2",37,["D",1769453708405],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useEffect, useState } from 'https://esm.sh/react@17.0.2';\nimport { useParams } from 'https://esm.sh/react-router-dom@6.3.0';\nimport ConnectionStatus from \"https://esm.town/v/iamseeley/ConnectionStatus\";\nimport OverallStatsSection from \"https://esm.town/v/iamseeley/OverallStatsSection\";\nimport SitesSection from \"https://esm.town/v/iamseeley/SitesSection\";\nimport TopPathsSection from \"https://esm.town/v/iamseeley/TopPathsSection\";\nimport TopReferrersSection from \"https://esm.town/v/iamseeley/TopReferrersSection\";\nimport VisitorOriginsSection from \"https://esm.town/v/iamseeley/VisitorOriginsSection\";\nimport ChartsSection from \"https://esm.town/v/iamseeley/ChartsSection\";\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst Dashboard = () => {\n const { sitename } = useParams();\n const {\n currentSite,\n setCurrentSite,\n siteExists,\n error\n } = useAnalytics();\n const [isValidSite, setIsValidSite] = useState(true);\n\n useEffect(() => {\n if (sitename) {\n if (siteExists(sitename)) {\n setCurrentSite(sitename);\n setIsValidSite(true);\n } else {\n setIsValidSite(false);\n }\n } else {\n setCurrentSite(null);\n setIsValidSite(true);\n }\n }, [sitename, setCurrentSite, siteExists]);\n\n if (error) {\n return

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;",[],[701],{"_106":709,"_97":710,"_164":711,"_166":-5,"_167":149,"_168":712,"_170":22,"_108":713,"_102":33,"_172":668,"_174":714,"_175":22,"_176":-5,"_177":715,"_100":716},"89c038fc-fae8-11f0-9743-42dde27851f2","Navigation.tsx","89c039a6-fae8-11f0-9743-42dde27851f2",74,["D",1769453709886],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React from 'https://esm.sh/react@17.0.2';\nimport { Link, useLocation } from 'https://esm.sh/react-router-dom@17.0.2';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst Navigation = ({ isDark }) => {\n const { pathname } = useLocation();\n const { allSites, error } = useAnalytics();\n const isActive = (path) => pathname === path;\n\n if (error) {\n return

Error loading navigation

;\n }\n\n return (\n \n );\n};\n\nexport default Navigation;",[],[710],{"_106":718,"_97":719,"_164":720,"_166":-5,"_167":149,"_168":721,"_170":22,"_108":722,"_102":33,"_172":668,"_174":723,"_175":22,"_176":-5,"_177":724,"_100":725},"89ca4b76-fae8-11f0-acc0-42dde27851f2","OverallStatsSection.tsx","89ca4c2a-fae8-11f0-acc0-42dde27851f2",77,["D",1769453709953],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useState, useMemo } from 'https://esm.sh/react@17.0.2';\nimport StatCard from 'https://esm.town/v/iamseeley/statCard';\nimport { TrendingUp, TrendingDown } from 'https://esm.sh/lucide-react';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst OverallStatsSection = () => {\n const { overallStats, error } = useAnalytics();\n const [selectedPeriod, setSelectedPeriod] = useState('day');\n\n if (error) {\n return

Error loading stats: {error}

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

No stats available

;\n }\n\n const periodData = useMemo(() => {\n const viewsMap = {\n day: overallStats.dayViews,\n week: overallStats.weekViews,\n month: overallStats.monthViews\n };\n const percentageMap = {\n day: overallStats.dayPercentage,\n week: overallStats.weekPercentage,\n month: overallStats.monthPercentage\n };\n const views = viewsMap[selectedPeriod] || 0;\n const percentage = percentageMap[selectedPeriod] || 0;\n return { views, trend: percentage };\n }, [overallStats, selectedPeriod]);\n\n const TrendIndicator = ({ trend }) => {\n const Icon = trend >= 0 ? TrendingUp : TrendingDown;\n return (\n = 0 ? 'font-semibold text-lg text-green-500' : 'font-semibold text-lg text-red-500'}`}>\n \n {Math.abs(trend).toFixed(1)}%\n \n );\n };\n\n return (\n

\n \n \n \n \n \n {overallStats.dayViews?.toLocaleString()}\n \n

\n }\n />\n \n {overallStats.weekViews?.toLocaleString()}\n \n

\n }\n />\n \n {overallStats.monthViews?.toLocaleString()}\n \n \n }\n />\n \n \n );\n};\n\nexport default OverallStatsSection;",[],[719],{"_106":727,"_97":728,"_164":729,"_166":-5,"_167":149,"_168":730,"_170":22,"_108":731,"_102":33,"_172":192,"_174":732,"_175":22,"_176":-5,"_177":733,"_100":734},"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",[],[728],{"_106":736,"_97":737,"_164":738,"_166":-5,"_167":149,"_168":739,"_170":22,"_108":740,"_102":33,"_172":668,"_174":741,"_175":22,"_176":-5,"_177":742,"_100":743},"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;",[],[737],{"_106":745,"_97":746,"_164":747,"_166":-5,"_167":149,"_168":748,"_170":22,"_108":749,"_102":33,"_172":668,"_174":750,"_175":22,"_176":-5,"_177":751,"_100":752},"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;",[],[746],{"_106":754,"_97":755,"_164":756,"_166":-5,"_167":149,"_168":757,"_170":22,"_108":758,"_102":33,"_172":668,"_174":759,"_175":22,"_176":-5,"_177":760,"_100":761},"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;",[],[755],{"_106":763,"_97":764,"_164":765,"_166":-5,"_167":149,"_168":766,"_170":22,"_108":767,"_102":33,"_172":668,"_174":768,"_175":22,"_176":-5,"_177":769,"_100":770},"89b95a32-fae8-11f0-93c1-42dde27851f2","VisitorOriginsSection.tsx","89b95adc-fae8-11f0-93c1-42dde27851f2",73,["D",1769453709839],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useEffect } from 'https://esm.sh/react@17.0.2';\nimport VisitorGlobe from 'https://esm.town/v/iamseeley/visitorGlobe';\nimport { Card, CardContent } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst VisitorOriginsSection = () => {\n const { visitorOrigins, error } = useAnalytics();\n\n\n if (error) {\n return (\n \n \n

Error: {error}

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

\n \n

\n \n );\n};\n\nexport default VisitorOriginsSection;",[],[764],{"_106":772,"_97":773,"_164":774,"_166":-5,"_167":149,"_168":775,"_170":120,"_108":776,"_102":33,"_172":192,"_174":777,"_175":22,"_176":-5,"_177":778,"_100":779},"ac233980-fae8-11f0-8a5d-42dde27851f2","biome.json","ac233a5c-fae8-11f0-8a5d-42dde27851f2",81,["D",1769453767504],"{\n \"$schema\": \"https://biomejs.dev/schemas/2.3.12/schema.json\",\n \"vcs\": { \"enabled\": true, \"clientKind\": \"git\", \"useIgnoreFile\": true },\n \"files\": { \"ignoreUnknown\": false },\n \"formatter\": { \"enabled\": true, \"indentStyle\": \"tab\" },\n \"linter\": { \"enabled\": true, \"rules\": { \"recommended\": true } },\n \"javascript\": { \"formatter\": { \"quoteStyle\": \"double\" } },\n \"assist\": {\n \"enabled\": true,\n \"actions\": { \"source\": { \"organizeImports\": \"on\" } }\n }\n}",[],[773],{"_106":781,"_97":782,"_164":783,"_166":-5,"_167":149,"_168":784,"_170":22,"_108":785,"_102":33,"_172":668,"_174":786,"_175":22,"_176":-5,"_177":787,"_100":788},"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;",[],[782],{"_106":790,"_97":791,"_164":792,"_166":-5,"_167":149,"_168":793,"_170":22,"_108":794,"_102":33,"_172":668,"_174":795,"_175":22,"_176":-5,"_177":796,"_100":797},"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}",[],[791],{"_106":799,"_97":800,"_164":801,"_166":-5,"_167":149,"_168":802,"_170":22,"_108":803,"_102":33,"_172":668,"_174":804,"_175":22,"_176":-5,"_177":805,"_100":806},"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);",[],[800],{"_106":808,"_97":809,"_164":810,"_166":-5,"_167":149,"_168":811,"_170":22,"_108":812,"_102":33,"_172":668,"_174":813,"_175":22,"_176":-5,"_177":814,"_100":815},"89ce8ede-fae8-11f0-93c1-42dde27851f2","counterTownDb.tsx","89ce8f88-fae8-11f0-93c1-42dde27851f2",78,["D",1769453709969],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\n// Initialize the database\nexport async function initAnalytics() {\n let transactionActive = false;\n try {\n // Check if tables already exist\n const tablesExist = await checkTablesExist();\n if (tablesExist) {\n console.log('Tables already exist, skipping initialization');\n return;\n }\n\n await sqlite.execute('BEGIN TRANSACTION');\n transactionActive = true;\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS sites (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n site TEXT UNIQUE NOT NULL,\n total_views INTEGER DEFAULT 0,\n last_updated TEXT\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS path_analytics (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n site_id INTEGER,\n path TEXT NOT NULL,\n views INTEGER DEFAULT 0,\n referrers TEXT DEFAULT '{}',\n browsers TEXT DEFAULT '{}',\n os TEXT DEFAULT '{}',\n screen_sizes TEXT DEFAULT '{}',\n languages TEXT DEFAULT '{}',\n countries TEXT DEFAULT '{}',\n last_updated TEXT,\n FOREIGN KEY (site_id) REFERENCES sites(id),\n UNIQUE (site_id, path)\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS view_timestamps (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n path_analytics_id INTEGER,\n timestamp TEXT NOT NULL,\n FOREIGN KEY (path_analytics_id) REFERENCES path_analytics(id)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_view_timestamps_path_analytics_id \n ON view_timestamps(path_analytics_id)\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_view_timestamps_timestamp \n ON view_timestamps(timestamp)\n `);\n\n await sqlite.execute('COMMIT');\n transactionActive = false;\n console.log('Database initialized successfully');\n } catch (error) {\n if (transactionActive) {\n await sqlite.execute('ROLLBACK');\n }\n console.error('Error initializing database:', error);\n throw error;\n }\n}\n\nasync function checkTablesExist() {\n const result = await sqlite.execute(`\n SELECT name \n FROM sqlite_master \n WHERE type='table' \n AND name IN ('sites', 'path_analytics', 'view_timestamps')\n `);\n return result.rows.length === 3;\n}\n\n\n\nexport async function trackPageView(data) {\n const { site, path, referrer, browser, os, screenSize, language, country } = data;\n const timestamp = new Date().toISOString();\n\n console.log('Starting trackPageView for site:', site, 'path:', path, 'referrer:', referrer);\n\n try {\n // First, insert or update the site and get the site_id\n const siteResult = await sqlite.execute({\n sql: `\n INSERT INTO sites (site, total_views, last_updated)\n VALUES (?, 1, ?)\n ON CONFLICT(site) DO UPDATE SET\n total_views = total_views + 1,\n last_updated = ?\n RETURNING id\n `,\n args: [site, timestamp, timestamp]\n });\n\n if (siteResult.rows.length === 0) {\n throw new Error('Failed to insert or update site');\n }\n\n const siteId = siteResult.rows[0][0];\n console.log('Site inserted or updated. Site ID:', siteId);\n\n // Now proceed with the rest of the operations\n const statements = [\n // Insert or update path analytics\n {\n sql: `\n INSERT INTO path_analytics (site_id, path, views, referrers, browsers, os, screen_sizes, languages, countries, last_updated)\n VALUES (?, ?, 1, json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), ?)\n ON CONFLICT(site_id, path) DO UPDATE SET\n views = views + 1,\n referrers = json_set(\n referrers, \n '$.' || json_quote(?), \n coalesce(json_extract(referrers, '$.' || json_quote(?)), 0) + 1\n ),\n browsers = json_set(\n browsers, \n '$.' || json_quote(?), \n coalesce(json_extract(browsers, '$.' || json_quote(?)), 0) + 1\n ),\n os = json_set(\n os, \n '$.' || json_quote(?), \n coalesce(json_extract(os, '$.' || json_quote(?)), 0) + 1\n ),\n screen_sizes = json_set(\n screen_sizes, \n '$.' || json_quote(?), \n coalesce(json_extract(screen_sizes, '$.' || json_quote(?)), 0) + 1\n ),\n languages = json_set(\n languages, \n '$.' || json_quote(?), \n coalesce(json_extract(languages, '$.' || json_quote(?)), 0) + 1\n ),\n countries = json_set(\n countries, \n '$.' || json_quote(?), \n coalesce(json_extract(countries, '$.' || json_quote(?)), 0) + 1\n ),\n last_updated = ?\n `,\n args: [\n siteId, path, \n referrer, browser, os, screenSize, language, country, timestamp,\n referrer, referrer,\n browser, browser,\n os, os,\n screenSize, screenSize,\n language, language,\n country, country,\n timestamp\n ]\n },\n // Get the path_analytics_id\n {\n sql: `SELECT id FROM path_analytics WHERE site_id = ? AND path = ?`,\n args: [siteId, path]\n }\n ];\n\n const results = await sqlite.batch(statements, \"write\");\n console.log('Path analytics batch execution completed');\n\n const pathAnalyticsId = results[1].rows[0][0];\n console.log('Retrieved path_analytics_id:', pathAnalyticsId);\n\n // Insert into view_timestamps\n await sqlite.execute({\n sql: `INSERT INTO view_timestamps (path_analytics_id, timestamp) VALUES (?, ?)`,\n args: [pathAnalyticsId, timestamp]\n });\n console.log('View timestamp inserted');\n\n return { success: true, message: 'Page view tracked successfully' };\n } catch (error) {\n console.error('Error in trackPageView:', error);\n return { \n success: false, \n message: 'Error tracking page view', \n error: error.message,\n stack: error.stack\n };\n }\n}\n\nexport async function getAnalytics(site = null, startDate = null, endDate = null) {\n let query = `\n SELECT s.site, s.total_views, pa.path, pa.views, pa.referrers, pa.browsers, pa.os, pa.screen_sizes, pa.languages, pa.countries, pa.last_updated,\n GROUP_CONCAT(vt.timestamp) as view_timestamps\n FROM sites s\n LEFT JOIN path_analytics pa ON s.id = pa.site_id\n LEFT JOIN view_timestamps vt ON pa.id = vt.path_analytics_id\n `;\n const params = [];\n const conditions = [];\n \n if (site) {\n conditions.push('s.site = ?');\n params.push(site);\n }\n if (startDate) {\n conditions.push('vt.timestamp >= ?');\n params.push(startDate);\n }\n if (endDate) {\n conditions.push('vt.timestamp <= ?');\n params.push(endDate);\n }\n \n if (conditions.length > 0) {\n query += ' WHERE ' + conditions.join(' AND ');\n }\n \n query += ' GROUP BY s.site, pa.id';\n query += ' ORDER BY s.total_views DESC, pa.views DESC';\n \n const result = await sqlite.execute({\n sql: query,\n args: params\n });\n \n const stats = {};\n \n result.rows.forEach(row => {\n const [site, totalViews, path, views, referrers, browsers, os, screenSizes, languages, countries, lastUpdated, viewTimestamps] = row;\n \n if (!stats[site]) {\n stats[site] = {\n totalViews,\n paths: {}\n };\n }\n \n if (path) {\n stats[site].paths[path] = {\n views,\n referrers: JSON.parse(referrers),\n browsers: JSON.parse(browsers),\n os: JSON.parse(os),\n screenSizes: JSON.parse(screenSizes),\n languages: JSON.parse(languages),\n countries: JSON.parse(countries),\n lastUpdated,\n viewTimestamps: viewTimestamps ? viewTimestamps.split(',') : []\n };\n }\n });\n \n return stats;\n}\n\n// Clean up old data\nexport async function cleanupOldData(site, daysToKeep) {\n const cutoffDate = new Date();\n cutoffDate.setDate(cutoffDate.getDate() - daysToKeep);\n \n await sqlite.execute({\n sql: `\n DELETE FROM path_analytics \n WHERE site_id IN (SELECT id FROM sites WHERE site = ?) \n AND last_updated < ?\n `,\n args: [site, cutoffDate.toISOString()]\n });\n\n // Remove sites with no path analytics\n await sqlite.execute({\n sql: `\n DELETE FROM sites\n WHERE site = ? AND id NOT IN (SELECT DISTINCT site_id FROM path_analytics)\n `,\n args: [site]\n });\n}\n",[],[809],{"_106":817,"_97":818,"_164":819,"_166":-5,"_167":149,"_168":820,"_170":120,"_108":821,"_102":33,"_172":192,"_174":822,"_175":22,"_176":-5,"_177":823,"_100":824},"ac1652d8-fae8-11f0-b723-42dde27851f2","deno.json","ac165382-fae8-11f0-b723-42dde27851f2",79,["D",1769453767488],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"compilerOptions\": {\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"]\n },\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-sloppy-imports\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true\n },\n \"imports\": {\n \"@biomejs/biome\": \"npm:@biomejs/biome@^2.3.12\"\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\", \"no-import-prefix\"]\n }\n },\n \"lock\": false,\n \"nodeModulesDir\": \"auto\"\n}",[],[818],{"_106":826,"_97":827,"_164":828,"_166":-5,"_167":149,"_168":829,"_170":22,"_108":830,"_102":33,"_172":668,"_174":831,"_175":22,"_176":-5,"_177":832,"_100":833},"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}",[],[827],{"_106":835,"_97":836,"_164":837,"_166":-5,"_167":149,"_168":838,"_170":22,"_108":839,"_102":33,"_172":668,"_174":840,"_175":22,"_176":-5,"_177":841,"_100":842},"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};",[],[836],{"_106":844,"_97":845,"_164":846,"_166":-5,"_167":149,"_168":847,"_170":22,"_108":848,"_102":33,"_172":668,"_174":849,"_175":22,"_176":-5,"_177":850,"_100":851},"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;",[],[845],{"_106":853,"_97":854,"_164":855,"_166":-5,"_167":149,"_168":856,"_170":22,"_108":857,"_102":33,"_172":668,"_174":858,"_175":22,"_176":-5,"_177":859,"_100":860},"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;",[],[854],{"_106":862,"_97":863,"_164":864,"_166":-5,"_167":149,"_168":865,"_170":22,"_108":866,"_102":33,"_172":668,"_174":867,"_175":22,"_176":-5,"_177":868,"_100":869},"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;",[],[863],"files",[161,179,186,196,205,214,223,232,241,250,259,268,277,286,295,304,314,321,331,338,345,352,362,371,378,386,394,402,410,418,426,434,441,451,459,467,475,483,491,499,507,515,523,531,539,546,556,563,572,578,584,593,602,610,619,627,636,645,653,662,672,681,690,699,708,717,726,735,744,753,762,771,780,789,798,807,816,825,834,843,852,861],"counts",{"_874":33,"_875":169,"_876":169,"_877":878,"_881":882},"pulls","branches","forks","envVars",{"_879":33,"_880":33},"count","emptyCount","connections",{"_879":33,"_883":33},"unfilledCount","contents",[],{"_106":468,"_97":469,"_164":470,"_166":374,"_167":149,"_168":471,"_170":120,"_108":887,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_100":888},["D",1769453706028],[163,373,469],"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":897,"_159":902,"_870":1149,"_192":1150,"_884":1152,"_1153":-5,"_1154":-5,"_1155":-5,"_1156":-5,"_1157":1158,"_877":-5},{"_106":107,"_97":98,"_108":898,"_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":899,"_141":900,"_146":901,"_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},[903,1074,1077,1080,1083,1086,1089,1092,1095,1098,1101,1104,1107,1110,1113,1116,1119,1122,1125,1128,1131,1134,1137,1140,1143,1146],{"_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":904,"_100":1073},[905,950,956,971,1046,1058,1061,1064,1067,1070],{"_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":906,"_100":949},[907,910,913,916,919,922,925,928,931,934,937,940,943,946],{"_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":908,"_100":909},[],[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":911,"_100":912},[],[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":914,"_100":915},[],[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":917,"_100":918},[],[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":920,"_100":921},[],[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":923,"_100":924},[],[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":926,"_100":927},[],[163,181,243],{"_106":251,"_97":252,"_164":253,"_166":182,"_167":149,"_168":254,"_170":120,"_108":255,"_102":33,"_172":192,"_174":256,"_175":22,"_176":-5,"_177":929,"_100":930},[],[163,181,252],{"_106":260,"_97":261,"_164":262,"_166":182,"_167":149,"_168":263,"_170":120,"_108":264,"_102":33,"_172":192,"_174":265,"_175":22,"_176":-5,"_177":932,"_100":933},[],[163,181,261],{"_106":269,"_97":270,"_164":271,"_166":182,"_167":149,"_168":272,"_170":120,"_108":273,"_102":33,"_172":192,"_174":274,"_175":22,"_176":-5,"_177":935,"_100":936},[],[163,181,270],{"_106":278,"_97":279,"_164":280,"_166":182,"_167":149,"_168":281,"_170":120,"_108":282,"_102":33,"_172":192,"_174":283,"_175":22,"_176":-5,"_177":938,"_100":939},[],[163,181,279],{"_106":287,"_97":288,"_164":289,"_166":182,"_167":149,"_168":290,"_170":120,"_108":291,"_102":33,"_172":192,"_174":292,"_175":22,"_176":-5,"_177":941,"_100":942},[],[163,181,288],{"_106":296,"_97":297,"_164":298,"_166":182,"_167":149,"_168":299,"_170":120,"_108":300,"_102":33,"_172":192,"_174":301,"_175":22,"_176":-5,"_177":944,"_100":945},[],[163,181,297],{"_106":305,"_97":306,"_164":307,"_166":182,"_167":149,"_168":308,"_170":120,"_108":309,"_102":33,"_172":192,"_174":310,"_175":22,"_176":-5,"_177":947,"_100":948},[],[163,181,306],[163,181],{"_106":315,"_97":316,"_164":317,"_166":165,"_167":149,"_168":318,"_170":120,"_108":319,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":951,"_100":955},[952],{"_106":322,"_97":323,"_164":324,"_166":317,"_167":149,"_168":325,"_170":120,"_108":326,"_102":33,"_172":192,"_174":327,"_175":22,"_176":-5,"_177":953,"_100":954},[],[163,316,323],[163,316],{"_106":332,"_97":333,"_164":334,"_166":165,"_167":149,"_168":335,"_170":120,"_108":336,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":957,"_100":970},[958,967],{"_106":339,"_97":340,"_164":341,"_166":334,"_167":149,"_168":342,"_170":120,"_108":343,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":959,"_100":966},[960],{"_106":346,"_97":347,"_164":348,"_166":341,"_167":149,"_168":349,"_170":120,"_108":350,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":961,"_100":965},[962],{"_106":353,"_97":45,"_164":354,"_166":348,"_167":149,"_168":355,"_170":120,"_108":356,"_102":33,"_172":192,"_174":357,"_175":22,"_176":-5,"_177":963,"_100":964},[],[163,333,340,347,45],[163,333,340,347],[163,333,340],{"_106":363,"_97":364,"_164":365,"_166":334,"_167":149,"_168":366,"_170":120,"_108":367,"_102":33,"_172":192,"_174":357,"_175":22,"_176":-5,"_177":968,"_100":969},[],[163,333,364],[163,333],{"_106":372,"_97":373,"_164":374,"_166":165,"_167":149,"_168":375,"_170":120,"_108":376,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":972,"_100":1045},[973,976,979,982,985,988,991,994,1000,1003,1006,1009,1012,1015,1018,1021,1024,1027,1030,1033,1039,1042],{"_106":379,"_97":380,"_164":381,"_166":374,"_167":149,"_168":382,"_170":120,"_108":383,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":974,"_100":975},[],[163,373,380],{"_106":387,"_97":388,"_164":389,"_166":374,"_167":149,"_168":390,"_170":120,"_108":391,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":977,"_100":978},[],[163,373,388],{"_106":395,"_97":396,"_164":397,"_166":374,"_167":149,"_168":398,"_170":120,"_108":399,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":980,"_100":981},[],[163,373,396],{"_106":403,"_97":404,"_164":405,"_166":374,"_167":149,"_168":406,"_170":120,"_108":407,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":983,"_100":984},[],[163,373,404],{"_106":411,"_97":412,"_164":413,"_166":374,"_167":149,"_168":414,"_170":120,"_108":415,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":986,"_100":987},[],[163,373,412],{"_106":419,"_97":420,"_164":421,"_166":374,"_167":149,"_168":422,"_170":120,"_108":423,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":989,"_100":990},[],[163,373,420],{"_106":427,"_97":428,"_164":429,"_166":374,"_167":149,"_168":430,"_170":120,"_108":431,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":992,"_100":993},[],[163,373,428],{"_106":435,"_97":436,"_164":437,"_166":374,"_167":149,"_168":438,"_170":120,"_108":439,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":995,"_100":999},[996],{"_106":442,"_97":443,"_164":444,"_166":437,"_167":149,"_168":445,"_170":120,"_108":446,"_102":33,"_172":192,"_174":447,"_175":22,"_176":-5,"_177":997,"_100":998},[],[163,373,436,443],[163,373,436],{"_106":452,"_97":453,"_164":454,"_166":374,"_167":149,"_168":455,"_170":120,"_108":456,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1001,"_100":1002},[],[163,373,453],{"_106":460,"_97":461,"_164":462,"_166":374,"_167":149,"_168":463,"_170":120,"_108":464,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1004,"_100":1005},[],[163,373,461],{"_106":468,"_97":469,"_164":470,"_166":374,"_167":149,"_168":471,"_170":120,"_108":472,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1007,"_100":1008},[],[163,373,469],{"_106":476,"_97":477,"_164":478,"_166":374,"_167":149,"_168":479,"_170":120,"_108":480,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1010,"_100":1011},[],[163,373,477],{"_106":484,"_97":485,"_164":486,"_166":374,"_167":149,"_168":487,"_170":120,"_108":488,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1013,"_100":1014},[],[163,373,485],{"_106":492,"_97":493,"_164":494,"_166":374,"_167":149,"_168":495,"_170":120,"_108":496,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1016,"_100":1017},[],[163,373,493],{"_106":500,"_97":501,"_164":502,"_166":374,"_167":149,"_168":503,"_170":120,"_108":504,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1019,"_100":1020},[],[163,373,501],{"_106":508,"_97":509,"_164":510,"_166":374,"_167":149,"_168":511,"_170":120,"_108":512,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1022,"_100":1023},[],[163,373,509],{"_106":516,"_97":517,"_164":518,"_166":374,"_167":149,"_168":519,"_170":120,"_108":520,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1025,"_100":1026},[],[163,373,517],{"_106":524,"_97":525,"_164":526,"_166":374,"_167":149,"_168":527,"_170":120,"_108":528,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1028,"_100":1029},[],[163,373,525],{"_106":532,"_97":533,"_164":534,"_166":374,"_167":149,"_168":535,"_170":120,"_108":536,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1031,"_100":1032},[],[163,373,533],{"_106":540,"_97":541,"_164":542,"_166":374,"_167":149,"_168":543,"_170":120,"_108":544,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1034,"_100":1038},[1035],{"_106":547,"_97":548,"_164":549,"_166":542,"_167":149,"_168":550,"_170":120,"_108":551,"_102":33,"_172":192,"_174":552,"_175":22,"_176":-5,"_177":1036,"_100":1037},[],[163,373,541,548],[163,373,541],{"_106":557,"_97":316,"_164":558,"_166":374,"_167":149,"_168":559,"_170":120,"_108":560,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1040,"_100":1041},[],[163,373,316],{"_106":564,"_97":565,"_164":566,"_166":374,"_167":149,"_168":567,"_170":120,"_108":568,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1043,"_100":1044},[],[163,373,565],[163,373],{"_106":573,"_97":340,"_164":574,"_166":165,"_167":149,"_168":575,"_170":120,"_108":576,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1047,"_100":1057},[1048,1054],{"_106":579,"_97":347,"_164":580,"_166":574,"_167":149,"_168":581,"_170":120,"_108":582,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1049,"_100":1053},[1050],{"_106":585,"_97":45,"_164":586,"_166":580,"_167":149,"_168":587,"_170":120,"_108":588,"_102":33,"_172":192,"_174":589,"_175":22,"_176":-5,"_177":1051,"_100":1052},[],[163,340,347,45],[163,340,347],{"_106":594,"_97":595,"_164":596,"_166":574,"_167":149,"_168":597,"_170":120,"_108":598,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1055,"_100":1056},[],[163,340,595],[163,340],{"_106":603,"_97":604,"_164":605,"_166":165,"_167":149,"_168":606,"_170":120,"_108":607,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":1059,"_100":1060},[],[163,604],{"_106":611,"_97":612,"_164":613,"_166":165,"_167":149,"_168":614,"_170":120,"_108":615,"_102":33,"_172":192,"_174":616,"_175":22,"_176":-5,"_177":1062,"_100":1063},[],[163,612],{"_106":620,"_97":364,"_164":621,"_166":165,"_167":149,"_168":622,"_170":120,"_108":623,"_102":33,"_172":192,"_174":624,"_175":22,"_176":-5,"_177":1065,"_100":1066},[],[163,364],{"_106":628,"_97":629,"_164":630,"_166":165,"_167":149,"_168":631,"_170":120,"_108":632,"_102":33,"_172":192,"_174":633,"_175":22,"_176":-5,"_177":1068,"_100":1069},[],[163,629],{"_106":637,"_97":114,"_164":638,"_166":165,"_167":149,"_168":639,"_170":120,"_108":640,"_102":33,"_172":192,"_174":641,"_175":22,"_176":-5,"_177":1071,"_100":1072},[],[163,114],[163],{"_106":646,"_97":647,"_164":648,"_166":-5,"_167":149,"_168":103,"_170":120,"_108":649,"_102":33,"_172":192,"_174":650,"_175":22,"_176":-5,"_177":1075,"_100":1076},[],[647],{"_106":654,"_97":655,"_164":656,"_166":-5,"_167":149,"_168":657,"_170":120,"_108":658,"_102":33,"_172":192,"_174":659,"_175":22,"_176":-5,"_177":1078,"_100":1079},[],[655],{"_106":663,"_97":664,"_164":665,"_166":-5,"_167":149,"_168":666,"_170":22,"_108":667,"_102":33,"_172":668,"_174":669,"_175":22,"_176":-5,"_177":1081,"_100":1082},[],[664],{"_106":673,"_97":674,"_164":675,"_166":-5,"_167":149,"_168":676,"_170":120,"_108":677,"_102":33,"_172":192,"_174":678,"_175":22,"_176":-5,"_177":1084,"_100":1085},[],[674],{"_106":682,"_97":683,"_164":684,"_166":-5,"_167":149,"_168":685,"_170":22,"_108":686,"_102":33,"_172":668,"_174":687,"_175":22,"_176":-5,"_177":1087,"_100":1088},[],[683],{"_106":691,"_97":692,"_164":693,"_166":-5,"_167":149,"_168":694,"_170":22,"_108":695,"_102":33,"_172":668,"_174":696,"_175":22,"_176":-5,"_177":1090,"_100":1091},[],[692],{"_106":700,"_97":701,"_164":702,"_166":-5,"_167":149,"_168":703,"_170":22,"_108":704,"_102":33,"_172":668,"_174":705,"_175":22,"_176":-5,"_177":1093,"_100":1094},[],[701],{"_106":709,"_97":710,"_164":711,"_166":-5,"_167":149,"_168":712,"_170":22,"_108":713,"_102":33,"_172":668,"_174":714,"_175":22,"_176":-5,"_177":1096,"_100":1097},[],[710],{"_106":718,"_97":719,"_164":720,"_166":-5,"_167":149,"_168":721,"_170":22,"_108":722,"_102":33,"_172":668,"_174":723,"_175":22,"_176":-5,"_177":1099,"_100":1100},[],[719],{"_106":727,"_97":728,"_164":729,"_166":-5,"_167":149,"_168":730,"_170":22,"_108":731,"_102":33,"_172":192,"_174":732,"_175":22,"_176":-5,"_177":1102,"_100":1103},[],[728],{"_106":736,"_97":737,"_164":738,"_166":-5,"_167":149,"_168":739,"_170":22,"_108":740,"_102":33,"_172":668,"_174":741,"_175":22,"_176":-5,"_177":1105,"_100":1106},[],[737],{"_106":745,"_97":746,"_164":747,"_166":-5,"_167":149,"_168":748,"_170":22,"_108":749,"_102":33,"_172":668,"_174":750,"_175":22,"_176":-5,"_177":1108,"_100":1109},[],[746],{"_106":754,"_97":755,"_164":756,"_166":-5,"_167":149,"_168":757,"_170":22,"_108":758,"_102":33,"_172":668,"_174":759,"_175":22,"_176":-5,"_177":1111,"_100":1112},[],[755],{"_106":763,"_97":764,"_164":765,"_166":-5,"_167":149,"_168":766,"_170":22,"_108":767,"_102":33,"_172":668,"_174":768,"_175":22,"_176":-5,"_177":1114,"_100":1115},[],[764],{"_106":772,"_97":773,"_164":774,"_166":-5,"_167":149,"_168":775,"_170":120,"_108":776,"_102":33,"_172":192,"_174":777,"_175":22,"_176":-5,"_177":1117,"_100":1118},[],[773],{"_106":781,"_97":782,"_164":783,"_166":-5,"_167":149,"_168":784,"_170":22,"_108":785,"_102":33,"_172":668,"_174":786,"_175":22,"_176":-5,"_177":1120,"_100":1121},[],[782],{"_106":790,"_97":791,"_164":792,"_166":-5,"_167":149,"_168":793,"_170":22,"_108":794,"_102":33,"_172":668,"_174":795,"_175":22,"_176":-5,"_177":1123,"_100":1124},[],[791],{"_106":799,"_97":800,"_164":801,"_166":-5,"_167":149,"_168":802,"_170":22,"_108":803,"_102":33,"_172":668,"_174":804,"_175":22,"_176":-5,"_177":1126,"_100":1127},[],[800],{"_106":808,"_97":809,"_164":810,"_166":-5,"_167":149,"_168":811,"_170":22,"_108":812,"_102":33,"_172":668,"_174":813,"_175":22,"_176":-5,"_177":1129,"_100":1130},[],[809],{"_106":817,"_97":818,"_164":819,"_166":-5,"_167":149,"_168":820,"_170":120,"_108":821,"_102":33,"_172":192,"_174":822,"_175":22,"_176":-5,"_177":1132,"_100":1133},[],[818],{"_106":826,"_97":827,"_164":828,"_166":-5,"_167":149,"_168":829,"_170":22,"_108":830,"_102":33,"_172":668,"_174":831,"_175":22,"_176":-5,"_177":1135,"_100":1136},[],[827],{"_106":835,"_97":836,"_164":837,"_166":-5,"_167":149,"_168":838,"_170":22,"_108":839,"_102":33,"_172":668,"_174":840,"_175":22,"_176":-5,"_177":1138,"_100":1139},[],[836],{"_106":844,"_97":845,"_164":846,"_166":-5,"_167":149,"_168":847,"_170":22,"_108":848,"_102":33,"_172":668,"_174":849,"_175":22,"_176":-5,"_177":1141,"_100":1142},[],[845],{"_106":853,"_97":854,"_164":855,"_166":-5,"_167":149,"_168":856,"_170":22,"_108":857,"_102":33,"_172":668,"_174":858,"_175":22,"_176":-5,"_177":1144,"_100":1145},[],[854],{"_106":862,"_97":863,"_164":864,"_166":-5,"_167":149,"_168":865,"_170":22,"_108":866,"_102":33,"_172":668,"_174":867,"_175":22,"_176":-5,"_177":1147,"_100":1148},[],[863],[903,905,907,910,913,916,919,922,925,928,931,934,937,940,943,946,950,952,956,958,960,962,967,971,973,976,979,982,985,988,991,994,996,1000,1003,1006,1009,1012,1015,1018,1021,1024,1027,1030,1033,1035,1039,1042,1046,1048,1050,1054,1058,1061,1064,1067,1070,1074,1077,1080,1083,1086,1089,1092,1095,1098,1101,1104,1107,1110,1113,1116,1119,1122,1125,1128,1131,1134,1137,1140,1143,1146],{"_106":468,"_97":469,"_164":470,"_166":374,"_167":149,"_168":471,"_170":120,"_108":887,"_102":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_100":1151},[163,373,469],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

nbbaier

counterTown