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",[],[678,685,692,699],[678,685,692],{"_105":708,"_97":709,"_163":710,"_165":686,"_166":148,"_167":711,"_169":119,"_107":712,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":713,"_100":723},"24586a9a-faf0-11f0-bde7-42dde27851f2","sections","24586b62-faf0-11f0-bde7-42dde27851f2",93,["D",1769456975730],[714],{"_105":715,"_97":716,"_163":717,"_165":710,"_166":148,"_167":718,"_169":22,"_107":719,"_101":168,"_171":702,"_173":720,"_174":22,"_175":-5,"_176":721,"_100":722},"247ff542-faf0-11f0-b22b-42dde27851f2","OverallStatsSection.tsx","89ca4c2a-fae8-11f0-acc0-42dde27851f2",95,["D",1769456975957],"/** @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';\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",[],[678,685,709,716],[678,685,709],{"_105":725,"_97":726,"_163":727,"_165":686,"_166":148,"_167":728,"_169":119,"_107":729,"_101":168,"_171":702,"_173":730,"_174":22,"_175":-5,"_176":731,"_100":732},"2483f53e-faf0-11f0-b2a6-42dde27851f2","ConnectionStatus.tsx","89c52d9e-fae8-11f0-acc0-42dde27851f2",96,["D",1769456976008],"/** @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",[],[678,685,726],[678,685],{"_105":735,"_97":736,"_163":737,"_165":679,"_166":148,"_167":738,"_169":119,"_107":739,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":740,"_100":741},"23e738d4-faf0-11f0-bde7-42dde27851f2","contexts","23e73988-faf0-11f0-bde7-42dde27851f2",88,["D",1769456974987],[],[678,736],[678],{"_105":744,"_97":745,"_163":746,"_165":-5,"_166":148,"_167":747,"_169":119,"_107":748,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":749,"_100":750},"23d4ff84-faf0-11f0-84ca-42dde27851f2","shared","23d5004c-faf0-11f0-84ca-42dde27851f2",87,["D",1769456974864],[],[745],{"_105":752,"_97":753,"_163":754,"_165":-5,"_166":148,"_167":755,"_169":119,"_107":756,"_101":33,"_171":191,"_173":757,"_174":22,"_175":-5,"_176":758,"_100":759},"ac318d46-fae8-11f0-8677-42dde27851f2",".vtignore","ac318e36-fae8-11f0-8677-42dde27851f2",82,["D",1769453767507],".git\n.vscode\n.cursor\n.DS_Store\nnode_modules\nvendor",[],[753],{"_105":761,"_97":762,"_163":763,"_165":-5,"_166":148,"_167":764,"_169":119,"_107":765,"_101":33,"_171":191,"_173":766,"_174":22,"_175":-5,"_176":767,"_100":768},"ac4aee9e-fae8-11f0-b29a-42dde27851f2","AGENTS.md","ac4aef48-fae8-11f0-b29a-42dde27851f2",83,["D",1769453767504],"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",[],[762],{"_105":770,"_97":771,"_163":772,"_165":-5,"_166":148,"_167":773,"_169":119,"_107":774,"_101":33,"_171":191,"_173":775,"_174":22,"_175":-5,"_176":776,"_100":777},"88d90374-fae8-11f0-81e6-42dde27851f2","ARCHITECTURE.md","88d9045a-fae8-11f0-81e6-42dde27851f2",35,["D",1769453708363],"# 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",[],[771],{"_105":779,"_97":780,"_163":781,"_165":-5,"_166":148,"_167":782,"_169":22,"_107":783,"_101":33,"_171":702,"_173":784,"_174":22,"_175":-5,"_176":785,"_100":786},"88f10e06-fae8-11f0-8b50-42dde27851f2","AnalyticsContext.tsx","88f10ece-fae8-11f0-8b50-42dde27851f2",38,["D",1769453708524],"/** @jsxImportSource https://esm.sh/react@17.0.2 */\nimport React, { createContext, useContext, useMemo, useState, useEffect, useRef, useCallback } from 'https://esm.sh/react@17.0.2';\nimport { subDays, subWeeks, subMonths, isAfter, parseISO } from 'https://cdn.jsdelivr.net/npm/date-fns@3.6.0/+esm';\nimport { formatSiteName } from 'https://esm.town/v/iamseeley/formatSiteName';\n\nconst AnalyticsContext = createContext();\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 normalizeSiteName = (siteName) => {\n if (!siteName) return null;\n const withoutProtocol = siteName.replace(/^https?:\\/\\//, '');\n return withoutProtocol.replace(/^www\\./, '');\n};\n\nconst findMatchingSite = (siteName, analyticsData) => {\n const normalizedSiteName = normalizeSiteName(siteName);\n return Object.keys(analyticsData).find(site => \n normalizeSiteName(site) === normalizedSiteName\n );\n};\n\nconst browserMap = {\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 = {\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, map) {\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) {\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) => {\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, key) => {\n return Object.values(siteData).reduce((aggregatedData, site) => {\n Object.values(site.paths || {}).forEach(path => {\n Object.entries(path[key] || {}).forEach(([item, count]) => {\n let mappedItem;\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;\n });\n });\n return aggregatedData;\n }, {});\n};\n\nconst aggregateViewsOverTime = (siteData) => {\n const timeData = {};\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) => {\n const referrers = {};\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\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: {},\n topPaths: [],\n topReferrers: [],\n visitorOrigins: {},\n viewsOverTime: {},\n chartData: { browsers: {}, os: {}, screenSizes: {}, countries: {}, timeData: {} }\n};\n\n \nconst saveToLocalStorage = (key, value) => {\n localStorage.setItem(key, JSON.stringify(value));\n};\n\nconst loadFromLocalStorage = (key) => {\n const data = localStorage.getItem(key);\n return data ? JSON.parse(data) : null;\n};\n\nexport const AnalyticsProvider = ({ children, site }) => {\n const [analyticsData, setAnalyticsData] = useState(() => {\n if (typeof window !== 'undefined') {\n return loadFromLocalStorage('analyticsData') || defaultData;\n }\n return defaultData;\n});\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);\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 clearTimeout(retryTimeoutRef.current);\n retryTimeoutRef.current = 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\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) => {\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};",[],[780],{"_105":788,"_97":789,"_163":790,"_165":-5,"_166":148,"_167":791,"_169":119,"_107":792,"_101":33,"_171":191,"_173":793,"_174":22,"_175":-5,"_176":794,"_100":795},"ac1c0084-fae8-11f0-bf51-42dde27851f2","CLAUDE.md","ac1c0138-fae8-11f0-bf51-42dde27851f2",80,["D",1769453767499],"# 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.",[],[789],{"_105":797,"_97":798,"_163":799,"_165":-5,"_166":148,"_167":800,"_169":22,"_107":801,"_101":33,"_171":702,"_173":802,"_174":22,"_175":-5,"_176":803,"_100":804},"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;",[],[798],{"_105":806,"_97":807,"_163":808,"_165":-5,"_166":148,"_167":809,"_169":22,"_107":810,"_101":33,"_171":702,"_173":811,"_174":22,"_175":-5,"_176":812,"_100":813},"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;",[],[807],{"_105":815,"_97":816,"_163":817,"_165":-5,"_166":148,"_167":818,"_169":22,"_107":819,"_101":33,"_171":191,"_173":820,"_174":22,"_175":-5,"_176":821,"_100":822},"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",[],[816],{"_105":824,"_97":825,"_163":826,"_165":-5,"_166":148,"_167":827,"_169":22,"_107":828,"_101":33,"_171":191,"_173":829,"_174":22,"_175":-5,"_176":830,"_100":831},"a846c786-fae9-11f0-8fca-42dde27851f2","REFACTORING_PLAN.md","a846c92a-fae9-11f0-8fca-42dde27851f2",84,["D",1769454190588],"# 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- [ ] Dashboard loads at `/`\n- [ ] Site-specific view loads at `/:sitename`\n- [ ] SSE stream connects and receives updates\n- [ ] Tracking script loads from `/trackingScript`\n- [ ] Page views are recorded via `/trackPageView`\n- [ ] Pixel tracking works via `/pixel.gif`\n- [ ] Dark/light theme toggle works\n- [ ] All charts render correctly\n",[],[825],{"_105":833,"_97":834,"_163":835,"_165":-5,"_166":148,"_167":836,"_169":22,"_107":837,"_101":33,"_171":702,"_173":838,"_174":22,"_175":-5,"_176":839,"_100":840},"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;",[],[834],{"_105":842,"_97":843,"_163":844,"_165":-5,"_166":148,"_167":845,"_169":22,"_107":846,"_101":33,"_171":702,"_173":847,"_174":22,"_175":-5,"_176":848,"_100":849},"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;",[],[843],{"_105":851,"_97":852,"_163":853,"_165":-5,"_166":148,"_167":854,"_169":22,"_107":855,"_101":33,"_171":702,"_173":856,"_174":22,"_175":-5,"_176":857,"_100":858},"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;",[],[852],{"_105":860,"_97":861,"_163":862,"_165":-5,"_166":148,"_167":863,"_169":22,"_107":864,"_101":33,"_171":702,"_173":865,"_174":22,"_175":-5,"_176":866,"_100":867},"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;",[],[861],{"_105":869,"_97":870,"_163":871,"_165":-5,"_166":148,"_167":872,"_169":119,"_107":873,"_101":33,"_171":191,"_173":874,"_174":22,"_175":-5,"_176":875,"_100":876},"ac233980-fae8-11f0-8a5d-42dde27851f2","biome.json","ac233a5c-fae8-11f0-8a5d-42dde27851f2",81,["D",1769453767504],"{\n \"$schema\": \"https://biomejs.dev/schemas/2.3.12/schema.json\",\n \"vcs\": { \"enabled\": true, \"clientKind\": \"git\", \"useIgnoreFile\": true },\n \"files\": { \"ignoreUnknown\": false },\n \"formatter\": { \"enabled\": true, \"indentStyle\": \"tab\" },\n \"linter\": { \"enabled\": true, \"rules\": { \"recommended\": true } },\n \"javascript\": { \"formatter\": { \"quoteStyle\": \"double\" } },\n \"assist\": {\n \"enabled\": true,\n \"actions\": { \"source\": { \"organizeImports\": \"on\" } }\n }\n}",[],[870],{"_105":878,"_97":879,"_163":880,"_165":-5,"_166":148,"_167":881,"_169":22,"_107":882,"_101":33,"_171":702,"_173":883,"_174":22,"_175":-5,"_176":884,"_100":885},"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;",[],[879],{"_105":887,"_97":888,"_163":889,"_165":-5,"_166":148,"_167":890,"_169":22,"_107":891,"_101":33,"_171":702,"_173":892,"_174":22,"_175":-5,"_176":893,"_100":894},"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}",[],[888],{"_105":896,"_97":897,"_163":898,"_165":-5,"_166":148,"_167":899,"_169":22,"_107":900,"_101":33,"_171":702,"_173":901,"_174":22,"_175":-5,"_176":902,"_100":903},"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);",[],[897],{"_105":905,"_97":906,"_163":907,"_165":-5,"_166":148,"_167":908,"_169":22,"_107":909,"_101":33,"_171":702,"_173":910,"_174":22,"_175":-5,"_176":911,"_100":912},"89ce8ede-fae8-11f0-93c1-42dde27851f2","counterTownDb.tsx","89ce8f88-fae8-11f0-93c1-42dde27851f2",78,["D",1769453709969],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\n// Initialize the database\nexport async function initAnalytics() {\n let transactionActive = false;\n try {\n // Check if tables already exist\n const tablesExist = await checkTablesExist();\n if (tablesExist) {\n console.log('Tables already exist, skipping initialization');\n return;\n }\n\n await sqlite.execute('BEGIN TRANSACTION');\n transactionActive = true;\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS sites (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n site TEXT UNIQUE NOT NULL,\n total_views INTEGER DEFAULT 0,\n last_updated TEXT\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS path_analytics (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n site_id INTEGER,\n path TEXT NOT NULL,\n views INTEGER DEFAULT 0,\n referrers TEXT DEFAULT '{}',\n browsers TEXT DEFAULT '{}',\n os TEXT DEFAULT '{}',\n screen_sizes TEXT DEFAULT '{}',\n languages TEXT DEFAULT '{}',\n countries TEXT DEFAULT '{}',\n last_updated TEXT,\n FOREIGN KEY (site_id) REFERENCES sites(id),\n UNIQUE (site_id, path)\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS view_timestamps (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n path_analytics_id INTEGER,\n timestamp TEXT NOT NULL,\n FOREIGN KEY (path_analytics_id) REFERENCES path_analytics(id)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_view_timestamps_path_analytics_id \n ON view_timestamps(path_analytics_id)\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_view_timestamps_timestamp \n ON view_timestamps(timestamp)\n `);\n\n await sqlite.execute('COMMIT');\n transactionActive = false;\n console.log('Database initialized successfully');\n } catch (error) {\n if (transactionActive) {\n await sqlite.execute('ROLLBACK');\n }\n console.error('Error initializing database:', error);\n throw error;\n }\n}\n\nasync function checkTablesExist() {\n const result = await sqlite.execute(`\n SELECT name \n FROM sqlite_master \n WHERE type='table' \n AND name IN ('sites', 'path_analytics', 'view_timestamps')\n `);\n return result.rows.length === 3;\n}\n\n\n\nexport async function trackPageView(data) {\n const { site, path, referrer, browser, os, screenSize, language, country } = data;\n const timestamp = new Date().toISOString();\n\n console.log('Starting trackPageView for site:', site, 'path:', path, 'referrer:', referrer);\n\n try {\n // First, insert or update the site and get the site_id\n const siteResult = await sqlite.execute({\n sql: `\n INSERT INTO sites (site, total_views, last_updated)\n VALUES (?, 1, ?)\n ON CONFLICT(site) DO UPDATE SET\n total_views = total_views + 1,\n last_updated = ?\n RETURNING id\n `,\n args: [site, timestamp, timestamp]\n });\n\n if (siteResult.rows.length === 0) {\n throw new Error('Failed to insert or update site');\n }\n\n const siteId = siteResult.rows[0][0];\n console.log('Site inserted or updated. Site ID:', siteId);\n\n // Now proceed with the rest of the operations\n const statements = [\n // Insert or update path analytics\n {\n sql: `\n INSERT INTO path_analytics (site_id, path, views, referrers, browsers, os, screen_sizes, languages, countries, last_updated)\n VALUES (?, ?, 1, json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), json('{\"' || ? || '\": 1}'), ?)\n ON CONFLICT(site_id, path) DO UPDATE SET\n views = views + 1,\n referrers = json_set(\n referrers, \n '$.' || json_quote(?), \n coalesce(json_extract(referrers, '$.' || json_quote(?)), 0) + 1\n ),\n browsers = json_set(\n browsers, \n '$.' || json_quote(?), \n coalesce(json_extract(browsers, '$.' || json_quote(?)), 0) + 1\n ),\n os = json_set(\n os, \n '$.' || json_quote(?), \n coalesce(json_extract(os, '$.' || json_quote(?)), 0) + 1\n ),\n screen_sizes = json_set(\n screen_sizes, \n '$.' || json_quote(?), \n coalesce(json_extract(screen_sizes, '$.' || json_quote(?)), 0) + 1\n ),\n languages = json_set(\n languages, \n '$.' || json_quote(?), \n coalesce(json_extract(languages, '$.' || json_quote(?)), 0) + 1\n ),\n countries = json_set(\n countries, \n '$.' || json_quote(?), \n coalesce(json_extract(countries, '$.' || json_quote(?)), 0) + 1\n ),\n last_updated = ?\n `,\n args: [\n siteId, path, \n referrer, browser, os, screenSize, language, country, timestamp,\n referrer, referrer,\n browser, browser,\n os, os,\n screenSize, screenSize,\n language, language,\n country, country,\n timestamp\n ]\n },\n // Get the path_analytics_id\n {\n sql: `SELECT id FROM path_analytics WHERE site_id = ? AND path = ?`,\n args: [siteId, path]\n }\n ];\n\n const results = await sqlite.batch(statements, \"write\");\n console.log('Path analytics batch execution completed');\n\n const pathAnalyticsId = results[1].rows[0][0];\n console.log('Retrieved path_analytics_id:', pathAnalyticsId);\n\n // Insert into view_timestamps\n await sqlite.execute({\n sql: `INSERT INTO view_timestamps (path_analytics_id, timestamp) VALUES (?, ?)`,\n args: [pathAnalyticsId, timestamp]\n });\n console.log('View timestamp inserted');\n\n return { success: true, message: 'Page view tracked successfully' };\n } catch (error) {\n console.error('Error in trackPageView:', error);\n return { \n success: false, \n message: 'Error tracking page view', \n error: error.message,\n stack: error.stack\n };\n }\n}\n\nexport async function getAnalytics(site = null, startDate = null, endDate = null) {\n let query = `\n SELECT s.site, s.total_views, pa.path, pa.views, pa.referrers, pa.browsers, pa.os, pa.screen_sizes, pa.languages, pa.countries, pa.last_updated,\n GROUP_CONCAT(vt.timestamp) as view_timestamps\n FROM sites s\n LEFT JOIN path_analytics pa ON s.id = pa.site_id\n LEFT JOIN view_timestamps vt ON pa.id = vt.path_analytics_id\n `;\n const params = [];\n const conditions = [];\n \n if (site) {\n conditions.push('s.site = ?');\n params.push(site);\n }\n if (startDate) {\n conditions.push('vt.timestamp >= ?');\n params.push(startDate);\n }\n if (endDate) {\n conditions.push('vt.timestamp <= ?');\n params.push(endDate);\n }\n \n if (conditions.length > 0) {\n query += ' WHERE ' + conditions.join(' AND ');\n }\n \n query += ' GROUP BY s.site, pa.id';\n query += ' ORDER BY s.total_views DESC, pa.views DESC';\n \n const result = await sqlite.execute({\n sql: query,\n args: params\n });\n \n const stats = {};\n \n result.rows.forEach(row => {\n const [site, totalViews, path, views, referrers, browsers, os, screenSizes, languages, countries, lastUpdated, viewTimestamps] = row;\n \n if (!stats[site]) {\n stats[site] = {\n totalViews,\n paths: {}\n };\n }\n \n if (path) {\n stats[site].paths[path] = {\n views,\n referrers: JSON.parse(referrers),\n browsers: JSON.parse(browsers),\n os: JSON.parse(os),\n screenSizes: JSON.parse(screenSizes),\n languages: JSON.parse(languages),\n countries: JSON.parse(countries),\n lastUpdated,\n viewTimestamps: viewTimestamps ? viewTimestamps.split(',') : []\n };\n }\n });\n \n return stats;\n}\n\n// Clean up old data\nexport async function cleanupOldData(site, daysToKeep) {\n const cutoffDate = new Date();\n cutoffDate.setDate(cutoffDate.getDate() - daysToKeep);\n \n await sqlite.execute({\n sql: `\n DELETE FROM path_analytics \n WHERE site_id IN (SELECT id FROM sites WHERE site = ?) \n AND last_updated < ?\n `,\n args: [site, cutoffDate.toISOString()]\n });\n\n // Remove sites with no path analytics\n await sqlite.execute({\n sql: `\n DELETE FROM sites\n WHERE site = ? AND id NOT IN (SELECT DISTINCT site_id FROM path_analytics)\n `,\n args: [site]\n });\n}\n",[],[906],{"_105":914,"_97":915,"_163":916,"_165":-5,"_166":148,"_167":917,"_169":119,"_107":918,"_101":33,"_171":191,"_173":919,"_174":22,"_175":-5,"_176":920,"_100":921},"ac1652d8-fae8-11f0-b723-42dde27851f2","deno.json","ac165382-fae8-11f0-b723-42dde27851f2",79,["D",1769453767488],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"compilerOptions\": {\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"]\n },\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-sloppy-imports\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true\n },\n \"imports\": {\n \"@biomejs/biome\": \"npm:@biomejs/biome@^2.3.12\"\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\", \"no-import-prefix\"]\n }\n },\n \"lock\": false,\n \"nodeModulesDir\": \"auto\"\n}",[],[915],{"_105":923,"_97":924,"_163":925,"_165":-5,"_166":148,"_167":926,"_169":22,"_107":927,"_101":33,"_171":702,"_173":928,"_174":22,"_175":-5,"_176":929,"_100":930},"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}",[],[924],{"_105":932,"_97":933,"_163":934,"_165":-5,"_166":148,"_167":935,"_169":22,"_107":936,"_101":33,"_171":702,"_173":937,"_174":22,"_175":-5,"_176":938,"_100":939},"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};",[],[933],{"_105":941,"_97":942,"_163":943,"_165":-5,"_166":148,"_167":944,"_169":22,"_107":945,"_101":33,"_171":702,"_173":946,"_174":22,"_175":-5,"_176":947,"_100":948},"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;",[],[942],{"_105":950,"_97":951,"_163":952,"_165":-5,"_166":148,"_167":953,"_169":22,"_107":954,"_101":33,"_171":702,"_173":955,"_174":22,"_175":-5,"_176":956,"_100":957},"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;",[],[951],{"_105":959,"_97":960,"_163":961,"_165":-5,"_166":148,"_167":962,"_169":22,"_107":963,"_101":33,"_171":702,"_173":964,"_174":22,"_175":-5,"_176":965,"_100":966},"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;",[],[960],"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,651,659,667,676,683,690,697,707,714,724,734,743,751,760,769,778,787,796,805,814,823,832,841,850,859,868,877,886,895,904,913,922,931,940,949,958],"counts",{"_971":33,"_972":168,"_973":168,"_974":975,"_978":979},"pulls","branches","forks","envVars",{"_976":33,"_977":33},"count","emptyCount","connections",{"_976":33,"_980":33},"unfilledCount","contents",[983,986,989,992,995,998,1001,1004,1007,1010,1013,1016,1019,1022,1025,1028,1031,1034,1037,1040,1043,1046,1049,1052,1055,1058,1061,1064],{"_105":161,"_97":162,"_163":164,"_165":-5,"_166":148,"_167":168,"_169":119,"_107":984,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":985},["D",1769453702798],[162],{"_105":645,"_97":646,"_163":647,"_165":-5,"_166":148,"_167":648,"_169":119,"_107":987,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":988},["D",1769456974728],[646],{"_105":677,"_97":678,"_163":679,"_165":-5,"_166":148,"_167":680,"_169":119,"_107":990,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":991},["D",1769456974551],[678],{"_105":744,"_97":745,"_163":746,"_165":-5,"_166":148,"_167":747,"_169":119,"_107":993,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":994},["D",1769456974864],[745],{"_105":752,"_97":753,"_163":754,"_165":-5,"_166":148,"_167":755,"_169":119,"_107":996,"_101":33,"_171":191,"_173":757,"_174":22,"_175":-5,"_100":997},["D",1769453767507],[753],{"_105":761,"_97":762,"_163":763,"_165":-5,"_166":148,"_167":764,"_169":119,"_107":999,"_101":33,"_171":191,"_173":766,"_174":22,"_175":-5,"_100":1000},["D",1769453767504],[762],{"_105":770,"_97":771,"_163":772,"_165":-5,"_166":148,"_167":773,"_169":119,"_107":1002,"_101":33,"_171":191,"_173":775,"_174":22,"_175":-5,"_100":1003},["D",1769453708363],[771],{"_105":779,"_97":780,"_163":781,"_165":-5,"_166":148,"_167":782,"_169":22,"_107":1005,"_101":33,"_171":702,"_173":784,"_174":22,"_175":-5,"_100":1006},["D",1769453708524],[780],{"_105":788,"_97":789,"_163":790,"_165":-5,"_166":148,"_167":791,"_169":119,"_107":1008,"_101":33,"_171":191,"_173":793,"_174":22,"_175":-5,"_100":1009},["D",1769453767499],[789],{"_105":797,"_97":798,"_163":799,"_165":-5,"_166":148,"_167":800,"_169":22,"_107":1011,"_101":33,"_171":702,"_173":802,"_174":22,"_175":-5,"_100":1012},["D",1769453708405],[798],{"_105":806,"_97":807,"_163":808,"_165":-5,"_166":148,"_167":809,"_169":22,"_107":1014,"_101":33,"_171":702,"_173":811,"_174":22,"_175":-5,"_100":1015},["D",1769453709886],[807],{"_105":815,"_97":816,"_163":817,"_165":-5,"_166":148,"_167":818,"_169":22,"_107":1017,"_101":33,"_171":191,"_173":820,"_174":22,"_175":-5,"_100":1018},["D",1769453708725],[816],{"_105":824,"_97":825,"_163":826,"_165":-5,"_166":148,"_167":827,"_169":22,"_107":1020,"_101":33,"_171":191,"_173":829,"_174":22,"_175":-5,"_100":1021},["D",1769454190588],[825],{"_105":833,"_97":834,"_163":835,"_165":-5,"_166":148,"_167":836,"_169":22,"_107":1023,"_101":33,"_171":702,"_173":838,"_174":22,"_175":-5,"_100":1024},["D",1769453708903],[834],{"_105":842,"_97":843,"_163":844,"_165":-5,"_166":148,"_167":845,"_169":22,"_107":1026,"_101":33,"_171":702,"_173":847,"_174":22,"_175":-5,"_100":1027},["D",1769453708909],[843],{"_105":851,"_97":852,"_163":853,"_165":-5,"_166":148,"_167":854,"_169":22,"_107":1029,"_101":33,"_171":702,"_173":856,"_174":22,"_175":-5,"_100":1030},["D",1769453708371],[852],{"_105":860,"_97":861,"_163":862,"_165":-5,"_166":148,"_167":863,"_169":22,"_107":1032,"_101":33,"_171":702,"_173":865,"_174":22,"_175":-5,"_100":1033},["D",1769453709839],[861],{"_105":869,"_97":870,"_163":871,"_165":-5,"_166":148,"_167":872,"_169":119,"_107":1035,"_101":33,"_171":191,"_173":874,"_174":22,"_175":-5,"_100":1036},["D",1769453767504],[870],{"_105":878,"_97":879,"_163":880,"_165":-5,"_166":148,"_167":881,"_169":22,"_107":1038,"_101":33,"_171":702,"_173":883,"_174":22,"_175":-5,"_100":1039},["D",1769453708773],[879],{"_105":887,"_97":888,"_163":889,"_165":-5,"_166":148,"_167":890,"_169":22,"_107":1041,"_101":33,"_171":702,"_173":892,"_174":22,"_175":-5,"_100":1042},["D",1769453708828],[888],{"_105":896,"_97":897,"_163":898,"_165":-5,"_166":148,"_167":899,"_169":22,"_107":1044,"_101":33,"_171":702,"_173":901,"_174":22,"_175":-5,"_100":1045},["D",1769453708321],[897],{"_105":905,"_97":906,"_163":907,"_165":-5,"_166":148,"_167":908,"_169":22,"_107":1047,"_101":33,"_171":702,"_173":910,"_174":22,"_175":-5,"_100":1048},["D",1769453709969],[906],{"_105":914,"_97":915,"_163":916,"_165":-5,"_166":148,"_167":917,"_169":119,"_107":1050,"_101":33,"_171":191,"_173":919,"_174":22,"_175":-5,"_100":1051},["D",1769453767488],[915],{"_105":923,"_97":924,"_163":925,"_165":-5,"_166":148,"_167":926,"_169":22,"_107":1053,"_101":33,"_171":702,"_173":928,"_174":22,"_175":-5,"_100":1054},["D",1769453708367],[924],{"_105":932,"_97":933,"_163":934,"_165":-5,"_166":148,"_167":935,"_169":22,"_107":1056,"_101":33,"_171":702,"_173":937,"_174":22,"_175":-5,"_100":1057},["D",1769453708537],[933],{"_105":941,"_97":942,"_163":943,"_165":-5,"_166":148,"_167":944,"_169":22,"_107":1059,"_101":33,"_171":702,"_173":946,"_174":22,"_175":-5,"_100":1060},["D",1769453708593],[942],{"_105":950,"_97":951,"_163":952,"_165":-5,"_166":148,"_167":953,"_169":22,"_107":1062,"_101":33,"_171":702,"_173":955,"_174":22,"_175":-5,"_100":1063},["D",1769453708542],[951],{"_105":959,"_97":960,"_163":961,"_165":-5,"_166":148,"_167":962,"_169":22,"_107":1065,"_101":33,"_171":702,"_173":964,"_174":22,"_175":-5,"_100":1066},["D",1769453708825],[960],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_95":96,"_97":98,"_99":45,"_101":102,"_100":74,"_103":1075,"_158":1080,"_967":1363,"_191":-7,"_981":1364,"_1421":-5,"_1422":-5,"_1423":-5,"_1424":-5,"_1425":1426,"_974":-5},{"_105":106,"_97":98,"_107":1076,"_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":1077,"_140":1078,"_145":1079,"_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},[1081,1252,1264,1288,1291,1294,1297,1300,1303,1306,1309,1312,1315,1318,1321,1324,1327,1330,1333,1336,1339,1342,1345,1348,1351,1354,1357,1360],{"_105":161,"_97":162,"_163":164,"_165":-5,"_166":148,"_167":168,"_169":119,"_107":170,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1082,"_100":1251},[1083,1128,1134,1149,1224,1236,1239,1242,1245,1248],{"_105":179,"_97":180,"_163":181,"_165":164,"_166":148,"_167":182,"_169":119,"_107":183,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1084,"_100":1127},[1085,1088,1091,1094,1097,1100,1103,1106,1109,1112,1115,1118,1121,1124],{"_105":186,"_97":187,"_163":188,"_165":181,"_166":148,"_167":189,"_169":119,"_107":190,"_101":33,"_171":191,"_173":192,"_174":22,"_175":-5,"_176":1086,"_100":1087},[],[162,180,187],{"_105":196,"_97":197,"_163":198,"_165":181,"_166":148,"_167":199,"_169":119,"_107":200,"_101":33,"_171":191,"_173":201,"_174":22,"_175":-5,"_176":1089,"_100":1090},[],[162,180,197],{"_105":205,"_97":206,"_163":207,"_165":181,"_166":148,"_167":208,"_169":119,"_107":209,"_101":33,"_171":191,"_173":210,"_174":22,"_175":-5,"_176":1092,"_100":1093},[],[162,180,206],{"_105":214,"_97":215,"_163":216,"_165":181,"_166":148,"_167":217,"_169":119,"_107":218,"_101":33,"_171":191,"_173":219,"_174":22,"_175":-5,"_176":1095,"_100":1096},[],[162,180,215],{"_105":223,"_97":224,"_163":225,"_165":181,"_166":148,"_167":226,"_169":119,"_107":227,"_101":33,"_171":191,"_173":228,"_174":22,"_175":-5,"_176":1098,"_100":1099},[],[162,180,224],{"_105":232,"_97":233,"_163":234,"_165":181,"_166":148,"_167":235,"_169":119,"_107":236,"_101":33,"_171":191,"_173":237,"_174":22,"_175":-5,"_176":1101,"_100":1102},[],[162,180,233],{"_105":241,"_97":242,"_163":243,"_165":181,"_166":148,"_167":244,"_169":119,"_107":245,"_101":33,"_171":191,"_173":246,"_174":22,"_175":-5,"_176":1104,"_100":1105},[],[162,180,242],{"_105":250,"_97":251,"_163":252,"_165":181,"_166":148,"_167":253,"_169":119,"_107":254,"_101":33,"_171":191,"_173":255,"_174":22,"_175":-5,"_176":1107,"_100":1108},[],[162,180,251],{"_105":259,"_97":260,"_163":261,"_165":181,"_166":148,"_167":262,"_169":119,"_107":263,"_101":33,"_171":191,"_173":264,"_174":22,"_175":-5,"_176":1110,"_100":1111},[],[162,180,260],{"_105":268,"_97":269,"_163":270,"_165":181,"_166":148,"_167":271,"_169":119,"_107":272,"_101":33,"_171":191,"_173":273,"_174":22,"_175":-5,"_176":1113,"_100":1114},[],[162,180,269],{"_105":277,"_97":278,"_163":279,"_165":181,"_166":148,"_167":280,"_169":119,"_107":281,"_101":33,"_171":191,"_173":282,"_174":22,"_175":-5,"_176":1116,"_100":1117},[],[162,180,278],{"_105":286,"_97":287,"_163":288,"_165":181,"_166":148,"_167":289,"_169":119,"_107":290,"_101":33,"_171":191,"_173":291,"_174":22,"_175":-5,"_176":1119,"_100":1120},[],[162,180,287],{"_105":295,"_97":296,"_163":297,"_165":181,"_166":148,"_167":298,"_169":119,"_107":299,"_101":33,"_171":191,"_173":300,"_174":22,"_175":-5,"_176":1122,"_100":1123},[],[162,180,296],{"_105":304,"_97":305,"_163":306,"_165":181,"_166":148,"_167":307,"_169":119,"_107":308,"_101":33,"_171":191,"_173":309,"_174":22,"_175":-5,"_176":1125,"_100":1126},[],[162,180,305],[162,180],{"_105":314,"_97":315,"_163":316,"_165":164,"_166":148,"_167":317,"_169":119,"_107":318,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1129,"_100":1133},[1130],{"_105":321,"_97":322,"_163":323,"_165":316,"_166":148,"_167":324,"_169":119,"_107":325,"_101":33,"_171":191,"_173":326,"_174":22,"_175":-5,"_176":1131,"_100":1132},[],[162,315,322],[162,315],{"_105":331,"_97":332,"_163":333,"_165":164,"_166":148,"_167":334,"_169":119,"_107":335,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1135,"_100":1148},[1136,1145],{"_105":338,"_97":339,"_163":340,"_165":333,"_166":148,"_167":341,"_169":119,"_107":342,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1137,"_100":1144},[1138],{"_105":345,"_97":346,"_163":347,"_165":340,"_166":148,"_167":348,"_169":119,"_107":349,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1139,"_100":1143},[1140],{"_105":352,"_97":45,"_163":353,"_165":347,"_166":148,"_167":354,"_169":119,"_107":355,"_101":33,"_171":191,"_173":356,"_174":22,"_175":-5,"_176":1141,"_100":1142},[],[162,332,339,346,45],[162,332,339,346],[162,332,339],{"_105":362,"_97":363,"_163":364,"_165":333,"_166":148,"_167":365,"_169":119,"_107":366,"_101":33,"_171":191,"_173":356,"_174":22,"_175":-5,"_176":1146,"_100":1147},[],[162,332,363],[162,332],{"_105":371,"_97":372,"_163":373,"_165":164,"_166":148,"_167":374,"_169":119,"_107":375,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1150,"_100":1223},[1151,1154,1157,1160,1163,1166,1169,1172,1178,1181,1184,1187,1190,1193,1196,1199,1202,1205,1208,1211,1217,1220],{"_105":378,"_97":379,"_163":380,"_165":373,"_166":148,"_167":381,"_169":119,"_107":382,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1152,"_100":1153},[],[162,372,379],{"_105":386,"_97":387,"_163":388,"_165":373,"_166":148,"_167":389,"_169":119,"_107":390,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1155,"_100":1156},[],[162,372,387],{"_105":394,"_97":395,"_163":396,"_165":373,"_166":148,"_167":397,"_169":119,"_107":398,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1158,"_100":1159},[],[162,372,395],{"_105":402,"_97":403,"_163":404,"_165":373,"_166":148,"_167":405,"_169":119,"_107":406,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1161,"_100":1162},[],[162,372,403],{"_105":410,"_97":411,"_163":412,"_165":373,"_166":148,"_167":413,"_169":119,"_107":414,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1164,"_100":1165},[],[162,372,411],{"_105":418,"_97":419,"_163":420,"_165":373,"_166":148,"_167":421,"_169":119,"_107":422,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1167,"_100":1168},[],[162,372,419],{"_105":426,"_97":427,"_163":428,"_165":373,"_166":148,"_167":429,"_169":119,"_107":430,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1170,"_100":1171},[],[162,372,427],{"_105":434,"_97":435,"_163":436,"_165":373,"_166":148,"_167":437,"_169":119,"_107":438,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1173,"_100":1177},[1174],{"_105":441,"_97":442,"_163":443,"_165":436,"_166":148,"_167":444,"_169":119,"_107":445,"_101":33,"_171":191,"_173":446,"_174":22,"_175":-5,"_176":1175,"_100":1176},[],[162,372,435,442],[162,372,435],{"_105":451,"_97":452,"_163":453,"_165":373,"_166":148,"_167":454,"_169":119,"_107":455,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1179,"_100":1180},[],[162,372,452],{"_105":459,"_97":460,"_163":461,"_165":373,"_166":148,"_167":462,"_169":119,"_107":463,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1182,"_100":1183},[],[162,372,460],{"_105":467,"_97":468,"_163":469,"_165":373,"_166":148,"_167":470,"_169":119,"_107":471,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1185,"_100":1186},[],[162,372,468],{"_105":475,"_97":476,"_163":477,"_165":373,"_166":148,"_167":478,"_169":119,"_107":479,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1188,"_100":1189},[],[162,372,476],{"_105":483,"_97":484,"_163":485,"_165":373,"_166":148,"_167":486,"_169":119,"_107":487,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1191,"_100":1192},[],[162,372,484],{"_105":491,"_97":492,"_163":493,"_165":373,"_166":148,"_167":494,"_169":119,"_107":495,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1194,"_100":1195},[],[162,372,492],{"_105":499,"_97":500,"_163":501,"_165":373,"_166":148,"_167":502,"_169":119,"_107":503,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1197,"_100":1198},[],[162,372,500],{"_105":507,"_97":508,"_163":509,"_165":373,"_166":148,"_167":510,"_169":119,"_107":511,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1200,"_100":1201},[],[162,372,508],{"_105":515,"_97":516,"_163":517,"_165":373,"_166":148,"_167":518,"_169":119,"_107":519,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1203,"_100":1204},[],[162,372,516],{"_105":523,"_97":524,"_163":525,"_165":373,"_166":148,"_167":526,"_169":119,"_107":527,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1206,"_100":1207},[],[162,372,524],{"_105":531,"_97":532,"_163":533,"_165":373,"_166":148,"_167":534,"_169":119,"_107":535,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1209,"_100":1210},[],[162,372,532],{"_105":539,"_97":540,"_163":541,"_165":373,"_166":148,"_167":542,"_169":119,"_107":543,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1212,"_100":1216},[1213],{"_105":546,"_97":547,"_163":548,"_165":541,"_166":148,"_167":549,"_169":119,"_107":550,"_101":33,"_171":191,"_173":551,"_174":22,"_175":-5,"_176":1214,"_100":1215},[],[162,372,540,547],[162,372,540],{"_105":556,"_97":315,"_163":557,"_165":373,"_166":148,"_167":558,"_169":119,"_107":559,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1218,"_100":1219},[],[162,372,315],{"_105":563,"_97":564,"_163":565,"_165":373,"_166":148,"_167":566,"_169":119,"_107":567,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1221,"_100":1222},[],[162,372,564],[162,372],{"_105":572,"_97":339,"_163":573,"_165":164,"_166":148,"_167":574,"_169":119,"_107":575,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1225,"_100":1235},[1226,1232],{"_105":578,"_97":346,"_163":579,"_165":573,"_166":148,"_167":580,"_169":119,"_107":581,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1227,"_100":1231},[1228],{"_105":584,"_97":45,"_163":585,"_165":579,"_166":148,"_167":586,"_169":119,"_107":587,"_101":33,"_171":191,"_173":588,"_174":22,"_175":-5,"_176":1229,"_100":1230},[],[162,339,346,45],[162,339,346],{"_105":593,"_97":594,"_163":595,"_165":573,"_166":148,"_167":596,"_169":119,"_107":597,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1233,"_100":1234},[],[162,339,594],[162,339],{"_105":602,"_97":603,"_163":604,"_165":164,"_166":148,"_167":605,"_169":119,"_107":606,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1237,"_100":1238},[],[162,603],{"_105":610,"_97":611,"_163":612,"_165":164,"_166":148,"_167":613,"_169":119,"_107":614,"_101":33,"_171":191,"_173":615,"_174":22,"_175":-5,"_176":1240,"_100":1241},[],[162,611],{"_105":619,"_97":363,"_163":620,"_165":164,"_166":148,"_167":621,"_169":119,"_107":622,"_101":33,"_171":191,"_173":623,"_174":22,"_175":-5,"_176":1243,"_100":1244},[],[162,363],{"_105":627,"_97":628,"_163":629,"_165":164,"_166":148,"_167":630,"_169":119,"_107":631,"_101":33,"_171":191,"_173":632,"_174":22,"_175":-5,"_176":1246,"_100":1247},[],[162,628],{"_105":636,"_97":113,"_163":637,"_165":164,"_166":148,"_167":638,"_169":119,"_107":639,"_101":33,"_171":191,"_173":640,"_174":22,"_175":-5,"_176":1249,"_100":1250},[],[162,113],[162],{"_105":645,"_97":646,"_163":647,"_165":-5,"_166":148,"_167":648,"_169":119,"_107":649,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1253,"_100":1263},[1254,1257,1260],{"_105":652,"_97":653,"_163":654,"_165":647,"_166":148,"_167":655,"_169":119,"_107":656,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1255,"_100":1256},[],[646,653],{"_105":660,"_97":661,"_163":662,"_165":647,"_166":148,"_167":663,"_169":119,"_107":664,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1258,"_100":1259},[],[646,661],{"_105":668,"_97":669,"_163":670,"_165":647,"_166":148,"_167":671,"_169":119,"_107":672,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1261,"_100":1262},[],[646,669],[646],{"_105":677,"_97":678,"_163":679,"_165":-5,"_166":148,"_167":680,"_169":119,"_107":681,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1265,"_100":1287},[1266,1284],{"_105":684,"_97":685,"_163":686,"_165":679,"_166":148,"_167":687,"_169":119,"_107":688,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1267,"_100":1283},[1268,1274,1280],{"_105":691,"_97":692,"_163":693,"_165":686,"_166":148,"_167":694,"_169":119,"_107":695,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1269,"_100":1273},[1270],{"_105":698,"_97":699,"_163":700,"_165":693,"_166":148,"_167":102,"_169":119,"_107":701,"_101":168,"_171":702,"_173":703,"_174":22,"_175":-5,"_176":1271,"_100":1272},[],[678,685,692,699],[678,685,692],{"_105":708,"_97":709,"_163":710,"_165":686,"_166":148,"_167":711,"_169":119,"_107":712,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1275,"_100":1279},[1276],{"_105":715,"_97":716,"_163":717,"_165":710,"_166":148,"_167":718,"_169":22,"_107":719,"_101":168,"_171":702,"_173":720,"_174":22,"_175":-5,"_176":1277,"_100":1278},[],[678,685,709,716],[678,685,709],{"_105":725,"_97":726,"_163":727,"_165":686,"_166":148,"_167":728,"_169":119,"_107":729,"_101":168,"_171":702,"_173":730,"_174":22,"_175":-5,"_176":1281,"_100":1282},[],[678,685,726],[678,685],{"_105":735,"_97":736,"_163":737,"_165":679,"_166":148,"_167":738,"_169":119,"_107":739,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1285,"_100":1286},[],[678,736],[678],{"_105":744,"_97":745,"_163":746,"_165":-5,"_166":148,"_167":747,"_169":119,"_107":748,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_176":1289,"_100":1290},[],[745],{"_105":752,"_97":753,"_163":754,"_165":-5,"_166":148,"_167":755,"_169":119,"_107":756,"_101":33,"_171":191,"_173":757,"_174":22,"_175":-5,"_176":1292,"_100":1293},[],[753],{"_105":761,"_97":762,"_163":763,"_165":-5,"_166":148,"_167":764,"_169":119,"_107":765,"_101":33,"_171":191,"_173":766,"_174":22,"_175":-5,"_176":1295,"_100":1296},[],[762],{"_105":770,"_97":771,"_163":772,"_165":-5,"_166":148,"_167":773,"_169":119,"_107":774,"_101":33,"_171":191,"_173":775,"_174":22,"_175":-5,"_176":1298,"_100":1299},[],[771],{"_105":779,"_97":780,"_163":781,"_165":-5,"_166":148,"_167":782,"_169":22,"_107":783,"_101":33,"_171":702,"_173":784,"_174":22,"_175":-5,"_176":1301,"_100":1302},[],[780],{"_105":788,"_97":789,"_163":790,"_165":-5,"_166":148,"_167":791,"_169":119,"_107":792,"_101":33,"_171":191,"_173":793,"_174":22,"_175":-5,"_176":1304,"_100":1305},[],[789],{"_105":797,"_97":798,"_163":799,"_165":-5,"_166":148,"_167":800,"_169":22,"_107":801,"_101":33,"_171":702,"_173":802,"_174":22,"_175":-5,"_176":1307,"_100":1308},[],[798],{"_105":806,"_97":807,"_163":808,"_165":-5,"_166":148,"_167":809,"_169":22,"_107":810,"_101":33,"_171":702,"_173":811,"_174":22,"_175":-5,"_176":1310,"_100":1311},[],[807],{"_105":815,"_97":816,"_163":817,"_165":-5,"_166":148,"_167":818,"_169":22,"_107":819,"_101":33,"_171":191,"_173":820,"_174":22,"_175":-5,"_176":1313,"_100":1314},[],[816],{"_105":824,"_97":825,"_163":826,"_165":-5,"_166":148,"_167":827,"_169":22,"_107":828,"_101":33,"_171":191,"_173":829,"_174":22,"_175":-5,"_176":1316,"_100":1317},[],[825],{"_105":833,"_97":834,"_163":835,"_165":-5,"_166":148,"_167":836,"_169":22,"_107":837,"_101":33,"_171":702,"_173":838,"_174":22,"_175":-5,"_176":1319,"_100":1320},[],[834],{"_105":842,"_97":843,"_163":844,"_165":-5,"_166":148,"_167":845,"_169":22,"_107":846,"_101":33,"_171":702,"_173":847,"_174":22,"_175":-5,"_176":1322,"_100":1323},[],[843],{"_105":851,"_97":852,"_163":853,"_165":-5,"_166":148,"_167":854,"_169":22,"_107":855,"_101":33,"_171":702,"_173":856,"_174":22,"_175":-5,"_176":1325,"_100":1326},[],[852],{"_105":860,"_97":861,"_163":862,"_165":-5,"_166":148,"_167":863,"_169":22,"_107":864,"_101":33,"_171":702,"_173":865,"_174":22,"_175":-5,"_176":1328,"_100":1329},[],[861],{"_105":869,"_97":870,"_163":871,"_165":-5,"_166":148,"_167":872,"_169":119,"_107":873,"_101":33,"_171":191,"_173":874,"_174":22,"_175":-5,"_176":1331,"_100":1332},[],[870],{"_105":878,"_97":879,"_163":880,"_165":-5,"_166":148,"_167":881,"_169":22,"_107":882,"_101":33,"_171":702,"_173":883,"_174":22,"_175":-5,"_176":1334,"_100":1335},[],[879],{"_105":887,"_97":888,"_163":889,"_165":-5,"_166":148,"_167":890,"_169":22,"_107":891,"_101":33,"_171":702,"_173":892,"_174":22,"_175":-5,"_176":1337,"_100":1338},[],[888],{"_105":896,"_97":897,"_163":898,"_165":-5,"_166":148,"_167":899,"_169":22,"_107":900,"_101":33,"_171":702,"_173":901,"_174":22,"_175":-5,"_176":1340,"_100":1341},[],[897],{"_105":905,"_97":906,"_163":907,"_165":-5,"_166":148,"_167":908,"_169":22,"_107":909,"_101":33,"_171":702,"_173":910,"_174":22,"_175":-5,"_176":1343,"_100":1344},[],[906],{"_105":914,"_97":915,"_163":916,"_165":-5,"_166":148,"_167":917,"_169":119,"_107":918,"_101":33,"_171":191,"_173":919,"_174":22,"_175":-5,"_176":1346,"_100":1347},[],[915],{"_105":923,"_97":924,"_163":925,"_165":-5,"_166":148,"_167":926,"_169":22,"_107":927,"_101":33,"_171":702,"_173":928,"_174":22,"_175":-5,"_176":1349,"_100":1350},[],[924],{"_105":932,"_97":933,"_163":934,"_165":-5,"_166":148,"_167":935,"_169":22,"_107":936,"_101":33,"_171":702,"_173":937,"_174":22,"_175":-5,"_176":1352,"_100":1353},[],[933],{"_105":941,"_97":942,"_163":943,"_165":-5,"_166":148,"_167":944,"_169":22,"_107":945,"_101":33,"_171":702,"_173":946,"_174":22,"_175":-5,"_176":1355,"_100":1356},[],[942],{"_105":950,"_97":951,"_163":952,"_165":-5,"_166":148,"_167":953,"_169":22,"_107":954,"_101":33,"_171":702,"_173":955,"_174":22,"_175":-5,"_176":1358,"_100":1359},[],[951],{"_105":959,"_97":960,"_163":961,"_165":-5,"_166":148,"_167":962,"_169":22,"_107":963,"_101":33,"_171":702,"_173":964,"_174":22,"_175":-5,"_176":1361,"_100":1362},[],[960],[1081,1083,1085,1088,1091,1094,1097,1100,1103,1106,1109,1112,1115,1118,1121,1124,1128,1130,1134,1136,1138,1140,1145,1149,1151,1154,1157,1160,1163,1166,1169,1172,1174,1178,1181,1184,1187,1190,1193,1196,1199,1202,1205,1208,1211,1213,1217,1220,1224,1226,1228,1232,1236,1239,1242,1245,1248,1252,1254,1257,1260,1264,1266,1268,1270,1274,1276,1280,1284,1288,1291,1294,1297,1300,1303,1306,1309,1312,1315,1318,1321,1324,1327,1330,1333,1336,1339,1342,1345,1348,1351,1354,1357,1360],[1365,1367,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397,1399,1401,1403,1405,1407,1409,1411,1413,1415,1417,1419],{"_105":161,"_97":162,"_163":164,"_165":-5,"_166":148,"_167":168,"_169":119,"_107":984,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":1366},[162],{"_105":645,"_97":646,"_163":647,"_165":-5,"_166":148,"_167":648,"_169":119,"_107":987,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":1368},[646],{"_105":677,"_97":678,"_163":679,"_165":-5,"_166":148,"_167":680,"_169":119,"_107":990,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":1370},[678],{"_105":744,"_97":745,"_163":746,"_165":-5,"_166":148,"_167":747,"_169":119,"_107":993,"_101":33,"_171":172,"_173":-5,"_174":22,"_175":-5,"_100":1372},[745],{"_105":752,"_97":753,"_163":754,"_165":-5,"_166":148,"_167":755,"_169":119,"_107":996,"_101":33,"_171":191,"_173":757,"_174":22,"_175":-5,"_100":1374},[753],{"_105":761,"_97":762,"_163":763,"_165":-5,"_166":148,"_167":764,"_169":119,"_107":999,"_101":33,"_171":191,"_173":766,"_174":22,"_175":-5,"_100":1376},[762],{"_105":770,"_97":771,"_163":772,"_165":-5,"_166":148,"_167":773,"_169":119,"_107":1002,"_101":33,"_171":191,"_173":775,"_174":22,"_175":-5,"_100":1378},[771],{"_105":779,"_97":780,"_163":781,"_165":-5,"_166":148,"_167":782,"_169":22,"_107":1005,"_101":33,"_171":702,"_173":784,"_174":22,"_175":-5,"_100":1380},[780],{"_105":788,"_97":789,"_163":790,"_165":-5,"_166":148,"_167":791,"_169":119,"_107":1008,"_101":33,"_171":191,"_173":793,"_174":22,"_175":-5,"_100":1382},[789],{"_105":797,"_97":798,"_163":799,"_165":-5,"_166":148,"_167":800,"_169":22,"_107":1011,"_101":33,"_171":702,"_173":802,"_174":22,"_175":-5,"_100":1384},[798],{"_105":806,"_97":807,"_163":808,"_165":-5,"_166":148,"_167":809,"_169":22,"_107":1014,"_101":33,"_171":702,"_173":811,"_174":22,"_175":-5,"_100":1386},[807],{"_105":815,"_97":816,"_163":817,"_165":-5,"_166":148,"_167":818,"_169":22,"_107":1017,"_101":33,"_171":191,"_173":820,"_174":22,"_175":-5,"_100":1388},[816],{"_105":824,"_97":825,"_163":826,"_165":-5,"_166":148,"_167":827,"_169":22,"_107":1020,"_101":33,"_171":191,"_173":829,"_174":22,"_175":-5,"_100":1390},[825],{"_105":833,"_97":834,"_163":835,"_165":-5,"_166":148,"_167":836,"_169":22,"_107":1023,"_101":33,"_171":702,"_173":838,"_174":22,"_175":-5,"_100":1392},[834],{"_105":842,"_97":843,"_163":844,"_165":-5,"_166":148,"_167":845,"_169":22,"_107":1026,"_101":33,"_171":702,"_173":847,"_174":22,"_175":-5,"_100":1394},[843],{"_105":851,"_97":852,"_163":853,"_165":-5,"_166":148,"_167":854,"_169":22,"_107":1029,"_101":33,"_171":702,"_173":856,"_174":22,"_175":-5,"_100":1396},[852],{"_105":860,"_97":861,"_163":862,"_165":-5,"_166":148,"_167":863,"_169":22,"_107":1032,"_101":33,"_171":702,"_173":865,"_174":22,"_175":-5,"_100":1398},[861],{"_105":869,"_97":870,"_163":871,"_165":-5,"_166":148,"_167":872,"_169":119,"_107":1035,"_101":33,"_171":191,"_173":874,"_174":22,"_175":-5,"_100":1400},[870],{"_105":878,"_97":879,"_163":880,"_165":-5,"_166":148,"_167":881,"_169":22,"_107":1038,"_101":33,"_171":702,"_173":883,"_174":22,"_175":-5,"_100":1402},[879],{"_105":887,"_97":888,"_163":889,"_165":-5,"_166":148,"_167":890,"_169":22,"_107":1041,"_101":33,"_171":702,"_173":892,"_174":22,"_175":-5,"_100":1404},[888],{"_105":896,"_97":897,"_163":898,"_165":-5,"_166":148,"_167":899,"_169":22,"_107":1044,"_101":33,"_171":702,"_173":901,"_174":22,"_175":-5,"_100":1406},[897],{"_105":905,"_97":906,"_163":907,"_165":-5,"_166":148,"_167":908,"_169":22,"_107":1047,"_101":33,"_171":702,"_173":910,"_174":22,"_175":-5,"_100":1408},[906],{"_105":914,"_97":915,"_163":916,"_165":-5,"_166":148,"_167":917,"_169":119,"_107":1050,"_101":33,"_171":191,"_173":919,"_174":22,"_175":-5,"_100":1410},[915],{"_105":923,"_97":924,"_163":925,"_165":-5,"_166":148,"_167":926,"_169":22,"_107":1053,"_101":33,"_171":702,"_173":928,"_174":22,"_175":-5,"_100":1412},[924],{"_105":932,"_97":933,"_163":934,"_165":-5,"_166":148,"_167":935,"_169":22,"_107":1056,"_101":33,"_171":702,"_173":937,"_174":22,"_175":-5,"_100":1414},[933],{"_105":941,"_97":942,"_163":943,"_165":-5,"_166":148,"_167":944,"_169":22,"_107":1059,"_101":33,"_171":702,"_173":946,"_174":22,"_175":-5,"_100":1416},[942],{"_105":950,"_97":951,"_163":952,"_165":-5,"_166":148,"_167":953,"_169":22,"_107":1062,"_101":33,"_171":702,"_173":955,"_174":22,"_175":-5,"_100":1418},[951],{"_105":959,"_97":960,"_163":961,"_165":-5,"_166":148,"_167":962,"_169":22,"_107":1065,"_101":33,"_171":702,"_173":964,"_174":22,"_175":-5,"_100":1420},[960],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

nbbaier

counterTown