MetricsIO

Real-time Analytics for Modern SaaS

Dashboard | Pricing | Docs

';\n}\n\nfunction dashboardHTML(): string {\n return 'Dashboard

Analytics Dashboard

Users: 98,234 | Events: 45.6M | Uptime: 99.98%

Back

';\n}\n\nfunction pricingHTML(): string {\n return 'Pricing

Pricing

Free $0 | Pro $49 | Enterprise Custom

Back

';\n}\n\nfunction docsHTML(): string {\n return 'Docs

API Documentation

GET /api/v1/users

GET /api/v1/analytics/overview

Back

';\n}","deleted",false,"label",[37],"c0a5d433-ec88-4deb-b0f2-fa2d4ace5d0c","main.ts","1089152c-7ee0-11f1-a213-1607ee4eb77e",2,["D",1783963650677],1,"script","const TOKEN = \"e4a8f2c1-9d3b-4e5a-8f7c-2b6d9a1e3c5f\";\nconst STREAM_PATH = \"/api/v1/events/stream\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // WebSocket upgrade\n if (req.headers.get(\"upgrade\")?.toLowerCase() === \"websocket\") {\n return handleStream(req);\n }\n\n // Landing page\n if (path === \"/\" || path === \"\") {\n return new Response(landingHTML(), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (path === \"/dashboard\") {\n return new Response(dashboardHTML(), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (path === \"/pricing\") {\n return new Response(pricingHTML(), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (path === \"/docs\") {\n return new Response(docsHTML(), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // API Endpoints\n if (path === \"/api/v1/users\") {\n return json({\n data: [\n {\n id: \"usr_001\",\n name: \"Sarah Chen\",\n email: \"sarah@techcorp.io\",\n plan: \"enterprise\",\n },\n {\n id: \"usr_002\",\n name: \"Marcus Johnson\",\n email: \"marcus@startup.co\",\n plan: \"pro\",\n },\n {\n id: \"usr_003\",\n name: \"Elena Rodriguez\",\n email: \"elena@agency.com\",\n plan: \"pro\",\n },\n {\n id: \"usr_004\",\n name: \"James Wilson\",\n email: \"james@enterprise.net\",\n plan: \"enterprise\",\n },\n {\n id: \"usr_005\",\n name: \"Priya Patel\",\n email: \"priya@fintech.app\",\n plan: \"starter\",\n },\n ],\n total: 5,\n });\n }\n\n if (path === \"/api/v1/projects\") {\n return json({\n data: [\n { id: \"prj_001\", name: \"Mobile Analytics\", events: 245678 },\n { id: \"prj_002\", name: \"Web Dashboard\", events: 89234 },\n { id: \"prj_003\", name: \"E-commerce\", events: 567890 },\n { id: \"prj_004\", name: \"Marketing\", events: 34567 },\n ],\n total: 4,\n });\n }\n\n if (path === \"/api/v1/analytics/overview\") {\n return json({\n totalUsers: 152847,\n activeUsers: 98234,\n totalEvents: 45678234,\n avgSession: 342,\n conversionRate: 0.087,\n });\n }\n\n if (path === \"/api/v1/analytics/traffic\") {\n return json({\n sources: [\n { source: \"Direct\", visitors: 45678, percentage: 32.1 },\n { source: \"Organic\", visitors: 38921, percentage: 27.4 },\n { source: \"Social\", visitors: 28345, percentage: 19.9 },\n { source: \"Referral\", visitors: 18234, percentage: 12.8 },\n { source: \"Email\", visitors: 11123, percentage: 7.8 },\n ],\n });\n }\n\n if (path === \"/api/v1/metrics/realtime\") {\n return json({\n activeVisitors: Math.floor(Math.random() * 500) + 100,\n pageViews: Math.floor(Math.random() * 50) + 10,\n eventsPerSecond: Math.floor(Math.random() * 100) + 20,\n timestamp: new Date().toISOString(),\n });\n }\n\n if (path === \"/api/v1/health\") {\n return json({ status: \"healthy\", uptime: Date.now(), version: \"4.2.1\" });\n }\n\n if (path === \"/api/v1/status\") {\n return json({\n status: \"operational\",\n services: [\n { name: \"API\", status: \"operational\", uptime: 99.98 },\n { name: \"Dashboard\", status: \"operational\", uptime: 99.95 },\n { name: \"Events\", status: \"operational\", uptime: 99.99 },\n ],\n });\n }\n\n if (path === \"/api/v1/webhooks\") {\n return json({\n webhooks: [\n { id: \"whk_001\", url: \"https://api.example.com/hook1\", active: true },\n { id: \"whk_002\", url: \"https://api.example.com/hook2\", active: true },\n ],\n });\n }\n\n if (path === \"/api/v1/integrations\") {\n return json({\n integrations: [\n { name: \"Slack\", status: \"connected\" },\n { name: \"Discord\", status: \"connected\" },\n { name: \"Zapier\", status: \"disconnected\" },\n { name: \"Google Analytics\", status: \"connected\" },\n ],\n });\n }\n\n // Hidden config endpoint\n if (path.startsWith(\"/api/v1/settings/\")) {\n const providedToken = path.substring(17);\n if (providedToken === TOKEN) {\n const host = req.headers.get(\"host\") || \"\";\n return new Response(getConfig(host), {\n headers: { \"content-type\": \"text/plain; charset=utf-8\" },\n });\n }\n return json({ error: \"Invalid token\" }, 401);\n }\n\n if (path === \"/robots.txt\") {\n return new Response(\"User-agent: *\\nAllow: /\\nDisallow: /api/\", {\n headers: { \"content-type\": \"text/plain\" },\n });\n }\n\n if (path === \"/favicon.ico\") {\n return new Response(null, { status: 204 });\n }\n\n return json({ error: \"Not found\", path }, 404);\n}\n\nasync function handleStream(req: Request): Promise {\n const upgrade = Deno.upgradeWebSocket(req);\n const socket = upgrade.socket;\n const response = upgrade.response;\n\n let conn: Deno.TcpConn | null = null;\n let initialized = false;\n\n socket.onmessage = async (event) => {\n try {\n const data = new Uint8Array(\n event.data instanceof ArrayBuffer\n ? event.data\n : await (event.data as Blob).arrayBuffer(),\n );\n\n if (!initialized) {\n initialized = true;\n\n const info = parseAuth(data);\n if (info.error) {\n socket.close();\n return;\n }\n\n try {\n conn = await Deno.connect({\n hostname: info.host!,\n port: info.port!,\n });\n } catch {\n socket.close();\n return;\n }\n\n socket.send(new Uint8Array([info.version!, 0]));\n\n if (info.payload && info.payload.length > 0) {\n const writer = conn.writable.getWriter();\n await writer.write(info.payload);\n writer.releaseLock();\n }\n\n pipeToSocket(conn, socket);\n } else if (conn) {\n const writer = conn.writable.getWriter();\n await writer.write(data);\n writer.releaseLock();\n }\n } catch {\n socket.close();\n }\n };\n\n socket.onclose = () => {\n try {\n conn?.close();\n } catch {}\n };\n\n socket.onerror = () => {\n try {\n conn?.close();\n } catch {}\n };\n\n return response;\n}\n\nasync function pipeToSocket(\n conn: Deno.TcpConn,\n socket: WebSocket,\n): Promise {\n try {\n const buffer = new Uint8Array(65536);\n while (true) {\n const n = await conn.read(buffer);\n if (n === null) break;\n if (socket.readyState !== WebSocket.OPEN) break;\n socket.send(buffer.slice(0, n));\n }\n } catch {\n } finally {\n try {\n conn.close();\n } catch {}\n try {\n socket.close();\n } catch {}\n }\n}\n\nfunction parseAuth(buffer: Uint8Array) {\n if (buffer.byteLength < 24) return { error: \"Invalid size\" };\n\n const version = buffer[0];\n const tokenBytes = buffer.slice(1, 17);\n const providedToken = formatToken(tokenBytes);\n\n if (providedToken !== TOKEN) return { error: \"Auth failed\" };\n\n const optLen = buffer[17];\n const cmd = buffer[18 + optLen];\n\n if (cmd !== 1) return { error: \"Unsupported\" };\n\n const portIdx = 19 + optLen;\n const port = (buffer[portIdx] << 8) | buffer[portIdx + 1];\n\n const addrType = buffer[portIdx + 2];\n let host = \"\";\n let payloadStart = 0;\n\n if (addrType === 1) {\n host = buffer[portIdx + 3] + \".\" + buffer[portIdx + 4] + \".\" +\n buffer[portIdx + 5] + \".\" + buffer[portIdx + 6];\n payloadStart = portIdx + 7;\n } else if (addrType === 2) {\n const len = buffer[portIdx + 3];\n host = new TextDecoder().decode(\n buffer.slice(portIdx + 4, portIdx + 4 + len),\n );\n payloadStart = portIdx + 4 + len;\n } else if (addrType === 3) {\n const parts: string[] = [];\n for (let i = 0; i < 8; i++) {\n const off = portIdx + 3 + i * 2;\n parts.push(((buffer[off] << 8) | buffer[off + 1]).toString(16));\n }\n host = parts.join(\":\");\n payloadStart = portIdx + 19;\n } else {\n return { error: \"Unknown addr\" };\n }\n\n return {\n error: null,\n version,\n host,\n port,\n payload: buffer.slice(payloadStart),\n };\n}\n\nfunction formatToken(bytes: Uint8Array): string {\n const hex: string[] = [];\n for (let i = 0; i < 256; i++) hex.push((i + 256).toString(16).slice(1));\n\n return (\n hex[bytes[0]] + hex[bytes[1]] + hex[bytes[2]] + hex[bytes[3]] + \"-\" +\n hex[bytes[4]] + hex[bytes[5]] + \"-\" +\n hex[bytes[6]] + hex[bytes[7]] + \"-\" +\n hex[bytes[8]] + hex[bytes[9]] + \"-\" +\n hex[bytes[10]] + hex[bytes[11]] + hex[bytes[12]] +\n hex[bytes[13]] + hex[bytes[14]] + hex[bytes[15]]\n ).toLowerCase();\n}\n\nfunction json(data: unknown, status: number = 200): Response {\n return new Response(JSON.stringify(data, null, 2), {\n status,\n headers: {\n \"content-type\": \"application/json\",\n \"access-control-allow-origin\": \"*\",\n },\n });\n}\n\nfunction getConfig(host: string): string {\n const cfg = \"vless://\" + TOKEN + \"@\" + host +\n \":443?encryption=none&security=tls&sni=\" + host +\n \"&fp=chrome&type=ws&host=\" + host + \"&path=\" +\n encodeURIComponent(STREAM_PATH) + \"#MetricsIO-\" + host;\n\n return \"MetricsIO Service Credentials\\n\" +\n \"============================\\n\\n\" +\n \"Host: \" + host + \"\\n\" +\n \"Token: \" + TOKEN + \"\\n\" +\n \"Path: \" + STREAM_PATH + \"\\n\\n\" +\n \"Connection String:\\n\" + cfg + \"\\n\";\n}\n\nfunction landingHTML(): string {\n return 'MetricsIO

Real-time Analytics for Modern SaaS

Track user behavior, measure engagement, and grow your product.

Start Free Trial Documentation

152K+

Active Users

45M+

Events/Day

99.98%

Uptime

3.2K+

Companies

Everything you need to grow

Fast

Real-time Analytics

Get instant insights with sub-second latency.

Track

Custom Events

Track any action with unlimited events.

Charts

Dashboards

Build custom dashboards easily.

API

Integrations

Connect with your favorite tools.

Team

Collaboration

Work together in real-time.

Lock

Security

Enterprise-grade security.

';\n}\n\nfunction dashboardHTML(): string {\n return 'Dashboard

Analytics Dashboard

Active Users

98,234

+12.4%

Total Events

45.6M

+8.7%

Avg Session

5m 42s

+3.2%

Conversion

8.7%

+0.5%

Back to Home

';\n}\n\nfunction pricingHTML(): string {\n return 'Pricing

Simple Pricing

Free

1,000 events/mo
3 projects

Pro

$49

100,000 events/mo
50 projects
Priority support

Enterprise

Custom

Unlimited events
Dedicated support

Back to Home

';\n}\n\nfunction docsHTML(): string {\n return 'API Docs

API Documentation

Authentication

Authorization: Bearer YOUR_KEY

Endpoints

GET /api/v1/users

List users

GET /api/v1/projects

List projects

GET /api/v1/analytics/overview

Analytics data

Back to Home

';\n}",[59],"be149df5-f5e0-4489-a4af-c17e969deb6d","README.md","c0f0a402-7ee0-11f1-a7cf-1607ee4eb77e",4,["D",1783963927271],"# analyticsAPI n",[68],{"_35":67,"_13":68,"_38":69,"_40":-5,"_41":42,"_43":70,"_45":46,"_47":84,"_17":63,"_50":24,"_52":72,"_54":55,"_56":-5,"_78":85,"_18":86},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":64,"_52":65,"_54":55,"_56":-5,"_78":82,"_18":83},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":79,"_18":80},["D",1783964276637],"children",[],[37],["D",1783963650677],[],[59],["D",1783963927271],[],[68],"a9052891-ce91-49fa-87de-7d5445d56ef7",["D",1783963623950],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","9c557cad-8b00-4aa6-8043-97c891d0df6f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019f5ba3-b4da-7706-bc70-2ac477430aca","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_140":136},"org",{"_11":12,"_133":134,"_135":136,"_96":97,"_137":138,"_139":55},"branch",{"_17":44,"_13":16,"_35":42,"_125":87,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":14,"_132":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","hamzabenaabed-pixel","avatar","https://avatars.githubusercontent.com/u/298057483?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":87,"_13":14,"_47":184,"_89":-5,"_90":55,"_91":92,"_93":92,"_94":19,"_95":-5,"_96":97,"_98":-5,"_99":55,"_100":-5,"_101":-5,"_102":63,"_103":104,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":110,"_111":110,"_112":113,"_114":113,"_115":113,"_116":110,"_117":110,"_118":185,"_120":186,"_122":187,"_124":55},[175,176,177],"files",[175,176,177],"counts",{"_165":166,"_167":63,"_168":166,"_31":169,"_170":171},[159,160,161],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":67,"_13":68,"_38":69,"_40":-5,"_41":42,"_43":70,"_45":46,"_47":71,"_17":63,"_50":24,"_52":72,"_54":55,"_56":-5,"_18":164},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":64,"_52":65,"_54":55,"_56":-5,"_18":163},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":162},[37],[59],[68],"pulls",0,"branches","forks",{"_172":166,"_174":166},"connections",{"_172":166,"_173":166},"count","unfilledCount","emptyCount",{"_35":67,"_13":68,"_38":69,"_40":-5,"_41":42,"_43":70,"_45":46,"_47":84,"_17":63,"_50":24,"_52":72,"_54":55,"_56":-5,"_78":182,"_18":183},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":64,"_52":65,"_54":55,"_56":-5,"_78":180,"_18":181},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":178,"_18":179},[],[37],[],[59],[],[68],["D",1783963623950],{"_11":12,"_140":136},{"_11":12,"_133":134,"_135":136,"_96":97,"_137":138,"_139":55},{"_17":44,"_13":16,"_35":42,"_125":87,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":14,"_132":12},"ctx",{"_118":-5,"_156":221,"_222":223,"_224":225,"_226":55,"_227":55,"_228":55,"_229":46,"_230":-5,"_231":-7,"_232":-7,"_233":166,"_234":55,"_235":55,"_236":-5,"_237":55,"_238":55,"_239":55,"_240":-5},"ENV",{"_192":193,"_194":195,"_196":16,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code