{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 }: ChartComponentProps) => {\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 }: ChartComponentProps) => {\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 }: ChartComponentProps) => {\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\ntype ChartType = 'verticalBar' | 'bar' | 'pie' | 'location';\n\ninterface ChartCardProps {\n title: string;\n data: ChartData;\n type: ChartType;\n}\n\nconst ChartCard = ({ title, data, type }: ChartCardProps) => {\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;\n",[],[684,690,696,702],{"_104":709,"_97":710,"_166":711,"_168":697,"_169":147,"_170":122,"_171":118,"_106":712,"_101":33,"_173":622,"_175":713,"_176":22,"_177":-5,"_178":714,"_100":715},"df4e6d68-fb90-11f0-9be5-42dde27851f2","ChartsSection.tsx","019bfff8-1c07-70bb-a3db-0ed6d4ea9bcd",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { React } from \"../../deps.ts\";\nimport ChartCard from \"./ChartCard.tsx\";\nimport { useAnalytics } from \"../../contexts/AnalyticsContext.tsx\";\n\nconst ChartsSection = () => {\n const { chartData, error, connectionStatus } = useAnalytics();\n \n if (error) {\n return

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;\n",[],[684,690,696,710],[684,690,696],{"_104":718,"_97":719,"_166":720,"_168":691,"_169":147,"_170":122,"_171":118,"_106":721,"_101":33,"_173":174,"_175":-5,"_176":22,"_177":-5,"_178":722,"_100":779},"df4f2aa0-fb90-11f0-9be5-42dde27851f2","sections","019bfff8-1c07-70bb-a3db-33816f5b939a",["D",1769526008750],[723,731,739,747,755,763,771],{"_104":724,"_97":725,"_166":726,"_168":720,"_169":147,"_170":122,"_171":118,"_106":727,"_101":33,"_173":622,"_175":728,"_176":22,"_177":-5,"_178":729,"_100":730},"df4e7880-fb90-11f0-9be5-42dde27851f2","OverallStatsSection.tsx","019bfff8-1c07-70bb-a3db-1491314dc1dc",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useMemo } from '../../deps.ts';\nimport StatCard from './StatCard.tsx';\nimport { TrendingUp, TrendingDown } from 'https://esm.sh/lucide-react@0.344.0?deps=react@18.2.0';\nimport { useAnalytics } from \"../../contexts/AnalyticsContext.tsx\";\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 }: { trend: number }) => {\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;\n",[],[684,690,719,725],{"_104":732,"_97":733,"_166":734,"_168":720,"_169":147,"_170":122,"_171":118,"_106":735,"_101":33,"_173":622,"_175":736,"_176":22,"_177":-5,"_178":737,"_100":738},"df4e8cb2-fb90-11f0-9be5-42dde27851f2","SitesSection.tsx","019bfff8-1c07-70bb-a3db-1acd41392aa0",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { React, useMemo, useState } from \"../../deps.ts\";\nimport { Link } from \"../../deps.ts\";\nimport { formatSiteName } from \"../../../shared/utils.ts\";\nimport { Card, CardContent } from 'https://esm.sh/shadcdn@0.0.4?deps=react@18.2.0,react-dom@18.2.0';\nimport { PieChart, Pie, Cell, ResponsiveContainer, Label, Tooltip, AreaChart, Area, XAxis, YAxis } from 'https://esm.sh/recharts@2.12.7?deps=react@18.2.0,react-dom@18.2.0';\nimport { TrendingUp, TrendingDown } from 'https://esm.sh/lucide-react@0.344.0?deps=react@18.2.0';\nimport { useAnalytics } from \"../../contexts/AnalyticsContext.tsx\";\nimport { subDays, subWeeks, subMonths, isAfter, parseISO, format } from 'https://cdn.jsdelivr.net/npm/date-fns@3.6.0/+esm';\nimport type { SiteStats } from \"../../../shared/types.ts\";\n\nconst COLORS = ['#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe', '#dbeafe'];\nconst browserCategories = ['Chrome', 'Firefox', 'Safari', 'Edge', 'Opera', 'IE', 'Other'];\n\ninterface SiteCardProps {\n site: string;\n siteData: SiteStats;\n}\n\nconst SiteCard = ({ site, siteData }: SiteCardProps) => {\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 = (_: unknown, index: number) => {\n setActiveIndex(index);\n setIsTooltipActive(true);\n };\n\n const handlePieLeave = () => {\n setActiveIndex(null);\n setIsTooltipActive(false);\n };\n\n const handleCardClick = (event: React.MouseEvent) => {\n if (isTooltipActive) {\n event.preventDefault();\n }\n };\n \n const renderCustomTooltip = ({ payload }: { payload?: Array<{ payload: { browser: string; visitors: number } }> }) => {\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;\n",[],[684,690,719,733],{"_104":740,"_97":741,"_166":742,"_168":720,"_169":147,"_170":122,"_171":118,"_106":743,"_101":33,"_173":622,"_175":744,"_176":22,"_177":-5,"_178":745,"_100":746},"df4ebcd2-fb90-11f0-9be5-42dde27851f2","StatCard.tsx","019bfff8-1c07-70bb-a3db-1c978a2ce33e",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { ReactNode } from \"../../deps.ts\";\n\ninterface StatCardProps {\n title: string;\n value: ReactNode;\n}\n\nconst StatCard = ({ title, value }: StatCardProps) => {\n return (\n

{value ?? 'N/A'}

{title}

\n );\n};\n\nexport default StatCard;\n",[],[684,690,719,741],{"_104":748,"_97":749,"_166":750,"_168":720,"_169":147,"_170":122,"_171":118,"_106":751,"_101":33,"_173":622,"_175":752,"_176":22,"_177":-5,"_178":753,"_100":754},"df4ec150-fb90-11f0-9be5-42dde27851f2","TopPathsSection.tsx","019bfff8-1c07-70bb-a3db-208a5628f151",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Card } from 'https://esm.sh/shadcdn@0.0.4?deps=react@18.2.0,react-dom@18.2.0';\nimport { useAnalytics } from \"../../contexts/AnalyticsContext.tsx\";\n\ninterface TopPathData {\n site: string;\n fullSite: string;\n path: string;\n views: number;\n}\n\ninterface TopPathsTableProps {\n topPaths: TopPathData[];\n}\n\nconst TopPathsTable = ({ topPaths }: TopPathsTableProps) => {\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;\n",[],[684,690,719,749],{"_104":756,"_97":757,"_166":758,"_168":720,"_169":147,"_170":122,"_171":118,"_106":759,"_101":33,"_173":622,"_175":760,"_176":22,"_177":-5,"_178":761,"_100":762},"df4ed14a-fb90-11f0-9be5-42dde27851f2","TopReferrersSection.tsx","019bfff8-1c07-70bb-a3db-254974198a3e",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { formatSiteName } from '../../../shared/utils.ts';\nimport { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Card } from 'https://esm.sh/shadcdn@0.0.4?deps=react@18.2.0,react-dom@18.2.0';\nimport { useAnalytics } from \"../../contexts/AnalyticsContext.tsx\";\n\ninterface ReferrerData {\n referrer: string;\n visits: number;\n}\n\ninterface TopReferrersTableProps {\n referrers: ReferrerData[];\n}\n\nconst TopReferrersTable = ({ referrers }: TopReferrersTableProps) => {\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;\n",[],[684,690,719,757],{"_104":764,"_97":765,"_166":766,"_168":720,"_169":147,"_170":122,"_171":118,"_106":767,"_101":33,"_173":622,"_175":768,"_176":22,"_177":-5,"_178":769,"_100":770},"df4ede38-fb90-11f0-9be5-42dde27851f2","VisitorGlobe.tsx","019bfff8-1c07-70bb-a3db-2914fbb94931",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"../../deps.ts\";\nimport Globe from 'https://esm.sh/globe.gl@2.27.2';\nimport { feature } from 'https://esm.sh/topojson-client@3.1.0';\nimport countries from 'https://esm.sh/world-countries@5.0.0';\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\ninterface VisitorGlobeProps {\n visitorOrigins: Record;\n}\n\nconst VisitorGlobe = ({ visitorOrigins }: VisitorGlobeProps) => {\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;",[],[684,690,719,765],{"_104":772,"_97":773,"_166":774,"_168":720,"_169":147,"_170":122,"_171":118,"_106":775,"_101":33,"_173":622,"_175":776,"_176":22,"_177":-5,"_178":777,"_100":778},"df4f24c4-fb90-11f0-9be5-42dde27851f2","VisitorOriginsSection.tsx","019bfff8-1c07-70bb-a3db-2d35ebe28e87",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect } from \"../../deps.ts\";\nimport VisitorGlobe from \"./VisitorGlobe.tsx\";\nimport { Card, CardContent } from 'https://esm.sh/shadcdn@0.0.4?deps=react@18.2.0,react-dom@18.2.0';\nimport { useAnalytics } from \"../../contexts/AnalyticsContext.tsx\";\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;\n",[],[684,690,719,773],[684,690,719],{"_104":781,"_97":782,"_166":783,"_168":691,"_169":147,"_170":122,"_171":118,"_106":784,"_101":33,"_173":622,"_175":785,"_176":22,"_177":-5,"_178":786,"_100":787},"df4f2ca8-fb90-11f0-9be5-42dde27851f2","ConnectionStatus.tsx","019bfff8-1c07-70bb-a3db-36733eb2362d",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useAnalytics } from \"../contexts/AnalyticsContext.tsx\";\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;\n",[],[684,690,782],{"_104":789,"_97":790,"_166":791,"_168":691,"_169":147,"_170":122,"_171":118,"_106":792,"_101":33,"_173":622,"_175":793,"_176":22,"_177":-5,"_178":794,"_100":795},"df4f3450-fb90-11f0-9be5-42dde27851f2","Dashboard.tsx","019bfff8-1c07-70bb-a3db-3a9af3de1c67",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"../deps.ts\";\nimport { useParams } from \"../deps.ts\";\nimport { useAnalytics } from \"../contexts/AnalyticsContext.tsx\";\nimport OverallStatsSection from \"./sections/OverallStatsSection.tsx\";\nimport SitesSection from \"./sections/SitesSection.tsx\";\nimport TopPathsSection from \"./sections/TopPathsSection.tsx\";\nimport TopReferrersSection from \"./sections/TopReferrersSection.tsx\";\nimport VisitorOriginsSection from \"./sections/VisitorOriginsSection.tsx\";\nimport ChartsSection from \"./charts/ChartsSection.tsx\";\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;\n",[],[684,690,790],{"_104":797,"_97":798,"_166":799,"_168":691,"_169":147,"_170":122,"_171":118,"_106":800,"_101":33,"_173":622,"_175":801,"_176":22,"_177":-5,"_178":802,"_100":803},"df4f3d7e-fb90-11f0-9be5-42dde27851f2","Navigation.tsx","019bfff8-1c07-70bb-a3db-3d0df6cc2f0e",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Link, useLocation } from \"../deps.ts\";\nimport { useAnalytics } from \"../contexts/AnalyticsContext.tsx\";\n\ninterface NavigationProps {\n isDark: boolean;\n}\n\nconst Navigation = ({ isDark }: NavigationProps) => {\n const { pathname } = useLocation();\n const { allSites, error } = useAnalytics();\n const isActive = (path: string) => pathname === path;\n\n if (error) {\n return

Error loading navigation

;\n }\n\n return (\n \n );\n};\n\nexport default Navigation;\n",[],[684,690,798],[684,690],{"_104":806,"_97":807,"_166":808,"_168":685,"_169":147,"_170":122,"_171":118,"_106":809,"_101":33,"_173":174,"_175":-5,"_176":22,"_177":-5,"_178":810,"_100":819},"df4f9012-fb90-11f0-9be5-42dde27851f2","contexts","019bfff8-1c07-70bb-a3db-49be8b435235",["D",1769526008750],[811],{"_104":812,"_97":813,"_166":814,"_168":808,"_169":147,"_170":122,"_171":118,"_106":815,"_101":33,"_173":622,"_175":816,"_176":22,"_177":-5,"_178":817,"_100":818},"df4f4b98-fb90-11f0-9be5-42dde27851f2","AnalyticsContext.tsx","019bfff8-1c07-70bb-a3db-453f7f34270f",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createContext, useContext, useMemo, useState, useEffect, useRef, useCallback, type ReactNode, type FC } from '../deps.ts';\nimport { subDays, subWeeks, subMonths, isAfter, parseISO } from 'https://cdn.jsdelivr.net/npm/date-fns@3.6.0/+esm';\nimport { formatSiteName, normalizeSiteName } from '../../shared/utils.ts';\nimport type { AnalyticsData, SiteStats } from '../../shared/types.ts';\n\ninterface AnalyticsContextType {\n overallStats: {\n totalSites: number;\n totalViews: number;\n totalPaths: number;\n dayViews: number;\n weekViews: number;\n monthViews: number;\n dayPercentage: number;\n weekPercentage: number;\n monthPercentage: number;\n uniqueVisitors: number;\n };\n sitesData: AnalyticsData;\n topPaths: Array<{ site: string; fullSite: string; path: string; views: number }>;\n topReferrers: Array<{ referrer: string; visits: number }>;\n visitorOrigins: Record;\n viewsOverTime: Record;\n chartData: {\n browsers: Record;\n os: Record;\n screenSizes: Record;\n countries: Record;\n timeData: Record;\n };\n allSites: Array<{ name: string; fullName: string; totalViews: number }>;\n error: string | null;\n connectionStatus: string;\n analyticsData: AnalyticsData;\n currentSite: string | null;\n setCurrentSite: (site: string | null) => void;\n siteExists: (siteName: string) => boolean;\n retryConnection: () => void;\n}\n\nconst AnalyticsContext = createContext(undefined);\n\nexport const useAnalytics = () => {\n const context = useContext(AnalyticsContext);\n if (!context) {\n throw new Error('useAnalytics must be used within an AnalyticsProvider');\n }\n return context;\n};\n\nconst findMatchingSite = (siteName: string | null, analyticsData: AnalyticsData): string | undefined => {\n if (!siteName) return undefined;\n const normalizedSiteName = normalizeSiteName(siteName);\n return Object.keys(analyticsData).find(site =>\n normalizeSiteName(site) === normalizedSiteName\n );\n};\n\nconst browserMap: Record = {\n 'Chrome': ['Chrome', 'Chromium'],\n 'Firefox': ['Firefox'],\n 'Safari': ['Safari'],\n 'Edge': ['Edge', 'Edg'],\n 'Opera': ['Opera'],\n 'IE': ['Internet Explorer', 'IE'],\n 'Other': ['Other']\n};\n\nconst osMap: Record = {\n 'Windows': ['Windows'],\n 'macOS': ['Mac', 'macOS'],\n 'iOS': ['iPhone', 'iPad', 'iOS'],\n 'Android': ['Android'],\n 'Linux': ['Linux', 'Ubuntu', 'Debian', 'Fedora', 'Red Hat', 'CentOS'],\n 'Other': ['Other']\n};\n\nfunction mapName(name: string, map: Record): string {\n for (const [key, values] of Object.entries(map)) {\n if (values.some(value => name.includes(value))) {\n return key;\n }\n }\n return 'Other';\n}\n\nfunction categorizeScreenSize(width: number): string {\n if (width < 768) return 'Phone';\n if (width < 1024) return 'Tablet';\n if (width < 1440) return 'Laptop';\n return 'Desktop';\n}\n\nconst calculatePercentages = (siteData: AnalyticsData) => {\n let dayViews = 0, weekViews = 0, monthViews = 0;\n const uniqueVisitors = new Set();\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).forEach(([siteName, site]) => {\n Object.entries(site.paths || {}).forEach(([pathName, pathData]) => {\n (pathData.viewTimestamps || []).forEach((timestamp) => {\n const date = parseISO(timestamp);\n if (!isNaN(date.getTime())) {\n uniqueVisitors.add(`${siteName}-${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 });\n });\n });\n\n const totalViews = Object.values(siteData).reduce((sum, site) => sum + site.totalViews, 0);\n\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 return {\n dayPercentage,\n weekPercentage,\n monthPercentage,\n dayViews,\n weekViews,\n monthViews,\n totalViews,\n uniqueVisitors: uniqueVisitors.size\n };\n};\n\nconst aggregateData = (siteData: AnalyticsData, key: string): Record => {\n return Object.values(siteData).reduce((aggregatedData, site) => {\n Object.values(site.paths || {}).forEach(path => {\n Object.entries((path as any)[key] || {}).forEach(([item, count]) => {\n let mappedItem: string;\n switch (key) {\n case 'browsers':\n mappedItem = mapName(item, browserMap);\n break;\n case 'os':\n mappedItem = mapName(item, osMap);\n break;\n case 'screenSizes':\n mappedItem = categorizeScreenSize(parseInt(item.split('x')[0]));\n break;\n default:\n mappedItem = item;\n }\n aggregatedData[mappedItem] = (aggregatedData[mappedItem] || 0) + (count as number);\n });\n });\n return aggregatedData;\n }, {} as Record);\n};\n\nconst aggregateViewsOverTime = (siteData: AnalyticsData): Record => {\n const timeData: Record = {};\n Object.values(siteData).forEach(site => {\n Object.values(site.paths || {}).forEach(path => {\n (path.viewTimestamps || []).forEach(timestamp => {\n const date = timestamp.split('T')[0];\n timeData[date] = (timeData[date] || 0) + 1;\n });\n });\n });\n return timeData;\n};\n\nconst aggregateReferrers = (siteData: AnalyticsData): Array<{ referrer: string; visits: number }> => {\n const referrers: Record = {};\n Object.values(siteData).forEach(site => {\n Object.values(site.paths || {}).forEach(pathData => {\n Object.entries(pathData.referrers || {}).forEach(([referrer, count]) => {\n referrers[referrer] = (referrers[referrer] || 0) + count;\n });\n });\n });\n\n return Object.entries(referrers)\n .map(([referrer, visits]) => ({ referrer: referrer || '(direct)', visits }))\n .sort((a, b) => b.visits - a.visits)\n .slice(0, 10);\n};\n\nconst defaultData = {\n overallStats: { totalSites: 0, totalViews: 0, totalPaths: 0, dayViews: 0, weekViews: 0, monthViews: 0, dayPercentage: 0, weekPercentage: 0, monthPercentage: 0, uniqueVisitors: 0 },\n sitesData: {} as AnalyticsData,\n topPaths: [],\n topReferrers: [],\n visitorOrigins: {},\n viewsOverTime: {},\n chartData: { browsers: {}, os: {}, screenSizes: {}, countries: {}, timeData: {} },\n allSites: []\n};\n\nconst saveToLocalStorage = (key: string, value: any) => {\n localStorage.setItem(key, JSON.stringify(value));\n};\n\nconst loadFromLocalStorage = (key: string): any => {\n const data = localStorage.getItem(key);\n return data ? JSON.parse(data) : null;\n};\n\ninterface AnalyticsProviderProps {\n children: ReactNode;\n site?: string | null;\n}\n\n// Parse initial data from server-injected JSON script tag (XSS-safe pattern)\nconst getInitialAnalyticsData = (): AnalyticsData => {\n if (typeof window === 'undefined') return {};\n \n // First try server-injected data (faster initial load, no extra request)\n const initialDataElement = document.getElementById('initial-data');\n if (initialDataElement?.textContent?.trim()) {\n try {\n const serverData = JSON.parse(initialDataElement.textContent);\n if (Object.keys(serverData).length > 0) {\n saveToLocalStorage('analyticsData', serverData);\n return serverData;\n }\n } catch (e) {\n console.warn('Failed to parse server-injected initial data:', e);\n }\n }\n \n // Fall back to localStorage cache\n return loadFromLocalStorage('analyticsData') || {};\n};\n\nexport const AnalyticsProvider: FC = ({ children, site }) => {\n const [analyticsData, setAnalyticsData] = useState(getInitialAnalyticsData);\n const [error, setError] = useState(null);\n const [connectionStatus, setConnectionStatus] = useState('Connecting');\n const eventSourceRef = useRef(null);\n const retryTimeoutRef = useRef(null);\n const retryCountRef = useRef(0);\n const [currentSite, setCurrentSite] = useState(site || null);\n\n const MAX_RETRIES = 5;\n const INITIAL_RETRY_DELAY = 3000; // 3 seconds\n\n const setupDataStream = useCallback(() => {\n if (eventSourceRef.current) {\n return eventSourceRef.current;\n }\n\n const CLIENT_IDENTIFIER = 'counterTown-Dashboard';\n const STREAM_URL = `${window.location.origin}/stream?client=${CLIENT_IDENTIFIER}`;\n const eventSource = new EventSource(STREAM_URL);\n eventSourceRef.current = eventSource;\n\n let isInitialConnection = true;\n\n eventSource.onopen = () => {\n console.log('SSE connection opened');\n setConnectionStatus('Connected');\n retryCountRef.current = 0;\n isInitialConnection = false;\n };\n\n eventSource.onmessage = (event) => {\n try {\n const newData = JSON.parse(event.data);\n setAnalyticsData(prevData => {\n if (JSON.stringify(prevData) !== JSON.stringify(newData)) {\n saveToLocalStorage('analyticsData', newData);\n return newData;\n }\n return prevData;\n });\n setError(null);\n } catch (error) {\n console.error('Error parsing SSE data:', error);\n setError('Failed to parse analytics data.');\n }\n };\n\n eventSource.onerror = (error) => {\n if (isInitialConnection) {\n isInitialConnection = false;\n return;\n }\n\n if (document.visibilityState === 'hidden') {\n return;\n }\n\n console.warn('SSE Error:', error);\n setConnectionStatus('Error - Reconnecting');\n retryConnection();\n };\n\n return eventSource;\n }, []);\n\n const retryConnection = useCallback(() => {\n if (retryCountRef.current >= MAX_RETRIES) {\n console.error('Max retries reached. Please refresh the page.');\n setConnectionStatus('Connection Failed');\n return;\n }\n\n const retryDelay = Math.min(INITIAL_RETRY_DELAY * (2 ** retryCountRef.current), 30000);\n console.log(`Retrying connection in ${retryDelay}ms (Attempt ${retryCountRef.current + 1}/${MAX_RETRIES})`);\n\n if (retryTimeoutRef.current !== null) {\n clearTimeout(retryTimeoutRef.current);\n }\n retryTimeoutRef.current = window.setTimeout(() => {\n retryCountRef.current += 1;\n if (eventSourceRef.current) {\n eventSourceRef.current.close();\n }\n eventSourceRef.current = null;\n setupDataStream();\n }, retryDelay);\n }, [setupDataStream]);\n\n useEffect(() => {\n const eventSource = setupDataStream();\n\n const handleVisibilityChange = () => {\n if (document.visibilityState === 'visible' && !eventSourceRef.current) {\n console.log('Page became visible, re-establishing SSE connection');\n setupDataStream();\n }\n };\n\n window.addEventListener('visibilitychange', handleVisibilityChange);\n\n return () => {\n window.removeEventListener('visibilitychange', handleVisibilityChange);\n };\n }, [setupDataStream]);\n\n const processedData = useMemo(() => {\n if (!analyticsData) return defaultData;\n\n try {\n const matchingSite = findMatchingSite(currentSite, analyticsData);\n const siteData = matchingSite ? { [matchingSite]: analyticsData[matchingSite] } : analyticsData;\n\n const {\n dayPercentage, weekPercentage, monthPercentage,\n dayViews, weekViews, monthViews,\n totalViews, uniqueVisitors\n } = calculatePercentages(siteData);\n\n const totalSites = Object.keys(siteData).length;\n const totalPaths = Object.values(siteData).reduce((sum, site) => sum + Object.keys(site?.paths || {}).length, 0);\n\n const topPaths = Object.entries(siteData).flatMap(([site, siteData]) =>\n Object.entries(siteData?.paths || {}).map(([path, pathData]) => ({\n site: formatSiteName(site),\n fullSite: site,\n path,\n views: pathData.views || 0\n }))\n ).sort((a, b) => b.views - a.views).slice(0, 10);\n\n const topReferrers = aggregateReferrers(siteData);\n\n const visitorOrigins = aggregateData(siteData, 'countries');\n\n const viewsOverTime = aggregateViewsOverTime(siteData);\n\n const chartData = {\n browsers: aggregateData(siteData, 'browsers'),\n os: aggregateData(siteData, 'os'),\n screenSizes: aggregateData(siteData, 'screenSizes'),\n countries: visitorOrigins,\n timeData: viewsOverTime\n };\n\n const allSites = Object.keys(analyticsData).map(site => ({\n name: formatSiteName(site),\n fullName: site,\n totalViews: analyticsData[site].totalViews || 0\n })).sort((a, b) => b.totalViews - a.totalViews);\n\n return {\n overallStats: {\n totalSites, totalViews, totalPaths,\n dayViews, weekViews, monthViews,\n dayPercentage, weekPercentage, monthPercentage,\n uniqueVisitors\n },\n sitesData: siteData,\n topPaths,\n topReferrers,\n visitorOrigins,\n viewsOverTime,\n chartData,\n allSites\n };\n } catch (error) {\n console.error('Error processing analytics data:', error);\n return defaultData;\n }\n }, [analyticsData, currentSite]);\n\n const siteExists = useCallback((siteName: string) => {\n return !!findMatchingSite(siteName, analyticsData);\n }, [analyticsData]);\n\n const contextValue = useMemo(() => ({\n ...processedData,\n error,\n connectionStatus,\n analyticsData,\n currentSite,\n setCurrentSite,\n siteExists,\n retryConnection: () => {\n retryCountRef.current = 0;\n retryConnection();\n }\n }), [processedData, error, connectionStatus, analyticsData, retryConnection, currentSite, siteExists]);\n\n return (\n \n {children}\n \n );\n};\n",[],[684,807,813],[684,807],{"_104":821,"_97":822,"_166":823,"_168":685,"_169":147,"_170":122,"_171":118,"_106":824,"_101":33,"_173":622,"_175":825,"_176":22,"_177":-5,"_178":826,"_100":827},"df4f9486-fb90-11f0-9be5-42dde27851f2","deps.ts","019bfff8-1c07-70bb-a3db-4d1c59635714",["D",1769526008750],"// Centralized React dependency versions\n// All React imports should come from this file to ensure consistency\n\nexport { default as React } from \"https://esm.sh/react@18.2.0\";\nexport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nexport {\n useState,\n useEffect,\n useContext,\n createContext,\n useCallback,\n useLayoutEffect,\n useMemo,\n useRef,\n lazy,\n Suspense,\n type FC,\n type ReactNode,\n} from \"https://esm.sh/react@18.2.0\";\n\nexport {\n BrowserRouter,\n Routes,\n Route,\n Link,\n useParams,\n useLocation,\n} from \"https://esm.sh/react-router-dom@6.22.0?deps=react@18.2.0,react-dom@18.2.0\";\n",[],[684,822],{"_104":829,"_97":830,"_166":831,"_168":685,"_169":147,"_170":122,"_171":118,"_106":832,"_101":33,"_173":185,"_175":833,"_176":22,"_177":-5,"_178":834,"_100":835},"df4f9a12-fb90-11f0-9be5-42dde27851f2","index.html","019bfff8-1c07-70bb-a3db-52e01ce6bcc9",["D",1769526008750],"\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 thomas's sites\n\n \n \n \n \n \n\n\n

\n \n\n\n",[],[684,830],{"_104":837,"_97":838,"_166":839,"_168":685,"_169":147,"_170":122,"_171":118,"_106":840,"_101":33,"_173":622,"_175":841,"_176":22,"_177":-5,"_178":842,"_100":843},"df4fb5ba-fb90-11f0-9be5-42dde27851f2","index.tsx","019bfff8-1c07-70bb-a3db-5747c8e99495",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n React,\n createRoot,\n useState,\n useEffect,\n useLayoutEffect,\n useContext,\n createContext,\n useCallback,\n lazy,\n Suspense,\n BrowserRouter,\n Routes,\n Route,\n Link,\n useParams,\n useLocation,\n} from \"./deps.ts\";\nimport { AnalyticsProvider, useAnalytics } from \"./contexts/AnalyticsContext.tsx\";\nimport Navigation from \"./components/Navigation.tsx\";\nimport Dashboard from \"./components/Dashboard.tsx\";\nimport ConnectionStatus from \"./components/ConnectionStatus.tsx\";\n\nconst LoadingSpinner = () => {\n const { isDarkMode } = useTheme();\n\n return (\n

\n \n

\n );\n};\n\nconst ErrorBoundary = ({ children }: { children: React.ReactNode }) => {\n const [hasError, setHasError] = useState(false);\n useEffect(() => {\n const errorHandler = (error: ErrorEvent) => {\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 }: { isDarkMode: boolean }) => {\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\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 }: { children: React.ReactNode }) => {\n const location = useLocation();\n useLayoutEffect(() => {\n window.scrollTo(0, 0);\n }, [location.pathname]);\n return children;\n}\n\n// Theme Context\ninterface ThemeContextType {\n isDarkMode: boolean;\n toggleDarkMode: () => void;\n}\n\nconst ThemeContext = createContext(undefined);\n\nconst applyTheme = (isDark: boolean) => {\n const root = document.documentElement;\n const body = document.body;\n\n if (isDark) {\n root.classList.add('dark');\n body.style.backgroundColor = '#111827';\n body.style.color = '#e2e8f0';\n } else {\n root.classList.remove('dark');\n body.style.backgroundColor = 'white';\n body.style.color = '#111827';\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 }: { children: React.ReactNode }) => {\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);\n setIsDarkMode(newMode);\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

\n );\n};\n\nconst App = () => {\n const [isInitializing, setIsInitializing] = useState(true);\n const { isDarkMode } = useTheme();\n\n useEffect(() => {\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 = createRoot(document.getElementById(\"root\")!);\nroot.render(\n \n \n \n);\n\nexport default LoadingSpinner;\n",[],[684,838],[684],{"_104":846,"_97":847,"_166":848,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":849,"_101":33,"_173":174,"_175":-5,"_176":22,"_177":-5,"_178":850,"_100":867},"df4fede6-fb90-11f0-9be5-42dde27851f2","shared","019bfff8-1c07-70bb-a3db-65cc2b59dccd",["D",1769526008750],[851,859],{"_104":852,"_97":853,"_166":854,"_168":848,"_169":147,"_170":122,"_171":118,"_106":855,"_101":33,"_173":622,"_175":856,"_176":22,"_177":-5,"_178":857,"_100":858},"df4fe33c-fb90-11f0-9be5-42dde27851f2","types.ts","019bfff8-1c07-70bb-a3db-5f02fa7c04d0",["D",1769526008750],"// Browser-safe TypeScript interfaces for Counter Town analytics\n// Can be used in both frontend and backend code\n\nexport interface 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\nexport interface PathStats {\n views: number;\n referrers: Record;\n browsers: Record;\n os: Record;\n screenSizes: Record;\n languages: Record;\n countries: Record;\n lastUpdated: string;\n viewTimestamps: string[];\n}\n\nexport interface SiteStats {\n totalViews: number;\n paths: Record;\n}\n\nexport type AnalyticsData = Record;\n",[],[847,853],{"_104":860,"_97":861,"_166":862,"_168":848,"_169":147,"_170":122,"_171":118,"_106":863,"_101":33,"_173":622,"_175":864,"_176":22,"_177":-5,"_178":865,"_100":866},"df4fe9b8-fb90-11f0-9be5-42dde27851f2","utils.ts","019bfff8-1c07-70bb-a3db-625ad4587a5a",["D",1769526008750],"// Browser-safe utility functions for Counter Town\n// No Deno APIs - can be used in both frontend and backend\n\nexport function formatSiteName(site: string): string {\n return site.replace(/^(https?:\\/\\/)?(www\\.)?/, '');\n}\n\nexport function normalizeSiteName(siteName: string | null): string | null {\n if (!siteName) return null;\n const withoutProtocol = siteName.replace(/^https?:\\/\\//, '');\n return withoutProtocol.replace(/^www\\./, '');\n}\n",[],[847,861],[847],{"_104":869,"_97":870,"_166":871,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":872,"_101":33,"_173":185,"_175":873,"_176":22,"_177":-5,"_178":874,"_100":875},"df4fef30-fb90-11f0-9be5-42dde27851f2",".vtignore","019bfff8-1c07-70bb-a3db-6a27b3539c43",["D",1769526008750],".git\n.vscode\n.cursor\n.DS_Store\nnode_modules\nvendor",[],[870],{"_104":877,"_97":878,"_166":879,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":880,"_101":33,"_173":185,"_175":881,"_176":22,"_177":-5,"_178":882,"_100":883},"df4ff124-fb90-11f0-9be5-42dde27851f2","AGENTS.md","019bfff8-1c07-70bb-a3db-6dfe185da863",["D",1769526008750],"You are an advanced assistant specialized in generating Val Town code.\n\n## Runtime Environment\n\nVal Town uses **Deno** as its runtime in a serverless context.\n\n### Security Constraints\n\n- **No filesystem access**: Vals cannot read or write local files\n- **No FFI (Foreign Function Interface)**: Cannot call native code\n- **No subprocesses**: Cannot spawn child processes\n- **Network access allowed**: HTTP requests are permitted\n- **Environment variables**: Accessible via `Deno.env.get()`\n\n### Performance Characteristics\n\n- **Cold start time**: 100ms+ for first request (includes dependency installation)\n- **Warm instances**: Subsequent requests are much faster when val stays warm\n- Prefer lightweight packages to reduce cold start time\n\n### Key Differences from Node.js\n\n1. **No `require()`**: Use ES modules (`import/export`) only\n2. **No `__dirname` or `__filename`**: Not available in Deno\n3. **Explicit file extensions**: Must include `.ts`, `.tsx`, or `.js` in relative imports\n4. **Top-level await**: Supported natively\n5. **NPM packages require `npm:` prefix**: Or use `https://esm.sh`\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider\n refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure\n about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious\n operations)\n- Follow modern ES6+ conventions and functional programming practices if\n possible\n\n## Import Syntax\n\nVal Town supports multiple import methods:\n\n### NPM Packages\n\n```ts\nimport { foo } from \"npm:packagename@version\";\nimport bar from \"npm:another-package@1.0.0\";\n```\n\n### JSR (JavaScript Registry)\n\n```ts\nimport { encodeBase64 } from \"jsr:@std/encoding@1.0.4/base64\";\nimport { escape } from \"jsr:@std/html@1.0.3/entities\";\n```\n\n### esm.sh (CDN)\n\n```ts\nimport React from \"https://esm.sh/react@18\";\n```\n\n### esm.town (Val Town imports)\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\n```\n\n**Important**: Always specify versions for reproducibility and reliability.\n\n## Types of Vals (fileType)\n\n### 1. HTTP Val (`fileType: \"http\"`)\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- HTTP vals have a `links.endpoint` field containing the live URL where the val is deployed\n- Example structure:\n\n```ts\nexport default async function (req: Request): Promise {\n return new Response(\"Hello World\", {\n status: 200,\n headers: { \"Content-Type\": \"text/plain\" },\n });\n}\n```\n\nFiles that are HTTP vals have http in their name like `foobar.http.tsx`\n\n### 2. Interval Val (`fileType: \"interval\"`)\n\n- Run on a schedule (cron-like functionality)\n- Example structure:\n\n```ts\nexport default async function () {\n console.log(\"Running scheduled task\", new Date());\n}\n```\n\nFiles that are Interval vals have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Val (`fileType: \"email\"`)\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n console.log(\"Received email from:\", email.from);\n}\n```\n\nFiles that are Email vals have email in their name like `foobar.email.tsx`\n\n### 4. Script Val (`fileType: \"script\"`)\n\n- General-purpose code that can export functions or values\n- Example structure:\n\n```ts\nexport function greet(name: string): string {\n return `Hello, ${name}!`;\n}\n\nexport const config = {\n version: \"1.0.0\",\n};\n```\n\n## Val Town Standard Library\n\nVal Town provides built-in services:\n\n### SQLite Storage\n\n**For application code in Vals**, use the standard library import:\n\n```typescript\nimport { sqlite } from \"https://esm.town/v/std/sqlite@14-main/main.ts\";\n\n// Create tables idempotently (safe to run multiple times)\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS users (\n id INTEGER PRIMARY KEY,\n name TEXT NOT NULL,\n email TEXT UNIQUE\n )\n`);\n\nconst result = await sqlite.execute(\"SELECT * FROM users\");\n/**\nresult:\n\n ResultSetImpl {\n columns: [ \"id\", \"name\", \"email\" ],\n columnTypes: [ \"INTEGER\", \"TEXT\", \"TEXT\" ],\n rows: [\n { id: 1, name: \"Charlie\", email: \"charlie@example.com\" },\n { id: 2, name: \"Dave\", email: \"dave@example.com\" }\n ],\n rowsAffected: 0,\n lastInsertRowid: undefined\n }\n*/\n\n// Parameterized queries (always use these for user input!)\nawait sqlite.execute({\n sql: \"INSERT INTO users (name, email) VALUES (?, ?)\",\n args: [\"Charlie\", \"charlie@example.com\"],\n});\n\n// Named parameters also supported\nawait sqlite.execute({\n sql: \"SELECT * FROM users WHERE email = :email\",\n args: { email: \"alice@example.com\" },\n});\n\n// Batch operations for atomic multi-statement transactions\n// All succeed together or all fail (rollback on error)\nawait sqlite.batch([\n {\n sql: \"INSERT INTO users (name, email) VALUES (?, ?)\",\n args: [\"Dave\", \"dave@example.com\"],\n },\n { sql: \"UPDATE users SET name = ? WHERE id = ?\", args: [\"David\", 4] },\n]);\n```\n\n**Important notes**:\n\n- Results return as `{columns: string[], rows: any[][]}` - map to objects as needed\n- Always use parameterized queries (`args`) for user input to prevent SQL injection\n- Use `sqlite.batch()` when multiple operations must succeed/fail together\n- Use `CREATE TABLE IF NOT EXISTS` for idempotent table creation\n- MCP tools (sqlite_execute/sqlite_batch) are for debugging; use `std/sqlite` in Val code\n- See https://docs.val.town/reference/std/sqlite/usage/ for complete documentation\n- Existing vals may use https://esm.town/v/std/sqlite for SQLite. Do not change\n this if it is already in place: std/sqlite accesses an SQLite database that is specific\n to the user, std/db accesses one that is specific to the val.\n\n### Blob Storage\n\n```typescript\nimport { blob } from \"@valtown/sdk\";\n\nawait blob.setJSON(\"mykey\", { data: \"value\" });\nconst data = await blob.getJSON(\"mykey\");\n```\n\n### Email Sending\n\n```typescript\nimport { email } from \"@valtown/sdk\";\n\nawait email.send({\n to: \"user@example.com\",\n subject: \"Hello\",\n text: \"Message body\",\n});\n```\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [{ role: \"user\", content: \"Say hello in a creative way\" }],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport {\n parseProject,\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\"\nurls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's _extremely importing_ to note that `parseProject` and other\nStandard Library utilities ONLY RUN ON THE SERVER. If you need access to this\ndata on the client, run it in the server and pass it to the client by splicing\nit into the HTML page or by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use\n `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})`\n instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode\n symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use:\n `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys)\n unless otherwise specified\n- **View Source:** Add a view source link by importing & using\n `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the\n client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add\n `` to HTML to capture\n client-side errors\n- **Environment Variables:** Use `Deno.env.get('keyname')` with defensive checks:\n ```ts\n const apiKey = Deno.env.get(\"API_KEY\");\n if (!apiKey) {\n throw new Error(\"API_KEY not configured\");\n }\n ```\n Generally prefer APIs that don't require keys when possible.\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure\n compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer\n simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with\n `?deps=react@18.2.0,react-dom@18.2.0` and start the file with\n `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same\n version\n- **Styling:** Default to using TailwindCSS via\n `` unless otherwise\n specified\n\n### Error Handling\n\nFor HTTP vals, handle errors gracefully and return appropriate status codes:\n\n```ts\nexport default async function (req: Request): Promise {\n try {\n // Your logic here\n return new Response(\"Success\");\n } catch (error) {\n return new Response(`Error: ${error.message}`, { status: 500 });\n }\n}\n```\n\nFor non-HTTP vals, let errors bubble up with full context rather than catching\nand merely logging them.\n\n### CORS Headers\n\nWhen building APIs consumed by browsers, include CORS headers:\n\n```ts\nreturn new Response(JSON.stringify(data), {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n});\n```\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project\n files:\n\n ```ts\n import {\n readFile,\n serveFile,\n } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to\n see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:**\n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of\n React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with\n `export default app.fetch // This is the entry point for HTTP vals`\n\n6. **HTTP Endpoint Discovery:**\n - HTTP vals have a `links.endpoint` field with the live deployment URL\n - Use this to test and verify your val is working correctly",[],[878],{"_104":885,"_97":886,"_166":887,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":888,"_101":33,"_173":185,"_175":889,"_176":22,"_177":-5,"_178":890,"_100":891},"df504340-fb90-11f0-9be5-42dde27851f2","ARCHITECTURE.md","019bfff8-1c07-70bb-a3db-721832917ca6",["D",1769526008750],"# Counter Town Architecture\n\nA real-time web analytics tracker and dashboard hosted on [Val Town](https://www.val.town).\n\n## Overview\n\n```\n┌─────────────────────────────────────────────────────────────────┐\n│ Server Side │\n├─────────────────────────────────────────────────────────────────┤\n│ counterTown.tsx Main HTTP server/router + tracking │\n│ counterTownDb.tsx SQLite database layer (sites, views) │\n└─────────────────────────────────────────────────────────────────┘\n ↓ SSE stream\n┌─────────────────────────────────────────────────────────────────┐\n│ Client Side │\n├─────────────────────────────────────────────────────────────────┤\n│ counterTownClient.tsx React app entry point + routing │\n│ AnalyticsContext.tsx State management via SSE connection │\n│ Dashboard.tsx Main dashboard orchestrator │\n└─────────────────────────────────────────────────────────────────┘\n```\n\n## Server Side\n\n### counterTown.tsx\nMain entry point that handles:\n- HTTP routing for the dashboard, tracking endpoints, and SSE stream\n- `CounterTown` class for tracking logic and origin validation\n- Generates the tracking script that sites embed\n- Serves the dashboard HTML with Tailwind CSS configuration\n\n### counterTownDb.tsx\nSQLite database layer with three tables:\n- `sites` - Tracked sites with total view counts\n- `path_analytics` - Per-path stats (views, referrers, browsers, OS, etc.)\n- `view_timestamps` - Individual view timestamps for time-series data\n\nExports: `initAnalytics()`, `trackPageView()`, `getAnalytics()`, `cleanupOldData()`\n\n## Client Side\n\n### counterTownClient.tsx\nReact application entry point:\n- React Router setup with routes for `/` and `/:sitename`\n- Theme provider for dark/light mode\n- Error boundary and loading states\n- Renders the main `App` component\n\n### AnalyticsContext.tsx\nCentral state management:\n- SSE connection to `/stream` endpoint for real-time updates\n- Data processing and aggregation (browsers, OS, screen sizes, countries)\n- Calculates day/week/month view percentages\n- Provides `useAnalytics()` hook for components\n\n### Dashboard.tsx\nMain dashboard orchestrator that composes all section components based on the current site selection.\n\n## Dashboard Components\n\n| Component | Purpose |\n|-----------|---------|\n| `OverallStatsSection.tsx` | Total views, visitors, paths summary |\n| `statCard.tsx` | Reusable stat display card |\n| `SitesSection.tsx` | List of all tracked sites |\n| `TopPathsSection.tsx` | Most visited paths table |\n| `TopReferrersSection.tsx` | Top referrer sources |\n| `VisitorOriginsSection.tsx` | Country-based visitor breakdown |\n| `visitorGlobe.tsx` | Globe visualization for visitor origins |\n| `ChartsSection.tsx` | Browser/OS/device charts container |\n| `chartCard.tsx` | Reusable chart card component |\n| `Navigation.tsx` | Site navigation/breadcrumbs |\n| `ConnectionStatus.tsx` | SSE connection status indicator |\n\n## Utilities\n\n| File | Purpose |\n|------|---------|\n| `formatSiteName.tsx` | URL formatting (strips protocol, www) |\n| `personalData.tsx` | Personal configuration data |\n| `valTownAnalytics.tsx` | Val Town specific analytics helpers |\n\n## Data Flow\n\n1. **Tracking**: Sites embed a script from `/trackingScript` that sends page views to `/trackPageView`\n2. **Storage**: `counterTownDb.tsx` stores views in SQLite with JSON aggregations\n3. **Streaming**: Dashboard connects to `/stream` SSE endpoint\n4. **Display**: `AnalyticsContext` processes data and components render via React\n",[],[886],{"_104":893,"_97":894,"_166":895,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":896,"_101":33,"_173":185,"_175":897,"_176":22,"_177":-5,"_178":898,"_100":899},"df505a42-fb90-11f0-9be5-42dde27851f2","CLAUDE.md","019bfff8-1c07-70bb-a3db-775b895c350d",["D",1769526008750],"# CLAUDE.md\n\nThis file provides guidance to Claude Code (claude.ai/code) when working with\ncode in this repository.\n\nRead the instructions from AGENTS.md: @AGENTS.md. Confirm you have read the\ninstructions from AGENTS.md before starting.",[],[894],{"_104":901,"_97":902,"_166":903,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":904,"_101":33,"_173":185,"_175":905,"_176":22,"_177":-5,"_178":906,"_100":907},"df505dee-fb90-11f0-9be5-42dde27851f2","README.md","019bfff8-1c07-70bb-a3db-7ba0441add34",["D",1769526008750],"# Counter Town\n\nA lightweight, real-time web analytics tracker built on Val Town. Monitor traffic across multiple sites from a single dashboard—no external dependencies, no monthly bills.\n\n## Features\n\n- **Real-time tracking** – See pageviews, referrers, and top pages as they happen\n- **Multi-site dashboard** – Track multiple websites from one place\n- **Zero infrastructure** – Fully hosted on Val Town with persistent SQLite storage\n- **Easy setup** – Add a single script tag and you're done\n\nInspired by [Stats](https://github.com/UdaraJay/Stats) and [GoatCounter](https://www.goatcounter.com/).\n\n## Quick Start\n\n### 1. Fork the val\n\nClick the fork button to create your own copy.\n\n### 2. Initialize the database\n\nThe tables initialize automatically on first run. If you need to manually set them up, call `initAnalytics()` from `backend/database/migrations.ts`.\n\n### 3. Configure your sites\n\nEdit the `counterTownConfig` object in `backend/lib/CounterTown.ts` with your site information and add your site URLs to `allowedOrigins`.\n\n### 4. Add the tracking script\n\nPlace this snippet just before the closing `` tag on each site you want to track:\n\n```html\n\n```\n\nReplace `` and `` with your Val Town username and project name (e.g., `https://nbbaier-countertown.val.run/trackingScript`).\n\n### 5. View your dashboard\n\nNavigate to your val's HTTP endpoint to see live analytics.",[],[902],{"_104":909,"_97":910,"_166":911,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":912,"_101":33,"_173":185,"_175":913,"_176":22,"_177":-5,"_178":914,"_100":915},"df506a0a-fb90-11f0-9be5-42dde27851f2","REFACTORING_PLAN.md","019bfff8-1c07-70bb-a3db-7f275b412e73",["D",1769526008750],"# Counter Town Refactoring Plan\n\nModernize the project structure to align with Val Town best practices.\n\n## Target Structure\n\n```\nbackend/\n├── index.http.ts # Hono app entry, exports app.fetch\n├── database/\n│ ├── migrations.ts # CREATE TABLE IF NOT EXISTS statements\n│ └── queries.ts # trackPageView, getAnalytics, cleanupOldData\n├── routes/\n│ ├── tracking.ts # /trackPageView, /pixel.gif, /trackingScript\n│ ├── stream.ts # SSE /stream endpoint\n│ └── static.ts # serveFile for frontend assets\n└── lib/\n └── CounterTown.ts # CounterTown class + config\n\nfrontend/\n├── index.html # Extracted from counterTown.tsx\n├── index.tsx # App entry (from counterTownClient.tsx)\n├── deps.ts # Centralized React 18.2.0 version pins\n├── components/\n│ ├── Dashboard.tsx\n│ ├── Navigation.tsx\n│ ├── ConnectionStatus.tsx\n│ ├── charts/\n│ │ ├── ChartCard.tsx\n│ │ └── ChartsSection.tsx\n│ └── sections/\n│ ├── OverallStatsSection.tsx\n│ ├── SitesSection.tsx\n│ ├── StatCard.tsx\n│ ├── TopPathsSection.tsx\n│ ├── TopReferrersSection.tsx\n│ ├── VisitorGlobe.tsx\n│ └── VisitorOriginsSection.tsx\n└── contexts/\n └── AnalyticsContext.tsx\n\nshared/\n├── types.ts # PageView, SiteStats, AnalyticsData interfaces\n└── utils.ts # formatSiteName (browser-safe, no Deno APIs)\n\nREADME.md\nAGENTS.md\nARCHITECTURE.md\n```\n\n## Critical Changes\n\n### 1. React 18.2.0 Upgrade (HIGH PRIORITY)\n\nCurrent code uses React 17.0.2. Must upgrade and pin consistently.\n\n**frontend/deps.ts:**\n```ts\nexport { default as React } from \"https://esm.sh/react@18.2.0\";\nexport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nexport { \n BrowserRouter, \n Routes, \n Route, \n useParams \n} from \"https://esm.sh/react-router-dom@6.22.0?deps=react@18.2.0,react-dom@18.2.0\";\n```\n\n**All frontend .tsx files must start with:**\n```ts\n/** @jsxImportSource https://esm.sh/react@18.2.0 */\n```\n\n### 2. Local Imports (HIGH PRIORITY)\n\nReplace external esm.town imports with relative paths:\n\n```diff\n- import { initAnalytics } from 'https://esm.town/v/iamseeley/counterTownDb';\n+ import { initAnalytics } from './database/queries.ts';\n```\n\n### 3. Hono Backend Setup\n\n**backend/index.http.ts:**\n```ts\nimport { Hono } from \"npm:hono@4\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport tracking from \"./routes/tracking.ts\";\nimport stream from \"./routes/stream.ts\";\n\nconst app = new Hono();\n\n// Re-throw errors for full stack traces\napp.onError((err, c) => {\n throw err;\n});\n\n// API routes first\napp.route(\"/\", tracking);\napp.route(\"/\", stream);\n\n// Static assets\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// SPA fallback (must be last)\napp.get(\"*\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n // Optional: inject initial data safely\n return c.html(html);\n});\n\nexport default app.fetch;\n```\n\n### 4. SSE Hardening\n\n**backend/routes/stream.ts** improvements:\n- Add heartbeat every 15-30s: `:\\n\\n` or `event: ping`\n- Add header: `X-Accel-Buffering: no`\n- Increase poll interval from 5s to 10-30s\n- Keep abort handler for cleanup\n\n```ts\nconst stream = new ReadableStream({\n async start(controller) {\n const encoder = new TextEncoder();\n \n // Send initial data\n const data = await getAnalytics();\n controller.enqueue(encoder.encode(`data: ${JSON.stringify(data)}\\n\\n`));\n \n // Heartbeat every 20s\n const heartbeat = setInterval(() => {\n controller.enqueue(encoder.encode(`: heartbeat\\n\\n`));\n }, 20000);\n \n // Data refresh every 15s (reduced from 5s)\n const refresh = setInterval(async () => {\n const data = await getAnalytics();\n controller.enqueue(encoder.encode(`data: ${JSON.stringify(data)}\\n\\n`));\n }, 15000);\n \n req.signal.addEventListener('abort', () => {\n clearInterval(heartbeat);\n clearInterval(refresh);\n controller.close();\n });\n },\n});\n\nreturn 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 'X-Accel-Buffering': 'no',\n 'Access-Control-Allow-Origin': '*',\n },\n});\n```\n\n### 5. XSS-Safe Initial Data Injection\n\nUse JSON script tag instead of inline JS:\n\n```html\n\n\n```\n\n```ts\n// In backend/index.http.ts\nconst initialData = await getInitialData();\nhtml = html.replace(\n '',\n ``\n);\n```\n\n```ts\n// In frontend/index.tsx\nconst initialData = JSON.parse(\n document.getElementById('initial-data')?.textContent || '{}'\n);\n```\n\n### 6. Shared Types (Browser-Safe)\n\n**shared/types.ts:**\n```ts\nexport interface 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\nexport interface PathStats {\n views: number;\n referrers: Record;\n browsers: Record;\n os: Record;\n screenSizes: Record;\n languages: Record;\n countries: Record;\n lastUpdated: string;\n viewTimestamps: string[];\n}\n\nexport interface SiteStats {\n totalViews: number;\n paths: Record;\n}\n\nexport type AnalyticsData = Record;\n```\n\n### 7. Database Layer\n\n**backend/database/migrations.ts:**\n- Keep `CREATE TABLE IF NOT EXISTS` (idempotent)\n- Run once per warm instance via module-level lazy init\n- Use `sqlite.batch([...], \"write\")` for atomic operations\n\n**backend/database/queries.ts:**\n- Export typed query functions\n- Consistent error handling (don't mix return values and throws)\n- Use parameterized queries for all user input\n\n## Migration Steps\n\n### Phase 1: Directory Structure (30 min)\n1. Create `backend/`, `frontend/`, `shared/` directories\n2. Move files to appropriate locations\n3. Update all import paths\n\n### Phase 2: Backend Modernization (1-2 hours)\n1. Create Hono app in `backend/index.http.ts`\n2. Split routes into separate modules\n3. Implement `serveFile` for static assets\n4. Add SPA fallback route\n\n### Phase 3: Frontend Modernization (1-2 hours)\n1. Create `frontend/deps.ts` with pinned React 18.2.0\n2. Update all components to use local imports\n3. Extract HTML to `frontend/index.html`\n4. Update to `createRoot` API\n\n### Phase 4: Hardening (30 min)\n1. Add SSE heartbeat and longer intervals\n2. Implement XSS-safe data injection\n3. Add proper TypeScript types throughout\n\n## Estimated Effort\n\n| Scope | Time |\n|-------|------|\n| File reorganization only | 1-3 hours |\n| Full modernization | 1-2 days |\n\n## Risks & Mitigations\n\n| Risk | Severity | Mitigation |\n|------|----------|------------|\n| React version mismatch | High | Centralize pins in deps.ts |\n| SSE connection drops | Medium | Add heartbeat, longer intervals |\n| XSS in data injection | Medium | Use JSON script tag pattern |\n| Breaking existing tracking | High | Test with allowedOrigins before deploying |\n\n## Testing Checklist\n\n- [x] Dashboard loads at `/`\n- [x] Site-specific view loads at `/:sitename` (SPA routing works)\n- [x] SSE stream connects and receives updates\n- [x] Tracking script loads from `/trackingScript`\n- [x] Page views are recorded via `/trackPageView` (returns 401 for unauthorized origins as expected)\n- [x] Pixel tracking works via `/pixel.gif`\n- [x] Dark/light theme toggle works\n- [x] All charts render correctly (no data to display yet, but components load)\n",[],[910],{"_104":917,"_97":918,"_166":919,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":920,"_101":33,"_173":185,"_175":921,"_176":22,"_177":-5,"_178":922,"_100":923},"df5094c6-fb90-11f0-9be5-42dde27851f2","biome.json","019bfff8-1c07-70bb-a3db-8372a9fc4c6e",["D",1769526008750],"{\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}",[],[918],{"_104":925,"_97":926,"_166":927,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":928,"_101":33,"_173":185,"_175":929,"_176":22,"_177":-5,"_178":930,"_100":931},"df509944-fb90-11f0-9be5-42dde27851f2","deno.json","019bfff8-1c07-70bb-a3db-84cc68bebd03",["D",1769526008750],"{\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}",[],[926],"files",[163,180,190,196,202,210,218,226,234,242,250,258,266,274,282,290,298,306,315,321,330,336,342,348,357,365,371,378,385,392,399,406,413,420,426,435,442,449,456,463,470,477,484,491,498,505,512,518,527,533,541,546,551,559,567,574,582,589,597,605,611,617,626,635,641,650,656,664,673,682,688,694,700,708,717,723,731,739,747,755,763,771,780,788,796,805,811,820,828,836,845,851,859,868,876,884,892,900,908,916,924],"counts",{"_936":33,"_937":122,"_938":33,"_939":940,"_943":944},"pulls","branches","forks","envVars",{"_941":33,"_942":33},"count","emptyCount","connections",{"_941":33,"_945":33},"unfilledCount","contents",[948,951,954,957,960,963,966,969,972,975,978,981,984],{"_104":164,"_97":165,"_166":167,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":949,"_101":33,"_173":174,"_175":-5,"_176":22,"_177":-5,"_100":950},["D",1769526008750],[165],{"_104":191,"_97":192,"_166":193,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":952,"_101":33,"_173":174,"_175":-5,"_176":22,"_177":-5,"_100":953},["D",1769526008750],[192],{"_104":606,"_97":607,"_166":608,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":955,"_101":33,"_173":174,"_175":-5,"_176":22,"_177":-5,"_100":956},["D",1769526008750],[607],{"_104":683,"_97":684,"_166":685,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":958,"_101":33,"_173":174,"_175":-5,"_176":22,"_177":-5,"_100":959},["D",1769526008750],[684],{"_104":846,"_97":847,"_166":848,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":961,"_101":33,"_173":174,"_175":-5,"_176":22,"_177":-5,"_100":962},["D",1769526008750],[847],{"_104":869,"_97":870,"_166":871,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":964,"_101":33,"_173":185,"_175":873,"_176":22,"_177":-5,"_100":965},["D",1769526008750],[870],{"_104":877,"_97":878,"_166":879,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":967,"_101":33,"_173":185,"_175":881,"_176":22,"_177":-5,"_100":968},["D",1769526008750],[878],{"_104":885,"_97":886,"_166":887,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":970,"_101":33,"_173":185,"_175":889,"_176":22,"_177":-5,"_100":971},["D",1769526008750],[886],{"_104":893,"_97":894,"_166":895,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":973,"_101":33,"_173":185,"_175":897,"_176":22,"_177":-5,"_100":974},["D",1769526008750],[894],{"_104":901,"_97":902,"_166":903,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":976,"_101":33,"_173":185,"_175":905,"_176":22,"_177":-5,"_100":977},["D",1769526008750],[902],{"_104":909,"_97":910,"_166":911,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":979,"_101":33,"_173":185,"_175":913,"_176":22,"_177":-5,"_100":980},["D",1769526008750],[910],{"_104":917,"_97":918,"_166":919,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":982,"_101":33,"_173":185,"_175":921,"_176":22,"_177":-5,"_100":983},["D",1769526008750],[918],{"_104":925,"_97":926,"_166":927,"_168":-5,"_169":147,"_170":122,"_171":118,"_106":985,"_101":33,"_173":185,"_175":929,"_176":22,"_177":-5,"_100":986},["D",1769526008750],[926],"upstreamProject",{"_104":155,"_97":989,"_112":74,"_113":-5,"_110":111,"_23":990},"counterTown",{"_95":991,"_138":992},"nbbaier","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","upstreamBranch",{"_104":150,"_106":995,"_996":997,"_97":45,"_148":155,"_101":998,"_149":-5,"_151":-5,"_999":1000,"_108":-5,"_160":22,"_110":111,"_159":991,"_16":157,"_158":989},["D",1769453702149],"updatedAt",["D",1769722222338],152,"lockfileKey","1769731735118-esm.town_v_nbbaier_counterTown@152-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_95":96,"_97":98,"_102":1007,"_939":1012,"_1013":22},{"_104":105,"_97":98,"_106":1008,"_108":-5,"_109":22,"_110":111,"_112":74,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":122,"_16":123,"_124":125,"_126":127,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_23":1009,"_140":1010,"_145":1011,"_160":22},["D",1769526008750],{"_95":96,"_138":139},{"_95":96,"_142":139,"_14":114,"_143":144},{"_101":122,"_97":45,"_104":147,"_148":105,"_149":150,"_151":152,"_153":111,"_154":155,"_156":157,"_158":98,"_159":96},[],"isTeamOrg","actionData","errors"]

stevekrouse

counterTownNico

Environment variables