Error: {error}

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

\n \n

\n \n );\n};\n\nexport default VisitorOriginsSection;\n",[217,218,122,79],"df4ede38-fb90-11f0-9be5-42dde27851f2",["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;",[217,218,122,91],"df4ed14a-fb90-11f0-9be5-42dde27851f2",["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",[217,218,122,97],"df4ec150-fb90-11f0-9be5-42dde27851f2",["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",[217,218,122,103],"df4ebcd2-fb90-11f0-9be5-42dde27851f2",["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",[217,218,122,109],"df4e8cb2-fb90-11f0-9be5-42dde27851f2",["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",[217,218,122,115],"df4e7880-fb90-11f0-9be5-42dde27851f2",["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",[217,218,122,120],"pulls","branches","forks","envVars",{"_116":26,"_263":26},"connections",{"_116":26,"_262":26},"unfilledCount","emptyCount",{"_33":983,"_13":982,"_77":977,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":984,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":985,"_17":986},{"_33":974,"_13":975,"_77":976,"_43":977,"_35":36,"_214":40,"_227":24,"_37":978,"_39":26,"_80":21,"_211":979,"_82":30,"_215":-5,"_370":980,"_17":981},{"_33":970,"_13":623,"_77":618,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":971,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":972,"_17":973},{"_33":966,"_13":874,"_77":869,"_43":618,"_35":36,"_214":40,"_227":24,"_37":967,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":968,"_17":969},{"_33":959,"_13":960,"_77":961,"_43":869,"_35":36,"_214":40,"_227":24,"_37":962,"_39":26,"_80":21,"_211":963,"_82":30,"_215":-5,"_370":964,"_17":965},{"_33":952,"_13":953,"_77":954,"_43":869,"_35":36,"_214":40,"_227":24,"_37":955,"_39":26,"_80":21,"_211":956,"_82":30,"_215":-5,"_370":957,"_17":958},{"_33":945,"_13":946,"_77":947,"_43":869,"_35":36,"_214":40,"_227":24,"_37":948,"_39":26,"_80":21,"_211":949,"_82":30,"_215":-5,"_370":950,"_17":951},{"_33":938,"_13":939,"_77":940,"_43":869,"_35":36,"_214":40,"_227":24,"_37":941,"_39":26,"_80":21,"_211":942,"_82":30,"_215":-5,"_370":943,"_17":944},{"_33":931,"_13":932,"_77":933,"_43":869,"_35":36,"_214":40,"_227":24,"_37":934,"_39":26,"_80":21,"_211":935,"_82":30,"_215":-5,"_370":936,"_17":937},{"_33":924,"_13":925,"_77":926,"_43":869,"_35":36,"_214":40,"_227":24,"_37":927,"_39":26,"_80":21,"_211":928,"_82":30,"_215":-5,"_370":929,"_17":930},{"_33":917,"_13":918,"_77":919,"_43":869,"_35":36,"_214":40,"_227":24,"_37":920,"_39":26,"_80":21,"_211":921,"_82":30,"_215":-5,"_370":922,"_17":923},{"_33":910,"_13":911,"_77":912,"_43":869,"_35":36,"_214":40,"_227":24,"_37":913,"_39":26,"_80":21,"_211":914,"_82":30,"_215":-5,"_370":915,"_17":916},{"_33":903,"_13":904,"_77":905,"_43":869,"_35":36,"_214":40,"_227":24,"_37":906,"_39":26,"_80":21,"_211":907,"_82":30,"_215":-5,"_370":908,"_17":909},{"_33":896,"_13":897,"_77":898,"_43":869,"_35":36,"_214":40,"_227":24,"_37":899,"_39":26,"_80":21,"_211":900,"_82":30,"_215":-5,"_370":901,"_17":902},{"_33":889,"_13":890,"_77":891,"_43":869,"_35":36,"_214":40,"_227":24,"_37":892,"_39":26,"_80":21,"_211":893,"_82":30,"_215":-5,"_370":894,"_17":895},{"_33":882,"_13":883,"_77":884,"_43":869,"_35":36,"_214":40,"_227":24,"_37":885,"_39":26,"_80":21,"_211":886,"_82":30,"_215":-5,"_370":887,"_17":888},{"_33":875,"_13":876,"_77":877,"_43":869,"_35":36,"_214":40,"_227":24,"_37":878,"_39":26,"_80":21,"_211":879,"_82":30,"_215":-5,"_370":880,"_17":881},{"_33":866,"_13":867,"_77":868,"_43":869,"_35":36,"_214":40,"_227":24,"_37":870,"_39":26,"_80":21,"_211":871,"_82":30,"_215":-5,"_370":872,"_17":873},{"_33":862,"_13":684,"_77":857,"_43":618,"_35":36,"_214":40,"_227":24,"_37":863,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":864,"_17":865},{"_33":854,"_13":855,"_77":856,"_43":857,"_35":36,"_214":40,"_227":24,"_37":858,"_39":26,"_80":21,"_211":859,"_82":30,"_215":-5,"_370":860,"_17":861},{"_33":850,"_13":834,"_77":829,"_43":618,"_35":36,"_214":40,"_227":24,"_37":851,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":852,"_17":853},{"_33":846,"_13":658,"_77":842,"_43":829,"_35":36,"_214":40,"_227":24,"_37":847,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":848,"_17":849},{"_33":841,"_13":666,"_77":837,"_43":842,"_35":36,"_214":40,"_227":24,"_37":843,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":844,"_17":845},{"_33":835,"_13":16,"_77":836,"_43":837,"_35":36,"_214":40,"_227":24,"_37":838,"_39":26,"_80":21,"_211":831,"_82":30,"_215":-5,"_370":839,"_17":840},{"_33":827,"_13":632,"_77":828,"_43":829,"_35":36,"_214":40,"_227":24,"_37":830,"_39":26,"_80":21,"_211":831,"_82":30,"_215":-5,"_370":832,"_17":833},{"_33":823,"_13":682,"_77":678,"_43":618,"_35":36,"_214":40,"_227":24,"_37":824,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":825,"_17":826},{"_33":817,"_13":818,"_77":819,"_43":678,"_35":36,"_214":40,"_227":24,"_37":820,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":821,"_17":822},{"_33":811,"_13":812,"_77":813,"_43":678,"_35":36,"_214":40,"_227":24,"_37":814,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":815,"_17":816},{"_33":805,"_13":806,"_77":807,"_43":678,"_35":36,"_214":40,"_227":24,"_37":808,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":809,"_17":810},{"_33":799,"_13":800,"_77":801,"_43":678,"_35":36,"_214":40,"_227":24,"_37":802,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":803,"_17":804},{"_33":793,"_13":794,"_77":795,"_43":678,"_35":36,"_214":40,"_227":24,"_37":796,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":797,"_17":798},{"_33":787,"_13":788,"_77":789,"_43":678,"_35":36,"_214":40,"_227":24,"_37":790,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":791,"_17":792},{"_33":781,"_13":782,"_77":783,"_43":678,"_35":36,"_214":40,"_227":24,"_37":784,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":785,"_17":786},{"_33":777,"_13":776,"_77":771,"_43":678,"_35":36,"_214":40,"_227":24,"_37":778,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":779,"_17":780},{"_33":768,"_13":769,"_77":770,"_43":771,"_35":36,"_214":40,"_227":24,"_37":772,"_39":26,"_80":21,"_211":773,"_82":30,"_215":-5,"_370":774,"_17":775},{"_33":762,"_13":763,"_77":764,"_43":678,"_35":36,"_214":40,"_227":24,"_37":765,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":766,"_17":767},{"_33":756,"_13":757,"_77":758,"_43":678,"_35":36,"_214":40,"_227":24,"_37":759,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":760,"_17":761},{"_33":750,"_13":751,"_77":752,"_43":678,"_35":36,"_214":40,"_227":24,"_37":753,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":754,"_17":755},{"_33":744,"_13":745,"_77":746,"_43":678,"_35":36,"_214":40,"_227":24,"_37":747,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":748,"_17":749},{"_33":738,"_13":739,"_77":740,"_43":678,"_35":36,"_214":40,"_227":24,"_37":741,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":742,"_17":743},{"_33":732,"_13":733,"_77":734,"_43":678,"_35":36,"_214":40,"_227":24,"_37":735,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":736,"_17":737},{"_33":726,"_13":727,"_77":728,"_43":678,"_35":36,"_214":40,"_227":24,"_37":729,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":730,"_17":731},{"_33":720,"_13":721,"_77":722,"_43":678,"_35":36,"_214":40,"_227":24,"_37":723,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":724,"_17":725},{"_33":714,"_13":715,"_77":716,"_43":678,"_35":36,"_214":40,"_227":24,"_37":717,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":718,"_17":719},{"_33":708,"_13":709,"_77":710,"_43":678,"_35":36,"_214":40,"_227":24,"_37":711,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":712,"_17":713},{"_33":702,"_13":703,"_77":704,"_43":678,"_35":36,"_214":40,"_227":24,"_37":705,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":706,"_17":707},{"_33":698,"_13":697,"_77":692,"_43":678,"_35":36,"_214":40,"_227":24,"_37":699,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":700,"_17":701},{"_33":689,"_13":690,"_77":691,"_43":692,"_35":36,"_214":40,"_227":24,"_37":693,"_39":26,"_80":21,"_211":694,"_82":30,"_215":-5,"_370":695,"_17":696},{"_33":683,"_13":684,"_77":685,"_43":678,"_35":36,"_214":40,"_227":24,"_37":686,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":687,"_17":688},{"_33":675,"_13":676,"_77":677,"_43":678,"_35":36,"_214":40,"_227":24,"_37":679,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":680,"_17":681},{"_33":671,"_13":658,"_77":654,"_43":618,"_35":36,"_214":40,"_227":24,"_37":672,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":673,"_17":674},{"_33":667,"_13":666,"_77":661,"_43":654,"_35":36,"_214":40,"_227":24,"_37":668,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":669,"_17":670},{"_33":659,"_13":16,"_77":660,"_43":661,"_35":36,"_214":40,"_227":24,"_37":662,"_39":26,"_80":21,"_211":663,"_82":30,"_215":-5,"_370":664,"_17":665},{"_33":651,"_13":652,"_77":653,"_43":654,"_35":36,"_214":40,"_227":24,"_37":655,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":656,"_17":657},{"_33":645,"_13":646,"_77":647,"_43":618,"_35":36,"_214":40,"_227":24,"_37":648,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":649,"_17":650},{"_33":638,"_13":639,"_77":640,"_43":618,"_35":36,"_214":40,"_227":24,"_37":641,"_39":26,"_80":21,"_211":642,"_82":30,"_215":-5,"_370":643,"_17":644},{"_33":631,"_13":632,"_77":633,"_43":618,"_35":36,"_214":40,"_227":24,"_37":634,"_39":26,"_80":21,"_211":635,"_82":30,"_215":-5,"_370":636,"_17":637},{"_33":624,"_13":625,"_77":626,"_43":618,"_35":36,"_214":40,"_227":24,"_37":627,"_39":26,"_80":21,"_211":628,"_82":30,"_215":-5,"_370":629,"_17":630},{"_33":616,"_13":131,"_77":617,"_43":618,"_35":36,"_214":40,"_227":24,"_37":619,"_39":26,"_80":21,"_211":620,"_82":30,"_215":-5,"_370":621,"_17":622},{"_33":612,"_13":558,"_77":552,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":613,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":614,"_17":615},{"_33":608,"_13":600,"_77":595,"_43":552,"_35":36,"_214":40,"_227":24,"_37":609,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":610,"_17":611},{"_33":601,"_13":602,"_77":603,"_43":595,"_35":36,"_214":40,"_227":24,"_37":604,"_39":26,"_80":81,"_211":605,"_82":30,"_215":-5,"_370":606,"_17":607},{"_33":592,"_13":593,"_77":594,"_43":595,"_35":36,"_214":40,"_227":24,"_37":596,"_39":26,"_80":81,"_211":597,"_82":30,"_215":-5,"_370":598,"_17":599},{"_33":588,"_13":587,"_77":582,"_43":552,"_35":36,"_214":40,"_227":24,"_37":589,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":590,"_17":591},{"_33":579,"_13":580,"_77":581,"_43":582,"_35":36,"_214":40,"_227":24,"_37":583,"_39":26,"_80":81,"_211":584,"_82":30,"_215":-5,"_370":585,"_17":586},{"_33":575,"_13":567,"_77":562,"_43":552,"_35":36,"_214":40,"_227":24,"_37":576,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":577,"_17":578},{"_33":568,"_13":569,"_77":570,"_43":562,"_35":36,"_214":40,"_227":24,"_37":571,"_39":26,"_80":81,"_211":572,"_82":30,"_215":-5,"_370":573,"_17":574},{"_33":559,"_13":560,"_77":561,"_43":562,"_35":36,"_214":40,"_227":24,"_37":563,"_39":26,"_80":81,"_211":564,"_82":30,"_215":-5,"_370":565,"_17":566},{"_33":550,"_13":551,"_77":135,"_43":552,"_35":36,"_214":40,"_227":24,"_37":553,"_39":26,"_80":554,"_211":555,"_82":30,"_215":-5,"_370":556,"_17":557},{"_33":546,"_13":217,"_77":445,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":547,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":548,"_17":549},{"_33":542,"_13":218,"_77":212,"_43":445,"_35":36,"_214":40,"_227":24,"_37":543,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":544,"_17":545},{"_33":538,"_13":530,"_77":525,"_43":212,"_35":36,"_214":40,"_227":24,"_37":539,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":540,"_17":541},{"_33":531,"_13":532,"_77":533,"_43":525,"_35":36,"_214":40,"_227":24,"_37":534,"_39":26,"_80":81,"_211":535,"_82":30,"_215":-5,"_370":536,"_17":537},{"_33":522,"_13":523,"_77":524,"_43":525,"_35":36,"_214":40,"_227":24,"_37":526,"_39":26,"_80":81,"_211":527,"_82":30,"_215":-5,"_370":528,"_17":529},{"_33":210,"_13":122,"_77":121,"_43":212,"_35":36,"_214":40,"_227":24,"_37":519,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":520,"_17":521},{"_33":251,"_13":120,"_77":119,"_43":121,"_35":36,"_214":40,"_227":24,"_37":516,"_39":26,"_80":81,"_211":253,"_82":30,"_215":-5,"_370":517,"_17":518},{"_33":247,"_13":115,"_77":114,"_43":121,"_35":36,"_214":40,"_227":24,"_37":513,"_39":26,"_80":81,"_211":249,"_82":30,"_215":-5,"_370":514,"_17":515},{"_33":243,"_13":109,"_77":108,"_43":121,"_35":36,"_214":40,"_227":24,"_37":510,"_39":26,"_80":81,"_211":245,"_82":30,"_215":-5,"_370":511,"_17":512},{"_33":239,"_13":103,"_77":102,"_43":121,"_35":36,"_214":40,"_227":24,"_37":507,"_39":26,"_80":81,"_211":241,"_82":30,"_215":-5,"_370":508,"_17":509},{"_33":235,"_13":97,"_77":96,"_43":121,"_35":36,"_214":40,"_227":24,"_37":504,"_39":26,"_80":81,"_211":237,"_82":30,"_215":-5,"_370":505,"_17":506},{"_33":231,"_13":91,"_77":90,"_43":121,"_35":36,"_214":40,"_227":24,"_37":501,"_39":26,"_80":81,"_211":233,"_82":30,"_215":-5,"_370":502,"_17":503},{"_33":226,"_13":79,"_77":78,"_43":121,"_35":36,"_214":40,"_227":24,"_37":498,"_39":26,"_80":81,"_211":229,"_82":30,"_215":-5,"_370":499,"_17":500},{"_33":491,"_13":492,"_77":493,"_43":212,"_35":36,"_214":40,"_227":24,"_37":494,"_39":26,"_80":81,"_211":495,"_82":30,"_215":-5,"_370":496,"_17":497},{"_33":484,"_13":485,"_77":486,"_43":212,"_35":36,"_214":40,"_227":24,"_37":487,"_39":26,"_80":81,"_211":488,"_82":30,"_215":-5,"_370":489,"_17":490},{"_33":477,"_13":478,"_77":479,"_43":212,"_35":36,"_214":40,"_227":24,"_37":480,"_39":26,"_80":81,"_211":481,"_82":30,"_215":-5,"_370":482,"_17":483},{"_33":473,"_13":472,"_77":467,"_43":445,"_35":36,"_214":40,"_227":24,"_37":474,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":475,"_17":476},{"_33":464,"_13":465,"_77":466,"_43":467,"_35":36,"_214":40,"_227":24,"_37":468,"_39":26,"_80":81,"_211":469,"_82":30,"_215":-5,"_370":470,"_17":471},{"_33":457,"_13":458,"_77":459,"_43":445,"_35":36,"_214":40,"_227":24,"_37":460,"_39":26,"_80":81,"_211":461,"_82":30,"_215":-5,"_370":462,"_17":463},{"_33":450,"_13":451,"_77":452,"_43":445,"_35":36,"_214":40,"_227":24,"_37":453,"_39":26,"_80":21,"_211":454,"_82":30,"_215":-5,"_370":455,"_17":456},{"_33":442,"_13":443,"_77":444,"_43":445,"_35":36,"_214":40,"_227":24,"_37":446,"_39":26,"_80":81,"_211":447,"_82":30,"_215":-5,"_370":448,"_17":449},{"_33":438,"_13":430,"_77":425,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":439,"_39":26,"_80":123,"_211":-5,"_82":30,"_215":-5,"_370":440,"_17":441},{"_33":431,"_13":432,"_77":433,"_43":425,"_35":36,"_214":40,"_227":24,"_37":434,"_39":26,"_80":81,"_211":435,"_82":30,"_215":-5,"_370":436,"_17":437},{"_33":422,"_13":423,"_77":424,"_43":425,"_35":36,"_214":40,"_227":24,"_37":426,"_39":26,"_80":81,"_211":427,"_82":30,"_215":-5,"_370":428,"_17":429},{"_33":415,"_13":416,"_77":417,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":418,"_39":26,"_80":21,"_211":419,"_82":30,"_215":-5,"_370":420,"_17":421},{"_33":408,"_13":409,"_77":410,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":411,"_39":26,"_80":21,"_211":412,"_82":30,"_215":-5,"_370":413,"_17":414},{"_33":401,"_13":402,"_77":403,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":404,"_39":26,"_80":21,"_211":405,"_82":30,"_215":-5,"_370":406,"_17":407},{"_33":394,"_13":395,"_77":396,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":397,"_39":26,"_80":21,"_211":398,"_82":30,"_215":-5,"_370":399,"_17":400},{"_33":387,"_13":388,"_77":389,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":390,"_39":26,"_80":21,"_211":391,"_82":30,"_215":-5,"_370":392,"_17":393},{"_33":380,"_13":381,"_77":382,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":383,"_39":26,"_80":21,"_211":384,"_82":30,"_215":-5,"_370":385,"_17":386},{"_33":373,"_13":374,"_77":375,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":376,"_39":26,"_80":21,"_211":377,"_82":30,"_215":-5,"_370":378,"_17":379},{"_33":365,"_13":366,"_77":367,"_43":-5,"_35":36,"_214":40,"_227":24,"_37":368,"_39":26,"_80":21,"_211":369,"_82":30,"_215":-5,"_370":371,"_17":372},"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}","children",[],[366],"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}",[],[374],"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",[],[381],"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.",[],[388],"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.",[],[395],"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",[],[402],"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",[],[409],"df4fef30-fb90-11f0-9be5-42dde27851f2",".vtignore","019bfff8-1c07-70bb-a3db-6a27b3539c43",["D",1769526008750],".git\n.vscode\n.cursor\n.DS_Store\nnode_modules\nvendor",[],[416],"df4fe9b8-fb90-11f0-9be5-42dde27851f2","utils.ts","019bfff8-1c07-70bb-a3db-625ad4587a5a","019bfff8-1c07-70bb-a3db-65cc2b59dccd",["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",[],[430,423],"shared","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",[],[430,432],"df4fede6-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[355,356],[430],"df4fb5ba-fb90-11f0-9be5-42dde27851f2","index.tsx","019bfff8-1c07-70bb-a3db-5747c8e99495","019bfff8-1c07-70bb-a3db-5ad0bf4a1df7",["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",[],[217,443],"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",[],[217,451],"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",[],[217,458],"df4f4b98-fb90-11f0-9be5-42dde27851f2","AnalyticsContext.tsx","019bfff8-1c07-70bb-a3db-453f7f34270f","019bfff8-1c07-70bb-a3db-49be8b435235",["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",[],[217,472,465],"contexts","df4f9012-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[350],[217,472],"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",[],[217,218,478],"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",[],[217,218,485],"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",[],[217,218,492],["D",1769526008750],[],[217,218,122,79],["D",1769526008750],[],[217,218,122,91],["D",1769526008750],[],[217,218,122,97],["D",1769526008750],[],[217,218,122,103],["D",1769526008750],[],[217,218,122,109],["D",1769526008750],[],[217,218,122,115],["D",1769526008750],[],[217,218,122,120],["D",1769526008750],[339,340,341,342,343,344,345],[217,218,122],"df4e6d68-fb90-11f0-9be5-42dde27851f2","ChartsSection.tsx","019bfff8-1c07-70bb-a3db-0ed6d4ea9bcd","019bfff8-1c07-70bb-a3db-129eea6fed5f",["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",[],[217,218,530,523],"charts","df4e3c26-fb90-11f0-9be5-42dde27851f2","ChartCard.tsx","019bfff8-1c07-70bb-a3db-0b079df66994",["D",1769526008750],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { React, useState } from \"../../deps.ts\";\nimport { Card, CardHeader, CardTitle, CardContent, Button } from 'https://esm.sh/shadcdn@0.0.4?deps=react@18.2.0,react-dom@18.2.0';\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, PieChart, Pie, Cell, ResponsiveContainer, Tooltip, LabelList, Area, AreaChart } from 'https://esm.sh/recharts@2.12.7?deps=react@18.2.0,react-dom@18.2.0';\n\ntype ChartData = Record;\n\ninterface ChartComponentProps {\n data: ChartData;\n}\n\nconst COLORS = ['#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe', '#dbeafe'];\n\nconst VerticalBarChart = ({ 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 \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 }: 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",[],[217,218,530,532],"df4e768c-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[336,337],[217,218,530],"df4f49a4-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[335,338,346,347,348],[217,218],"df4fe0ee-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[334,349,351,352,353],[217],"df4e2ef2-fb90-11f0-9be5-42dde27851f2","index.http.ts","019bfff8-1c07-70bb-a3db-07c731f73ae5",["D",1769526008750],"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { initAnalytics } from \"./database/migrations.ts\";\nimport { getAnalytics } from \"./database/queries.ts\";\nimport tracking from \"./routes/tracking.ts\";\nimport stream from \"./routes/stream.ts\";\nimport type { AnalyticsData } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Initialize database on first request (lazy initialization)\nlet isInitialized = false;\n\n// Re-throw errors for full stack traces\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database middleware\napp.use('*', async (c, next) => {\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 await next();\n});\n\n// Mount API routes\napp.route(\"/\", tracking);\napp.route(\"/\", stream);\n\n// Serve 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 route (must be last)\napp.get(\"*\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // XSS-safe initial data injection using JSON script tag pattern\n try {\n const initialData: AnalyticsData = await getAnalytics();\n html = html.replace(\n '',\n ``\n );\n } catch (error) {\n console.error('Failed to fetch initial analytics data:', error);\n // Leave the placeholder empty if fetch fails - SSE will populate data\n }\n\n return c.html(html);\n});\n\nexport default app.fetch;\n",[],[558,551],"backend","df4e1d04-fb90-11f0-9be5-42dde27851f2","tracking.ts","019bfff8-1c07-70bb-a3da-fac21958656f","019bfff8-1c07-70bb-a3da-fc309e887ab6",["D",1769526008750],"import { Hono } from \"npm:hono@4\";\nimport { counterTown } from \"../lib/CounterTown.ts\";\n\nconst tracking = new Hono();\n\n// Track page view endpoint\ntracking.post(\"/trackPageView\", (c) => counterTown.handleAnalytics(c.req.raw));\ntracking.options(\"/trackPageView\", (c) =>\n c.text(\"\", 200, {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"POST, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n }));\n\n// Pixel tracking endpoint\ntracking.get(\"/pixel.gif\", (c) => counterTown.handlePixelTracking(c.req.raw));\n\n// Tracking script endpoint\ntracking.get(\"/trackingScript\", (c) => {\n const url = new URL(c.req.url);\n const customData = JSON.parse(url.searchParams.get(\"customData\") || \"{}\");\n const script = counterTown.generateTrackingScript(customData);\n\n return c.text(script, 200, {\n \"Content-Type\": \"application/javascript\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n });\n});\n\n// Generate tracking HTML endpoint\ntracking.get(\"/generateTrackingHtml\", (c) => {\n const url = new URL(c.req.url);\n const site = url.origin;\n const referrer = c.req.header(\"referer\") || \"(direct)\";\n const path = url.pathname;\n const language = c.req.header(\"accept-language\") || \"unknown\";\n const userAgent = c.req.header(\"user-agent\") || \"unknown\";\n\n const baseTrackingUrl = `https://nbbaier-countertown.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\",\n \"480x320\",\n \"768x1024\",\n \"1024x768\",\n \"1280x800\",\n \"1440x900\",\n \"1920x1080\",\n ];\n\n const html = `\n \n \n ${\n screenSizes.map((size, index) => `\n $\"\"$ \n `).join(\"\\n\")\n }\n \n `;\n\n return c.html(html);\n});\n\nexport default tracking;",[],[558,567,560],"routes","df4e0ef4-fb90-11f0-9be5-42dde27851f2","stream.ts","019bfff8-1c07-70bb-a3da-f5e430cbcb1f",["D",1769526008750],"import { Hono } from \"npm:hono@4\";\nimport { getAnalytics } from \"../database/queries.ts\";\n\nconst stream = new Hono();\n\n// SSE stream endpoint with hardening improvements\nstream.get('/stream', (c) => {\n const req = c.req.raw;\n const clientParam = new URL(req.url).searchParams.get('client');\n\n // Authorization check\n if (clientParam !== 'counterTown-Dashboard') {\n return c.text('Unauthorized', 401);\n }\n\n const encoder = new TextEncoder();\n const readableStream = 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\n // Send initial data immediately\n await sendAnalyticsData();\n\n // Heartbeat every 20s to keep connection alive\n const heartbeat = setInterval(() => {\n try {\n controller.enqueue(encoder.encode(`: heartbeat\\n\\n`));\n } catch (error) {\n console.error('Error sending heartbeat:', error);\n }\n }, 20000);\n\n // Data refresh every 15s (reduced from 5s for better performance)\n const refresh = setInterval(sendAnalyticsData, 15000);\n\n // Cleanup on abort\n req.signal.addEventListener('abort', () => {\n clearInterval(heartbeat);\n clearInterval(refresh);\n try {\n controller.close();\n } catch {\n // Controller may already be closed or errored\n }\n console.log('Stream closed');\n });\n },\n });\n\n return new Response(readableStream, {\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// OPTIONS handler for CORS preflight\nstream.options('/stream', (c) =>\n c.text('', 200, {\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, OPTIONS',\n 'Access-Control-Allow-Headers': 'Content-Type',\n })\n);\n\nexport default stream;\n",[],[558,567,569],"df4e2c40-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[330,331],[558,567],"df4dcf98-fb90-11f0-9be5-42dde27851f2","CounterTown.ts","019bfff8-1c07-70bb-a3da-ee5b56c615f3","019bfff8-1c07-70bb-a3da-f228cfff955c",["D",1769526008750],"import { trackPageView } from \"../database/queries.ts\";\nimport type { PageView } from \"../../shared/types.ts\";\n\nexport const counterTownConfig = {\n firstName: \"nico\",\n lastName: \"baier\",\n allowedOrigins: [\"https://nicobaier.com\"],\n ogImage:\n \"https://res.cloudinary.com/dcwnusepx/image/upload/v1721484366/tseeley/flying_ww6ynv.jpg\",\n};\n\n// CounterTown class for managing analytics tracking\nexport class 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\n private 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(\n `Tracking blocked for unauthorized origin: ${pageView.site}`,\n );\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 public 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\n public 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([\n 0x47,\n 0x49,\n 0x46,\n 0x38,\n 0x39,\n 0x61,\n 0x01,\n 0x00,\n 0x01,\n 0x00,\n 0x80,\n 0x00,\n 0x00,\n 0xff,\n 0xff,\n 0xff,\n 0x00,\n 0x00,\n 0x00,\n 0x2c,\n 0x00,\n 0x00,\n 0x00,\n 0x00,\n 0x01,\n 0x00,\n 0x01,\n 0x00,\n 0x00,\n 0x02,\n 0x02,\n 0x44,\n 0x01,\n 0x00,\n 0x3b,\n ]),\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 public serverMiddleware = async (context: any, next: () => Promise) => {\n const req = context.req || context;\n\n let url: URL;\n try {\n url = new URL(\n req.url || req.originalUrl || req.url.href,\n `http://${req.headers.host || \"localhost\"}`,\n );\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\") ||\n \"(direct)\",\n userAgent: userAgent,\n browser: browser,\n os: os,\n screenSize: url.searchParams.get(\"screenSize\") || \"Unknown\",\n language: getHeader(\"accept-language\") ||\n 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 (\n ![\"site\", \"path\", \"referrer\", \"screenSize\", \"language\"].includes(key)\n ) {\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// Create and export a singleton instance\nexport const counterTown = new CounterTown({\n trackingEndpoint: \"/trackPageView\",\n allowedOrigins: counterTownConfig.allowedOrigins,\n});\n\n// Export middleware factory\nexport function createCounterTownMiddleware() {\n const counterTown = new CounterTown({\n trackingEndpoint: \"/trackPageView\",\n allowedOrigins: counterTownConfig.allowedOrigins,\n });\n\n return counterTown.serverMiddleware;\n}",[],[558,587,580],"lib","df4e0bde-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[328],[558,587],"df4dac3e-fb90-11f0-9be5-42dde27851f2","queries.ts","019bfff8-1c07-70bb-a3da-e53a2ed88aaa","019bfff8-1c07-70bb-a3da-e908e1e1d482",["D",1769526008750],"import { sqlite } from \"https://esm.town/v/std/sqlite@14-main/main.ts\";\nimport type { PageView, AnalyticsData } from \"../../shared/types.ts\";\n\n// Track a page view\nexport async function trackPageView(data: PageView): Promise<{ success: boolean; message: string; error?: string; stack?: string }> {\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] as { id: number }).id;\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] as { id: number }).id;\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\n// Get analytics data, optionally filtered by site and date range\nexport async function getAnalytics(\n site: string | null = null,\n startDate: string | null = null,\n endDate: string | null = null\n): Promise {\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: (string | null)[] = [];\n const conditions: string[] = [];\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: AnalyticsData = {};\n\n for (const row of result.rows as any[]) {\n if (!stats[row.site]) {\n stats[row.site] = {\n totalViews: row.total_views,\n paths: {}\n };\n }\n\n if (row.path) {\n stats[row.site].paths[row.path] = {\n views: row.views,\n referrers: JSON.parse(row.referrers),\n browsers: JSON.parse(row.browsers),\n os: JSON.parse(row.os),\n screenSizes: JSON.parse(row.screen_sizes),\n languages: JSON.parse(row.languages),\n countries: JSON.parse(row.countries),\n lastUpdated: row.last_updated,\n viewTimestamps: row.view_timestamps ? row.view_timestamps.split(',') : []\n };\n }\n }\n\n return stats;\n}\n\n// Clean up old data\nexport async function cleanupOldData(site: string, daysToKeep: number): Promise {\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",[],[558,600,593],"database","df4d9fd2-fb90-11f0-9be5-42dde27851f2","migrations.ts","019bfff8-1c07-70bb-a3da-e0c13af0316a",["D",1769526008750],"import { sqlite } from \"https://esm.town/v/std/sqlite@14-main/main.ts\";\n\n// Initialize the database schema\n// Uses CREATE TABLE IF NOT EXISTS for idempotency\nexport async function initAnalytics() {\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 // Use batch for atomic schema creation\n await sqlite.batch([\n {\n sql: `\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 {\n sql: `\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 {\n sql: `\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 {\n sql: `\n CREATE INDEX IF NOT EXISTS idx_view_timestamps_path_analytics_id\n ON view_timestamps(path_analytics_id)\n `\n },\n {\n sql: `\n CREATE INDEX IF NOT EXISTS idx_view_timestamps_timestamp\n ON view_timestamps(timestamp)\n `\n }\n ], \"write\");\n\n console.log('Database initialized successfully');\n } catch (error) {\n console.error('Error initializing database:', error);\n throw error;\n }\n}\n\nasync function checkTablesExist(): Promise {\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",[],[558,600,602],"df4dccb4-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[325,326],[558,600],"df4e3a6e-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[324,327,329,332],[558],"df4d9960-fb90-11f0-9be5-42dde27851f2","019bfff8-1c07-70bb-a3da-db08f1613a7e","019bfff8-1c07-70bb-a3da-ddb2be9440ec",["D",1769526008750],"Unnamed repository; edit this file 'description' to name the repository.\n",[],[623,131],".git","df4d9690-fb90-11f0-9be5-42dde27851f2","config","019bfff8-1c07-70bb-a3da-d627b2c7b43a",["D",1769526008750],"[core]\n\trepositoryformatversion = 0\n\tfilemode = true\n\tbare = false\n\tlogallrefupdates = true\n\tignorecase = true\n\tprecomposeunicode = true\n",[],[623,625],"df4d906e-fb90-11f0-9be5-42dde27851f2","HEAD","019bfff8-1c07-70bb-a3da-d0740901c7eb",["D",1769526008750],"ref: refs/heads/main\n",[],[623,632],"df4d8f24-fb90-11f0-9be5-42dde27851f2","COMMIT_EDITMSG","019bfff8-1c07-70bb-a3da-cd791c1f73ef",["D",1769526008750],"initial commit\n",[],[623,639],"df4d8e34-fb90-11f0-9be5-42dde27851f2","rr-cache","019bfff8-1c07-70bb-a3da-cb3ad980afab",["D",1769526008750],[],[623,646],"df4d8b28-fb90-11f0-9be5-42dde27851f2","tags","019bfff8-1c07-70bb-a3da-c3e52c5c517f","019bfff8-1c07-70bb-a3da-c7b2051e8e3e",["D",1769526008750],[],[623,658,652],"refs","df4d8826-fb90-11f0-9be5-42dde27851f2","019bfff8-1c07-70bb-a3da-b94ddefa7371","019bfff8-1c07-70bb-a3da-befcb010a7b5",["D",1769526008750],"f873d50517b9f995d651c4f12b1a0a1dc7b3aef6\n",[],[623,658,666,16],"heads","df4d8a24-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[316],[623,658,666],"df4d8cae-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[315,317],[623,658],"df4d859c-fb90-11f0-9be5-42dde27851f2","pack","019bfff8-1c07-70bb-a3da-b04493f68422","019bfff8-1c07-70bb-a3da-b5ab41c63642",["D",1769526008750],[],[623,682,676],"objects","df4d842a-fb90-11f0-9be5-42dde27851f2","info","019bfff8-1c07-70bb-a3da-ad70f8ec6fbc",["D",1769526008750],[],[623,682,684],"df4d7fc0-fb90-11f0-9be5-42dde27851f2","73d50517b9f995d651c4f12b1a0a1dc7b3aef6","019bfff8-1c07-70bb-a3da-a7684cd3051a","019bfff8-1c07-70bb-a3da-aa807bc67286",["D",1769526008750],"x\u0001��\t\u00021\u0010E�N\u0015Ӏ��d�\t,\"\u0016`\u000fy��f\u0003!�o�\u000e�;\\8��V+\u000f�V�F�\u0019l�R'WHg$\u001b�3I9�0'��\u0015{)�VJZ��x�\u000e\u000f�\r�s�혼�/ߞ��V� W�4)C\u001a�h\u0010�\\��\u001f��\u0007�\u001d~\u0015�\u0001\u0014f:�",[],[623,682,697,690],"f8","df4d8268-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[311],[623,682,697],"df4d7ec6-fb90-11f0-9be5-42dde27851f2","f6","019bfff8-1c07-70bb-a3da-a08274e9eeec",["D",1769526008750],[],[623,682,703],"df4d7d36-fb90-11f0-9be5-42dde27851f2","df","019bfff8-1c07-70bb-a3da-9d3442670109",["D",1769526008750],[],[623,682,709],"df4d7b9c-fb90-11f0-9be5-42dde27851f2","d7","019bfff8-1c07-70bb-a3da-998e9a7eccee",["D",1769526008750],[],[623,682,715],"df4d79e4-fb90-11f0-9be5-42dde27851f2","c5","019bfff8-1c07-70bb-a3da-958c32d8e57f",["D",1769526008750],[],[623,682,721],"df4d78e0-fb90-11f0-9be5-42dde27851f2","bd","019bfff8-1c07-70bb-a3da-93ccd21d87f6",["D",1769526008750],[],[623,682,727],"df4d770a-fb90-11f0-9be5-42dde27851f2","bb","019bfff8-1c07-70bb-a3da-8d9352eda283",["D",1769526008750],[],[623,682,733],"df4d7232-fb90-11f0-9be5-42dde27851f2","b0","019bfff8-1c07-70bb-a3da-8a9f9058d829",["D",1769526008750],[],[623,682,739],"df4d6d8c-fb90-11f0-9be5-42dde27851f2","94","019bfff8-1c07-70bb-a3da-844db5a783b7",["D",1769526008750],[],[623,682,745],"df4d6c2e-fb90-11f0-9be5-42dde27851f2","8f","019bfff8-1c07-70bb-a3da-826b5e2fc4a3",["D",1769526008750],[],[623,682,751],"df4d6936-fb90-11f0-9be5-42dde27851f2","82","019bfff8-1c07-70bb-a3da-7ccf5a7b4186",["D",1769526008750],[],[623,682,757],"df4d681e-fb90-11f0-9be5-42dde27851f2","54","019bfff8-1c07-70bb-a3da-795fee0fa6aa",["D",1769526008750],[],[623,682,763],"df4d5e00-fb90-11f0-9be5-42dde27851f2","346e74d7e5f5e354453c646b2a3e78603404e6","019bfff8-1c07-70bb-a3da-738a04115cdb","019bfff8-1c07-70bb-a3da-753465290195",["D",1769526008750],"x\u0001�VMo�6\u0010�ٿb*\u0014��F��$�±��\u0005Z��a�{��Ɩ6\u0014)��cC��^R\u0012%�q�=�dr4��73o\u001c3\u0011��\u0007rq\u0001\u001f��ßy!�~\u0012;�FH�.Ԓ\u0010T�L�D\"]�Ww��l\u0001\u0017d�պP�FȜ�L��4G�`#E\u000ec��\u0016��IFs��H�o��g\u001a3��H��\u0016:\u0013�ݐ��\u0007��;�l/��% 1769453654 -0600\tcommit (initial): initial commit\n",[],[623,834,632],"logs","df4d4c76-fb90-11f0-9be5-42dde27851f2","019bfff8-1c07-70bb-a3da-41cafcd15201","019bfff8-1c07-70bb-a3da-45d69f0bf821",["D",1769526008750],[],[623,834,658,666,16],"df4d4f50-fb90-11f0-9be5-42dde27851f2","019bfff8-1c07-70bb-a3da-4bf38f989b23",["D",1769526008750],[287],[623,834,658,666],"df4d507c-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[286],[623,834,658],"df4d5432-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[285,288],[623,834],"df4d42b2-fb90-11f0-9be5-42dde27851f2","exclude","019bfff8-1c07-70bb-a3da-3bc5a52f700e","019bfff8-1c07-70bb-a3da-3cb53c073412",["D",1769526008750],"# git ls-files --others --exclude-from=.git/info/exclude\n# Lines that start with '#' are comments.\n# For a project mostly in C, the following would be a good set of\n# exclude patterns (uncomment them if you want to use them):\n# *.[oa]\n# *~\n",[],[623,684,855],"df4d479e-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[283],[623,684],"df4d2ad4-fb90-11f0-9be5-42dde27851f2","update.sample","019bfff8-1c07-70bb-a3da-326aa359b484","019bfff8-1c07-70bb-a3da-346169238244",["D",1769526008750],"#!/bin/sh\n#\n# An example hook script to block unannotated tags from entering.\n# Called by \"git receive-pack\" with arguments: refname sha1-old sha1-new\n#\n# To enable this hook, rename this file to \"update\".\n#\n# Config\n# ------\n# hooks.allowunannotated\n# This boolean sets whether unannotated tags will be allowed into the\n# repository. By default they won't be.\n# hooks.allowdeletetag\n# This boolean sets whether deleting tags will be allowed in the\n# repository. By default they won't be.\n# hooks.allowmodifytag\n# This boolean sets whether a tag may be modified after creation. By default\n# it won't be.\n# hooks.allowdeletebranch\n# This boolean sets whether deleting branches will be allowed in the\n# repository. By default they won't be.\n# hooks.denycreatebranch\n# This boolean sets whether remotely creating branches will be denied\n# in the repository. By default this is allowed.\n#\n\n# --- Command line\nrefname=\"$1\"\noldrev=\"$2\"\nnewrev=\"$3\"\n\n# --- Safety check\nif [ -z \"$GIT_DIR\" ]; then\n\techo \"Don't run this script from the command line.\" >&2\n\techo \" (if you want, you could supply GIT_DIR then run\" >&2\n\techo \" $0 )\" >&2\n\texit 1\nfi\n\nif [ -z \"$refname\" -o -z \"$oldrev\" -o -z \"$newrev\" ]; then\n\techo \"usage: $0 \" >&2\n\texit 1\nfi\n\n# --- Config\nallowunannotated=$(git config --type=bool hooks.allowunannotated)\nallowdeletebranch=$(git config --type=bool hooks.allowdeletebranch)\ndenycreatebranch=$(git config --type=bool hooks.denycreatebranch)\nallowdeletetag=$(git config --type=bool hooks.allowdeletetag)\nallowmodifytag=$(git config --type=bool hooks.allowmodifytag)\n\n# check for no description\nprojectdesc=$(sed -e '1q' \"$GIT_DIR/description\")\ncase \"$projectdesc\" in\n\"Unnamed repository\"* | \"\")\n\techo \"*** Project description file hasn't been set\" >&2\n\texit 1\n\t;;\nesac\n\n# --- Check types\n# if $newrev is 0000...0000, it's a commit to delete a ref.\nzero=$(git hash-object --stdin &2\n\t\t\techo \"*** Use 'git tag [ -a | -s ]' for tags you want to propagate.\" >&2\n\t\t\texit 1\n\t\tfi\n\t\t;;\n\trefs/tags/*,delete)\n\t\t# delete tag\n\t\tif [ \"$allowdeletetag\" != \"true\" ]; then\n\t\t\techo \"*** Deleting a tag is not allowed in this repository\" >&2\n\t\t\texit 1\n\t\tfi\n\t\t;;\n\trefs/tags/*,tag)\n\t\t# annotated tag\n\t\tif [ \"$allowmodifytag\" != \"true\" ] && git rev-parse $refname > /dev/null 2>&1\n\t\tthen\n\t\t\techo \"*** Tag '$refname' already exists.\" >&2\n\t\t\techo \"*** Modifying a tag is not allowed in this repository.\" >&2\n\t\t\texit 1\n\t\tfi\n\t\t;;\n\trefs/heads/*,commit)\n\t\t# branch\n\t\tif [ \"$oldrev\" = \"$zero\" -a \"$denycreatebranch\" = \"true\" ]; then\n\t\t\techo \"*** Creating a branch is not allowed in this repository\" >&2\n\t\t\texit 1\n\t\tfi\n\t\t;;\n\trefs/heads/*,delete)\n\t\t# delete branch\n\t\tif [ \"$allowdeletebranch\" != \"true\" ]; then\n\t\t\techo \"*** Deleting a branch is not allowed in this repository\" >&2\n\t\t\texit 1\n\t\tfi\n\t\t;;\n\trefs/remotes/*,commit)\n\t\t# tracking branch\n\t\t;;\n\trefs/remotes/*,delete)\n\t\t# delete tracking branch\n\t\tif [ \"$allowdeletebranch\" != \"true\" ]; then\n\t\t\techo \"*** Deleting a tracking branch is not allowed in this repository\" >&2\n\t\t\texit 1\n\t\tfi\n\t\t;;\n\t*)\n\t\t# Anything else (is there anything else?)\n\t\techo \"*** Update hook: unknown type of update to ref $refname of type $newrev_type\" >&2\n\t\texit 1\n\t\t;;\nesac\n\n# --- Finished\nexit 0\n",[],[623,874,867],"hooks","df4d147c-fb90-11f0-9be5-42dde27851f2","sendemail-validate.sample","019bfff8-1c07-70bb-a3da-2ec64090ff0b",["D",1769526008750],"#!/bin/sh\n\n# An example hook script to validate a patch (and/or patch series) before\n# sending it via email.\n#\n# The hook should exit with non-zero status after issuing an appropriate\n# message if it wants to prevent the email(s) from being sent.\n#\n# To enable this hook, rename this file to \"sendemail-validate\".\n#\n# By default, it will only check that the patch(es) can be applied on top of\n# the default upstream branch without conflicts in a secondary worktree. After\n# validation (successful or not) of the last patch of a series, the worktree\n# will be deleted.\n#\n# The following config variables can be set to change the default remote and\n# remote ref that are used to apply the patches against:\n#\n# sendemail.validateRemote (default: origin)\n# sendemail.validateRemoteRef (default: HEAD)\n#\n# Replace the TODO placeholders with appropriate checks according to your\n# needs.\n\nvalidate_cover_letter () {\n\tfile=\"$1\"\n\t# TODO: Replace with appropriate checks (e.g. spell checking).\n\ttrue\n}\n\nvalidate_patch () {\n\tfile=\"$1\"\n\t# Ensure that the patch applies without conflicts.\n\tgit am -3 \"$file\" || return\n\t# TODO: Replace with appropriate checks for this patch\n\t# (e.g. checkpatch.pl).\n\ttrue\n}\n\nvalidate_series () {\n\t# TODO: Replace with appropriate checks for the whole series\n\t# (e.g. quick build, coding style checks, etc.).\n\ttrue\n}\n\n# main -------------------------------------------------------------------------\n\nif test \"$GIT_SENDEMAIL_FILE_COUNTER\" = 1\nthen\n\tremote=$(git config --default origin --get sendemail.validateRemote) &&\n\tref=$(git config --default HEAD --get sendemail.validateRemoteRef) &&\n\tworktree=$(mktemp --tmpdir -d sendemail-validate.XXXXXXX) &&\n\tgit worktree add -fd --checkout \"$worktree\" \"refs/remotes/$remote/$ref\" &&\n\tgit config --replace-all sendemail.validateWorktree \"$worktree\"\nelse\n\tworktree=$(git config --get sendemail.validateWorktree)\nfi || {\n\techo \"sendemail-validate: error: failed to prepare worktree\" >&2\n\texit 1\n}\n\nunset GIT_DIR GIT_WORK_TREE\ncd \"$worktree\" &&\n\nif grep -q \"^diff --git \" \"$1\"\nthen\n\tvalidate_patch \"$1\"\nelse\n\tvalidate_cover_letter \"$1\"\nfi &&\n\nif test \"$GIT_SENDEMAIL_FILE_COUNTER\" = \"$GIT_SENDEMAIL_FILE_TOTAL\"\nthen\n\tgit config --unset-all sendemail.validateWorktree &&\n\ttrap 'git worktree remove -ff \"$worktree\"' EXIT &&\n\tvalidate_series\nfi\n",[],[623,874,876],"df4cffe6-fb90-11f0-9be5-42dde27851f2","push-to-checkout.sample","019bfff8-1c07-70bb-a3da-2ac74b64c3de",["D",1769526008750],"#!/bin/sh\n\n# An example hook script to update a checked-out tree on a git push.\n#\n# This hook is invoked by git-receive-pack(1) when it reacts to git\n# push and updates reference(s) in its repository, and when the push\n# tries to update the branch that is currently checked out and the\n# receive.denyCurrentBranch configuration variable is set to\n# updateInstead.\n#\n# By default, such a push is refused if the working tree and the index\n# of the remote repository has any difference from the currently\n# checked out commit; when both the working tree and the index match\n# the current commit, they are updated to match the newly pushed tip\n# of the branch. This hook is to be used to override the default\n# behaviour; however the code below reimplements the default behaviour\n# as a starting point for convenient modification.\n#\n# The hook receives the commit with which the tip of the current\n# branch is going to be updated:\ncommit=$1\n\n# It can exit with a non-zero status to refuse the push (when it does\n# so, it must not modify the index or the working tree).\ndie () {\n\techo >&2 \"$*\"\n\texit 1\n}\n\n# Or it can make any necessary changes to the working tree and to the\n# index to bring them to the desired state when the tip of the current\n# branch is updated to the new commit, and exit with a zero status.\n#\n# For example, the hook can simply run git read-tree -u -m HEAD \"$1\"\n# in order to emulate git fetch that is run in the reverse direction\n# with git push, as the two-tree form of git read-tree -u -m is\n# essentially the same as git switch or git checkout that switches\n# branches while keeping the local changes in the working tree that do\n# not interfere with the difference between the branches.\n\n# The below is a more-or-less exact translation to shell of the C code\n# for the default behaviour for git's push-to-checkout hook defined in\n# the push_to_deploy() function in builtin/receive-pack.c.\n#\n# Note that the hook will be executed from the repository directory,\n# not from the working tree, so if you want to perform operations on\n# the working tree, you will have to adapt your code accordingly, e.g.\n# by adding \"cd ..\" or using relative paths.\n\nif ! git update-index -q --ignore-submodules --refresh\nthen\n\tdie \"Up-to-date check failed\"\nfi\n\nif ! git diff-files --quiet --ignore-submodules --\nthen\n\tdie \"Working directory has unstaged changes\"\nfi\n\n# This is a rough translation of:\n#\n# head_has_history() ? \"HEAD\" : EMPTY_TREE_SHA1_HEX\nif git cat-file -e HEAD 2>/dev/null\nthen\n\thead=HEAD\nelse\n\thead=$(git hash-object -t tree --stdin \\).*$/Signed-off-by: \\1/p')\n# git interpret-trailers --in-place --trailer \"$SOB\" \"$COMMIT_MSG_FILE\"\n# if test -z \"$COMMIT_SOURCE\"\n# then\n# /usr/bin/perl -i.bak -pe 'print \"\\n\" if !$first_line++' \"$COMMIT_MSG_FILE\"\n# fi\n",[],[623,874,890],"df4cebaa-fb90-11f0-9be5-42dde27851f2","pre-receive.sample","019bfff8-1c07-70bb-a3da-222180991c21",["D",1769526008750],"#!/bin/sh\n#\n# An example hook script to make use of push options.\n# The example simply echoes all push options that start with 'echoback='\n# and rejects all pushes when the \"reject\" push option is used.\n#\n# To enable this hook, rename this file to \"pre-receive\".\n\nif test -n \"$GIT_PUSH_OPTION_COUNT\"\nthen\n\ti=0\n\twhile test \"$i\" -lt \"$GIT_PUSH_OPTION_COUNT\"\n\tdo\n\t\teval \"value=\\$GIT_PUSH_OPTION_$i\"\n\t\tcase \"$value\" in\n\t\techoback=*)\n\t\t\techo \"echo from the pre-receive-hook: ${value#*=}\" >&2\n\t\t\t;;\n\t\treject)\n\t\t\texit 1\n\t\tesac\n\t\ti=$((i + 1))\n\tdone\nfi\n",[],[623,874,897],"df4cc760-fb90-11f0-9be5-42dde27851f2","pre-rebase.sample","019bfff8-1c07-70bb-a3da-1c40f826f038",["D",1769526008750],"#!/bin/sh\n#\n# Copyright (c) 2006, 2008 Junio C Hamano\n#\n# The \"pre-rebase\" hook is run just before \"git rebase\" starts doing\n# its job, and can prevent the command from running by exiting with\n# non-zero status.\n#\n# The hook is called with the following parameters:\n#\n# $1 -- the upstream the series was forked from.\n# $2 -- the branch being rebased (or empty when rebasing the current branch).\n#\n# This sample shows how to prevent topic branches that are already\n# merged to 'next' branch from getting rebased, because allowing it\n# would result in rebasing already published history.\n\npublish=next\nbasebranch=\"$1\"\nif test \"$#\" = 2\nthen\n\ttopic=\"refs/heads/$2\"\nelse\n\ttopic=`git symbolic-ref HEAD` ||\n\texit 0 ;# we do not interrupt rebasing detached HEAD\nfi\n\ncase \"$topic\" in\nrefs/heads/??/*)\n\t;;\n*)\n\texit 0 ;# we do not interrupt others.\n\t;;\nesac\n\n# Now we are dealing with a topic branch being rebased\n# on top of master. Is it OK to rebase it?\n\n# Does the topic really exist?\ngit show-ref -q \"$topic\" || {\n\techo >&2 \"No such branch $topic\"\n\texit 1\n}\n\n# Is topic fully merged to master?\nnot_in_master=`git rev-list --pretty=oneline ^master \"$topic\"`\nif test -z \"$not_in_master\"\nthen\n\techo >&2 \"$topic is fully merged to master; better remove it.\"\n\texit 1 ;# we could allow it, but there is no point.\nfi\n\n# Is topic ever merged to next? If so you should not be rebasing it.\nonly_next_1=`git rev-list ^master \"^$topic\" ${publish} | sort`\nonly_next_2=`git rev-list ^master ${publish} | sort`\nif test \"$only_next_1\" = \"$only_next_2\"\nthen\n\tnot_in_topic=`git rev-list \"^$topic\" master`\n\tif test -z \"$not_in_topic\"\n\tthen\n\t\techo >&2 \"$topic is already up to date with master\"\n\t\texit 1 ;# we could allow it, but there is no point.\n\telse\n\t\texit 0\n\tfi\nelse\n\tnot_in_next=`git rev-list --pretty=oneline ^${publish} \"$topic\"`\n\t/usr/bin/perl -e '\n\t\tmy $topic = $ARGV[0];\n\t\tmy $msg = \"* $topic has commits already merged to public branch:\\n\";\n\t\tmy (%not_in_next) = map {\n\t\t\t/^([0-9a-f]+) /;\n\t\t\t($1 => 1);\n\t\t} split(/\\n/, $ARGV[1]);\n\t\tfor my $elem (map {\n\t\t\t\t/^([0-9a-f]+) (.*)$/;\n\t\t\t\t[$1 => $2];\n\t\t\t} split(/\\n/, $ARGV[2])) {\n\t\t\tif (!exists $not_in_next{$elem->[0]}) {\n\t\t\t\tif ($msg) {\n\t\t\t\t\tprint STDERR $msg;\n\t\t\t\t\tundef $msg;\n\t\t\t\t}\n\t\t\t\tprint STDERR \" $elem->[1]\\n\";\n\t\t\t}\n\t\t}\n\t' \"$topic\" \"$not_in_next\" \"$not_in_master\"\n\texit 1\nfi\n\n<<\\DOC_END\n\nThis sample hook safeguards topic branches that have been\npublished from being rewound.\n\nThe workflow assumed here is:\n\n * Once a topic branch forks from \"master\", \"master\" is never\n merged into it again (either directly or indirectly).\n\n * Once a topic branch is fully cooked and merged into \"master\",\n it is deleted. If you need to build on top of it to correct\n earlier mistakes, a new topic branch is created by forking at\n the tip of the \"master\". This is not strictly necessary, but\n it makes it easier to keep your history simple.\n\n * Whenever you need to test or publish your changes to topic\n branches, merge them into \"next\" branch.\n\nThe script, being an example, hardcodes the publish branch name\nto be \"next\", but it is trivial to make it configurable via\n$GIT_DIR/config mechanism.\n\nWith this workflow, you would want to know:\n\n(1) ... if a topic branch has ever been merged to \"next\". Young\n topic branches can have stupid mistakes you would rather\n clean up before publishing, and things that have not been\n merged into other branches can be easily rebased without\n affecting other people. But once it is published, you would\n not want to rewind it.\n\n(2) ... if a topic branch has been fully merged to \"master\".\n Then you can delete it. More importantly, you should not\n build on top of it -- other people may already want to\n change things related to the topic as patches against your\n \"master\", so if you need further changes, it is better to\n fork the topic (perhaps with the same name) afresh from the\n tip of \"master\".\n\nLet's look at this example:\n\n\t\t o---o---o---o---o---o---o---o---o---o \"next\"\n\t\t / / / /\n\t\t / a---a---b A / /\n\t\t/ / / /\n\t / / c---c---c---c B /\n\t / / / \\ /\n\t / / / b---b C \\ /\n\t / / / / \\ /\n ---o---o---o---o---o---o---o---o---o---o---o \"master\"\n\n\nA, B and C are topic branches.\n\n * A has one fix since it was merged up to \"next\".\n\n * B has finished. It has been fully merged up to \"master\" and \"next\",\n and is ready to be deleted.\n\n * C has not merged to \"next\" at all.\n\nWe would want to allow C to be rebased, refuse A, and encourage\nB to be deleted.\n\nTo compute (1):\n\n\tgit rev-list ^master ^topic next\n\tgit rev-list ^master next\n\n\tif these match, topic has not merged in next at all.\n\nTo compute (2):\n\n\tgit rev-list master..topic\n\n\tif this is empty, it is fully merged to \"master\".\n\nDOC_END\n",[],[623,874,904],"df4cbcd4-fb90-11f0-9be5-42dde27851f2","pre-push.sample","019bfff8-1c07-70bb-a3da-1a9bd4b1fd56",["D",1769526008750],"#!/bin/sh\n\n# An example hook script to verify what is about to be pushed. Called by \"git\n# push\" after it has checked the remote status, but before anything has been\n# pushed. If this script exits with a non-zero status nothing will be pushed.\n#\n# This hook is called with the following parameters:\n#\n# $1 -- Name of the remote to which the push is being done\n# $2 -- URL to which the push is being done\n#\n# If pushing without using a named remote those arguments will be equal.\n#\n# Information about the commits which are being pushed is supplied as lines to\n# the standard input in the form:\n#\n# \n#\n# This sample shows how to prevent push of commits where the log message starts\n# with \"WIP\" (work in progress).\n\nremote=\"$1\"\nurl=\"$2\"\n\nzero=$(git hash-object --stdin &2 \"Found WIP commit in $local_ref, not pushing\"\n\t\t\texit 1\n\t\tfi\n\tfi\ndone\n\nexit 0\n",[],[623,874,911],"df4cb68a-fb90-11f0-9be5-42dde27851f2","pre-merge-commit.sample","019bfff8-1c07-70bb-a3da-142a98053d68",["D",1769526008750],"#!/bin/sh\n#\n# An example hook script to verify what is about to be committed.\n# Called by \"git merge\" with no arguments. The hook should\n# exit with non-zero status after issuing an appropriate message to\n# stderr if it wants to stop the merge commit.\n#\n# To enable this hook, rename this file to \"pre-merge-commit\".\n\n. git-sh-setup\ntest -x \"$GIT_DIR/hooks/pre-commit\" &&\n exec \"$GIT_DIR/hooks/pre-commit\"\n:\n",[],[623,874,918],"df4caa64-fb90-11f0-9be5-42dde27851f2","pre-commit.sample","019bfff8-1c07-70bb-a3da-10d3f111305f",["D",1769526008750],"#!/bin/sh\n#\n# An example hook script to verify what is about to be committed.\n# Called by \"git commit\" with no arguments. The hook should\n# exit with non-zero status after issuing an appropriate message if\n# it wants to stop the commit.\n#\n# To enable this hook, rename this file to \"pre-commit\".\n\nif git rev-parse --verify HEAD >/dev/null 2>&1\nthen\n\tagainst=HEAD\nelse\n\t# Initial commit: diff against an empty tree object\n\tagainst=$(git hash-object -t tree /dev/null)\nfi\n\n# If you want to allow non-ASCII filenames set this variable to true.\nallownonascii=$(git config --type=bool hooks.allownonascii)\n\n# Redirect output to stderr.\nexec 1>&2\n\n# Cross platform projects tend to avoid non-ASCII filenames; prevent\n# them from being added to the repository. We exploit the fact that the\n# printable range starts at the space character and ends with tilde.\nif [ \"$allownonascii\" != \"true\" ] &&\n\t# Note that the use of brackets around a tr range is ok here, (it's\n\t# even required, for portability to Solaris 10's /usr/bin/tr), since\n\t# the square bracket bytes happen to fall in the designated range.\n\ttest $(git diff-index --cached --name-only --diff-filter=A -z $against |\n\t LC_ALL=C tr -d '[ -~]\\0' | wc -c) != 0\nthen\n\tcat <<\\EOF\nError: Attempt to add a non-ASCII file name.\n\nThis can cause problems if you want to work with people on other platforms.\n\nTo be portable it is advisable to rename the file.\n\nIf you know what you are doing you can disable this check using:\n\n git config hooks.allownonascii true\nEOF\n\texit 1\nfi\n\n# If there are whitespace errors, print the offending file names and fail.\nexec git diff-index --check --cached $against --\n",[],[623,874,925],"df4ca44c-fb90-11f0-9be5-42dde27851f2","pre-applypatch.sample","019bfff8-1c07-70bb-a3da-0eab6ea7a7f3",["D",1769526008750],"#!/bin/sh\n#\n# An example hook script to verify what is about to be committed\n# by applypatch from an e-mail message.\n#\n# The hook should exit with non-zero status after issuing an\n# appropriate message if it wants to stop the commit.\n#\n# To enable this hook, rename this file to \"pre-applypatch\".\n\n. git-sh-setup\nprecommit=\"$(git rev-parse --git-path hooks/pre-commit)\"\ntest -x \"$precommit\" && exec \"$precommit\" ${1+\"$@\"}\n:\n",[],[623,874,932],"df4ca096-fb90-11f0-9be5-42dde27851f2","post-update.sample","019bfff8-1c07-70bb-a3da-0bdc059be8db",["D",1769526008750],"#!/bin/sh\n#\n# An example hook script to prepare a packed repository for use over\n# dumb transports.\n#\n# To enable this hook, rename this file to \"post-update\".\n\nexec git update-server-info\n",[],[623,874,939],"df4c7bac-fb90-11f0-9be5-42dde27851f2","fsmonitor-watchman.sample","019bfff8-1c07-70bb-a3da-07fd18e1871a",["D",1769526008750],"#!/usr/bin/perl\n\nuse strict;\nuse warnings;\nuse IPC::Open2;\n\n# An example hook script to integrate Watchman\n# (https://facebook.github.io/watchman/) with git to speed up detecting\n# new and modified files.\n#\n# The hook is passed a version (currently 2) and last update token\n# formatted as a string and outputs to stdout a new update token and\n# all files that have been modified since the update token. Paths must\n# be relative to the root of the working tree and separated by a single NUL.\n#\n# To enable this hook, rename this file to \"query-watchman\" and set\n# 'git config core.fsmonitor .git/hooks/query-watchman'\n#\nmy ($version, $last_update_token) = @ARGV;\n\n# Uncomment for debugging\n# print STDERR \"$0 $version $last_update_token\\n\";\n\n# Check the hook interface version\nif ($version ne 2) {\n\tdie \"Unsupported query-fsmonitor hook version '$version'.\\n\" .\n\t \"Falling back to scanning...\\n\";\n}\n\nmy $git_work_tree = get_working_dir();\n\nmy $retry = 1;\n\nmy $json_pkg;\neval {\n\trequire JSON::XS;\n\t$json_pkg = \"JSON::XS\";\n\t1;\n} or do {\n\trequire JSON::PP;\n\t$json_pkg = \"JSON::PP\";\n};\n\nlaunch_watchman();\n\nsub launch_watchman {\n\tmy $o = watchman_query();\n\tif (is_work_tree_watched($o)) {\n\t\toutput_result($o->{clock}, @{$o->{files}});\n\t}\n}\n\nsub output_result {\n\tmy ($clockid, @files) = @_;\n\n\t# Uncomment for debugging watchman output\n\t# open (my $fh, \">\", \".git/watchman-output.out\");\n\t# binmode $fh, \":utf8\";\n\t# print $fh \"$clockid\\n@files\\n\";\n\t# close $fh;\n\n\tbinmode STDOUT, \":utf8\";\n\tprint $clockid;\n\tprint \"\\0\";\n\tlocal $, = \"\\0\";\n\tprint @files;\n}\n\nsub watchman_clock {\n\tmy $response = qx/watchman clock \"$git_work_tree\"/;\n\tdie \"Failed to get clock id on '$git_work_tree'.\\n\" .\n\t\t\"Falling back to scanning...\\n\" if $? != 0;\n\n\treturn $json_pkg->new->utf8->decode($response);\n}\n\nsub watchman_query {\n\tmy $pid = open2(\\*CHLD_OUT, \\*CHLD_IN, 'watchman -j --no-pretty')\n\tor die \"open2() failed: $!\\n\" .\n\t\"Falling back to scanning...\\n\";\n\n\t# In the query expression below we're asking for names of files that\n\t# changed since $last_update_token but not from the .git folder.\n\t#\n\t# To accomplish this, we're using the \"since\" generator to use the\n\t# recency index to select candidate nodes and \"fields\" to limit the\n\t# output to file names only. Then we're using the \"expression\" term to\n\t# further constrain the results.\n\tmy $last_update_line = \"\";\n\tif (substr($last_update_token, 0, 1) eq \"c\") {\n\t\t$last_update_token = \"\\\"$last_update_token\\\"\";\n\t\t$last_update_line = qq[\\n\"since\": $last_update_token,];\n\t}\n\tmy $query = <<\"\tEND\";\n\t\t[\"query\", \"$git_work_tree\", {$last_update_line\n\t\t\t\"fields\": [\"name\"],\n\t\t\t\"expression\": [\"not\", [\"dirname\", \".git\"]]\n\t\t}]\n\tEND\n\n\t# Uncomment for debugging the watchman query\n\t# open (my $fh, \">\", \".git/watchman-query.json\");\n\t# print $fh $query;\n\t# close $fh;\n\n\tprint CHLD_IN $query;\n\tclose CHLD_IN;\n\tmy $response = do {local $/; };\n\n\t# Uncomment for debugging the watch response\n\t# open ($fh, \">\", \".git/watchman-response.json\");\n\t# print $fh $response;\n\t# close $fh;\n\n\tdie \"Watchman: command returned no output.\\n\" .\n\t\"Falling back to scanning...\\n\" if $response eq \"\";\n\tdie \"Watchman: command returned invalid output: $response\\n\" .\n\t\"Falling back to scanning...\\n\" unless $response =~ /^\\{/;\n\n\treturn $json_pkg->new->utf8->decode($response);\n}\n\nsub is_work_tree_watched {\n\tmy ($output) = @_;\n\tmy $error = $output->{error};\n\tif ($retry > 0 and $error and $error =~ m/unable to resolve root .* directory (.*) is not watched/) {\n\t\t$retry--;\n\t\tmy $response = qx/watchman watch \"$git_work_tree\"/;\n\t\tdie \"Failed to make watchman watch '$git_work_tree'.\\n\" .\n\t\t \"Falling back to scanning...\\n\" if $? != 0;\n\t\t$output = $json_pkg->new->utf8->decode($response);\n\t\t$error = $output->{error};\n\t\tdie \"Watchman: $error.\\n\" .\n\t\t\"Falling back to scanning...\\n\" if $error;\n\n\t\t# Uncomment for debugging watchman output\n\t\t# open (my $fh, \">\", \".git/watchman-output.out\");\n\t\t# close $fh;\n\n\t\t# Watchman will always return all files on the first query so\n\t\t# return the fast \"everything is dirty\" flag to git and do the\n\t\t# Watchman query just to get it over with now so we won't pay\n\t\t# the cost in git to look up each individual file.\n\t\tmy $o = watchman_clock();\n\t\t$error = $output->{error};\n\n\t\tdie \"Watchman: $error.\\n\" .\n\t\t\"Falling back to scanning...\\n\" if $error;\n\n\t\toutput_result($o->{clock}, (\"/\"));\n\t\t$last_update_token = $o->{clock};\n\n\t\teval { launch_watchman() };\n\t\treturn 0;\n\t}\n\n\tdie \"Watchman: $error.\\n\" .\n\t\"Falling back to scanning...\\n\" if $error;\n\n\treturn 1;\n}\n\nsub get_working_dir {\n\tmy $working_dir;\n\tif ($^O =~ 'msys' || $^O =~ 'cygwin') {\n\t\t$working_dir = Win32::GetCwd();\n\t\t$working_dir =~ tr/\\\\/\\//;\n\t} else {\n\t\trequire Cwd;\n\t\t$working_dir = Cwd::cwd();\n\t}\n\n\treturn $working_dir;\n}\n",[],[623,874,946],"df4c72a6-fb90-11f0-9be5-42dde27851f2","commit-msg.sample","019bfff8-1c07-70bb-a3da-010cde4b10a8",["D",1769526008750],"#!/bin/sh\n#\n# An example hook script to check the commit log message.\n# Called by \"git commit\" with one argument, the name of the file\n# that has the commit message. The hook should exit with non-zero\n# status after issuing an appropriate message if it wants to stop the\n# commit. The hook is allowed to edit the commit message file.\n#\n# To enable this hook, rename this file to \"commit-msg\".\n\n# Uncomment the below to add a Signed-off-by line to the message.\n# Doing this in a hook is a bad idea in general, but the prepare-commit-msg\n# hook is more suited to it.\n#\n# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\$.*>\$.*$/Signed-off-by: \\1/p')\n# grep -qs \"^$SOB\" \"$1\" || echo \"$SOB\" >> \"$1\"\n\n# This example catches duplicate Signed-off-by lines.\n\ntest \"\" = \"$(grep '^Signed-off-by: ' \"$1\" |\n\t sort | uniq -c | sed -e '/^[ \t]*1[ \t]/d')\" || {\n\techo >&2 Duplicate Signed-off-by lines.\n\texit 1\n}\n",[],[623,874,953],"df4c6a36-fb90-11f0-9be5-42dde27851f2","applypatch-msg.sample","019bfff8-1c07-70bb-a3d9-fffb2db97cef",["D",1769526008750],"#!/bin/sh\n#\n# An example hook script to check the commit log message taken by\n# applypatch from an e-mail message.\n#\n# The hook should exit with non-zero status after issuing an\n# appropriate message if it wants to stop the commit. The hook is\n# allowed to edit the commit message file.\n#\n# To enable this hook, rename this file to \"applypatch-msg\".\n\n. git-sh-setup\ncommitmsg=\"$(git rev-parse --git-path hooks/commit-msg)\"\ntest -x \"$commitmsg\" && exec \"$commitmsg\" ${1+\"$@\"}\n:\n",[],[623,874,960],"df4d4000-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[268,269,270,271,272,273,274,275,276,277,278,279,280,281],[623,874],"df4d9afa-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[267,282,284,289,314,318,319,320,321,322],[623],"df4c3f2a-fb90-11f0-9be5-42dde27851f2","settings.local.json","019bfff8-1c07-70bb-a3d9-f76ea9f6e730","019bfff8-1c07-70bb-a3d9-fb7346e9abe8",["D",1769526008750],"{\n \"permissions\": {\n \"allow\": [\n \"Skill(agent-browser)\",\n \"Bash(curl:*)\",\n \"mcp__val-town__list_vals\",\n \"mcp__val-town__list_files\",\n \"mcp__val-town__get_logs\",\n \"Bash(vt push:*)\",\n \"Bash(agent-browser open:*)\",\n \"Bash(agent-browser console:*)\",\n \"Bash(agent-browser:*)\",\n \"Bash(git add:*)\",\n \"Bash(git commit:*)\",\n \"Bash(gvtp)\",\n \"Bash(git push)\"\n ]\n }\n}\n",[],[982,975],".claude","df4c65c2-fb90-11f0-9be5-42dde27851f2",["D",1769526008750],[265],[982],["D",1769526008750],["D",1789604441792],{"_11":12,"_177":85},{"_11":12,"_173":-5,"_84":85,"_31":83,"_174":175,"_176":30},{"_39":40,"_13":16,"_33":36,"_162":125,"_163":74,"_164":165,"_166":129,"_167":168,"_169":170,"_171":14,"_172":12},"ctx",{"_52":-5,"_198":1025,"_1026":1027,"_1028":1029,"_1030":30,"_1031":30,"_1032":30,"_1033":24,"_1034":-5,"_1035":-7,"_1036":-7,"_1037":26,"_1038":30,"_1039":30,"_1040":-5,"_1041":30,"_1042":30,"_1043":30,"_1044":-5},"ENV",{"_996":997,"_998":999,"_1000":16,"_1001":1002,"_1003":1004,"_1005":1006,"_1007":1008,"_1009":1010,"_1011":1012,"_1013":1014,"_1015":1016,"_1017":1018,"_1019":1020,"_1021":1022,"_1023":1024},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · sections