keksi 0.1.2 → 0.1.4

package/README.md

@@ -6,7 +6,7 @@ texts in English, Finnish and Swedish.
 keksi loads the trackers itself, and only after consent. You don't add their script tags: you put their ids in the
 config, so there's nothing to block.
 
-- Google Analytics 4, Google Ads, Meta Pixel and YouTube. The short list is deliberate.
+- Google Analytics 4, Google Ads, Meta Pixel, PostHog and YouTube. The short list is deliberate.
 - About 5 KB gzipped, inline. No extra requests, no dependencies.
 - Rendered on the server. Works on static pages, with no layout shift.
 - The cookie policy table is generated from the same data.
@@ -25,6 +25,7 @@ export default defineConfig({
   ga: 'G-XXXXXXX',
   googleAds: 'AW-123456789',
   meta: '1234567890',
+  posthog: { key: 'phc_XXXX' }, // EU cloud by default; set host for US or a proxy
   youtube: true,
   policyUrl: '/evasteet',
 });
@@ -82,16 +83,18 @@ string.
 
 ## Tracking events
 
-`gtag()` and `fbq()` are always defined, so you can call them anytime:
+`gtag()`, `fbq()` and `posthog` are always defined, so you can call them anytime:
 
 ```ts
 gtag('event', 'generate_lead');
 fbq('track', 'Lead');
+posthog.capture('signup');
 ```
 
 - Calls made before consent are queued. They're sent only if the visitor consents on that page.
 - Google gets Consent Mode v2 signals (basic mode).
-- GA4 and Meta Pixel track single-page navigation themselves.
+- GA4, Meta Pixel and PostHog track single-page navigation themselves.
+- PostHog counts as analytics. With the US host, the settings say data is transferred to the US.
 
 ## YouTube
 

package/dist/cli.js

@@ -4,6 +4,9 @@
 import { existsSync, readFileSync, writeFileSync } from "node:fs";
 import { parseArgs } from "node:util";
 
+// src/glob.ts
+var glob = (pattern, name) => new RegExp(`^${pattern.split("*").map((s) => s.replace(/[.+?^${}()|[\]\\]/g, "\\$&")).join(".*")}$`).test(name);
+
 // src/providers.ts
 var GOOGLE = { company: "Google Ireland Limited", privacyPolicy: "https://policies.google.com/privacy", transfer: "dpf" };
 var META = { company: "Meta Platforms Ireland Limited", privacyPolicy: "https://www.facebook.com/privacy/policy/", transfer: "dpf" };
@@ -64,6 +67,29 @@ var providers = [
     ],
     hosts: ["facebook.net", "facebook.com"]
   },
+  {
+    id: "posthog",
+    name: "PostHog",
+    company: "PostHog Inc.",
+    privacyPolicy: "https://posthog.com/privacy",
+    category: "analytics",
+    purpose: {
+      fi: "Tuoteanalytiikka: sivujen katselut, klikkaukset ja k\xE4ytt\xF6tavat. Voi tallentaa istuntoja, jos istuntotallenteet ovat k\xE4yt\xF6ss\xE4.",
+      sv: "Produktanalys: sidvisningar, klick och anv\xE4ndningsm\xF6nster. Kan spela in sessioner om sessionsinspelning \xE4r aktiverad.",
+      en: "Product analytics: page views, clicks and usage patterns. Can record sessions if session replay is enabled."
+    },
+    cookies: [
+      { name: "ph_*_posthog", duration: "1y" },
+      { name: "ph_*_posthog_cpm", duration: "1y" },
+      { name: "ph_*_posthog", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog__flags", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_primary_window_exists", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_session_registered_properties", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_window_id", duration: "session", storage: "sessionStorage" }
+    ],
+    hosts: ["posthog.com"]
+  },
   {
     id: "youtube",
     name: "YouTube",
@@ -119,7 +145,7 @@ var purposes = {
 };
 var trackerNames = providers.flatMap((p) => p.cookies.flatMap((c) => c.name.split(", ")));
 var trackerHosts = providers.flatMap((p) => p.hosts);
-var matches = (patterns, name) => patterns.some((p) => p.endsWith("*") ? name.startsWith(p.slice(0, -1)) : name === p);
+var matches = (patterns, name) => patterns.some((p) => glob(p, name));
 function purposeOf(name) {
   const k = Object.keys(purposes).find((p) => matches([p], name));
   return k ? purposes[k] : void 0;

package/dist/glob.d.ts

@@ -0,0 +1,2 @@
+/** `*` matches any run of characters, e.g. `ph_*_posthog`. */
+export declare const glob: (pattern: string, name: string) => boolean;

package/dist/i18n.d.ts

@@ -2,7 +2,7 @@ import type { Locale } from './types.js';
 declare const fi: {
     title: string;
     intro: string;
-    transfer: string;
+    change: string;
     more: string;
     accept: string;
     reject: string;
@@ -22,6 +22,7 @@ declare const fi: {
     consentPurpose: string;
     privacyPolicy: string;
     dpf: string;
+    us: string;
     name: string;
     duration: string;
     purpose: string;

package/dist/index.js

@@ -2,7 +2,7 @@
 var fi = {
   title: "Ev\xE4steet",
   intro: "K\xE4yt\xE4mme v\xE4ltt\xE4m\xE4tt\xF6mien ev\xE4steiden lis\xE4ksi seuraavia palveluita vain, jos annat siihen luvan:",
-  transfer: "Palveluntarjoajat voivat siirt\xE4\xE4 tietoja Yhdysvaltoihin. Voit muuttaa valintaasi milloin tahansa.",
+  change: "Voit muuttaa valintaasi milloin tahansa.",
   more: "Lue lis\xE4\xE4",
   accept: "Hyv\xE4ksy kaikki",
   reject: "Hylk\xE4\xE4 kaikki",
@@ -22,6 +22,7 @@ var fi = {
   consentPurpose: "Tallentaa ev\xE4stevalintasi.",
   privacyPolicy: "Tietosuojaseloste",
   dpf: "Tietoja voidaan siirt\xE4\xE4 Yhdysvaltoihin EU:n ja Yhdysvaltojen v\xE4lisen tietosuojakehyksen (DPF) perusteella.",
+  us: "Tietoja siirret\xE4\xE4n Yhdysvaltoihin.",
   name: "Nimi",
   duration: "Kesto",
   purpose: "Tarkoitus",
@@ -39,7 +40,7 @@ var fi = {
 var sv = {
   title: "Kakor",
   intro: "Ut\xF6ver n\xF6dv\xE4ndiga kakor anv\xE4nder vi f\xF6ljande tj\xE4nster endast om du ger ditt samtycke:",
-  transfer: "Tj\xE4nsteleverant\xF6rerna kan \xF6verf\xF6ra uppgifter till USA. Du kan \xE4ndra ditt val n\xE4r som helst.",
+  change: "Du kan \xE4ndra ditt val n\xE4r som helst.",
   more: "L\xE4s mer",
   accept: "Godk\xE4nn alla",
   reject: "Avvisa alla",
@@ -59,6 +60,7 @@ var sv = {
   consentPurpose: "Sparar ditt val av kakor.",
   privacyPolicy: "Dataskyddsbeskrivning",
   dpf: "Uppgifter kan \xF6verf\xF6ras till USA med st\xF6d av ramverket f\xF6r dataskydd mellan EU och USA (DPF).",
+  us: "Uppgifter \xF6verf\xF6rs till USA.",
   name: "Namn",
   duration: "Varaktighet",
   purpose: "Syfte",
@@ -76,7 +78,7 @@ var sv = {
 var en = {
   title: "Cookies",
   intro: "Besides necessary cookies, we use the following services only if you allow it:",
-  transfer: "The providers may transfer data to the United States. You can change your choice at any time.",
+  change: "You can change your choice at any time.",
   more: "Read more",
   accept: "Accept all",
   reject: "Reject all",
@@ -96,6 +98,7 @@ var en = {
   consentPurpose: "Stores your cookie choice.",
   privacyPolicy: "Privacy policy",
   dpf: "Data may be transferred to the United States under the EU\u2013US Data Privacy Framework (DPF).",
+  us: "Data is transferred to the United States.",
   name: "Name",
   duration: "Duration",
   purpose: "Purpose",
@@ -172,6 +175,29 @@ var providers = [
     ],
     hosts: ["facebook.net", "facebook.com"]
   },
+  {
+    id: "posthog",
+    name: "PostHog",
+    company: "PostHog Inc.",
+    privacyPolicy: "https://posthog.com/privacy",
+    category: "analytics",
+    purpose: {
+      fi: "Tuoteanalytiikka: sivujen katselut, klikkaukset ja k\xE4ytt\xF6tavat. Voi tallentaa istuntoja, jos istuntotallenteet ovat k\xE4yt\xF6ss\xE4.",
+      sv: "Produktanalys: sidvisningar, klick och anv\xE4ndningsm\xF6nster. Kan spela in sessioner om sessionsinspelning \xE4r aktiverad.",
+      en: "Product analytics: page views, clicks and usage patterns. Can record sessions if session replay is enabled."
+    },
+    cookies: [
+      { name: "ph_*_posthog", duration: "1y" },
+      { name: "ph_*_posthog_cpm", duration: "1y" },
+      { name: "ph_*_posthog", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog__flags", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_primary_window_exists", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_session_registered_properties", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_window_id", duration: "session", storage: "sessionStorage" }
+    ],
+    hosts: ["posthog.com"]
+  },
   {
     id: "youtube",
     name: "YouTube",
@@ -200,8 +226,11 @@ function defineConfig(config) {
   return config;
 }
 var list = (v) => v === void 0 ? [] : Array.isArray(v) ? v : [v];
+var posthogHost = (config) => (config.posthog?.host ?? "https://eu.i.posthog.com").replace(/\/$/, "");
 function activeProviders(config) {
-  return providers.filter((p) => p.id === "youtube" ? config.youtube : list(config[p.id]).length);
+  return providers.filter(
+    (p) => p.id === "youtube" ? config.youtube : p.id === "posthog" ? config.posthog?.key : list(config[p.id]).length
+  ).map((p) => p.id === "posthog" && /\/\/us\./.test(posthogHost(config)) ? { ...p, transfer: "us" } : p);
 }
 function categoriesOf(config) {
   return ["analytics", "marketing"].filter((c) => activeProviders(config).some((p) => p.category === c));
@@ -226,6 +255,7 @@ function runtimeData(config, locale) {
     ga: list(config.ga),
     ads: list(config.googleAds),
     meta: list(config.meta),
+    ph: config.posthog?.key ? { key: config.posthog.key, host: posthogHost(config) } : void 0,
     yt: !!config.youtube,
     del: { analytics: del("analytics"), marketing: del("marketing") },
     t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen }
@@ -234,34 +264,46 @@ function runtimeData(config, locale) {
 
 // src/styles.ts
 var css = [
-  ":where(.keksi,.keksi-dialog){--_bg:var(--keksi-bg,#fff);--_fg:var(--keksi-fg,#1b1b1b);--_line:var(--keksi-line,#c8c8c8);--_r:var(--keksi-radius,6px);box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:inherit;font-size:15px;line-height:1.5}",
-  ":where(.keksi-policy){--_line:var(--keksi-line,#c8c8c8)}",
-  ":where(.keksi){position:fixed;z-index:2147483000;inset:auto 1rem 1rem;max-width:34rem;max-height:calc(100vh - 2rem);overflow:auto;margin-inline:auto;padding:1.25rem;border:1px solid var(--_line);border-radius:var(--_r);box-shadow:0 4px 24px #0003}",
-  ":where(.keksi,.keksi-dialog) :where(h2){font-size:1.125rem;margin:0 0 .5rem}",
-  ":where(.keksi) :where(p,ul){margin:0 0 .75rem}",
-  ":where(.keksi) :where(ul){padding-left:1.25rem}",
-  ":where(.keksi,.keksi-dialog) :where(a){color:inherit}",
-  ":where(.keksi-actions){display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}",
-  ":where(.keksi-btn){flex:1 1 auto;font:inherit;font-weight:600;padding:.6rem 1rem;border:1px solid var(--_fg);border-radius:var(--_r);background:var(--_bg);color:var(--_fg);cursor:pointer}",
+  ":where(.keksi,.keksi-policy){--_bg:var(--keksi-bg,#fff);--_fg:var(--keksi-fg,#1b1b1b);--_line:var(--keksi-line,#e3e3e3);--_soft:color-mix(in srgb,var(--_fg) 4%,var(--_bg));--_r:var(--keksi-radius,8px)}",
+  ":where(.keksi){box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:inherit;font-size:14px;line-height:1.5;border:1px solid var(--_line);border-radius:var(--_r);box-shadow:0 8px 32px #0000002e}",
+  ":where(.keksi){position:fixed;z-index:2147483000;inset:auto 1rem 1rem;display:flex;flex-direction:column;max-width:34rem;max-height:calc(100vh - 2rem);margin-inline:auto;overflow:hidden}",
+  ":where(.keksi,.keksi-main,.keksi-settings)[hidden]{display:none}",
+  ":where(.keksi-main,.keksi-settings){display:flex;flex-direction:column;min-height:0;margin:0}",
+  ":where(.keksi:has(.keksi-settings:not([hidden]))){max-width:40rem}",
+  ":where(.keksi-settings .keksi-body){padding-block:0}",
+  ":where(.keksi-head){display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--_line)}",
+  ":where(.keksi-head) :where(h2){font-size:1rem;font-weight:600;line-height:1.3;margin:0}",
+  ":where(.keksi-body){padding:1rem 1.25rem;overflow:auto}",
+  ":where(.keksi) :where(.keksi-body>*){margin:0 0 .75rem}",
+  ":where(.keksi) :where(.keksi-body>:last-child){margin-bottom:0}",
+  ":where(.keksi) :where(ul){list-style:none;padding:0}",
+  ":where(.keksi) :where(strong){font-weight:600}",
+  ":where(.keksi) :where(a){color:inherit}",
+  ".keksi a{text-decoration:underline}",
+  ":where(.keksi-actions){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;background:var(--_soft)}",
+  ":where(.keksi-btn){min-width:7.5rem;font:inherit;font-weight:600;padding:.5rem 1rem;border:1px solid var(--_fg);border-radius:calc(var(--_r) - 2px);background:var(--_bg);color:var(--_fg);cursor:pointer}",
   ":where(.keksi-btn:hover){background:var(--_fg);color:var(--_bg)}",
-  ":where(.keksi,.keksi-dialog,keksi-youtube) :where(button,a,input,summary):focus-visible{outline:3px solid var(--keksi-focus,#2563eb);outline-offset:2px}",
-  ":where(.keksi-dialog){width:min(40rem,calc(100% - 2rem));max-height:calc(100% - 2rem);padding:0;border:0;border-radius:var(--_r)}",
-  ":where(.keksi-dialog)::backdrop{background:#0009}",
-  ":where(.keksi-dialog form){padding:1.25rem}",
-  ":where(.keksi-head,.keksi-cat-head){display:flex;align-items:center;justify-content:space-between;gap:1rem}",
-  ":where(.keksi-close){font:inherit;font-size:1.5rem;line-height:1;padding:.25rem .5rem;border:0;background:none;color:inherit;cursor:pointer}",
-  ":where(.keksi-cat){padding:.75rem 0;border-top:1px solid var(--_line)}",
-  ":where(.keksi-cat-head) :where(h2,h3,h4,h5){font-size:1rem;margin:0}",
+  ":where(.keksi-text){margin-right:auto;padding:.5rem .25rem;font:inherit;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}",
+  "@media (max-width:30rem){:where(.keksi-btn){flex:1 1 auto}}",
+  ":where(.keksi,keksi-youtube) :where(button,a,input,summary):focus-visible{outline:3px solid var(--keksi-focus,#2563eb);outline-offset:2px}",
+  ":where(.keksi-close){font:inherit;font-size:1.375rem;line-height:1;margin:-.25rem -.5rem;padding:.25rem .5rem;border:0;background:none;color:inherit;cursor:pointer}",
+  ":where(.keksi-cat){padding:1rem 0;border-top:1px solid var(--_line)}",
+  ":where(.keksi-body>.keksi-cat:first-child){border-top:0}",
+  ":where(.keksi-cat-head){display:flex;align-items:center;justify-content:space-between;gap:1rem}",
+  ":where(.keksi-cat-head) :where(h2,h3,h4,h5){font-size:1rem;font-weight:600;margin:0}",
+  ":where(.keksi-cat-head) :where(span){font-size:.8125rem;opacity:.7}",
   ":where(.keksi-cat) :where(p){margin:.25rem 0}",
-  ":where(.keksi-cat input[role=switch]){appearance:none;position:relative;flex:none;width:2.75rem;height:1.5rem;margin:0;border-radius:1rem;background:var(--_line);cursor:pointer}",
-  ':where(.keksi-cat input[role=switch])::before{content:"";position:absolute;top:.2rem;left:.2rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;transition:transform .15s}',
+  ":where(.keksi-cat input[role=switch]){appearance:none;position:relative;flex:none;width:2.5rem;height:1.375rem;margin:0;border-radius:1rem;background:color-mix(in srgb,var(--_fg) 22%,var(--_bg));cursor:pointer}",
+  ':where(.keksi-cat input[role=switch])::before{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .15s}',
   ":where(.keksi-cat input[role=switch]:checked){background:var(--_fg)}",
-  ":where(.keksi-cat input[role=switch]:checked)::before{transform:translateX(1.25rem)}",
+  ":where(.keksi-cat input[role=switch]:checked)::before{transform:translateX(1.125rem)}",
   ":where(.keksi-cat summary){margin-top:.5rem;font-weight:600;cursor:pointer}",
-  ":where(.keksi-provider){margin:.75rem 0}",
-  ":where(.keksi-provider) :where(h3,h4,h5,h6){font-size:.9375rem;margin:0}",
-  ":where(.keksi-cat table){width:100%;border-collapse:collapse;font-size:.875rem;margin-top:.25rem}",
-  ":where(.keksi-cat) :where(th,td){padding:.25rem .75rem .25rem 0;border-bottom:1px solid var(--_line);text-align:left;vertical-align:top}",
+  ":where(.keksi-provider){margin:.75rem 0;padding:.75rem .875rem;border-radius:calc(var(--_r) - 2px);background:var(--_soft)}",
+  ":where(.keksi-policy .keksi-provider){padding:0;background:none}",
+  ":where(.keksi-provider) :where(h3,h4,h5,h6){font-size:.9375rem;font-weight:600;margin:0}",
+  ":where(.keksi-cat table){width:100%;border-collapse:collapse;font-size:.8125rem;margin-top:.5rem}",
+  ":where(.keksi-cat) :where(th,td){padding:.3rem .75rem .3rem 0;border-bottom:1px solid var(--_line);text-align:left;vertical-align:top}",
+  ":where(.keksi-cat) :where(th){font-weight:600}",
   ":where(keksi-youtube){display:block;aspect-ratio:16/9;background:#111;color:#fff}",
   ":where(keksi-youtube iframe){display:block;width:100%;height:100%;border:0}",
   ":where(.keksi-yt){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;padding:1rem;box-sizing:border-box;text-align:center}",
@@ -282,7 +324,7 @@ function renderKeksi(config, { lang = "fi", nonce } = {}) {
   const btn = (action, label, type = "button") => `<button type="${type}" class="keksi-btn" data-keksi="${action}">${e(label)}</button>`;
   const uses = cats.map((c) => `<li><strong>${e(t[c])}:</strong> ${e(active.filter((p) => p.category === c).map((p) => p.name).join(", "))}</li>`).join("");
   const json = JSON.stringify(runtimeData(config, lang)).replace(/</g, "\\u003c");
-  return `<style${n}>${css}</style><section id="keksi-banner" class="keksi" aria-labelledby="keksi-title" hidden><h2 id="keksi-title">${e(t.title)}</h2><p>${e(t.intro)}</p><ul>${uses}</ul><p>${e(t.transfer)}${policy ? ` <a href="${e(policy)}">${e(t.more)}</a>` : ""}</p><div class="keksi-actions">${btn("accept", t.accept)}${btn("reject", t.reject)}<button type="button" class="keksi-btn" data-keksi-open>${e(t.settings)}</button></div></section><dialog id="keksi-dialog" class="keksi-dialog" aria-labelledby="keksi-dialog-title"><form method="dialog"><div class="keksi-head"><h2 id="keksi-dialog-title">${e(t.settingsTitle)}</h2><button class="keksi-close" aria-label="${e(t.close)}">\xD7</button></div>` + sections(config, lang, 3, true) + `<div class="keksi-actions">${btn("save", t.save, "submit")}${btn("accept", t.accept, "submit")}${btn("reject", t.reject, "submit")}</div></form></dialog><script type="application/json" id="keksi-data">${json}</script><script${n}>${'"use strict";(()=>{var v=["analytics","marketing"],C={analytics:!1,marketing:!1};function g(...a){return arguments}function q(a,o=window){if(typeof o.keksi?.sync=="function")return o.keksi.sync(),o.keksi;let r=o.document,h=e=>r.getElementById(e),l=w(),A=!1,E=!1,b=new Set,$=g("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied"});if(a.ga.length||a.ads.length){let e=o.dataLayer??(o.dataLayer=[]);o.gtag=function(){e.push(arguments)},e.push($)}if(a.meta.length){let e=function(){e.callMethod?e.callMethod.apply(e,[...arguments]):e.queue.push(arguments)};Object.assign(e,{push:e,loaded:!0,version:"2.0",queue:[]}),o.fbq=o._fbq=e}function w(){let e=r.cookie.split("; ").find(s=>s.startsWith(`${a.name}=`))?.slice(a.name.length+1),[n,,t,i]=e?.split(".")??[];return n!==a.v||!t||!i?null:{id:t,c:{analytics:i.includes("a"),marketing:i.includes("m")}}}function T(e){let n=l?.id??Array.from(o.crypto.getRandomValues(new Uint8Array(8)),i=>i.toString(16).padStart(2,"0")).join(""),t=(e.analytics?"a":"")+(e.marketing?"m":"")||"-";return r.cookie=`${a.name}=${a.v}.${Date.now().toString(36)}.${n}.${t}; Path=/; Max-Age=${a.days*86400}; SameSite=Lax`+(a.domain?`; Domain=${a.domain}`:"")+(o.location.protocol==="https:"?"; Secure":""),{id:n,c:e}}function S(e){let n=r.createElement("script");n.async=!0,n.src=e,r.head.append(n)}function _(e){let n=[...e.analytics?a.ga:[],...e.marketing?a.ads:[]].filter(t=>!b.has(t));if(n.length){let t=e.marketing?"granted":"denied",i=[g("consent","update",{analytics_storage:e.analytics?"granted":"denied",ad_storage:t,ad_user_data:t,ad_personalization:t})];b.size||i.push(g("js",new Date));for(let s of n)i.push(g("config",s)),b.add(s);if(A)for(let s of i)o.dataLayer.push(s);else{let s=o.dataLayer;s.splice(s.indexOf($)+1,0,...i),S(`https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(n[0])}`),A=!0}}if(e.marketing&&a.meta.length&&!E&&(E=!0,o.fbq.queue.unshift(...a.meta.map(t=>g("init",t)),g("track","PageView")),S("https://connect.facebook.net/en_US/fbevents.js")),e.marketing)for(let t of r.querySelectorAll("keksi-youtube"))t.show(!0)}function M(e){let n=e.flatMap(c=>a.del[c]),t=c=>n.some(u=>u.endsWith("*")?c.startsWith(u.slice(0,-1)):c===u),i=o.location.hostname.split("."),s=["",...i.map((c,u)=>`; Domain=${i.slice(u).join(".")}`)];for(let c of r.cookie.split("; ")){let u=c.split("=")[0];if(t(u))for(let y of s)r.cookie=`${u}=; Max-Age=0; Path=/${y}`}try{for(let c of Object.keys(o.localStorage))t(c)&&o.localStorage.removeItem(c)}catch{}}function f(e){let n=l?.c;l=T(e),k(),r.dispatchEvent(new o.CustomEvent("keksi:change",{detail:{...e}})),M(v.filter(t=>!e[t])),v.some(t=>n?.[t]&&!e[t])?o.location.reload():_(e)}function k(){let e=h("keksi-banner");e&&(e.hidden=!!l)}function x(){let e=h("keksi-dialog");if(e){for(let n of v){let t=e.querySelector(`[name=${n}]`);t&&(t.checked=!!l?.c[n])}e.showModal()}}r.addEventListener("click",e=>{let n=e.target.closest?.("[data-keksi],[data-keksi-open]");if(!n)return;if(n.hasAttribute("data-keksi-open"))return e.preventDefault(),x();let t=n.getAttribute("data-keksi");if(t==="accept")f({analytics:!0,marketing:!0});else if(t==="reject")f(C);else if(t==="save"){let i=s=>!!h("keksi-dialog")?.querySelector(`[name=${s}]`)?.checked;f({analytics:i("analytics"),marketing:i("marketing")})}}),r.addEventListener("astro:after-swap",k);class j extends o.HTMLElement{connectedCallback(){this.show(!!l?.c.marketing)}show(n,t=!1){let i=encodeURIComponent(this.getAttribute("video")??""),s=this.getAttribute("label");if(n){if(this.querySelector("iframe"))return;let d=r.createElement("iframe");d.src=`https://www.youtube-nocookie.com/embed/${i}${t?"?autoplay=1":""}`,d.title=s??"YouTube",d.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",d.allowFullscreen=!0,d.referrerPolicy="strict-origin-when-cross-origin",this.replaceChildren(d),t&&d.focus();return}let c=r.createElement("div");c.className="keksi-yt";let u=this.getAttribute("poster");u&&(c.style.background=`linear-gradient(#000a,#000a),center/cover url(${JSON.stringify(u)})`);let y=r.createElement("p");y.textContent=a.t.ytText;let m=r.createElement("button");m.type="button",m.textContent=a.t.ytButton,s&&m.setAttribute("aria-label",`${a.t.ytButton}: ${s}`),m.onclick=()=>this.show(!0,!0);let p=r.createElement("a");p.href=`https://www.youtube.com/watch?v=${i}`,p.target="_blank",p.rel="noopener",p.textContent=a.t.ytOpen,c.append(y,m,p),this.replaceChildren(c)}}a.yt&&!o.customElements.get("keksi-youtube")&&o.customElements.define("keksi-youtube",j);let L={get consent(){return l?{...l.c}:null},open:x,save:e=>f({...l?.c??C,...e}),acceptAll:()=>f({analytics:!0,marketing:!0}),rejectAll:()=>f(C),sync:k};return o.keksi=L,k(),l&&_(l.c),L}q(JSON.parse(document.getElementById("keksi-data").textContent));})();'}</script>`;
+  return `<style${n}>${css}</style><section id="keksi-banner" class="keksi" aria-labelledby="keksi-title" hidden><div class="keksi-main"><div class="keksi-head"><h2 id="keksi-title">${e(t.title)}</h2></div><div class="keksi-body"><p>${e(t.intro)}</p><ul>${uses}</ul><p>${e(t.change)}${policy ? ` <a href="${e(policy)}">${e(t.more)}</a>` : ""}</p></div><div class="keksi-actions"><button type="button" class="keksi-text" data-keksi-open>${e(t.settings)}</button>${btn("reject", t.reject)}${btn("accept", t.accept)}</div></div><form id="keksi-settings" class="keksi-settings" aria-labelledby="keksi-settings-title" hidden><div class="keksi-head"><h2 id="keksi-settings-title">${e(t.settingsTitle)}</h2><button type="button" class="keksi-close" data-keksi="close" aria-label="${e(t.close)}">\xD7</button></div><div class="keksi-body">${sections(config, lang, 3, true)}</div><div class="keksi-actions">${btn("save", t.save)}${btn("reject", t.reject)}${btn("accept", t.accept)}</div></form></section><script type="application/json" id="keksi-data">${json}</script><script${n}>${'"use strict";(()=>{var M=(o,s)=>new RegExp(`^${o.split("*").map(i=>i.replace(/[.+?^${}()|[\\]\\\\]/g,"\\\\$&")).join(".*")}$`).test(s);var $=["analytics","marketing"],C={analytics:!1,marketing:!1};function p(...o){return arguments}function j(o,s=window){if(typeof s.keksi?.sync=="function")return s.keksi.sync(),s.keksi;let i=s.document,f=e=>i.getElementById(e),u=q(),_=!1,A=!1,S=!1,v=new Set,L=p("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied"});if(o.ga.length||o.ads.length){let e=s.dataLayer??(s.dataLayer=[]);s.gtag=function(){e.push(arguments)},e.push(L)}if(o.meta.length){let e=function(){e.callMethod?e.callMethod.apply(e,[...arguments]):e.queue.push(arguments)};Object.assign(e,{push:e,loaded:!0,version:"2.0",queue:[]}),s.fbq=s._fbq=e}if(o.ph){let e=Object.assign([],{_i:[],people:[]});for(let n of"capture identify alias reset register register_once unregister group setPersonProperties getFeatureFlag isFeatureEnabled onFeatureFlags reloadFeatureFlags get_distinct_id startSessionRecording stopSessionRecording captureException on".split(" "))e[n]=(...t)=>e.push([n,...t]);s.posthog=e}function q(){let e=i.cookie.split("; ").find(r=>r.startsWith(`${o.name}=`))?.slice(o.name.length+1),[n,,t,a]=e?.split(".")??[];return n!==o.v||!t||!a?null:{id:t,c:{analytics:a.includes("a"),marketing:a.includes("m")}}}function F(e){let n=u?.id??Array.from(s.crypto.getRandomValues(new Uint8Array(8)),a=>a.toString(16).padStart(2,"0")).join(""),t=(e.analytics?"a":"")+(e.marketing?"m":"")||"-";return i.cookie=`${o.name}=${o.v}.${Date.now().toString(36)}.${n}.${t}; Path=/; Max-Age=${o.days*86400}; SameSite=Lax`+(o.domain?`; Domain=${o.domain}`:"")+(s.location.protocol==="https:"?"; Secure":""),{id:n,c:e}}function E(e){let n=i.createElement("script");return n.async=!0,n.src=e,i.head.append(n),n}function w(e){let n=[...e.analytics?o.ga:[],...e.marketing?o.ads:[]].filter(t=>!v.has(t));if(n.length){let t=e.marketing?"granted":"denied",a=[p("consent","update",{analytics_storage:e.analytics?"granted":"denied",ad_storage:t,ad_user_data:t,ad_personalization:t})];v.size||a.push(p("js",new Date));for(let r of n)a.push(p("config",r)),v.add(r);if(_)for(let r of a)s.dataLayer.push(r);else{let r=s.dataLayer;r.splice(r.indexOf(L)+1,0,...a),E(`https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(n[0])}`),_=!0}}if(e.marketing&&o.meta.length&&!A&&(A=!0,s.fbq.queue.unshift(...o.meta.map(t=>p("init",t)),p("track","PageView")),E("https://connect.facebook.net/en_US/fbevents.js")),e.analytics&&o.ph&&!S&&(S=!0,s.posthog._i.push([o.ph.key,{api_host:o.ph.host,defaults:"2026-08-30"},"posthog"]),E(`${o.ph.host.replace(".i.posthog.com","-assets.i.posthog.com")}/static/array.js`).crossOrigin="anonymous"),e.marketing)for(let t of i.querySelectorAll("keksi-youtube"))t.show(!0)}function H(e){let n=e.flatMap(c=>o.del[c]),t=c=>n.some(l=>M(l,c)),a=s.location.hostname.split("."),r=["",...a.map((c,l)=>`; Domain=${a.slice(l).join(".")}`)];for(let c of i.cookie.split("; ")){let l=c.split("=")[0];if(t(l))for(let b of r)i.cookie=`${l}=; Max-Age=0; Path=/${b}`}try{for(let c of[s.localStorage,s.sessionStorage])for(let l of Object.keys(c))t(l)&&c.removeItem(l)}catch{}}function g(e){let n=u?.c;u=F(e),y(),i.dispatchEvent(new s.CustomEvent("keksi:change",{detail:{...e}})),H($.filter(t=>!e[t])),$.some(t=>n?.[t]&&!e[t])?s.location.reload():w(e)}function h(e=!1,n=!u||e){let t=f("keksi-banner"),a=f("keksi-settings");!t||!a||(t.hidden=!n,a.hidden=!e,t.firstElementChild.hidden=e)}function y(){h()}function x(){let e=f("keksi-settings");for(let n of $){let t=e?.querySelector(`[name=${n}]`);t&&(t.checked=!!u?.c[n])}h(!0),e?.querySelector(".keksi-close")?.focus()}i.addEventListener("click",e=>{let n=e.target.closest?.("[data-keksi],[data-keksi-open]");if(!n)return;if(n.hasAttribute("data-keksi-open"))return e.preventDefault(),x();let t=n.getAttribute("data-keksi");if(t==="close")h();else if(t==="accept")g({analytics:!0,marketing:!0});else if(t==="reject")g(C);else if(t==="save"){let a=r=>!!f("keksi-settings")?.querySelector(`[name=${r}]`)?.checked;g({analytics:a("analytics"),marketing:a("marketing")})}}),i.addEventListener("keydown",e=>{e.key==="Escape"&&f("keksi-settings")?.hidden===!1&&h()}),i.addEventListener("astro:after-swap",y);class I extends s.HTMLElement{connectedCallback(){this.show(!!u?.c.marketing)}show(n,t=!1){let a=encodeURIComponent(this.getAttribute("video")??""),r=this.getAttribute("label");if(n){if(this.querySelector("iframe"))return;let d=i.createElement("iframe");d.src=`https://www.youtube-nocookie.com/embed/${a}${t?"?autoplay=1":""}`,d.title=r??"YouTube",d.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",d.allowFullscreen=!0,d.referrerPolicy="strict-origin-when-cross-origin",this.replaceChildren(d),t&&d.focus();return}let c=i.createElement("div");c.className="keksi-yt";let l=this.getAttribute("poster");l&&(c.style.background=`linear-gradient(#000a,#000a),center/cover url(${JSON.stringify(l)})`);let b=i.createElement("p");b.textContent=o.t.ytText;let m=i.createElement("button");m.type="button",m.textContent=o.t.ytButton,r&&m.setAttribute("aria-label",`${o.t.ytButton}: ${r}`),m.onclick=()=>this.show(!0,!0);let k=i.createElement("a");k.href=`https://www.youtube.com/watch?v=${a}`,k.target="_blank",k.rel="noopener",k.textContent=o.t.ytOpen,c.append(b,m,k),this.replaceChildren(c)}}o.yt&&!s.customElements.get("keksi-youtube")&&s.customElements.define("keksi-youtube",I);let T={get consent(){return u?{...u.c}:null},open:x,save:e=>g({...u?.c??C,...e}),acceptAll:()=>g({analytics:!0,marketing:!0}),rejectAll:()=>g(C),sync:y};return s.keksi=T,y(),u&&w(u.c),T}j(JSON.parse(document.getElementById("keksi-data").textContent));})();'}</script>`;
 }
 function cookieTable(config, { lang = "fi", headingLevel = 2 } = {}) {
   return `<div class="keksi-policy">${sections(config, lang, headingLevel, false)}</div>`;
@@ -303,7 +345,7 @@ function sections(config, lang, h, dialog) {
     const items = c === "necessary" ? [site] : active.filter((p) => p.category === c).map((p) => ({ ...p, purpose: p.purpose[lang] }));
     const head = c === "necessary" ? `<h${h}>${e(t.necessary)}</h${h}><span>${e(t.alwaysOn)}</span>` : dialog ? `<h${h}><label for="keksi-c-${c}">${e(t[c])}</label></h${h}><input type="checkbox" role="switch" id="keksi-c-${c}" name="${c}" aria-describedby="keksi-i-${c}">` : `<h${h}>${e(t[c])}</h${h}>`;
     const list2 = items.map(
-      (p) => `<div class="keksi-provider"><h${h + 1}>${e(p.name)}</h${h + 1}>${p.purpose ? `<p>${e(p.purpose)}</p>` : ""}` + (p.company && p.privacyPolicy ? `<p>${e(p.company)} \xB7 <a href="${e(p.privacyPolicy)}" target="_blank" rel="noopener">${e(t.privacyPolicy)}</a></p>` + (p.transfer ? `<p>${e(t.dpf)}</p>` : "") : "") + table(p.cookies, t) + `</div>`
+      (p) => `<div class="keksi-provider"><h${h + 1}>${e(p.name)}</h${h + 1}>${p.purpose ? `<p>${e(p.purpose)}</p>` : ""}` + (p.company && p.privacyPolicy ? `<p>${e(p.company)} \xB7 <a href="${e(p.privacyPolicy)}" target="_blank" rel="noopener">${e(t.privacyPolicy)}</a></p>` + (p.transfer ? `<p>${e(t[p.transfer])}</p>` : "") : "") + table(p.cookies, t) + `</div>`
     ).join("");
     const body = dialog ? `<details><summary>${e(t.providers)} (${items.length})</summary>${list2}</details>` : list2;
     return `<section class="keksi-cat"><div class="keksi-cat-head">${head}</div><p id="keksi-i-${c}">${e(t[`${c}Info`])}</p>${body}</section>`;

package/dist/playwright.js

@@ -2,7 +2,7 @@
 var fi = {
   title: "Ev\xE4steet",
   intro: "K\xE4yt\xE4mme v\xE4ltt\xE4m\xE4tt\xF6mien ev\xE4steiden lis\xE4ksi seuraavia palveluita vain, jos annat siihen luvan:",
-  transfer: "Palveluntarjoajat voivat siirt\xE4\xE4 tietoja Yhdysvaltoihin. Voit muuttaa valintaasi milloin tahansa.",
+  change: "Voit muuttaa valintaasi milloin tahansa.",
   more: "Lue lis\xE4\xE4",
   accept: "Hyv\xE4ksy kaikki",
   reject: "Hylk\xE4\xE4 kaikki",
@@ -22,6 +22,7 @@ var fi = {
   consentPurpose: "Tallentaa ev\xE4stevalintasi.",
   privacyPolicy: "Tietosuojaseloste",
   dpf: "Tietoja voidaan siirt\xE4\xE4 Yhdysvaltoihin EU:n ja Yhdysvaltojen v\xE4lisen tietosuojakehyksen (DPF) perusteella.",
+  us: "Tietoja siirret\xE4\xE4n Yhdysvaltoihin.",
   name: "Nimi",
   duration: "Kesto",
   purpose: "Tarkoitus",
@@ -39,7 +40,7 @@ var fi = {
 var sv = {
   title: "Kakor",
   intro: "Ut\xF6ver n\xF6dv\xE4ndiga kakor anv\xE4nder vi f\xF6ljande tj\xE4nster endast om du ger ditt samtycke:",
-  transfer: "Tj\xE4nsteleverant\xF6rerna kan \xF6verf\xF6ra uppgifter till USA. Du kan \xE4ndra ditt val n\xE4r som helst.",
+  change: "Du kan \xE4ndra ditt val n\xE4r som helst.",
   more: "L\xE4s mer",
   accept: "Godk\xE4nn alla",
   reject: "Avvisa alla",
@@ -59,6 +60,7 @@ var sv = {
   consentPurpose: "Sparar ditt val av kakor.",
   privacyPolicy: "Dataskyddsbeskrivning",
   dpf: "Uppgifter kan \xF6verf\xF6ras till USA med st\xF6d av ramverket f\xF6r dataskydd mellan EU och USA (DPF).",
+  us: "Uppgifter \xF6verf\xF6rs till USA.",
   name: "Namn",
   duration: "Varaktighet",
   purpose: "Syfte",
@@ -76,7 +78,7 @@ var sv = {
 var en = {
   title: "Cookies",
   intro: "Besides necessary cookies, we use the following services only if you allow it:",
-  transfer: "The providers may transfer data to the United States. You can change your choice at any time.",
+  change: "You can change your choice at any time.",
   more: "Read more",
   accept: "Accept all",
   reject: "Reject all",
@@ -96,6 +98,7 @@ var en = {
   consentPurpose: "Stores your cookie choice.",
   privacyPolicy: "Privacy policy",
   dpf: "Data may be transferred to the United States under the EU\u2013US Data Privacy Framework (DPF).",
+  us: "Data is transferred to the United States.",
   name: "Name",
   duration: "Duration",
   purpose: "Purpose",
@@ -172,6 +175,29 @@ var providers = [
     ],
     hosts: ["facebook.net", "facebook.com"]
   },
+  {
+    id: "posthog",
+    name: "PostHog",
+    company: "PostHog Inc.",
+    privacyPolicy: "https://posthog.com/privacy",
+    category: "analytics",
+    purpose: {
+      fi: "Tuoteanalytiikka: sivujen katselut, klikkaukset ja k\xE4ytt\xF6tavat. Voi tallentaa istuntoja, jos istuntotallenteet ovat k\xE4yt\xF6ss\xE4.",
+      sv: "Produktanalys: sidvisningar, klick och anv\xE4ndningsm\xF6nster. Kan spela in sessioner om sessionsinspelning \xE4r aktiverad.",
+      en: "Product analytics: page views, clicks and usage patterns. Can record sessions if session replay is enabled."
+    },
+    cookies: [
+      { name: "ph_*_posthog", duration: "1y" },
+      { name: "ph_*_posthog_cpm", duration: "1y" },
+      { name: "ph_*_posthog", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog__flags", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_primary_window_exists", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_session_registered_properties", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_window_id", duration: "session", storage: "sessionStorage" }
+    ],
+    hosts: ["posthog.com"]
+  },
   {
     id: "youtube",
     name: "YouTube",
@@ -197,8 +223,11 @@ var providers = [
 
 // src/config.ts
 var list = (v) => v === void 0 ? [] : Array.isArray(v) ? v : [v];
+var posthogHost = (config) => (config.posthog?.host ?? "https://eu.i.posthog.com").replace(/\/$/, "");
 function activeProviders(config) {
-  return providers.filter((p) => p.id === "youtube" ? config.youtube : list(config[p.id]).length);
+  return providers.filter(
+    (p) => p.id === "youtube" ? config.youtube : p.id === "posthog" ? config.posthog?.key : list(config[p.id]).length
+  ).map((p) => p.id === "posthog" && /\/\/us\./.test(posthogHost(config)) ? { ...p, transfer: "us" } : p);
 }
 function textsFor(config, locale) {
   return { ...texts[locale], ...config.texts?.[locale] };
@@ -220,6 +249,7 @@ function runtimeData(config, locale) {
     ga: list(config.ga),
     ads: list(config.googleAds),
     meta: list(config.meta),
+    ph: config.posthog?.key ? { key: config.posthog.key, host: posthogHost(config) } : void 0,
     yt: !!config.youtube,
     del: { analytics: del("analytics"), marketing: del("marketing") },
     t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen }

package/dist/render.d.ts

@@ -5,7 +5,7 @@ export interface RenderOptions {
     /** For a CSP with nonces; applied to the inline `<style>` and `<script>`. */
     nonce?: string;
 }
-/** Banner, settings dialog and runtime. Place it right after `<body>`. Empty when no provider needs consent. */
+/** Banner with its settings view, and the runtime. Place it right after `<body>`. Empty when no provider needs consent. */
 export declare function renderKeksi(config: KeksiConfig, { lang, nonce }?: RenderOptions): string;
 export interface CookieTableOptions {
     lang?: Locale;

package/dist/runtime.d.ts

@@ -21,6 +21,9 @@ declare global {
         gtag?: (...a: unknown[]) => void;
         fbq?: Queue;
         _fbq?: Queue;
+        posthog?: unknown[] & Record<string, unknown> & {
+            _i: unknown[];
+        };
     }
 }
 export declare function boot(d: RuntimeData, w?: Window & typeof globalThis): KeksiApi;

package/dist/scan.js

@@ -1,3 +1,6 @@
+// src/glob.ts
+var glob = (pattern, name) => new RegExp(`^${pattern.split("*").map((s) => s.replace(/[.+?^${}()|[\]\\]/g, "\\$&")).join(".*")}$`).test(name);
+
 // src/providers.ts
 var GOOGLE = { company: "Google Ireland Limited", privacyPolicy: "https://policies.google.com/privacy", transfer: "dpf" };
 var META = { company: "Meta Platforms Ireland Limited", privacyPolicy: "https://www.facebook.com/privacy/policy/", transfer: "dpf" };
@@ -58,6 +61,29 @@ var providers = [
     ],
     hosts: ["facebook.net", "facebook.com"]
   },
+  {
+    id: "posthog",
+    name: "PostHog",
+    company: "PostHog Inc.",
+    privacyPolicy: "https://posthog.com/privacy",
+    category: "analytics",
+    purpose: {
+      fi: "Tuoteanalytiikka: sivujen katselut, klikkaukset ja k\xE4ytt\xF6tavat. Voi tallentaa istuntoja, jos istuntotallenteet ovat k\xE4yt\xF6ss\xE4.",
+      sv: "Produktanalys: sidvisningar, klick och anv\xE4ndningsm\xF6nster. Kan spela in sessioner om sessionsinspelning \xE4r aktiverad.",
+      en: "Product analytics: page views, clicks and usage patterns. Can record sessions if session replay is enabled."
+    },
+    cookies: [
+      { name: "ph_*_posthog", duration: "1y" },
+      { name: "ph_*_posthog_cpm", duration: "1y" },
+      { name: "ph_*_posthog", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog__flags", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_primary_window_exists", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_session_registered_properties", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_window_id", duration: "session", storage: "sessionStorage" }
+    ],
+    hosts: ["posthog.com"]
+  },
   {
     id: "youtube",
     name: "YouTube",
@@ -113,7 +139,7 @@ var purposes = {
 };
 var trackerNames = providers.flatMap((p) => p.cookies.flatMap((c) => c.name.split(", ")));
 var trackerHosts = providers.flatMap((p) => p.hosts);
-var matches = (patterns, name) => patterns.some((p) => p.endsWith("*") ? name.startsWith(p.slice(0, -1)) : name === p);
+var matches = (patterns, name) => patterns.some((p) => glob(p, name));
 function purposeOf(name) {
   const k = Object.keys(purposes).find((p) => matches([p], name));
   return k ? purposes[k] : void 0;

package/dist/sveltekit.js

@@ -2,7 +2,7 @@
 var fi = {
   title: "Ev\xE4steet",
   intro: "K\xE4yt\xE4mme v\xE4ltt\xE4m\xE4tt\xF6mien ev\xE4steiden lis\xE4ksi seuraavia palveluita vain, jos annat siihen luvan:",
-  transfer: "Palveluntarjoajat voivat siirt\xE4\xE4 tietoja Yhdysvaltoihin. Voit muuttaa valintaasi milloin tahansa.",
+  change: "Voit muuttaa valintaasi milloin tahansa.",
   more: "Lue lis\xE4\xE4",
   accept: "Hyv\xE4ksy kaikki",
   reject: "Hylk\xE4\xE4 kaikki",
@@ -22,6 +22,7 @@ var fi = {
   consentPurpose: "Tallentaa ev\xE4stevalintasi.",
   privacyPolicy: "Tietosuojaseloste",
   dpf: "Tietoja voidaan siirt\xE4\xE4 Yhdysvaltoihin EU:n ja Yhdysvaltojen v\xE4lisen tietosuojakehyksen (DPF) perusteella.",
+  us: "Tietoja siirret\xE4\xE4n Yhdysvaltoihin.",
   name: "Nimi",
   duration: "Kesto",
   purpose: "Tarkoitus",
@@ -39,7 +40,7 @@ var fi = {
 var sv = {
   title: "Kakor",
   intro: "Ut\xF6ver n\xF6dv\xE4ndiga kakor anv\xE4nder vi f\xF6ljande tj\xE4nster endast om du ger ditt samtycke:",
-  transfer: "Tj\xE4nsteleverant\xF6rerna kan \xF6verf\xF6ra uppgifter till USA. Du kan \xE4ndra ditt val n\xE4r som helst.",
+  change: "Du kan \xE4ndra ditt val n\xE4r som helst.",
   more: "L\xE4s mer",
   accept: "Godk\xE4nn alla",
   reject: "Avvisa alla",
@@ -59,6 +60,7 @@ var sv = {
   consentPurpose: "Sparar ditt val av kakor.",
   privacyPolicy: "Dataskyddsbeskrivning",
   dpf: "Uppgifter kan \xF6verf\xF6ras till USA med st\xF6d av ramverket f\xF6r dataskydd mellan EU och USA (DPF).",
+  us: "Uppgifter \xF6verf\xF6rs till USA.",
   name: "Namn",
   duration: "Varaktighet",
   purpose: "Syfte",
@@ -76,7 +78,7 @@ var sv = {
 var en = {
   title: "Cookies",
   intro: "Besides necessary cookies, we use the following services only if you allow it:",
-  transfer: "The providers may transfer data to the United States. You can change your choice at any time.",
+  change: "You can change your choice at any time.",
   more: "Read more",
   accept: "Accept all",
   reject: "Reject all",
@@ -96,6 +98,7 @@ var en = {
   consentPurpose: "Stores your cookie choice.",
   privacyPolicy: "Privacy policy",
   dpf: "Data may be transferred to the United States under the EU\u2013US Data Privacy Framework (DPF).",
+  us: "Data is transferred to the United States.",
   name: "Name",
   duration: "Duration",
   purpose: "Purpose",
@@ -172,6 +175,29 @@ var providers = [
     ],
     hosts: ["facebook.net", "facebook.com"]
   },
+  {
+    id: "posthog",
+    name: "PostHog",
+    company: "PostHog Inc.",
+    privacyPolicy: "https://posthog.com/privacy",
+    category: "analytics",
+    purpose: {
+      fi: "Tuoteanalytiikka: sivujen katselut, klikkaukset ja k\xE4ytt\xF6tavat. Voi tallentaa istuntoja, jos istuntotallenteet ovat k\xE4yt\xF6ss\xE4.",
+      sv: "Produktanalys: sidvisningar, klick och anv\xE4ndningsm\xF6nster. Kan spela in sessioner om sessionsinspelning \xE4r aktiverad.",
+      en: "Product analytics: page views, clicks and usage patterns. Can record sessions if session replay is enabled."
+    },
+    cookies: [
+      { name: "ph_*_posthog", duration: "1y" },
+      { name: "ph_*_posthog_cpm", duration: "1y" },
+      { name: "ph_*_posthog", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog__flags", duration: "persistent", storage: "localStorage" },
+      { name: "ph_*_posthog", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_primary_window_exists", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_session_registered_properties", duration: "session", storage: "sessionStorage" },
+      { name: "ph_*_window_id", duration: "session", storage: "sessionStorage" }
+    ],
+    hosts: ["posthog.com"]
+  },
   {
     id: "youtube",
     name: "YouTube",
@@ -197,8 +223,11 @@ var providers = [
 
 // src/config.ts
 var list = (v) => v === void 0 ? [] : Array.isArray(v) ? v : [v];
+var posthogHost = (config) => (config.posthog?.host ?? "https://eu.i.posthog.com").replace(/\/$/, "");
 function activeProviders(config) {
-  return providers.filter((p) => p.id === "youtube" ? config.youtube : list(config[p.id]).length);
+  return providers.filter(
+    (p) => p.id === "youtube" ? config.youtube : p.id === "posthog" ? config.posthog?.key : list(config[p.id]).length
+  ).map((p) => p.id === "posthog" && /\/\/us\./.test(posthogHost(config)) ? { ...p, transfer: "us" } : p);
 }
 function categoriesOf(config) {
   return ["analytics", "marketing"].filter((c) => activeProviders(config).some((p) => p.category === c));
@@ -223,6 +252,7 @@ function runtimeData(config, locale) {
     ga: list(config.ga),
     ads: list(config.googleAds),
     meta: list(config.meta),
+    ph: config.posthog?.key ? { key: config.posthog.key, host: posthogHost(config) } : void 0,
     yt: !!config.youtube,
     del: { analytics: del("analytics"), marketing: del("marketing") },
     t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen }
@@ -231,34 +261,46 @@ function runtimeData(config, locale) {
 
 // src/styles.ts
 var css = [
-  ":where(.keksi,.keksi-dialog){--_bg:var(--keksi-bg,#fff);--_fg:var(--keksi-fg,#1b1b1b);--_line:var(--keksi-line,#c8c8c8);--_r:var(--keksi-radius,6px);box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:inherit;font-size:15px;line-height:1.5}",
-  ":where(.keksi-policy){--_line:var(--keksi-line,#c8c8c8)}",
-  ":where(.keksi){position:fixed;z-index:2147483000;inset:auto 1rem 1rem;max-width:34rem;max-height:calc(100vh - 2rem);overflow:auto;margin-inline:auto;padding:1.25rem;border:1px solid var(--_line);border-radius:var(--_r);box-shadow:0 4px 24px #0003}",
-  ":where(.keksi,.keksi-dialog) :where(h2){font-size:1.125rem;margin:0 0 .5rem}",
-  ":where(.keksi) :where(p,ul){margin:0 0 .75rem}",
-  ":where(.keksi) :where(ul){padding-left:1.25rem}",
-  ":where(.keksi,.keksi-dialog) :where(a){color:inherit}",
-  ":where(.keksi-actions){display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}",
-  ":where(.keksi-btn){flex:1 1 auto;font:inherit;font-weight:600;padding:.6rem 1rem;border:1px solid var(--_fg);border-radius:var(--_r);background:var(--_bg);color:var(--_fg);cursor:pointer}",
+  ":where(.keksi,.keksi-policy){--_bg:var(--keksi-bg,#fff);--_fg:var(--keksi-fg,#1b1b1b);--_line:var(--keksi-line,#e3e3e3);--_soft:color-mix(in srgb,var(--_fg) 4%,var(--_bg));--_r:var(--keksi-radius,8px)}",
+  ":where(.keksi){box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:inherit;font-size:14px;line-height:1.5;border:1px solid var(--_line);border-radius:var(--_r);box-shadow:0 8px 32px #0000002e}",
+  ":where(.keksi){position:fixed;z-index:2147483000;inset:auto 1rem 1rem;display:flex;flex-direction:column;max-width:34rem;max-height:calc(100vh - 2rem);margin-inline:auto;overflow:hidden}",
+  ":where(.keksi,.keksi-main,.keksi-settings)[hidden]{display:none}",
+  ":where(.keksi-main,.keksi-settings){display:flex;flex-direction:column;min-height:0;margin:0}",
+  ":where(.keksi:has(.keksi-settings:not([hidden]))){max-width:40rem}",
+  ":where(.keksi-settings .keksi-body){padding-block:0}",
+  ":where(.keksi-head){display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--_line)}",
+  ":where(.keksi-head) :where(h2){font-size:1rem;font-weight:600;line-height:1.3;margin:0}",
+  ":where(.keksi-body){padding:1rem 1.25rem;overflow:auto}",
+  ":where(.keksi) :where(.keksi-body>*){margin:0 0 .75rem}",
+  ":where(.keksi) :where(.keksi-body>:last-child){margin-bottom:0}",
+  ":where(.keksi) :where(ul){list-style:none;padding:0}",
+  ":where(.keksi) :where(strong){font-weight:600}",
+  ":where(.keksi) :where(a){color:inherit}",
+  ".keksi a{text-decoration:underline}",
+  ":where(.keksi-actions){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;background:var(--_soft)}",
+  ":where(.keksi-btn){min-width:7.5rem;font:inherit;font-weight:600;padding:.5rem 1rem;border:1px solid var(--_fg);border-radius:calc(var(--_r) - 2px);background:var(--_bg);color:var(--_fg);cursor:pointer}",
   ":where(.keksi-btn:hover){background:var(--_fg);color:var(--_bg)}",
-  ":where(.keksi,.keksi-dialog,keksi-youtube) :where(button,a,input,summary):focus-visible{outline:3px solid var(--keksi-focus,#2563eb);outline-offset:2px}",
-  ":where(.keksi-dialog){width:min(40rem,calc(100% - 2rem));max-height:calc(100% - 2rem);padding:0;border:0;border-radius:var(--_r)}",
-  ":where(.keksi-dialog)::backdrop{background:#0009}",
-  ":where(.keksi-dialog form){padding:1.25rem}",
-  ":where(.keksi-head,.keksi-cat-head){display:flex;align-items:center;justify-content:space-between;gap:1rem}",
-  ":where(.keksi-close){font:inherit;font-size:1.5rem;line-height:1;padding:.25rem .5rem;border:0;background:none;color:inherit;cursor:pointer}",
-  ":where(.keksi-cat){padding:.75rem 0;border-top:1px solid var(--_line)}",
-  ":where(.keksi-cat-head) :where(h2,h3,h4,h5){font-size:1rem;margin:0}",
+  ":where(.keksi-text){margin-right:auto;padding:.5rem .25rem;font:inherit;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}",
+  "@media (max-width:30rem){:where(.keksi-btn){flex:1 1 auto}}",
+  ":where(.keksi,keksi-youtube) :where(button,a,input,summary):focus-visible{outline:3px solid var(--keksi-focus,#2563eb);outline-offset:2px}",
+  ":where(.keksi-close){font:inherit;font-size:1.375rem;line-height:1;margin:-.25rem -.5rem;padding:.25rem .5rem;border:0;background:none;color:inherit;cursor:pointer}",
+  ":where(.keksi-cat){padding:1rem 0;border-top:1px solid var(--_line)}",
+  ":where(.keksi-body>.keksi-cat:first-child){border-top:0}",
+  ":where(.keksi-cat-head){display:flex;align-items:center;justify-content:space-between;gap:1rem}",
+  ":where(.keksi-cat-head) :where(h2,h3,h4,h5){font-size:1rem;font-weight:600;margin:0}",
+  ":where(.keksi-cat-head) :where(span){font-size:.8125rem;opacity:.7}",
   ":where(.keksi-cat) :where(p){margin:.25rem 0}",
-  ":where(.keksi-cat input[role=switch]){appearance:none;position:relative;flex:none;width:2.75rem;height:1.5rem;margin:0;border-radius:1rem;background:var(--_line);cursor:pointer}",
-  ':where(.keksi-cat input[role=switch])::before{content:"";position:absolute;top:.2rem;left:.2rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;transition:transform .15s}',
+  ":where(.keksi-cat input[role=switch]){appearance:none;position:relative;flex:none;width:2.5rem;height:1.375rem;margin:0;border-radius:1rem;background:color-mix(in srgb,var(--_fg) 22%,var(--_bg));cursor:pointer}",
+  ':where(.keksi-cat input[role=switch])::before{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .15s}',
   ":where(.keksi-cat input[role=switch]:checked){background:var(--_fg)}",
-  ":where(.keksi-cat input[role=switch]:checked)::before{transform:translateX(1.25rem)}",
+  ":where(.keksi-cat input[role=switch]:checked)::before{transform:translateX(1.125rem)}",
   ":where(.keksi-cat summary){margin-top:.5rem;font-weight:600;cursor:pointer}",
-  ":where(.keksi-provider){margin:.75rem 0}",
-  ":where(.keksi-provider) :where(h3,h4,h5,h6){font-size:.9375rem;margin:0}",
-  ":where(.keksi-cat table){width:100%;border-collapse:collapse;font-size:.875rem;margin-top:.25rem}",
-  ":where(.keksi-cat) :where(th,td){padding:.25rem .75rem .25rem 0;border-bottom:1px solid var(--_line);text-align:left;vertical-align:top}",
+  ":where(.keksi-provider){margin:.75rem 0;padding:.75rem .875rem;border-radius:calc(var(--_r) - 2px);background:var(--_soft)}",
+  ":where(.keksi-policy .keksi-provider){padding:0;background:none}",
+  ":where(.keksi-provider) :where(h3,h4,h5,h6){font-size:.9375rem;font-weight:600;margin:0}",
+  ":where(.keksi-cat table){width:100%;border-collapse:collapse;font-size:.8125rem;margin-top:.5rem}",
+  ":where(.keksi-cat) :where(th,td){padding:.3rem .75rem .3rem 0;border-bottom:1px solid var(--_line);text-align:left;vertical-align:top}",
+  ":where(.keksi-cat) :where(th){font-weight:600}",
   ":where(keksi-youtube){display:block;aspect-ratio:16/9;background:#111;color:#fff}",
   ":where(keksi-youtube iframe){display:block;width:100%;height:100%;border:0}",
   ":where(.keksi-yt){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;padding:1rem;box-sizing:border-box;text-align:center}",
@@ -279,7 +321,7 @@ function renderKeksi(config, { lang = "fi", nonce } = {}) {
   const btn = (action, label, type = "button") => `<button type="${type}" class="keksi-btn" data-keksi="${action}">${e(label)}</button>`;
   const uses = cats.map((c) => `<li><strong>${e(t[c])}:</strong> ${e(active.filter((p) => p.category === c).map((p) => p.name).join(", "))}</li>`).join("");
   const json = JSON.stringify(runtimeData(config, lang)).replace(/</g, "\\u003c");
-  return `<style${n}>${css}</style><section id="keksi-banner" class="keksi" aria-labelledby="keksi-title" hidden><h2 id="keksi-title">${e(t.title)}</h2><p>${e(t.intro)}</p><ul>${uses}</ul><p>${e(t.transfer)}${policy ? ` <a href="${e(policy)}">${e(t.more)}</a>` : ""}</p><div class="keksi-actions">${btn("accept", t.accept)}${btn("reject", t.reject)}<button type="button" class="keksi-btn" data-keksi-open>${e(t.settings)}</button></div></section><dialog id="keksi-dialog" class="keksi-dialog" aria-labelledby="keksi-dialog-title"><form method="dialog"><div class="keksi-head"><h2 id="keksi-dialog-title">${e(t.settingsTitle)}</h2><button class="keksi-close" aria-label="${e(t.close)}">\xD7</button></div>` + sections(config, lang, 3, true) + `<div class="keksi-actions">${btn("save", t.save, "submit")}${btn("accept", t.accept, "submit")}${btn("reject", t.reject, "submit")}</div></form></dialog><script type="application/json" id="keksi-data">${json}</script><script${n}>${'"use strict";(()=>{var v=["analytics","marketing"],C={analytics:!1,marketing:!1};function g(...a){return arguments}function q(a,o=window){if(typeof o.keksi?.sync=="function")return o.keksi.sync(),o.keksi;let r=o.document,h=e=>r.getElementById(e),l=w(),A=!1,E=!1,b=new Set,$=g("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied"});if(a.ga.length||a.ads.length){let e=o.dataLayer??(o.dataLayer=[]);o.gtag=function(){e.push(arguments)},e.push($)}if(a.meta.length){let e=function(){e.callMethod?e.callMethod.apply(e,[...arguments]):e.queue.push(arguments)};Object.assign(e,{push:e,loaded:!0,version:"2.0",queue:[]}),o.fbq=o._fbq=e}function w(){let e=r.cookie.split("; ").find(s=>s.startsWith(`${a.name}=`))?.slice(a.name.length+1),[n,,t,i]=e?.split(".")??[];return n!==a.v||!t||!i?null:{id:t,c:{analytics:i.includes("a"),marketing:i.includes("m")}}}function T(e){let n=l?.id??Array.from(o.crypto.getRandomValues(new Uint8Array(8)),i=>i.toString(16).padStart(2,"0")).join(""),t=(e.analytics?"a":"")+(e.marketing?"m":"")||"-";return r.cookie=`${a.name}=${a.v}.${Date.now().toString(36)}.${n}.${t}; Path=/; Max-Age=${a.days*86400}; SameSite=Lax`+(a.domain?`; Domain=${a.domain}`:"")+(o.location.protocol==="https:"?"; Secure":""),{id:n,c:e}}function S(e){let n=r.createElement("script");n.async=!0,n.src=e,r.head.append(n)}function _(e){let n=[...e.analytics?a.ga:[],...e.marketing?a.ads:[]].filter(t=>!b.has(t));if(n.length){let t=e.marketing?"granted":"denied",i=[g("consent","update",{analytics_storage:e.analytics?"granted":"denied",ad_storage:t,ad_user_data:t,ad_personalization:t})];b.size||i.push(g("js",new Date));for(let s of n)i.push(g("config",s)),b.add(s);if(A)for(let s of i)o.dataLayer.push(s);else{let s=o.dataLayer;s.splice(s.indexOf($)+1,0,...i),S(`https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(n[0])}`),A=!0}}if(e.marketing&&a.meta.length&&!E&&(E=!0,o.fbq.queue.unshift(...a.meta.map(t=>g("init",t)),g("track","PageView")),S("https://connect.facebook.net/en_US/fbevents.js")),e.marketing)for(let t of r.querySelectorAll("keksi-youtube"))t.show(!0)}function M(e){let n=e.flatMap(c=>a.del[c]),t=c=>n.some(u=>u.endsWith("*")?c.startsWith(u.slice(0,-1)):c===u),i=o.location.hostname.split("."),s=["",...i.map((c,u)=>`; Domain=${i.slice(u).join(".")}`)];for(let c of r.cookie.split("; ")){let u=c.split("=")[0];if(t(u))for(let y of s)r.cookie=`${u}=; Max-Age=0; Path=/${y}`}try{for(let c of Object.keys(o.localStorage))t(c)&&o.localStorage.removeItem(c)}catch{}}function f(e){let n=l?.c;l=T(e),k(),r.dispatchEvent(new o.CustomEvent("keksi:change",{detail:{...e}})),M(v.filter(t=>!e[t])),v.some(t=>n?.[t]&&!e[t])?o.location.reload():_(e)}function k(){let e=h("keksi-banner");e&&(e.hidden=!!l)}function x(){let e=h("keksi-dialog");if(e){for(let n of v){let t=e.querySelector(`[name=${n}]`);t&&(t.checked=!!l?.c[n])}e.showModal()}}r.addEventListener("click",e=>{let n=e.target.closest?.("[data-keksi],[data-keksi-open]");if(!n)return;if(n.hasAttribute("data-keksi-open"))return e.preventDefault(),x();let t=n.getAttribute("data-keksi");if(t==="accept")f({analytics:!0,marketing:!0});else if(t==="reject")f(C);else if(t==="save"){let i=s=>!!h("keksi-dialog")?.querySelector(`[name=${s}]`)?.checked;f({analytics:i("analytics"),marketing:i("marketing")})}}),r.addEventListener("astro:after-swap",k);class j extends o.HTMLElement{connectedCallback(){this.show(!!l?.c.marketing)}show(n,t=!1){let i=encodeURIComponent(this.getAttribute("video")??""),s=this.getAttribute("label");if(n){if(this.querySelector("iframe"))return;let d=r.createElement("iframe");d.src=`https://www.youtube-nocookie.com/embed/${i}${t?"?autoplay=1":""}`,d.title=s??"YouTube",d.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",d.allowFullscreen=!0,d.referrerPolicy="strict-origin-when-cross-origin",this.replaceChildren(d),t&&d.focus();return}let c=r.createElement("div");c.className="keksi-yt";let u=this.getAttribute("poster");u&&(c.style.background=`linear-gradient(#000a,#000a),center/cover url(${JSON.stringify(u)})`);let y=r.createElement("p");y.textContent=a.t.ytText;let m=r.createElement("button");m.type="button",m.textContent=a.t.ytButton,s&&m.setAttribute("aria-label",`${a.t.ytButton}: ${s}`),m.onclick=()=>this.show(!0,!0);let p=r.createElement("a");p.href=`https://www.youtube.com/watch?v=${i}`,p.target="_blank",p.rel="noopener",p.textContent=a.t.ytOpen,c.append(y,m,p),this.replaceChildren(c)}}a.yt&&!o.customElements.get("keksi-youtube")&&o.customElements.define("keksi-youtube",j);let L={get consent(){return l?{...l.c}:null},open:x,save:e=>f({...l?.c??C,...e}),acceptAll:()=>f({analytics:!0,marketing:!0}),rejectAll:()=>f(C),sync:k};return o.keksi=L,k(),l&&_(l.c),L}q(JSON.parse(document.getElementById("keksi-data").textContent));})();'}</script>`;
+  return `<style${n}>${css}</style><section id="keksi-banner" class="keksi" aria-labelledby="keksi-title" hidden><div class="keksi-main"><div class="keksi-head"><h2 id="keksi-title">${e(t.title)}</h2></div><div class="keksi-body"><p>${e(t.intro)}</p><ul>${uses}</ul><p>${e(t.change)}${policy ? ` <a href="${e(policy)}">${e(t.more)}</a>` : ""}</p></div><div class="keksi-actions"><button type="button" class="keksi-text" data-keksi-open>${e(t.settings)}</button>${btn("reject", t.reject)}${btn("accept", t.accept)}</div></div><form id="keksi-settings" class="keksi-settings" aria-labelledby="keksi-settings-title" hidden><div class="keksi-head"><h2 id="keksi-settings-title">${e(t.settingsTitle)}</h2><button type="button" class="keksi-close" data-keksi="close" aria-label="${e(t.close)}">\xD7</button></div><div class="keksi-body">${sections(config, lang, 3, true)}</div><div class="keksi-actions">${btn("save", t.save)}${btn("reject", t.reject)}${btn("accept", t.accept)}</div></form></section><script type="application/json" id="keksi-data">${json}</script><script${n}>${'"use strict";(()=>{var M=(o,s)=>new RegExp(`^${o.split("*").map(i=>i.replace(/[.+?^${}()|[\\]\\\\]/g,"\\\\$&")).join(".*")}$`).test(s);var $=["analytics","marketing"],C={analytics:!1,marketing:!1};function p(...o){return arguments}function j(o,s=window){if(typeof s.keksi?.sync=="function")return s.keksi.sync(),s.keksi;let i=s.document,f=e=>i.getElementById(e),u=q(),_=!1,A=!1,S=!1,v=new Set,L=p("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied"});if(o.ga.length||o.ads.length){let e=s.dataLayer??(s.dataLayer=[]);s.gtag=function(){e.push(arguments)},e.push(L)}if(o.meta.length){let e=function(){e.callMethod?e.callMethod.apply(e,[...arguments]):e.queue.push(arguments)};Object.assign(e,{push:e,loaded:!0,version:"2.0",queue:[]}),s.fbq=s._fbq=e}if(o.ph){let e=Object.assign([],{_i:[],people:[]});for(let n of"capture identify alias reset register register_once unregister group setPersonProperties getFeatureFlag isFeatureEnabled onFeatureFlags reloadFeatureFlags get_distinct_id startSessionRecording stopSessionRecording captureException on".split(" "))e[n]=(...t)=>e.push([n,...t]);s.posthog=e}function q(){let e=i.cookie.split("; ").find(r=>r.startsWith(`${o.name}=`))?.slice(o.name.length+1),[n,,t,a]=e?.split(".")??[];return n!==o.v||!t||!a?null:{id:t,c:{analytics:a.includes("a"),marketing:a.includes("m")}}}function F(e){let n=u?.id??Array.from(s.crypto.getRandomValues(new Uint8Array(8)),a=>a.toString(16).padStart(2,"0")).join(""),t=(e.analytics?"a":"")+(e.marketing?"m":"")||"-";return i.cookie=`${o.name}=${o.v}.${Date.now().toString(36)}.${n}.${t}; Path=/; Max-Age=${o.days*86400}; SameSite=Lax`+(o.domain?`; Domain=${o.domain}`:"")+(s.location.protocol==="https:"?"; Secure":""),{id:n,c:e}}function E(e){let n=i.createElement("script");return n.async=!0,n.src=e,i.head.append(n),n}function w(e){let n=[...e.analytics?o.ga:[],...e.marketing?o.ads:[]].filter(t=>!v.has(t));if(n.length){let t=e.marketing?"granted":"denied",a=[p("consent","update",{analytics_storage:e.analytics?"granted":"denied",ad_storage:t,ad_user_data:t,ad_personalization:t})];v.size||a.push(p("js",new Date));for(let r of n)a.push(p("config",r)),v.add(r);if(_)for(let r of a)s.dataLayer.push(r);else{let r=s.dataLayer;r.splice(r.indexOf(L)+1,0,...a),E(`https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(n[0])}`),_=!0}}if(e.marketing&&o.meta.length&&!A&&(A=!0,s.fbq.queue.unshift(...o.meta.map(t=>p("init",t)),p("track","PageView")),E("https://connect.facebook.net/en_US/fbevents.js")),e.analytics&&o.ph&&!S&&(S=!0,s.posthog._i.push([o.ph.key,{api_host:o.ph.host,defaults:"2026-08-30"},"posthog"]),E(`${o.ph.host.replace(".i.posthog.com","-assets.i.posthog.com")}/static/array.js`).crossOrigin="anonymous"),e.marketing)for(let t of i.querySelectorAll("keksi-youtube"))t.show(!0)}function H(e){let n=e.flatMap(c=>o.del[c]),t=c=>n.some(l=>M(l,c)),a=s.location.hostname.split("."),r=["",...a.map((c,l)=>`; Domain=${a.slice(l).join(".")}`)];for(let c of i.cookie.split("; ")){let l=c.split("=")[0];if(t(l))for(let b of r)i.cookie=`${l}=; Max-Age=0; Path=/${b}`}try{for(let c of[s.localStorage,s.sessionStorage])for(let l of Object.keys(c))t(l)&&c.removeItem(l)}catch{}}function g(e){let n=u?.c;u=F(e),y(),i.dispatchEvent(new s.CustomEvent("keksi:change",{detail:{...e}})),H($.filter(t=>!e[t])),$.some(t=>n?.[t]&&!e[t])?s.location.reload():w(e)}function h(e=!1,n=!u||e){let t=f("keksi-banner"),a=f("keksi-settings");!t||!a||(t.hidden=!n,a.hidden=!e,t.firstElementChild.hidden=e)}function y(){h()}function x(){let e=f("keksi-settings");for(let n of $){let t=e?.querySelector(`[name=${n}]`);t&&(t.checked=!!u?.c[n])}h(!0),e?.querySelector(".keksi-close")?.focus()}i.addEventListener("click",e=>{let n=e.target.closest?.("[data-keksi],[data-keksi-open]");if(!n)return;if(n.hasAttribute("data-keksi-open"))return e.preventDefault(),x();let t=n.getAttribute("data-keksi");if(t==="close")h();else if(t==="accept")g({analytics:!0,marketing:!0});else if(t==="reject")g(C);else if(t==="save"){let a=r=>!!f("keksi-settings")?.querySelector(`[name=${r}]`)?.checked;g({analytics:a("analytics"),marketing:a("marketing")})}}),i.addEventListener("keydown",e=>{e.key==="Escape"&&f("keksi-settings")?.hidden===!1&&h()}),i.addEventListener("astro:after-swap",y);class I extends s.HTMLElement{connectedCallback(){this.show(!!u?.c.marketing)}show(n,t=!1){let a=encodeURIComponent(this.getAttribute("video")??""),r=this.getAttribute("label");if(n){if(this.querySelector("iframe"))return;let d=i.createElement("iframe");d.src=`https://www.youtube-nocookie.com/embed/${a}${t?"?autoplay=1":""}`,d.title=r??"YouTube",d.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",d.allowFullscreen=!0,d.referrerPolicy="strict-origin-when-cross-origin",this.replaceChildren(d),t&&d.focus();return}let c=i.createElement("div");c.className="keksi-yt";let l=this.getAttribute("poster");l&&(c.style.background=`linear-gradient(#000a,#000a),center/cover url(${JSON.stringify(l)})`);let b=i.createElement("p");b.textContent=o.t.ytText;let m=i.createElement("button");m.type="button",m.textContent=o.t.ytButton,r&&m.setAttribute("aria-label",`${o.t.ytButton}: ${r}`),m.onclick=()=>this.show(!0,!0);let k=i.createElement("a");k.href=`https://www.youtube.com/watch?v=${a}`,k.target="_blank",k.rel="noopener",k.textContent=o.t.ytOpen,c.append(b,m,k),this.replaceChildren(c)}}o.yt&&!s.customElements.get("keksi-youtube")&&s.customElements.define("keksi-youtube",I);let T={get consent(){return u?{...u.c}:null},open:x,save:e=>g({...u?.c??C,...e}),acceptAll:()=>g({analytics:!0,marketing:!0}),rejectAll:()=>g(C),sync:y};return s.keksi=T,y(),u&&w(u.c),T}j(JSON.parse(document.getElementById("keksi-data").textContent));})();'}</script>`;
 }
 function sections(config, lang, h, dialog) {
   const t = textsFor(config, lang);
@@ -297,7 +339,7 @@ function sections(config, lang, h, dialog) {
     const items = c === "necessary" ? [site] : active.filter((p) => p.category === c).map((p) => ({ ...p, purpose: p.purpose[lang] }));
     const head = c === "necessary" ? `<h${h}>${e(t.necessary)}</h${h}><span>${e(t.alwaysOn)}</span>` : dialog ? `<h${h}><label for="keksi-c-${c}">${e(t[c])}</label></h${h}><input type="checkbox" role="switch" id="keksi-c-${c}" name="${c}" aria-describedby="keksi-i-${c}">` : `<h${h}>${e(t[c])}</h${h}>`;
     const list2 = items.map(
-      (p) => `<div class="keksi-provider"><h${h + 1}>${e(p.name)}</h${h + 1}>${p.purpose ? `<p>${e(p.purpose)}</p>` : ""}` + (p.company && p.privacyPolicy ? `<p>${e(p.company)} \xB7 <a href="${e(p.privacyPolicy)}" target="_blank" rel="noopener">${e(t.privacyPolicy)}</a></p>` + (p.transfer ? `<p>${e(t.dpf)}</p>` : "") : "") + table(p.cookies, t) + `</div>`
+      (p) => `<div class="keksi-provider"><h${h + 1}>${e(p.name)}</h${h + 1}>${p.purpose ? `<p>${e(p.purpose)}</p>` : ""}` + (p.company && p.privacyPolicy ? `<p>${e(p.company)} \xB7 <a href="${e(p.privacyPolicy)}" target="_blank" rel="noopener">${e(t.privacyPolicy)}</a></p>` + (p.transfer ? `<p>${e(t[p.transfer])}</p>` : "") : "") + table(p.cookies, t) + `</div>`
     ).join("");
     const body = dialog ? `<details><summary>${e(t.providers)} (${items.length})</summary>${list2}</details>` : list2;
     return `<section class="keksi-cat"><div class="keksi-cat-head">${head}</div><p id="keksi-i-${c}">${e(t[`${c}Info`])}</p>${body}</section>`;

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import type { Texts } from './i18n.js';
 export type Locale = 'fi' | 'sv' | 'en';
 export type Category = 'analytics' | 'marketing';
-export type ProviderId = 'ga' | 'googleAds' | 'meta' | 'youtube';
+export type ProviderId = 'ga' | 'googleAds' | 'meta' | 'posthog' | 'youtube';
 export type Consent = Record<Category, boolean>;
 export interface KeksiConfig {
     /** GA4 measurement ids, e.g. `G-XXXXXXX`. */
@@ -10,6 +10,11 @@ export interface KeksiConfig {
     googleAds?: string | string[];
     /** Meta Pixel ids. */
     meta?: string | string[];
+    /** PostHog project token and ingestion host (default `https://eu.i.posthog.com`). */
+    posthog?: {
+        key: string;
+        host?: string;
+    };
     /** Enables `<keksi-youtube>` embeds. */
     youtube?: boolean;
     /** Cookie policy page, linked from the banner. */
@@ -40,7 +45,7 @@ export interface CookieInfo {
     duration: Duration;
     /** Third-party host that sets it. Omitted = set on this site, deleted on withdrawal. */
     host?: string;
-    storage?: 'localStorage';
+    storage?: 'localStorage' | 'sessionStorage';
 }
 export interface Provider {
     id: ProviderId;
@@ -49,8 +54,8 @@ export interface Provider {
     company: string;
     privacyPolicy: string;
     purpose: Record<Locale, string>;
-    /** Transfer outside the EU and its legal basis. */
-    transfer?: 'dpf';
+    /** Transfer outside the EU: under the DPF, or to the US with no basis stated. */
+    transfer?: 'dpf' | 'us';
     cookies: CookieInfo[];
     /** Hosts it contacts, for the Playwright check. */
     hosts: string[];
@@ -64,8 +69,12 @@ export interface RuntimeData {
     ga: string[];
     ads: string[];
     meta: string[];
+    ph?: {
+        key: string;
+        host: string;
+    };
     yt: boolean;
-    /** First-party cookie and localStorage names per category, `*` suffix = prefix. */
+    /** First-party cookie and storage names per category, `*` = wildcard. */
     del: Record<Category, string[]>;
     t: Pick<Texts, 'ytText' | 'ytButton' | 'ytOpen'>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keksi",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Lean cookie consent for Google and Meta trackers",
   "license": "MIT",
   "type": "module",