\n \n \n\n\n\n",[],[19,85,156],"577761a2-171f-11f0-8d73-569c3dd06744","components","577762a6-171f-11f0-8d73-569c3dd06744",26,["D",1744408382728],[170],[19,85,164],{"_36":171,"_13":172,"_65":173,"_67":165,"_69":70,"_71":174,"_73":74,"_38":175,"_17":110,"_77":78,"_79":176,"_81":51,"_82":-5,"_112":177,"_18":178},"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",[],[19,85,164,172],["D",1744408382667],[182,183],[19,92],{"_36":192,"_13":193,"_65":194,"_67":93,"_69":70,"_71":32,"_73":74,"_38":195,"_17":120,"_77":196,"_79":197,"_81":51,"_82":198,"_112":199,"_18":200},{"_36":184,"_13":185,"_65":186,"_67":93,"_69":70,"_71":187,"_73":74,"_38":188,"_17":76,"_77":78,"_79":189,"_81":51,"_82":-5,"_112":190,"_18":191},"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",[],[19,92,185],"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",[],[19,92,193],"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,"_244":240},"org",{"_11":12,"_238":-5,"_239":240,"_207":208,"_241":242,"_243":51},"branch",{"_17":174,"_13":16,"_36":70,"_42":201,"_45":37,"_46":234,"_235":53,"_236":43,"_237":57,"_58":14,"_54":12},39,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":201,"_13":14,"_38":327,"_49":-5,"_203":51,"_52":53,"_204":53,"_205":-5,"_206":-5,"_207":208,"_209":194,"_210":74,"_211":-5,"_212":32,"_213":76,"_56":214,"_215":-5,"_216":-5,"_217":-5,"_218":-5,"_219":220,"_221":220,"_222":223,"_224":223,"_225":223,"_226":220,"_227":220,"_228":328,"_230":329,"_232":330,"_50":51},[288,298,299,300],"files",[288,289,290,291,292,293,294,295,296,297,298,299,300],"counts",{"_279":76,"_280":110,"_281":76,"_35":282,"_283":284},[273,274,275],{"_36":97,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":98,"_73":74,"_38":99,"_17":76,"_77":89,"_79":-5,"_81":51,"_82":-5,"_18":272},"upstreamProject",{"_36":43,"_13":59,"_205":268,"_206":269,"_52":53,"_228":270},"upstreamBranch",{"_36":37,"_38":266,"_40":267,"_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=1789654816&sig=ae92f896168fbf38e2285fa01009f0064348dd50651441144f21ddb727e2e522",{"_11":55,"_244":271},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789654816&sig=6c75b3f1a7fc01faf27a0855ccc8d44e323be20666b44246a0f164bb1c169d9f",[19],{"_36":91,"_13":92,"_65":93,"_67":68,"_69":70,"_71":94,"_73":74,"_38":95,"_17":76,"_77":89,"_79":-5,"_81":51,"_82":-5,"_18":278},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":88,"_17":76,"_77":89,"_79":-5,"_81":51,"_82":-5,"_18":277},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":75,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_18":276},[19,64],[19,85],[19,92],"pulls","branches","forks",{"_285":76,"_287":76},"connections",{"_285":76,"_286":76},"count","unfilledCount","emptyCount",{"_36":97,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":98,"_73":74,"_38":132,"_17":76,"_77":89,"_79":-5,"_81":51,"_82":-5,"_112":325,"_18":326},{"_36":91,"_13":92,"_65":93,"_67":68,"_69":70,"_71":94,"_73":74,"_38":179,"_17":76,"_77":89,"_79":-5,"_81":51,"_82":-5,"_112":323,"_18":324},{"_36":192,"_13":193,"_65":194,"_67":93,"_69":70,"_71":32,"_73":74,"_38":195,"_17":120,"_77":196,"_79":197,"_81":51,"_82":198,"_112":321,"_18":322},{"_36":184,"_13":185,"_65":186,"_67":93,"_69":70,"_71":187,"_73":74,"_38":188,"_17":76,"_77":78,"_79":189,"_81":51,"_82":-5,"_112":319,"_18":320},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":141,"_17":76,"_77":89,"_79":-5,"_81":51,"_82":-5,"_112":317,"_18":318},{"_36":163,"_13":164,"_65":165,"_67":86,"_69":70,"_71":166,"_73":74,"_38":167,"_17":76,"_77":89,"_79":-5,"_81":51,"_82":-5,"_112":315,"_18":316},{"_36":171,"_13":172,"_65":173,"_67":165,"_69":70,"_71":174,"_73":74,"_38":175,"_17":110,"_77":78,"_79":176,"_81":51,"_82":-5,"_112":313,"_18":314},{"_36":155,"_13":156,"_65":157,"_67":86,"_69":70,"_71":158,"_73":74,"_38":159,"_17":120,"_77":24,"_79":160,"_81":51,"_82":-5,"_112":311,"_18":312},{"_36":147,"_13":148,"_65":149,"_67":86,"_69":70,"_71":150,"_73":74,"_38":151,"_17":76,"_77":78,"_79":152,"_81":51,"_82":-5,"_112":309,"_18":310},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":138,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_112":307,"_18":308},{"_36":124,"_13":125,"_65":126,"_67":-5,"_69":70,"_71":127,"_73":74,"_38":128,"_17":76,"_77":24,"_79":129,"_81":51,"_82":-5,"_112":305,"_18":306},{"_36":115,"_13":116,"_65":117,"_67":-5,"_69":70,"_71":118,"_73":74,"_38":119,"_17":120,"_77":24,"_79":121,"_81":51,"_82":-5,"_112":303,"_18":304},{"_36":105,"_13":106,"_65":107,"_67":-5,"_69":70,"_71":108,"_73":74,"_38":109,"_17":110,"_77":24,"_79":111,"_81":51,"_82":-5,"_112":301,"_18":302},[],[106],[],[116],[],[125],[],[19,64],[],[19,85,148],[],[19,85,156],[],[19,85,164,172],[294],[19,85,164],[293,295,296],[19,85],[],[19,92,185],[],[19,92,193],[290,291],[19,92],[289,292,297],[19],["D",1744394617429],{"_11":12,"_244":240},{"_11":12,"_238":-5,"_239":240,"_207":208,"_241":242,"_243":51},{"_17":174,"_13":16,"_36":70,"_42":201,"_45":37,"_46":234,"_235":53,"_236":43,"_237":57,"_58":14,"_54":12},"ctx",{"_228":-5,"_263":364,"_365":366,"_367":368,"_369":51,"_370":51,"_371":51,"_372":74,"_373":-5,"_374":-7,"_375":-7,"_376":76,"_377":51,"_378":51,"_379":-5,"_380":51,"_381":51,"_382":51,"_383":-5},"ENV",{"_335":336,"_337":338,"_339":16,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363},"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"]