\n \n {statusText}\n

\n \n );\n};\n\nexport default ConnectionStatus;",[],[665],{"_105":672,"_97":673,"_163":674,"_165":-5,"_166":148,"_167":675,"_169":22,"_107":676,"_101":33,"_171":659,"_173":677,"_174":22,"_175":-5,"_176":678,"_100":679},"88e426be-fae8-11f0-8e4e-42dde27851f2","Dashboard.tsx","88e4279a-fae8-11f0-8e4e-42dde27851f2",37,["D",1769453708405],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useEffect, useState } from 'https://esm.sh/react@17.0.2';\nimport { useParams } from 'https://esm.sh/react-router-dom@6.3.0';\nimport ConnectionStatus from \"https://esm.town/v/iamseeley/ConnectionStatus\";\nimport OverallStatsSection from \"https://esm.town/v/iamseeley/OverallStatsSection\";\nimport SitesSection from \"https://esm.town/v/iamseeley/SitesSection\";\nimport TopPathsSection from \"https://esm.town/v/iamseeley/TopPathsSection\";\nimport TopReferrersSection from \"https://esm.town/v/iamseeley/TopReferrersSection\";\nimport VisitorOriginsSection from \"https://esm.town/v/iamseeley/VisitorOriginsSection\";\nimport ChartsSection from \"https://esm.town/v/iamseeley/ChartsSection\";\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst Dashboard = () => {\n const { sitename } = useParams();\n const {\n currentSite,\n setCurrentSite,\n siteExists,\n error\n } = useAnalytics();\n const [isValidSite, setIsValidSite] = useState(true);\n\n useEffect(() => {\n if (sitename) {\n if (siteExists(sitename)) {\n setCurrentSite(sitename);\n setIsValidSite(true);\n } else {\n setIsValidSite(false);\n }\n } else {\n setCurrentSite(null);\n setIsValidSite(true);\n }\n }, [sitename, setCurrentSite, siteExists]);\n\n if (error) {\n return

Error: {error}

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

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

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

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

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

\n );\n};\n\nexport default Dashboard;",[],[673],{"_105":681,"_97":682,"_163":683,"_165":-5,"_166":148,"_167":684,"_169":22,"_107":685,"_101":33,"_171":659,"_173":686,"_174":22,"_175":-5,"_176":687,"_100":688},"89c038fc-fae8-11f0-9743-42dde27851f2","Navigation.tsx","89c039a6-fae8-11f0-9743-42dde27851f2",74,["D",1769453709886],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React from 'https://esm.sh/react@17.0.2';\nimport { Link, useLocation } from 'https://esm.sh/react-router-dom@17.0.2';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst Navigation = ({ isDark }) => {\n const { pathname } = useLocation();\n const { allSites, error } = useAnalytics();\n const isActive = (path) => pathname === path;\n\n if (error) {\n return

Error loading navigation

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

{browser}: {visitors} visitors

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

No data available

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

\n \n \n \n

{formatSiteName(site)}

\n {renderChart()}\n

{totalViews.toLocaleString()}

total views

\n {trendingData && (\n

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

monthly trend

\n )}\n

\n {renderAreaChart()}\n

\n \n \n \n

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

Error loading sites data: {error}

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

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

\n );\n};\n\nexport default SitesSection;",[],[700],{"_105":708,"_97":709,"_163":710,"_165":-5,"_166":148,"_167":711,"_169":22,"_107":712,"_101":33,"_171":659,"_173":713,"_174":22,"_175":-5,"_176":714,"_100":715},"892d85ca-fae8-11f0-8d0a-42dde27851f2","TopPathsSection.tsx","892d8692-fae8-11f0-8d0a-42dde27851f2",47,["D",1769453708909],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React from 'https://esm.sh/react@17.0.2';\nimport { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Card } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst TopPathsTable = ({ topPaths }) => {\n return (\n

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

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

Error loading top paths data: {error}

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

top paths

\n \n \n );\n};\n\nexport default TopPathsSection;",[],[709],{"_105":717,"_97":718,"_163":719,"_165":-5,"_166":148,"_167":720,"_169":22,"_107":721,"_101":33,"_171":659,"_173":722,"_174":22,"_175":-5,"_176":723,"_100":724},"890afb22-fae8-11f0-9683-42dde27851f2","TopReferrersSection.tsx","890afc9e-fae8-11f0-9683-42dde27851f2",41,["D",1769453708371],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport { formatSiteName } from 'https://esm.town/v/iamseeley/formatSiteName';\nimport { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Card } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst TopReferrersTable = ({ referrers }) => {\n return (\n

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

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

Error loading top referrers data: {error}

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

top referrers

\n \n \n );\n};\n\nexport default TopReferrersSection;",[],[718],{"_105":726,"_97":727,"_163":728,"_165":-5,"_166":148,"_167":729,"_169":22,"_107":730,"_101":33,"_171":659,"_173":731,"_174":22,"_175":-5,"_176":732,"_100":733},"89b95a32-fae8-11f0-93c1-42dde27851f2","VisitorOriginsSection.tsx","89b95adc-fae8-11f0-93c1-42dde27851f2",73,["D",1769453709839],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useEffect } from 'https://esm.sh/react@17.0.2';\nimport VisitorGlobe from 'https://esm.town/v/iamseeley/visitorGlobe';\nimport { Card, CardContent } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { useAnalytics } from \"https://esm.town/v/iamseeley/AnalyticsContext\";\n\nconst VisitorOriginsSection = () => {\n const { visitorOrigins, error } = useAnalytics();\n\n\n if (error) {\n return (\n \n \n

Error: {error}

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

\n \n

\n \n );\n};\n\nexport default VisitorOriginsSection;",[],[727],{"_105":735,"_97":736,"_163":737,"_165":-5,"_166":148,"_167":738,"_169":22,"_107":739,"_101":33,"_171":659,"_173":740,"_174":22,"_175":-5,"_176":741,"_100":742},"891732fc-fae8-11f0-b25b-42dde27851f2","chartCard.tsx","891733c4-fae8-11f0-b25b-42dde27851f2",43,["D",1769453708773],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { useState } from 'https://esm.sh/react@17.0.2';\nimport { Card, CardHeader, CardTitle, CardContent, Button } from 'https://cdn.jsdelivr.net/npm/shadcdn/+esm';\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, PieChart, Pie, Cell, ResponsiveContainer, Tooltip, LabelList, Area, AreaChart } from 'https://esm.sh/recharts';\n\nconst COLORS = ['#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe', '#dbeafe'];\n\nconst VerticalBarChart = ({ data }) => {\n const chartData = Object.entries(data)\n .map(([name, value]) => ({ name, value }))\n .sort((a, b) => b.value - a.value);\n\n const totalValue = chartData.reduce((sum, item) => sum + item.value, 0);\n\n return (\n \n \n \n \n {\n if (active && payload && payload.length) {\n const data = payload[0].payload;\n return (\n

{data.name}

Value: {data.value.toLocaleString()}

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

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

No data available for bar chart

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

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

Views: {payload[0].value}

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

{data.name}

Value: {data.value}

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

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

{data.name}

Value: {data.value.toLocaleString()}

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

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

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

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

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

Unsupported chart type: {type}

\n )}\n

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

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

\n \n

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

Something went wrong. Please try refreshing the page.

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

\n \n \n \n

\n \n \n

\n \n

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

\n \n \n

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

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

{value ?? 'N/A'}

{title}

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

\n Val Town Analytics\n

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

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

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

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

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

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

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

No visitor data available

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

\n );\n};\n\nexport default VisitorGlobe;",[],[799],"files",[160,178,185,195,204,213,222,231,240,249,258,267,276,285,294,303,313,320,330,337,344,351,361,370,377,385,393,401,409,417,425,433,440,450,458,466,474,482,490,498,506,514,522,530,538,545,555,562,571,577,583,592,601,609,618,626,635,644,653,663,671,680,689,698,707,716,725,734,743,752,761,770,779,788,797],"counts",{"_810":33,"_811":168,"_812":168,"_813":814,"_817":818},"pulls","branches","forks","envVars",{"_815":33,"_816":33},"count","emptyCount","connections",{"_815":33,"_819":33},"unfilledCount","contents",[822,825,828,831,834,837,840,843,846,849,852,855,858,861,864,867,870,873,876],{"_105":161,"_97":162,"_163":164,"_165":-5,"_166":148,"_167":168,"_169":119,"_107":823,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":824},["D",1769453702798],[162],{"_105":645,"_97":646,"_163":647,"_165":-5,"_166":148,"_167":648,"_169":119,"_107":826,"_101":33,"_171":191,"_173":650,"_174":22,"_175":-5,"_100":827},["D",1769453708363],[646],{"_105":654,"_97":655,"_163":656,"_165":-5,"_166":148,"_167":657,"_169":22,"_107":829,"_101":33,"_171":659,"_173":660,"_174":22,"_175":-5,"_100":830},["D",1769453708524],[655],{"_105":664,"_97":665,"_163":666,"_165":-5,"_166":148,"_167":102,"_169":22,"_107":832,"_101":33,"_171":659,"_173":668,"_174":22,"_175":-5,"_100":833},["D",1769453709921],[665],{"_105":672,"_97":673,"_163":674,"_165":-5,"_166":148,"_167":675,"_169":22,"_107":835,"_101":33,"_171":659,"_173":677,"_174":22,"_175":-5,"_100":836},["D",1769453708405],[673],{"_105":681,"_97":682,"_163":683,"_165":-5,"_166":148,"_167":684,"_169":22,"_107":838,"_101":33,"_171":659,"_173":686,"_174":22,"_175":-5,"_100":839},["D",1769453709886],[682],{"_105":690,"_97":691,"_163":692,"_165":-5,"_166":148,"_167":693,"_169":22,"_107":841,"_101":33,"_171":191,"_173":695,"_174":22,"_175":-5,"_100":842},["D",1769453708725],[691],{"_105":699,"_97":700,"_163":701,"_165":-5,"_166":148,"_167":702,"_169":22,"_107":844,"_101":33,"_171":659,"_173":704,"_174":22,"_175":-5,"_100":845},["D",1769453708903],[700],{"_105":708,"_97":709,"_163":710,"_165":-5,"_166":148,"_167":711,"_169":22,"_107":847,"_101":33,"_171":659,"_173":713,"_174":22,"_175":-5,"_100":848},["D",1769453708909],[709],{"_105":717,"_97":718,"_163":719,"_165":-5,"_166":148,"_167":720,"_169":22,"_107":850,"_101":33,"_171":659,"_173":722,"_174":22,"_175":-5,"_100":851},["D",1769453708371],[718],{"_105":726,"_97":727,"_163":728,"_165":-5,"_166":148,"_167":729,"_169":22,"_107":853,"_101":33,"_171":659,"_173":731,"_174":22,"_175":-5,"_100":854},["D",1769453709839],[727],{"_105":735,"_97":736,"_163":737,"_165":-5,"_166":148,"_167":738,"_169":22,"_107":856,"_101":33,"_171":659,"_173":740,"_174":22,"_175":-5,"_100":857},["D",1769453708773],[736],{"_105":744,"_97":745,"_163":746,"_165":-5,"_166":148,"_167":747,"_169":22,"_107":859,"_101":33,"_171":659,"_173":749,"_174":22,"_175":-5,"_100":860},["D",1769453708828],[745],{"_105":753,"_97":754,"_163":755,"_165":-5,"_166":148,"_167":756,"_169":22,"_107":862,"_101":33,"_171":659,"_173":758,"_174":22,"_175":-5,"_100":863},["D",1769453708321],[754],{"_105":762,"_97":763,"_163":764,"_165":-5,"_166":148,"_167":765,"_169":22,"_107":865,"_101":33,"_171":659,"_173":767,"_174":22,"_175":-5,"_100":866},["D",1769453708367],[763],{"_105":771,"_97":772,"_163":773,"_165":-5,"_166":148,"_167":774,"_169":22,"_107":868,"_101":33,"_171":659,"_173":776,"_174":22,"_175":-5,"_100":869},["D",1769453708537],[772],{"_105":780,"_97":781,"_163":782,"_165":-5,"_166":148,"_167":783,"_169":22,"_107":871,"_101":33,"_171":659,"_173":785,"_174":22,"_175":-5,"_100":872},["D",1769453708593],[781],{"_105":789,"_97":790,"_163":791,"_165":-5,"_166":148,"_167":792,"_169":22,"_107":874,"_101":33,"_171":659,"_173":794,"_174":22,"_175":-5,"_100":875},["D",1769453708542],[790],{"_105":798,"_97":799,"_163":800,"_165":-5,"_166":148,"_167":801,"_169":22,"_107":877,"_101":33,"_171":659,"_173":803,"_174":22,"_175":-5,"_100":878},["D",1769453708825],[799],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_103":887,"_101":102,"_892":893},{"_105":106,"_97":98,"_107":888,"_109":-5,"_110":22,"_111":112,"_113":74,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":33,"_16":123,"_124":125,"_126":127,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_23":889,"_140":890,"_145":891,"_157":22},["D",1769453702149],{"_95":96,"_138":139},{"_95":96,"_142":139,"_14":115,"_143":144},{"_101":147,"_97":45,"_105":148,"_149":106,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":98,"_156":96},"changes",[894],{"_191":895,"_897":-7,"_174":22,"_100":665,"_898":899},{"_163":666,"_97":665,"_171":659,"_173":668,"_107":896,"_167":102,"_166":148},["D",1769453709921],"previous","latestPath","frontend/components/ConnectionStatus.tsx","actionData","errors"]

nbbaier

counterTown