FeedSpy - Tracking Simulator

\n \n

\n ${\n view === \"news\"\n ? `\n

\n ${\n shuffledArticles\n .map(\n (article) => `\n

\n ${article.category}\n

${\n isEnglish && article.title_en ? article.title_en : article.title\n }

${\n isEnglish && article.snippet_en\n ? article.snippet_en\n : article.snippet\n }

\n `,\n )\n .join(\"\")\n }\n

\n `\n : \"\"\n }\n\n ${\n view === \"social\"\n ? `\n

\n ${isEnglish ? \"Result:\" : \"Résultat :\"}\n ${\n consent && consent.ads\n ? isEnglish\n ? \" Targeted ads based on your history.\"\n : \" Publicités ciblées selon votre historique.\"\n : isEnglish\n ? \" Generic ads (tracking blocked).\"\n : \" Publicités génériques (trackers bloqués).\"\n }\n

\n ${renderSocialFeed(dominantCat, consent?.ads || false, lang)}\n `\n : \"\"\n }\n

\n\n

${\n isEnglish ? \"📊 Ad profile (cookie)\" : \"📊 Profil publicitaire (cookie)\"\n }

\n ${\n !consent || !consent.ads\n ? `\n

\n ${\n isEnglish ? \"Tracking disabled\" : \"Tracking refusé\"\n }
\n ${\n isEnglish\n ? \"This cookie is blocked by your privacy settings.\"\n : \"Ce cookie est bloqué par vos paramètres de confidentialité.\"\n }\n

\n `\n : isProfileEmpty\n ? `\n

\n ${isEnglish ? \"No data yet…\" : \"Aucune donnée...\"}
\n ${\n isEnglish ? \"Click on some articles.\" : \"Cliquez sur des articles.\"\n }\n

\n `\n : `\n

\n ${isEnglish ? \"Main inferred interest: \" : \"Intérêt dominant : \"}\n \n ${\n dominantCat ? dominantCat.toUpperCase() : isEnglish ? \"NONE\" : \"AUCUN\"\n }\n \n

\n ${\n ALL_CATEGORIES.map(\n (cat) => `\n

${cat.toUpperCase()} ${\n profile.scores[cat] || 0\n }

\n `,\n ).join(\"\")\n }\n \n `\n }\n

\n \n ${\n !consent || !consent.ads ? \"\" : `\n \n `\n }\n\n

${\n isEnglish ? \"🧠 Understand this simulator\" : \"🧠 Comprendre ce simulateur\"\n }

\n ${\n isEnglish\n ? \"FeedSpy imitates a news and social media site. Each time you click an article, the “ad profile” on the right is updated (only if you accepted ad cookies). The goal is to show how quickly a site can infer your interests.\"\n : \"FeedSpy imite un site d’actualités et un réseau social. À chaque clic sur un article, le « profil publicitaire » à droite se met à jour (uniquement si vous avez accepté les cookies pub). Le but est de montrer à quelle vitesse un site peut déduire vos centres d’intérêt.\"\n }\n

\n ${\n isEnglish\n ? \"Tip: try refusing ad cookies, then accepting them, and compare the ads in the social feed.\"\n : \"Astuce : essayez d’abord de refuser les cookies pub, puis de les accepter, et comparez les publicités dans l’onglet Social.\"\n }\n

\n\n

\n\n \n\n\n\n `;\n}\n\nfunction getColor(cat: string): string {\n const colors: Record = {\n tech: \"#3b82f6\",\n food: \"#f97316\",\n voyage: \"#10b981\",\n sport: \"#ef4444\",\n fashion: \"#ec4899\",\n gaming: \"#8b5cf6\",\n science: \"#14b8a6\",\n privacy: \"#6366f1\",\n education: \"#0ea5e9\",\n health: \"#22c55e\",\n eco: \"#16a34a\",\n media: \"#facc15\",\n };\n return colors[cat] || \"#ccc\";\n}\n\nfunction renderSocialFeed(\n dominantCat: Category | null,\n adsAllowed: boolean,\n lang: \"fr\" | \"en\",\n): string {\n let html = \"\";\n const isEnglish = lang === \"en\";\n const ad = adsAllowed && dominantCat ? ADS[dominantCat] : ADS[\"generic\"];\n\n SOCIAL_POSTS.forEach((post, index) => {\n const avatarUrl =\n `https://api.dicebear.com/7.x/notionists/svg?seed=${post.avatarSeed}&backgroundColor=e5e7eb`;\n\n if (index > 0 && index % 2 === 0) {\n html += `\n \n `;\n }\n\n html += `\n \n `;\n });\n return html;\n}","deleted","label",[99],"permalink","https://www.val.town/x/knulp222/untitled-1718/code/main.ts","extension","actionData","errors"]