\n \n \n\n\n\n",[],[105,125,143],"577761a2-171f-11f0-8d73-569c3dd06744","components","577762a6-171f-11f0-8d73-569c3dd06744",26,["D",1744408382728],[157],[105,125,151],{"_36":158,"_13":159,"_61":160,"_63":152,"_64":65,"_66":161,"_68":69,"_38":162,"_17":87,"_72":120,"_73":163,"_75":51,"_76":-5,"_89":164,"_18":165},"10fe0284-1720-11f0-8053-569c3dd06744","App.tsx","5f26967a-171f-11f0-8e32-569c3dd06744",42,["D",1744408693984],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { FiLoader, FiRefreshCw } from \"https://esm.sh/react-icons@5.5.0/fi?deps=react@18.2.0\";\nimport { PixelData } from \"../../types.d.ts\";\n\nexport function App() {\n const [pixel, setPixel] = useState(null);\n const [loading, setLoading] = useState(false);\n const [refreshing, setRefreshing] = useState(false);\n const [copySuccess, setCopySuccess] = useState(\"\");\n const [copyType, setCopyType] = useState(\"\");\n\n // Check if we're on a status page or create a new pixel\n useEffect(() => {\n const path = globalThis.location.pathname;\n const match = path.match(/\\/pixeltracker\\/status\\/([^\\/]+)/);\n\n if (match && match[1]) {\n fetchPixelDetails(match[1]);\n\n // Set up auto-refresh\n const interval = setInterval(() => {\n refreshPixelData(match[1]);\n }, 5000);\n\n return () => clearInterval(interval);\n } else {\n createNewPixel();\n }\n }, []);\n\n const refreshPixelData = async (id: string) => {\n setRefreshing(true);\n try {\n const response = await fetch(`/pixeltracker/data/${id}`);\n if (response.ok) {\n const data = await response.json();\n setPixel(data);\n }\n } catch (error) {\n console.error(\"Error refreshing pixel data:\", error);\n } finally {\n setRefreshing(false);\n }\n };\n\n const createNewPixel = async () => {\n setLoading(true);\n try {\n const response = await fetch(\"/pixeltracker/create\");\n const data = await response.json();\n await fetchPixelDetails(data.id);\n } catch (error) {\n console.error(\"Error creating pixel:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n const fetchPixelDetails = async (id: string) => {\n setLoading(true);\n try {\n const response = await fetch(`/pixeltracker/data/${id}`);\n const data = await response.json();\n setPixel(data);\n } catch (error) {\n console.error(\"Error fetching pixel details:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n const copyToClipboard = (text: string, type: string) => {\n navigator.clipboard.writeText(text)\n .then(() => {\n setCopySuccess(\"Copied!\");\n setCopyType(type);\n setTimeout(() => {\n setCopySuccess(\"\");\n setCopyType(\"\");\n }, 2000);\n })\n .catch(() => {\n setCopySuccess(\"Failed to copy\");\n setCopyType(type);\n });\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleString();\n };\n\n if (loading && !pixel) {\n return (\n

\n Simple Pixel Tracker\n

\n \n

Creating your tracking pixel...

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

\n Simple Pixel Tracker\n

\n\n {pixel && (\n

Your Tracking Pixel

\n {refreshing\n ? \n : (\n refreshPixelData(pixel.id)}\n className=\"text-blue-500 hover:text-blue-700\"\n title=\"Refresh data\"\n >\n \n \n )}\n

\n ID: {pixel.id}\n

\n Created:{\" \"}\n {formatDate(pixel.created)}\n

\n Total Views:{\" \"}\n {pixel.views.length}\n

\n\n

Status Page URL

\n Share this URL to check the status of your tracking pixel:\n

\n \n copyToClipboard(pixel.statusUrl, \"status\")}\n className=\"bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-4 rounded-r-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 transition duration-200\"\n >\n Copy\n \n

\n {copySuccess && copyType === \"status\" && (\n

{copySuccess}

\n )}\n

\n\n

Tracking Pixel

\n Copy this HTML tag to include in your email:\n

\n {copySuccess && copyType === \"html\" && (\n

{copySuccess}

\n )}\n

\n\n

View History

\n {pixel.views.length === 0\n ? (\n

\n No views yet. When someone opens your email, their visit will\n appear here.\n

\n )\n : (\n

\n \n \n \n \n \n \n \n \n {pixel.views.map((view, index) => (\n \n \n \n \n ))}\n \n

\n Time\n	\n Referrer\n
\n {formatDate(view.timestamp)}\n	\n {view.referer}\n

\n )}\n

\n\n

\n \n {loading ? \"Creating...\" : \"Create Another Pixel\"}\n \n

\n )}\n

\n );\n}\n",[],[105,125,151,159],"576e0896-171f-11f0-8d73-569c3dd06744","backend","576e099a-171f-11f0-8d73-569c3dd06744",25,["D",1744408382667],[173,174],[105,167],{"_36":183,"_13":184,"_61":185,"_63":168,"_64":65,"_66":32,"_68":69,"_38":186,"_17":97,"_72":187,"_73":188,"_75":51,"_76":189,"_89":190,"_18":191},{"_36":175,"_13":176,"_61":177,"_63":168,"_64":65,"_66":178,"_68":69,"_38":179,"_17":71,"_72":120,"_73":180,"_75":51,"_76":-5,"_89":181,"_18":182},"578dea80-171f-11f0-8cf9-569c3dd06744","pngs.ts","578deb48-171f-11f0-8cf9-569c3dd06744",29,["D",1744408382806],"// 1x1 transparent PNG\nexport const transparentPng = new Uint8Array([\n 0x89,\n 0x50,\n 0x4E,\n 0x47,\n 0x0D,\n 0x0A,\n 0x1A,\n 0x0A,\n 0x00,\n 0x00,\n 0x00,\n 0x0D,\n 0x49,\n 0x48,\n 0x44,\n 0x52,\n 0x00,\n 0x00,\n 0x00,\n 0x01,\n 0x00,\n 0x00,\n 0x00,\n 0x01,\n 0x08,\n 0x06,\n 0x00,\n 0x00,\n 0x00,\n 0x1F,\n 0x15,\n 0xC4,\n 0x89,\n 0x00,\n 0x00,\n 0x00,\n 0x0B,\n 0x49,\n 0x44,\n 0x41,\n 0x54,\n 0x08,\n 0xD7,\n 0x63,\n 0x60,\n 0x00,\n 0x02,\n 0x00,\n 0x00,\n 0x05,\n 0x00,\n 0x01,\n 0xE2,\n 0x26,\n 0x05,\n 0x9B,\n 0x00,\n 0x00,\n 0x00,\n 0x00,\n 0x49,\n 0x45,\n 0x4E,\n 0x44,\n 0xAE,\n 0x42,\n 0x60,\n 0x82,\n]);\n",[],[105,167,176],"e546cb6c-171f-11f0-a6fa-569c3dd06744","index.ts","579501b2-171f-11f0-928c-569c3dd06744",["D",1744408620634],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { blob } from \"https://esm.town/v/std/blob?v=13\";\nimport { nanoid } from \"npm:nanoid\";\nimport { transparentPng } from \"./pngs.ts\";\nimport type { PixelData } from \"../types.d.ts\";\n\nconst app = new Hono();\n\n// Helper function to get pixel data\nconst getPixelData = async (id: string): Promise => {\n try {\n const data = await blob.getJSON(`pixeltracker/pixel_${id}`);\n return data as PixelData;\n } catch (_error) {\n const newData: PixelData = {\n id,\n created: new Date().toISOString(),\n views: [],\n };\n await blob.setJSON(`pixeltracker/pixel_${id}`, newData);\n return newData;\n }\n};\n\n// Serve index.html at the root /\napp.get(\"/\", async (c) => {\n return serveFile(\"/src/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/src/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Create new tracking pixel\napp.get(\"/pixeltracker/create\", async (c) => {\n const id = nanoid(10);\n const newPixel: PixelData = {\n id,\n created: new Date().toISOString(),\n views: [],\n };\n\n await blob.setJSON(`pixeltracker/pixel_${id}`, newPixel);\n\n const baseUrl = new URL(c.req.url).origin;\n return c.json({\n id,\n statusUrl: `${baseUrl}/pixeltracker/status/${id}`,\n trackingUrl: `${baseUrl}/pixeltracker/pixel/${id}.png`,\n });\n});\n\n// Status page for a pixel\napp.get(\"/pixeltracker/status/:id\", async (c) => {\n const id = c.req.param(\"id\");\n try {\n await getPixelData(id);\n return serveFile(\"/src/frontend/index.html\", import.meta.url);\n } catch (_e) {\n return c.json({ error: \"Pixel not found\" }, 404);\n }\n});\n\n// Get JSON data for a pixel\napp.get(\"/pixeltracker/data/:id\", async (c) => {\n const id = c.req.param(\"id\");\n try {\n const data = await getPixelData(id);\n const baseUrl = new URL(c.req.url).origin;\n return c.json({\n ...data,\n statusUrl: `${baseUrl}/pixeltracker/status/${id}`,\n trackingUrl: `${baseUrl}/pixeltracker/pixel/${id}.png`,\n });\n } catch (_e) {\n return c.json({ error: \"Pixel not found\" }, 404);\n }\n});\n\n// Tracking pixel endpoint\napp.get(\"/pixeltracker/pixel/:id.png\", async (c) => {\n const id = c.req.param(\"id\");\n\n try {\n const data = await getPixelData(id);\n\n data.views.push({\n timestamp: new Date().toISOString(),\n ip: c.req.header(\"x-forwarded-for\") || \"unknown\",\n userAgent: c.req.header(\"user-agent\") || \"unknown\",\n referer: c.req.header(\"referer\") || \"unknown\",\n });\n\n await blob.setJSON(`pixeltracker/pixel_${id}`, data);\n } catch (e) {\n console.error(`Error tracking pixel ${id}:`, e);\n }\n\n return new Response(transparentPng, {\n headers: {\n \"Content-Type\": \"image/png\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n },\n });\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err, _c) => {\n throw err;\n});\n\nexport default app.fetch;\n","tracker",[],[105,167,184],"4ab60506-16ff-11f0-8a46-569c3dd06744",["D",1744394617429],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_235":231},"org",{"_11":12,"_229":-5,"_230":231,"_198":199,"_232":233,"_234":51},"branch",{"_17":161,"_13":16,"_36":65,"_42":192,"_45":37,"_46":225,"_226":53,"_227":43,"_228":57,"_58":14,"_54":12},39,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":192,"_13":14,"_38":312,"_49":-5,"_194":51,"_52":53,"_195":53,"_196":-5,"_197":-5,"_198":199,"_200":185,"_201":69,"_202":-5,"_203":32,"_204":71,"_56":205,"_206":-5,"_207":-5,"_208":-5,"_209":-5,"_210":211,"_212":211,"_213":214,"_215":214,"_216":214,"_217":211,"_218":211,"_219":313,"_221":314,"_223":315,"_50":51},[273,283,284,285],"files",[273,274,275,276,277,278,279,280,281,282,283,284,285],"counts",{"_264":71,"_265":87,"_266":71,"_35":267,"_268":269},[],{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":70,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_18":263},"upstreamProject",{"_36":43,"_13":59,"_196":259,"_197":260,"_52":53,"_219":261},"upstreamBranch",{"_36":37,"_38":257,"_40":258,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789647407&sig=9ca6674bc29a87766bb904c4bc68fc4bda81a4d9d4d2189ac0ed8e001f254fb5",{"_11":55,"_235":262},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789647407&sig=f56a20b13135bc56f7c2609e6fa0ef5f14bdd19fdb620634a4c6e15099a0c0d6",[19],"pulls","branches","forks",{"_270":71,"_272":71},"connections",{"_270":71,"_271":71},"count","unfilledCount","emptyCount",{"_36":104,"_13":105,"_61":106,"_63":-5,"_64":65,"_66":107,"_68":69,"_38":108,"_17":71,"_72":109,"_73":-5,"_75":51,"_76":-5,"_89":310,"_18":311},{"_36":166,"_13":167,"_61":168,"_63":106,"_64":65,"_66":169,"_68":69,"_38":170,"_17":71,"_72":109,"_73":-5,"_75":51,"_76":-5,"_89":308,"_18":309},{"_36":183,"_13":184,"_61":185,"_63":168,"_64":65,"_66":32,"_68":69,"_38":186,"_17":97,"_72":187,"_73":188,"_75":51,"_76":189,"_89":306,"_18":307},{"_36":175,"_13":176,"_61":177,"_63":168,"_64":65,"_66":178,"_68":69,"_38":179,"_17":71,"_72":120,"_73":180,"_75":51,"_76":-5,"_89":304,"_18":305},{"_36":124,"_13":125,"_61":126,"_63":106,"_64":65,"_66":127,"_68":69,"_38":128,"_17":71,"_72":109,"_73":-5,"_75":51,"_76":-5,"_89":302,"_18":303},{"_36":150,"_13":151,"_61":152,"_63":126,"_64":65,"_66":153,"_68":69,"_38":154,"_17":71,"_72":109,"_73":-5,"_75":51,"_76":-5,"_89":300,"_18":301},{"_36":158,"_13":159,"_61":160,"_63":152,"_64":65,"_66":161,"_68":69,"_38":162,"_17":87,"_72":120,"_73":163,"_75":51,"_76":-5,"_89":298,"_18":299},{"_36":142,"_13":143,"_61":144,"_63":126,"_64":65,"_66":145,"_68":69,"_38":146,"_17":97,"_72":24,"_73":147,"_75":51,"_76":-5,"_89":296,"_18":297},{"_36":134,"_13":135,"_61":136,"_63":126,"_64":65,"_66":137,"_68":69,"_38":138,"_17":71,"_72":120,"_73":139,"_75":51,"_76":-5,"_89":294,"_18":295},{"_36":115,"_13":116,"_61":117,"_63":106,"_64":65,"_66":118,"_68":69,"_38":119,"_17":71,"_72":120,"_73":121,"_75":51,"_76":-5,"_89":292,"_18":293},{"_36":60,"_13":19,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_38":101,"_17":71,"_72":24,"_73":74,"_75":51,"_76":-5,"_89":290,"_18":291},{"_36":92,"_13":93,"_61":94,"_63":-5,"_64":65,"_66":95,"_68":69,"_38":96,"_17":97,"_72":24,"_73":98,"_75":51,"_76":-5,"_89":288,"_18":289},{"_36":82,"_13":83,"_61":84,"_63":-5,"_64":65,"_66":85,"_68":69,"_38":86,"_17":87,"_72":24,"_73":88,"_75":51,"_76":-5,"_89":286,"_18":287},[],[83],[],[93],[],[19],[],[105,116],[],[105,125,135],[],[105,125,143],[],[105,125,151,159],[279],[105,125,151],[278,280,281],[105,125],[],[105,167,176],[],[105,167,184],[275,276],[105,167],[274,277,282],[105],["D",1744394617429],{"_11":12,"_235":231},{"_11":12,"_229":-5,"_230":231,"_198":199,"_232":233,"_234":51},{"_17":161,"_13":16,"_36":65,"_42":192,"_45":37,"_46":225,"_226":53,"_227":43,"_228":57,"_58":14,"_54":12},"ctx",{"_219":-5,"_254":349,"_350":351,"_352":353,"_354":51,"_355":51,"_356":51,"_357":69,"_358":-5,"_359":-7,"_360":-7,"_361":71,"_362":51,"_363":51,"_364":-5,"_365":51,"_366":51,"_367":51,"_368":-5},"ENV",{"_320":321,"_322":323,"_324":16,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]