keksi 0.1.3 → 0.1.5

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
 
@@ -99,9 +102,13 @@ fbq('track', 'Lead');
 <keksi-youtube video="aqz-KE-bpKQ" label="Esittelyvideo" poster="/img/poster.jpg"></keksi-youtube>
 ```
 
-- Shows a placeholder until the visitor clicks it, then loads that one video from `youtube-nocookie.com`.
-- With marketing consent, videos load directly.
-- `poster` is optional and should be self-hosted. Thumbnails from YouTube would contact Google before consent.
+- Shows a YouTube-style placeholder. Clicking play is the consent: it's remembered, and all videos load from
+  `youtube-nocookie.com` from then on.
+- Marketing consent in the banner covers YouTube too, and turning it off withdraws YouTube.
+- With YouTube as the only provider, the banner doesn't show by itself. The `data-keksi-open` link still opens the
+  settings for withdrawing.
+- `poster` is optional and should be self-hosted. YouTube's thumbnails come from `i.ytimg.com`, which would contact
+  Google before consent.
 
 ## API
 

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/config.d.ts

@@ -3,6 +3,9 @@ import type { Category, KeksiConfig, Locale, Provider, RuntimeData } from './typ
 export declare function defineConfig(config: KeksiConfig): KeksiConfig;
 export declare function activeProviders(config: KeksiConfig): Provider[];
 export declare function categoriesOf(config: KeksiConfig): Category[];
+/** False when YouTube is the only provider: a click on a video is the consent, so the banner doesn't show by itself. */
+export declare function needsBanner(config: KeksiConfig): boolean;
+export declare function policyOf(config: KeksiConfig, locale: Locale): string | undefined;
 export declare function textsFor(config: KeksiConfig, locale: Locale): Texts;
 /** Changes when a provider is added or removed, which asks everyone again. Ids and texts can change freely. */
 export declare function version(config: KeksiConfig): string;

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",
@@ -32,14 +33,14 @@ var fi = {
   mo: "kuukausi|kuukautta",
   d: "p\xE4iv\xE4|p\xE4iv\xE4\xE4",
   min: "minuutti|minuuttia",
-  ytText: "Video ladataan YouTubesta. YouTube (Google) asettaa ev\xE4steit\xE4 ja voi siirt\xE4\xE4 tietoja Yhdysvaltoihin.",
-  ytButton: "N\xE4yt\xE4 video",
-  ytOpen: "Avaa YouTubessa"
+  ytText: "Toistamalla videon hyv\xE4ksyt YouTuben ev\xE4steet.",
+  ytButton: "Toista video",
+  ytOpen: "Katso YouTubessa"
 };
 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",
@@ -69,14 +71,14 @@ var sv = {
   mo: "m\xE5nad|m\xE5nader",
   d: "dag|dagar",
   min: "minut|minuter",
-  ytText: "Videon laddas fr\xE5n YouTube. YouTube (Google) s\xE4tter kakor och kan \xF6verf\xF6ra uppgifter till USA.",
-  ytButton: "Visa video",
-  ytOpen: "\xD6ppna p\xE5 YouTube"
+  ytText: "Genom att spela upp videon godk\xE4nner du kakor fr\xE5n YouTube.",
+  ytButton: "Spela upp video",
+  ytOpen: "Titta p\xE5 YouTube"
 };
 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",
@@ -106,9 +109,9 @@ var en = {
   mo: "month|months",
   d: "day|days",
   min: "minute|minutes",
-  ytText: "The video loads from YouTube. YouTube (Google) sets cookies and may transfer data to the United States.",
-  ytButton: "Show video",
-  ytOpen: "Open on YouTube"
+  ytText: "By playing the video, you accept cookies from YouTube.",
+  ytButton: "Play video",
+  ytOpen: "Watch on YouTube"
 };
 var texts = { fi, sv, en };
 
@@ -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,12 +226,21 @@ 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));
 }
+function needsBanner(config) {
+  return activeProviders(config).some((p) => p.id !== "youtube");
+}
+function policyOf(config, locale) {
+  return typeof config.policyUrl === "string" ? config.policyUrl : config.policyUrl?.[locale];
+}
 function textsFor(config, locale) {
   return { ...texts[locale], ...config.texts?.[locale] };
 }
@@ -226,48 +261,67 @@ 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,
+    banner: needsBanner(config),
+    policy: policyOf(config, locale),
     del: { analytics: del("analytics"), marketing: del("marketing") },
-    t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen }
+    t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen, more: t.more }
   };
 }
 
 // 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-youtube){display:block;aspect-ratio:16/9;background:#111;color:#fff}",
+  ":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){position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0f0f0f;color:#fff;font-family:Roboto,Arial,sans-serif}",
   ":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}",
-  ":where(.keksi-yt) :where(p){max-width:32rem;margin:0}",
-  ":where(.keksi-yt) :where(a){color:inherit}",
-  ":where(.keksi-yt button){font:inherit;font-weight:600;padding:.6rem 1.25rem;border:0;border-radius:6px;background:#fff;color:#111;cursor:pointer}"
+  ":where(keksi-youtube[label]:has(.keksi-yt))::before{content:attr(label);position:absolute;inset:0 0 auto;z-index:1;padding:1rem 1.25rem 2.5rem;font-size:1.125rem;font-weight:500;background:linear-gradient(#000b,#0000);pointer-events:none}",
+  ":where(.keksi-yt){position:relative;display:grid;grid-template-rows:1fr auto auto;gap:.25rem;height:100%;padding:0 1.25rem 1rem;box-sizing:border-box;font-size:.875rem;line-height:1.45;background:linear-gradient(#0000 55%,#000c),center/cover var(--keksi-poster,none)}",
+  ":where(.keksi-yt) :where(p){margin:0}",
+  ":where(.keksi-yt) :where(p:first-of-type){grid-row:2}",
+  ":where(.keksi-yt) :where(p:last-of-type){grid-row:3;color:#fffc}",
+  ":where(.keksi-yt) :where(a){color:inherit;text-decoration:underline;text-underline-offset:2px}",
+  `:where(.keksi-yt button){position:absolute;inset:0;width:68px;height:48px;margin:auto;padding:0;border:0;font-size:0;color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z' fill='%23f00'/%3E%3Cpath d='M45 24 27 14v20' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat;cursor:pointer;transition:transform .15s}`,
+  ":where(.keksi-yt button:hover){transform:scale(1.08)}"
 ].join("");
 
 // src/render.ts
@@ -277,12 +331,12 @@ function renderKeksi(config, { lang = "fi", nonce } = {}) {
   if (!cats.length) return "";
   const t = textsFor(config, lang);
   const active = activeProviders(config);
-  const policy = typeof config.policyUrl === "string" ? config.policyUrl : config.policyUrl?.[lang];
+  const policy = policyOf(config, lang);
   const n = nonce ? ` nonce="${e(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 F=(n,s)=>new RegExp(`^${n.split("*").map(i=>i.replace(/[.+?^${}()|[\\]\\\\]/g,"\\\\$&")).join(".*")}$`).test(s);var _=["analytics","marketing"],v={analytics:!1,marketing:!1};function f(...n){return arguments}function H(n,s=window){if(typeof s.keksi?.sync=="function")return s.keksi.sync(),s.keksi;let i=s.document,g=e=>i.getElementById(e),c=I(),A=!1,w=!1,L=!1,E=new Set,x=f("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied"});if(n.ga.length||n.ads.length){let e=s.dataLayer??(s.dataLayer=[]);s.gtag=function(){e.push(arguments)},e.push(x)}if(n.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(n.ph){let e=Object.assign([],{_i:[],people:[]});for(let o of"capture identify alias reset register register_once unregister group setPersonProperties getFeatureFlag isFeatureEnabled onFeatureFlags reloadFeatureFlags get_distinct_id startSessionRecording stopSessionRecording captureException on".split(" "))e[o]=(...t)=>e.push([o,...t]);s.posthog=e}function I(){let e=i.cookie.split("; ").find(l=>l.startsWith(`${n.name}=`))?.slice(n.name.length+1),[o,,t,a]=e?.split(".")??[];if(o!==n.v||!t||!a)return null;let r={analytics:a.includes("a"),marketing:a.includes("m")};return{id:t,c:r,yt:r.marketing||a.includes("y"),done:!a.includes("u")}}function T(e,o=e.marketing,t=!0){let a=c?.id??Array.from(s.crypto.getRandomValues(new Uint8Array(8)),l=>l.toString(16).padStart(2,"0")).join(""),r=(t?"":"u")+(e.analytics?"a":"")+(e.marketing?"m":"")+(o&&!e.marketing?"y":"")||"-";return i.cookie=`${n.name}=${n.v}.${Date.now().toString(36)}.${a}.${r}; Path=/; Max-Age=${n.days*86400}; SameSite=Lax`+(n.domain?`; Domain=${n.domain}`:"")+(s.location.protocol==="https:"?"; Secure":""),{id:a,c:e,yt:o,done:t}}function $(e){let o=i.createElement("script");return o.async=!0,o.src=e,i.head.append(o),o}function C(e){let o=[...e.analytics?n.ga:[],...e.marketing?n.ads:[]].filter(t=>!E.has(t));if(o.length){let t=e.marketing?"granted":"denied",a=[f("consent","update",{analytics_storage:e.analytics?"granted":"denied",ad_storage:t,ad_user_data:t,ad_personalization:t})];E.size||a.push(f("js",new Date));for(let r of o)a.push(f("config",r)),E.add(r);if(A)for(let r of a)s.dataLayer.push(r);else{let r=s.dataLayer;r.splice(r.indexOf(x)+1,0,...a),$(`https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(o[0])}`),A=!0}}if(e.marketing&&n.meta.length&&!w&&(w=!0,s.fbq.queue.unshift(...n.meta.map(t=>f("init",t)),f("track","PageView")),$("https://connect.facebook.net/en_US/fbevents.js")),e.analytics&&n.ph&&!L&&(L=!0,s.posthog._i.push([n.ph.key,{api_host:n.ph.host,defaults:"2026-08-30"},"posthog"]),$(`${n.ph.host.replace(".i.posthog.com","-assets.i.posthog.com")}/static/array.js`).crossOrigin="anonymous"),c?.yt)for(let t of i.querySelectorAll("keksi-youtube"))t.show(!0)}function O(){c?.yt||(c=T(c?.c??v,!0,c?.done??!1)),C(c.c)}function R(e){let o=e.flatMap(l=>n.del[l]),t=l=>o.some(u=>F(u,l)),a=s.location.hostname.split("."),r=["",...a.map((l,u)=>`; Domain=${a.slice(u).join(".")}`)];for(let l of i.cookie.split("; ")){let u=l.split("=")[0];if(t(u))for(let b of r)i.cookie=`${u}=; Max-Age=0; Path=/${b}`}try{for(let l of[s.localStorage,s.sessionStorage])for(let u of Object.keys(l))t(u)&&l.removeItem(u)}catch{}}function p(e){let o=c;c=T(e),h(),i.dispatchEvent(new s.CustomEvent("keksi:change",{detail:{...e}})),R(_.filter(t=>!e[t])),_.some(t=>o?.c[t]&&!e[t])||o?.yt&&!c.yt?s.location.reload():C(e)}function y(e=!1,o=n.banner&&!c?.done||e){let t=g("keksi-banner"),a=g("keksi-settings");!t||!a||(t.hidden=!o,a.hidden=!e,t.firstElementChild.hidden=e)}function h(){y()}function M(){let e=g("keksi-settings");for(let o of _){let t=e?.querySelector(`[name=${o}]`);t&&(t.checked=!!c?.c[o])}y(!0),e?.querySelector(".keksi-close")?.focus()}i.addEventListener("click",e=>{let o=e.target.closest?.("[data-keksi],[data-keksi-open]");if(!o)return;if(o.hasAttribute("data-keksi-open"))return e.preventDefault(),M();let t=o.getAttribute("data-keksi");if(t==="close")y();else if(t==="accept")p({analytics:!0,marketing:!0});else if(t==="reject")p(v);else if(t==="save"){let a=r=>!!g("keksi-settings")?.querySelector(`[name=${r}]`)?.checked;p({analytics:a("analytics"),marketing:a("marketing")})}}),i.addEventListener("keydown",e=>{e.key==="Escape"&&g("keksi-settings")?.hidden===!1&&y()}),i.addEventListener("astro:after-swap",h);class D extends s.HTMLElement{connectedCallback(){this.show(!!c?.yt)}show(o,t=!1){let a=encodeURIComponent(this.getAttribute("video")??""),r=this.getAttribute("label");if(o){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 l=i.createElement("div");l.className="keksi-yt";let u=this.getAttribute("poster");u&&l.style.setProperty("--keksi-poster",`url(${JSON.stringify(u)})`);let b=i.createElement("p");b.textContent=n.t.ytText;let m=i.createElement("button");m.type="button",m.textContent=n.t.ytButton,r&&m.setAttribute("aria-label",`${n.t.ytButton}: ${r}`),m.onclick=()=>{this.show(!0,!0),O()};let S=i.createElement("p"),q=(d,N,P=!1)=>{let k=i.createElement("a");k.href=d,k.textContent=N,P&&(k.target="_blank",k.rel="noopener"),S.append(S.childNodes.length?" \\xB7 ":"",k)};q(`https://www.youtube.com/watch?v=${a}`,n.t.ytOpen,!0),n.policy&&q(n.policy,n.t.more),l.append(b,m,S),this.replaceChildren(l)}}n.yt&&!s.customElements.get("keksi-youtube")&&s.customElements.define("keksi-youtube",D);let j={get consent(){return c?.done?{...c.c}:null},open:M,save:e=>p({...c?.c??v,...e}),acceptAll:()=>p({analytics:!0,marketing:!0}),rejectAll:()=>p(v),sync:h};return s.keksi=j,h(),c&&C(c.c),j}H(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 +357,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",
@@ -32,14 +33,14 @@ var fi = {
   mo: "kuukausi|kuukautta",
   d: "p\xE4iv\xE4|p\xE4iv\xE4\xE4",
   min: "minuutti|minuuttia",
-  ytText: "Video ladataan YouTubesta. YouTube (Google) asettaa ev\xE4steit\xE4 ja voi siirt\xE4\xE4 tietoja Yhdysvaltoihin.",
-  ytButton: "N\xE4yt\xE4 video",
-  ytOpen: "Avaa YouTubessa"
+  ytText: "Toistamalla videon hyv\xE4ksyt YouTuben ev\xE4steet.",
+  ytButton: "Toista video",
+  ytOpen: "Katso YouTubessa"
 };
 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",
@@ -69,14 +71,14 @@ var sv = {
   mo: "m\xE5nad|m\xE5nader",
   d: "dag|dagar",
   min: "minut|minuter",
-  ytText: "Videon laddas fr\xE5n YouTube. YouTube (Google) s\xE4tter kakor och kan \xF6verf\xF6ra uppgifter till USA.",
-  ytButton: "Visa video",
-  ytOpen: "\xD6ppna p\xE5 YouTube"
+  ytText: "Genom att spela upp videon godk\xE4nner du kakor fr\xE5n YouTube.",
+  ytButton: "Spela upp video",
+  ytOpen: "Titta p\xE5 YouTube"
 };
 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",
@@ -106,9 +109,9 @@ var en = {
   mo: "month|months",
   d: "day|days",
   min: "minute|minutes",
-  ytText: "The video loads from YouTube. YouTube (Google) sets cookies and may transfer data to the United States.",
-  ytButton: "Show video",
-  ytOpen: "Open on YouTube"
+  ytText: "By playing the video, you accept cookies from YouTube.",
+  ytButton: "Play video",
+  ytOpen: "Watch on YouTube"
 };
 var texts = { fi, sv, en };
 
@@ -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,17 @@ 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 needsBanner(config) {
+  return activeProviders(config).some((p) => p.id !== "youtube");
+}
+function policyOf(config, locale) {
+  return typeof config.policyUrl === "string" ? config.policyUrl : config.policyUrl?.[locale];
 }
 function textsFor(config, locale) {
   return { ...texts[locale], ...config.texts?.[locale] };
@@ -220,9 +255,12 @@ 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,
+    banner: needsBanner(config),
+    policy: policyOf(config, locale),
     del: { analytics: del("analytics"), marketing: del("marketing") },
-    t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen }
+    t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen, more: t.more }
   };
 }
 

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",
@@ -32,14 +33,14 @@ var fi = {
   mo: "kuukausi|kuukautta",
   d: "p\xE4iv\xE4|p\xE4iv\xE4\xE4",
   min: "minuutti|minuuttia",
-  ytText: "Video ladataan YouTubesta. YouTube (Google) asettaa ev\xE4steit\xE4 ja voi siirt\xE4\xE4 tietoja Yhdysvaltoihin.",
-  ytButton: "N\xE4yt\xE4 video",
-  ytOpen: "Avaa YouTubessa"
+  ytText: "Toistamalla videon hyv\xE4ksyt YouTuben ev\xE4steet.",
+  ytButton: "Toista video",
+  ytOpen: "Katso YouTubessa"
 };
 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",
@@ -69,14 +71,14 @@ var sv = {
   mo: "m\xE5nad|m\xE5nader",
   d: "dag|dagar",
   min: "minut|minuter",
-  ytText: "Videon laddas fr\xE5n YouTube. YouTube (Google) s\xE4tter kakor och kan \xF6verf\xF6ra uppgifter till USA.",
-  ytButton: "Visa video",
-  ytOpen: "\xD6ppna p\xE5 YouTube"
+  ytText: "Genom att spela upp videon godk\xE4nner du kakor fr\xE5n YouTube.",
+  ytButton: "Spela upp video",
+  ytOpen: "Titta p\xE5 YouTube"
 };
 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",
@@ -106,9 +109,9 @@ var en = {
   mo: "month|months",
   d: "day|days",
   min: "minute|minutes",
-  ytText: "The video loads from YouTube. YouTube (Google) sets cookies and may transfer data to the United States.",
-  ytButton: "Show video",
-  ytOpen: "Open on YouTube"
+  ytText: "By playing the video, you accept cookies from YouTube.",
+  ytButton: "Play video",
+  ytOpen: "Watch on YouTube"
 };
 var texts = { fi, sv, en };
 
@@ -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,12 +223,21 @@ 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));
 }
+function needsBanner(config) {
+  return activeProviders(config).some((p) => p.id !== "youtube");
+}
+function policyOf(config, locale) {
+  return typeof config.policyUrl === "string" ? config.policyUrl : config.policyUrl?.[locale];
+}
 function textsFor(config, locale) {
   return { ...texts[locale], ...config.texts?.[locale] };
 }
@@ -223,48 +258,67 @@ 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,
+    banner: needsBanner(config),
+    policy: policyOf(config, locale),
     del: { analytics: del("analytics"), marketing: del("marketing") },
-    t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen }
+    t: { ytText: t.ytText, ytButton: t.ytButton, ytOpen: t.ytOpen, more: t.more }
   };
 }
 
 // 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-youtube){display:block;aspect-ratio:16/9;background:#111;color:#fff}",
+  ":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){position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0f0f0f;color:#fff;font-family:Roboto,Arial,sans-serif}",
   ":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}",
-  ":where(.keksi-yt) :where(p){max-width:32rem;margin:0}",
-  ":where(.keksi-yt) :where(a){color:inherit}",
-  ":where(.keksi-yt button){font:inherit;font-weight:600;padding:.6rem 1.25rem;border:0;border-radius:6px;background:#fff;color:#111;cursor:pointer}"
+  ":where(keksi-youtube[label]:has(.keksi-yt))::before{content:attr(label);position:absolute;inset:0 0 auto;z-index:1;padding:1rem 1.25rem 2.5rem;font-size:1.125rem;font-weight:500;background:linear-gradient(#000b,#0000);pointer-events:none}",
+  ":where(.keksi-yt){position:relative;display:grid;grid-template-rows:1fr auto auto;gap:.25rem;height:100%;padding:0 1.25rem 1rem;box-sizing:border-box;font-size:.875rem;line-height:1.45;background:linear-gradient(#0000 55%,#000c),center/cover var(--keksi-poster,none)}",
+  ":where(.keksi-yt) :where(p){margin:0}",
+  ":where(.keksi-yt) :where(p:first-of-type){grid-row:2}",
+  ":where(.keksi-yt) :where(p:last-of-type){grid-row:3;color:#fffc}",
+  ":where(.keksi-yt) :where(a){color:inherit;text-decoration:underline;text-underline-offset:2px}",
+  `:where(.keksi-yt button){position:absolute;inset:0;width:68px;height:48px;margin:auto;padding:0;border:0;font-size:0;color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z' fill='%23f00'/%3E%3Cpath d='M45 24 27 14v20' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat;cursor:pointer;transition:transform .15s}`,
+  ":where(.keksi-yt button:hover){transform:scale(1.08)}"
 ].join("");
 
 // src/render.ts
@@ -274,12 +328,12 @@ function renderKeksi(config, { lang = "fi", nonce } = {}) {
   if (!cats.length) return "";
   const t = textsFor(config, lang);
   const active = activeProviders(config);
-  const policy = typeof config.policyUrl === "string" ? config.policyUrl : config.policyUrl?.[lang];
+  const policy = policyOf(config, lang);
   const n = nonce ? ` nonce="${e(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 F=(n,s)=>new RegExp(`^${n.split("*").map(i=>i.replace(/[.+?^${}()|[\\]\\\\]/g,"\\\\$&")).join(".*")}$`).test(s);var _=["analytics","marketing"],v={analytics:!1,marketing:!1};function f(...n){return arguments}function H(n,s=window){if(typeof s.keksi?.sync=="function")return s.keksi.sync(),s.keksi;let i=s.document,g=e=>i.getElementById(e),c=I(),A=!1,w=!1,L=!1,E=new Set,x=f("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied"});if(n.ga.length||n.ads.length){let e=s.dataLayer??(s.dataLayer=[]);s.gtag=function(){e.push(arguments)},e.push(x)}if(n.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(n.ph){let e=Object.assign([],{_i:[],people:[]});for(let o of"capture identify alias reset register register_once unregister group setPersonProperties getFeatureFlag isFeatureEnabled onFeatureFlags reloadFeatureFlags get_distinct_id startSessionRecording stopSessionRecording captureException on".split(" "))e[o]=(...t)=>e.push([o,...t]);s.posthog=e}function I(){let e=i.cookie.split("; ").find(l=>l.startsWith(`${n.name}=`))?.slice(n.name.length+1),[o,,t,a]=e?.split(".")??[];if(o!==n.v||!t||!a)return null;let r={analytics:a.includes("a"),marketing:a.includes("m")};return{id:t,c:r,yt:r.marketing||a.includes("y"),done:!a.includes("u")}}function T(e,o=e.marketing,t=!0){let a=c?.id??Array.from(s.crypto.getRandomValues(new Uint8Array(8)),l=>l.toString(16).padStart(2,"0")).join(""),r=(t?"":"u")+(e.analytics?"a":"")+(e.marketing?"m":"")+(o&&!e.marketing?"y":"")||"-";return i.cookie=`${n.name}=${n.v}.${Date.now().toString(36)}.${a}.${r}; Path=/; Max-Age=${n.days*86400}; SameSite=Lax`+(n.domain?`; Domain=${n.domain}`:"")+(s.location.protocol==="https:"?"; Secure":""),{id:a,c:e,yt:o,done:t}}function $(e){let o=i.createElement("script");return o.async=!0,o.src=e,i.head.append(o),o}function C(e){let o=[...e.analytics?n.ga:[],...e.marketing?n.ads:[]].filter(t=>!E.has(t));if(o.length){let t=e.marketing?"granted":"denied",a=[f("consent","update",{analytics_storage:e.analytics?"granted":"denied",ad_storage:t,ad_user_data:t,ad_personalization:t})];E.size||a.push(f("js",new Date));for(let r of o)a.push(f("config",r)),E.add(r);if(A)for(let r of a)s.dataLayer.push(r);else{let r=s.dataLayer;r.splice(r.indexOf(x)+1,0,...a),$(`https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(o[0])}`),A=!0}}if(e.marketing&&n.meta.length&&!w&&(w=!0,s.fbq.queue.unshift(...n.meta.map(t=>f("init",t)),f("track","PageView")),$("https://connect.facebook.net/en_US/fbevents.js")),e.analytics&&n.ph&&!L&&(L=!0,s.posthog._i.push([n.ph.key,{api_host:n.ph.host,defaults:"2026-08-30"},"posthog"]),$(`${n.ph.host.replace(".i.posthog.com","-assets.i.posthog.com")}/static/array.js`).crossOrigin="anonymous"),c?.yt)for(let t of i.querySelectorAll("keksi-youtube"))t.show(!0)}function O(){c?.yt||(c=T(c?.c??v,!0,c?.done??!1)),C(c.c)}function R(e){let o=e.flatMap(l=>n.del[l]),t=l=>o.some(u=>F(u,l)),a=s.location.hostname.split("."),r=["",...a.map((l,u)=>`; Domain=${a.slice(u).join(".")}`)];for(let l of i.cookie.split("; ")){let u=l.split("=")[0];if(t(u))for(let b of r)i.cookie=`${u}=; Max-Age=0; Path=/${b}`}try{for(let l of[s.localStorage,s.sessionStorage])for(let u of Object.keys(l))t(u)&&l.removeItem(u)}catch{}}function p(e){let o=c;c=T(e),h(),i.dispatchEvent(new s.CustomEvent("keksi:change",{detail:{...e}})),R(_.filter(t=>!e[t])),_.some(t=>o?.c[t]&&!e[t])||o?.yt&&!c.yt?s.location.reload():C(e)}function y(e=!1,o=n.banner&&!c?.done||e){let t=g("keksi-banner"),a=g("keksi-settings");!t||!a||(t.hidden=!o,a.hidden=!e,t.firstElementChild.hidden=e)}function h(){y()}function M(){let e=g("keksi-settings");for(let o of _){let t=e?.querySelector(`[name=${o}]`);t&&(t.checked=!!c?.c[o])}y(!0),e?.querySelector(".keksi-close")?.focus()}i.addEventListener("click",e=>{let o=e.target.closest?.("[data-keksi],[data-keksi-open]");if(!o)return;if(o.hasAttribute("data-keksi-open"))return e.preventDefault(),M();let t=o.getAttribute("data-keksi");if(t==="close")y();else if(t==="accept")p({analytics:!0,marketing:!0});else if(t==="reject")p(v);else if(t==="save"){let a=r=>!!g("keksi-settings")?.querySelector(`[name=${r}]`)?.checked;p({analytics:a("analytics"),marketing:a("marketing")})}}),i.addEventListener("keydown",e=>{e.key==="Escape"&&g("keksi-settings")?.hidden===!1&&y()}),i.addEventListener("astro:after-swap",h);class D extends s.HTMLElement{connectedCallback(){this.show(!!c?.yt)}show(o,t=!1){let a=encodeURIComponent(this.getAttribute("video")??""),r=this.getAttribute("label");if(o){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 l=i.createElement("div");l.className="keksi-yt";let u=this.getAttribute("poster");u&&l.style.setProperty("--keksi-poster",`url(${JSON.stringify(u)})`);let b=i.createElement("p");b.textContent=n.t.ytText;let m=i.createElement("button");m.type="button",m.textContent=n.t.ytButton,r&&m.setAttribute("aria-label",`${n.t.ytButton}: ${r}`),m.onclick=()=>{this.show(!0,!0),O()};let S=i.createElement("p"),q=(d,N,P=!1)=>{let k=i.createElement("a");k.href=d,k.textContent=N,P&&(k.target="_blank",k.rel="noopener"),S.append(S.childNodes.length?" \\xB7 ":"",k)};q(`https://www.youtube.com/watch?v=${a}`,n.t.ytOpen,!0),n.policy&&q(n.policy,n.t.more),l.append(b,m,S),this.replaceChildren(l)}}n.yt&&!s.customElements.get("keksi-youtube")&&s.customElements.define("keksi-youtube",D);let j={get consent(){return c?.done?{...c.c}:null},open:M,save:e=>p({...c?.c??v,...e}),acceptAll:()=>p({analytics:!0,marketing:!0}),rejectAll:()=>p(v),sync:h};return s.keksi=j,h(),c&&C(c.c),j}H(JSON.parse(document.getElementById("keksi-data").textContent));})();'}</script>`;
 }
 function sections(config, lang, h, dialog) {
   const t = textsFor(config, lang);
@@ -297,7 +351,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,15 @@ 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. */
+    /** False with YouTube only: the settings exist but the banner doesn't show by itself. */
+    banner: boolean;
+    policy?: string;
+    /** First-party cookie and storage names per category, `*` = wildcard. */
     del: Record<Category, string[]>;
-    t: Pick<Texts, 'ytText' | 'ytButton' | 'ytOpen'>;
+    t: Pick<Texts, 'ytText' | 'ytButton' | 'ytOpen' | 'more'>;
 }

package/package.json

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