\n \n \n\n\n\n",[],[83,147,165],"577761a2-171f-11f0-8d73-569c3dd06744","components","577762a6-171f-11f0-8d73-569c3dd06744",26,["D",1744408382728],[179],[83,147,173],{"_36":180,"_13":181,"_64":182,"_66":174,"_68":69,"_70":183,"_72":73,"_38":184,"_17":109,"_76":77,"_78":185,"_80":51,"_81":-5,"_111":186,"_18":187},"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",[],[83,147,173,181],["D",1744408382667],[191,192],[83,84],{"_36":85,"_13":86,"_64":87,"_66":67,"_68":69,"_70":32,"_72":73,"_38":196,"_17":89,"_76":90,"_78":91,"_80":51,"_81":92,"_111":197,"_18":198},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":193,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_111":194,"_18":195},["D",1744408382806],[],[83,84,63],["D",1744408620634],[],[83,84,86],"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,"_242":238},"org",{"_11":12,"_236":-5,"_237":238,"_205":206,"_239":240,"_241":51},"branch",{"_17":183,"_13":16,"_36":69,"_42":199,"_45":37,"_46":232,"_233":53,"_234":43,"_235":57,"_58":14,"_54":12},39,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":199,"_13":14,"_38":323,"_49":-5,"_201":51,"_52":53,"_202":53,"_203":-5,"_204":-5,"_205":206,"_207":87,"_208":73,"_209":-5,"_210":32,"_211":75,"_56":212,"_213":-5,"_214":-5,"_215":-5,"_216":-5,"_217":218,"_219":218,"_220":221,"_222":221,"_223":221,"_224":218,"_225":218,"_226":324,"_228":325,"_230":326,"_50":51},[284,294,295,296],"files",[284,285,286,287,288,289,290,291,292,293,294,295,296],"counts",{"_275":75,"_276":109,"_277":75,"_35":278,"_279":280},[271,272],{"_36":94,"_13":84,"_64":67,"_66":95,"_68":69,"_70":96,"_72":73,"_38":97,"_17":75,"_76":98,"_78":-5,"_80":51,"_81":-5,"_18":270},"upstreamProject",{"_36":43,"_13":59,"_203":266,"_204":267,"_52":53,"_226":268},"upstreamBranch",{"_36":37,"_38":264,"_40":265,"_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=1789668947&sig=f3ebca14bd72f853820f02f15d99b9e8135f29037c0e71808d9fe63771d7bc2e",{"_11":55,"_242":269},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789668947&sig=a90514b715e52702393adfc9451a7b9bfbce8e071945939609e5bf80f2d680ea",[83,84],{"_36":85,"_13":86,"_64":87,"_66":67,"_68":69,"_70":32,"_72":73,"_38":88,"_17":89,"_76":90,"_78":91,"_80":51,"_81":92,"_18":274},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":74,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_18":273},[83,84,63],[83,84,86],"pulls","branches","forks",{"_281":75,"_283":75},"connections",{"_281":75,"_282":75},"count","unfilledCount","emptyCount",{"_36":130,"_13":83,"_64":95,"_66":-5,"_68":69,"_70":131,"_72":73,"_38":132,"_17":75,"_76":98,"_78":-5,"_80":51,"_81":-5,"_111":321,"_18":322},{"_36":94,"_13":84,"_64":67,"_66":95,"_68":69,"_70":96,"_72":73,"_38":188,"_17":75,"_76":98,"_78":-5,"_80":51,"_81":-5,"_111":319,"_18":320},{"_36":85,"_13":86,"_64":87,"_66":67,"_68":69,"_70":32,"_72":73,"_38":196,"_17":89,"_76":90,"_78":91,"_80":51,"_81":92,"_111":317,"_18":318},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":193,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_111":315,"_18":316},{"_36":146,"_13":147,"_64":148,"_66":95,"_68":69,"_70":149,"_72":73,"_38":150,"_17":75,"_76":98,"_78":-5,"_80":51,"_81":-5,"_111":313,"_18":314},{"_36":172,"_13":173,"_64":174,"_66":148,"_68":69,"_70":175,"_72":73,"_38":176,"_17":75,"_76":98,"_78":-5,"_80":51,"_81":-5,"_111":311,"_18":312},{"_36":180,"_13":181,"_64":182,"_66":174,"_68":69,"_70":183,"_72":73,"_38":184,"_17":109,"_76":77,"_78":185,"_80":51,"_81":-5,"_111":309,"_18":310},{"_36":164,"_13":165,"_64":166,"_66":148,"_68":69,"_70":167,"_72":73,"_38":168,"_17":89,"_76":24,"_78":169,"_80":51,"_81":-5,"_111":307,"_18":308},{"_36":156,"_13":157,"_64":158,"_66":148,"_68":69,"_70":159,"_72":73,"_38":160,"_17":75,"_76":77,"_78":161,"_80":51,"_81":-5,"_111":305,"_18":306},{"_36":138,"_13":139,"_64":140,"_66":95,"_68":69,"_70":141,"_72":73,"_38":142,"_17":75,"_76":77,"_78":143,"_80":51,"_81":-5,"_111":303,"_18":304},{"_36":122,"_13":123,"_64":124,"_66":-5,"_68":69,"_70":125,"_72":73,"_38":126,"_17":75,"_76":24,"_78":127,"_80":51,"_81":-5,"_111":301,"_18":302},{"_36":114,"_13":115,"_64":116,"_66":-5,"_68":69,"_70":117,"_72":73,"_38":118,"_17":89,"_76":24,"_78":119,"_80":51,"_81":-5,"_111":299,"_18":300},{"_36":104,"_13":105,"_64":106,"_66":-5,"_68":69,"_70":107,"_72":73,"_38":108,"_17":109,"_76":24,"_78":110,"_80":51,"_81":-5,"_111":297,"_18":298},[],[105],[],[115],[],[123],[],[83,139],[],[83,147,157],[],[83,147,165],[],[83,147,173,181],[290],[83,147,173],[289,291,292],[83,147],[],[83,84,63],[],[83,84,86],[286,287],[83,84],[285,288,293],[83],["D",1744394617429],{"_11":12,"_242":238},{"_11":12,"_236":-5,"_237":238,"_205":206,"_239":240,"_241":51},{"_17":183,"_13":16,"_36":69,"_42":199,"_45":37,"_46":232,"_233":53,"_234":43,"_235":57,"_58":14,"_54":12},"ctx",{"_226":-5,"_261":360,"_361":362,"_363":364,"_365":51,"_366":51,"_367":51,"_368":73,"_369":-5,"_370":-7,"_371":-7,"_372":75,"_373":51,"_374":51,"_375":-5,"_376":51,"_377":51,"_378":51,"_379":-5},"ENV",{"_331":332,"_333":334,"_335":16,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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"]