@escape-game-over/atlas 0.1.59 → 0.1.61

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@escape-game-over/atlas",
-    "version": "0.1.59",
+    "version": "0.1.61",
     "type": "module",
     "description": "Typed, data-driven machinery for static multi-locale, multi-deployment Astro sites.",
     "private": false,

package/src/analytics/axon-pixel.ts

@@ -1,7 +1,12 @@
 import { warn } from "../warn.ts";
 import { UUID } from "./snap-pixel.ts";
 
-/** AppLovin's Axon pixel. Marketing: it loads only once a visitor grants that. */
+/**
+ * AppLovin's Axon pixel. Marketing: it loads only once a visitor grants that.
+ *
+ * @see https://support.applovin.com/en/growth/promoting-your-websites/axon-pixel-integration/axon-pixel-native-js
+ * @see https://support.applovin.com/en/growth/promoting-your-websites/axon-pixel-integration/events-and-objects
+ */
 export interface AxonPixelSettings {
     /** From the Axon dashboard: a UUID. */
     readonly eventKey: string;

package/src/analytics/clarity.ts

@@ -0,0 +1,29 @@
+import { warn } from "../warn.ts";
+
+/**
+ * Microsoft Clarity. It has a cookieless mode, so like Google it loads for
+ * every visitor: without consent it records each page view on its own and sets
+ * no cookie, and the visitor's answer switches its cookies on or off.
+ *
+ * @see https://learn.microsoft.com/en-us/clarity/setup-and-installation/clarity-setup
+ * @see https://learn.microsoft.com/en-us/clarity/setup-and-installation/consent-mode
+ * @see https://learn.microsoft.com/en-us/clarity/setup-and-installation/clarity-consent-api-v2
+ */
+export interface ClaritySettings {
+    /** From the Clarity project's settings: 10 lowercase letters and digits. */
+    readonly projectId: string;
+}
+
+/** Warns about an id that is not a project id: it would report nowhere. */
+export function checkClarity(
+    clarity: ClaritySettings | undefined,
+    at: string
+): void {
+    if (clarity === undefined || /^[a-z0-9]{10}$/.test(clarity.projectId)) {
+        return;
+    }
+    warn(
+        at,
+        `Clarity project id "${clarity.projectId}" is not 10 lowercase letters and digits, so it reports nowhere. Copy it from the Clarity project's settings.`
+    );
+}

package/src/analytics/drip.ts

@@ -1,6 +1,10 @@
 import { warn } from "../warn.ts";
 
-/** Drip's site tracking. Marketing: it loads only once a visitor grants that. */
+/**
+ * Drip's site tracking. Marketing: it loads only once a visitor grants that.
+ *
+ * @see https://help.drip.com/hc/en-us/articles/4424702539789-Install-Your-JavaScript-Snippet
+ */
 export interface DripSettings {
     /** From Drip's Site Setup: digits, the `_dcs.account` of its snippet. */
     readonly accountId: string;

package/src/analytics/index.ts

@@ -1,6 +1,7 @@
 import type { MetaTag } from "../meta/tag.ts";
 import type { HttpsUrl } from "../url.ts";
 import { type AxonPixelSettings, checkAxonPixel } from "./axon-pixel.ts";
+import { type ClaritySettings, checkClarity } from "./clarity.ts";
 import { checkDrip, type DripSettings } from "./drip.ts";
 import { type GoogleSettings, googleEmits, googleScripts } from "./google.ts";
 import { checkMetaPixel, type MetaPixelSettings } from "./meta-pixel.ts";
@@ -29,6 +30,7 @@ import {
  */
 
 export type { AxonPixelSettings } from "./axon-pixel.ts";
+export type { ClaritySettings } from "./clarity.ts";
 export type { DripSettings } from "./drip.ts";
 export {
     CONSENT_UPDATE_GLOBAL,
@@ -60,6 +62,8 @@ export interface AnalyticsSettings {
     readonly axon?: AxonPixelSettings;
     /** Loaded by `ConsentBanner`, after marketing is granted. */
     readonly drip?: DripSettings;
+    /** Loaded by `ConsentBanner` for every visitor, cookieless until analytics is granted. */
+    readonly clarity?: ClaritySettings;
 }
 
 /**
@@ -85,6 +89,7 @@ export function analyticsScripts(
     checkSnapPixel(analytics.snapchat, origin);
     checkAxonPixel(analytics.axon, origin);
     checkDrip(analytics.drip, origin);
+    checkClarity(analytics.clarity, origin);
     const google = googleScripts(analytics.google, origin);
     return {
         head: [...google.head, ...umamiScripts(analytics.umami)],
@@ -133,6 +138,9 @@ export function consentVendors(
         axon: analytics.axon !== undefined,
         // No consent mode at all.
         drip: analytics.drip !== undefined,
+        // Cookieless without consent, but the answer is what switches its
+        // cookies on, so it needs the banner.
+        clarity: analytics.clarity !== undefined,
     };
 
     return (Object.keys(VENDORS) as (keyof AnalyticsSettings)[]).filter(

package/src/analytics/meta-pixel.ts

@@ -1,7 +1,13 @@
 import type { NonEmpty } from "../types.ts";
 import { warn } from "../warn.ts";
 
-/** Meta's pixel. Marketing: it loads only once a visitor grants that. */
+/**
+ * Meta's pixel. Marketing: it loads only once a visitor grants that.
+ *
+ * @see https://developers.facebook.com/docs/meta-pixel/get-started
+ * @see https://developers.facebook.com/docs/meta-pixel/reference
+ * @see https://developers.facebook.com/docs/meta-pixel/implementation/gdpr
+ */
 export interface MetaPixelSettings {
     /** From Events Manager: 15 or 16 digits. Several share one script. */
     readonly pixelIds: NonEmpty<string>;

package/src/analytics/snap-pixel.ts

@@ -1,7 +1,12 @@
 import type { NonEmpty } from "../types.ts";
 import { warn } from "../warn.ts";
 
-/** Snapchat's pixel. Marketing: it loads only once a visitor grants that. */
+/**
+ * Snapchat's pixel. Marketing: it loads only once a visitor grants that.
+ *
+ * @see https://businesshelp.snapchat.com/s/article/pixel-direct-implementation
+ * @see https://forbusiness.snapchat.com/en-US/blog/the-snap-pixel-how-it-works-and-how-to-install-it
+ */
 export interface SnapPixelSettings {
     /** From Snap's Events Manager: a UUID. */
     readonly pixelIds: NonEmpty<string>;

package/src/analytics/tiktok-pixel.ts

@@ -1,7 +1,13 @@
 import type { NonEmpty } from "../types.ts";
 import { warn } from "../warn.ts";
 
-/** TikTok's pixel. Marketing: it loads only once a visitor grants that. */
+/**
+ * TikTok's pixel. Marketing: it loads only once a visitor grants that.
+ *
+ * @see https://ads.tiktok.com/help/article/get-started-pixel
+ * @see https://ads.tiktok.com/help/article/standard-events-parameters
+ * @see https://ads.tiktok.com/help/article/how-to-use-cookies-with-tiktok-pixel
+ */
 export interface TikTokPixelSettings {
     /** From TikTok Events Manager: 20 capital letters and digits. */
     readonly pixelIds: NonEmpty<string>;

package/src/astro/ConsentBanner.astro

@@ -5,34 +5,37 @@
  * buttons.
  *
  * Renders nothing — and ships no script — when this site's analytics need no
- * permission. Also loads the vendors that wait for consent, such as the Meta, TikTok, Snap and Axon pixels and Drip. Otherwise the banner starts hidden and shows only to a visitor
+ * permission. Otherwise the banner starts hidden and shows only to a visitor
  * with no answer on record, or when a `data-consent-reopen` control is pressed.
+ *
+ * It also starts the vendors that wait on the answer — the Meta, TikTok, Snap
+ * and Axon pixels, Drip and Clarity — fetching each one's code only once its
+ * category is granted.
  */
 import type { HTMLAttributes } from "astro/types";
 import { type AnalyticsSettings, consentRequired } from "../analytics/index.ts";
-import AxonPixel from "./AxonPixel.astro";
 import ConsentElement from "./ConsentElement.astro";
-import Drip from "./Drip.astro";
-import MetaPixel from "./MetaPixel.astro";
-import SnapPixel from "./SnapPixel.astro";
-import TikTokPixel from "./TikTokPixel.astro";
+import type { ConsentVendors } from "./consent-vendors.ts";
 
 type Props = HTMLAttributes<"div"> & {
     readonly analytics: AnalyticsSettings | undefined;
 };
 
 const { analytics, ...attrs } = Astro.props;
+const vendors: ConsentVendors = {
+    meta: analytics?.meta,
+    tiktok: analytics?.tiktok,
+    snapchat: analytics?.snapchat,
+    axon: analytics?.axon,
+    drip: analytics?.drip,
+    clarity: analytics?.clarity,
+};
 ---
 
 {consentRequired(analytics) && (
-    <>
-        <ConsentElement {...attrs}>
-            <slot />
-        </ConsentElement>
-        {analytics?.meta && <MetaPixel settings={analytics.meta} />}
-        {analytics?.tiktok && <TikTokPixel settings={analytics.tiktok} />}
-        {analytics?.snapchat && <SnapPixel settings={analytics.snapchat} />}
-        {analytics?.axon && <AxonPixel settings={analytics.axon} />}
-        {analytics?.drip && <Drip settings={analytics.drip} />}
-    </>
+    <ConsentElement
+        {...attrs}
+        vendors={vendors}>
+        <slot />
+    </ConsentElement>
 )}

package/src/astro/ConsentElement.astro

@@ -3,15 +3,21 @@
 import type { HTMLAttributes } from "astro/types";
 import AtlasElement from "./AtlasElement.astro";
 import { consentBanner } from "./consent-element.ts";
+import type { ConsentVendors } from "./consent-vendors.ts";
 
-type Props = HTMLAttributes<"div">;
+type Props = HTMLAttributes<"div"> & {
+    readonly vendors: ConsentVendors;
+};
+
+const { vendors, ...attrs } = Astro.props;
 ---
 
 <script src="./consent-element.ts" />
 
 <AtlasElement
     of={consentBanner}
-    {...Astro.props}
+    {...attrs}
+    data-vendors={JSON.stringify(vendors)}
     hidden
     role="dialog"
     aria-modal="false"

package/src/astro/GoogleMap.astro

@@ -11,6 +11,11 @@
  *
  * Give the element its size; the map fills it.
  *
+ * @see https://developers.google.com/maps/documentation/javascript/load-maps-js-api
+ * @see https://developers.google.com/maps/documentation/javascript/advanced-markers/overview
+ * @see https://developers.google.com/maps/documentation/get-map-id
+ * @see https://developers.google.com/maps/billing-and-pricing/pricing
+ *
  * ```astro
  * <GoogleMap apiKey={key} mapId={id} colorScheme="DARK" places={[{ at, label, href }]} class="block h-96">
  *     <button type="button">Show map</button>

package/src/astro/axon-pixel.ts

@@ -1,8 +1,5 @@
 import { appendScript } from "./append-script.ts";
 import type { ConsentGated } from "./consent-gate.ts";
-import { whenGranted } from "./consent-gate.ts";
-import { element } from "./element.ts";
-import { data } from "./ref.ts";
 
 /** Axon's `axon`: a queue until its scripts arrive and replay it. */
 interface Axon {
@@ -62,11 +59,3 @@ export function axonPixel(eventKey: string): ConsentGated {
         },
     };
 }
-
-/** Internal to `AxonPixel.astro`. */
-export const axonPixelElement = element(
-    "atlas-axon-pixel",
-    ({ root, signal }) => {
-        whenGranted("marketing", axonPixel(data(root, "event-key")), signal);
-    }
-);

package/src/astro/clarity-event.ts

@@ -0,0 +1,15 @@
+/** What `clarity.ts` defines once the page has loaded. */
+interface ClarityWindow {
+    clarity?: (...args: unknown[]) => void;
+}
+
+/**
+ * Marks the current Clarity recording with a named event — a form sent, a
+ * booking opened — so recordings can be filtered by it.
+ *
+ * Sent with or without consent: Clarity records either way, and without it
+ * sets no cookie. Dropped before Clarity loads, or where it is not configured.
+ */
+export function clarityEvent(name: string): void {
+    (window as unknown as ClarityWindow).clarity?.("event", name);
+}

package/src/astro/clarity.ts

@@ -0,0 +1,53 @@
+import { appendScript } from "./append-script.ts";
+import type { ConsentChoices } from "./consent.ts";
+
+/** Clarity's `clarity`: a queue until its script arrives and replays it. */
+interface Clarity {
+    (...args: unknown[]): void;
+    q?: unknown[];
+}
+
+interface ClarityWindow {
+    clarity?: Clarity;
+}
+
+/** Clarity's own base code, as it defines `clarity` before the script loads. */
+function defineClarity(): Clarity {
+    const global = window as unknown as ClarityWindow;
+    if (global.clarity !== undefined) return global.clarity;
+    // `arguments` is the list of whatever a call passed, which every regular
+    // `function` gets without declaring it (an arrow function does not). The
+    // queue stores that object rather than an array because Clarity's official
+    // snippet does: it is the shape Clarity promises its script will replay.
+    const clarity = function () {
+        // biome-ignore lint/complexity/noArguments: see above.
+        const args = arguments;
+        clarity.q ??= [];
+        clarity.q.push(args);
+    } as Clarity;
+    global.clarity = clarity;
+    return clarity;
+}
+
+/** Clarity's consent call, in its own spelling. */
+const consentv2 = (choices: ConsentChoices) => ({
+    ad_Storage: choices.marketing,
+    analytics_Storage: choices.analytics,
+});
+
+/**
+ * Clarity, loaded with the first answer passed to what this returns, which
+ * `startVendors` calls with the answer so far and then every new one. Stated
+ * even when denied: a Clarity project set to use cookies by default would
+ * otherwise set them before anyone was asked.
+ */
+export function clarity(projectId: string): (choices: ConsentChoices) => void {
+    let loaded = false;
+    return (choices) => {
+        const queue = defineClarity();
+        queue("consentv2", consentv2(choices));
+        if (loaded) return;
+        loaded = true;
+        appendScript(`https://www.clarity.ms/tag/${projectId}`);
+    };
+}

package/src/astro/client.ts

@@ -13,6 +13,7 @@ export * from "./attribution.ts";
 export * from "./axon-event.ts";
 export * from "./background-video.ts";
 export * from "./carousel.ts";
+export * from "./clarity-event.ts";
 // Reading only: a form that reports what the visitor agreed to. Recording an
 // answer stays with the banner.
 export { type ConsentRecord, readConsent } from "./consent.ts";

package/src/astro/consent-element.ts

@@ -7,6 +7,7 @@ import {
     readConsent,
     recordConsent,
 } from "./consent.ts";
+import { startVendors } from "./consent-vendors.ts";
 import { element } from "./element.ts";
 import { data, ref, refs } from "./ref.ts";
 
@@ -38,6 +39,8 @@ import { data, ref, refs } from "./ref.ts";
  * withdraw.
  */
 export const consentBanner = element(CONSENT_TAG, ({ root, signal }) => {
+    startVendors(JSON.parse(data(root, "vendors")), signal);
+
     const boxes = refs<HTMLInputElement>(root, "[data-consent-category]").map(
         (box) => {
             const category = data(box, "consent-category");

package/src/astro/consent-gate.ts

@@ -46,3 +46,24 @@ export function whenGranted(
         { signal }
     );
 }
+
+/**
+ * For a vendor with a cookieless mode, which loads whatever the answer: after
+ * `load`, `apply` gets the answer so far (everything denied until one is
+ * given), then every answer given on this page.
+ */
+export function withConsent(
+    apply: (choices: ConsentChoices) => void,
+    signal?: AbortSignal
+): void {
+    const start = () => {
+        apply(readConsent() ?? { analytics: "denied", marketing: "denied" });
+        addEventListener(
+            CONSENT_EVENT,
+            (event) => apply((event as CustomEvent<ConsentChoices>).detail),
+            { signal }
+        );
+    };
+    if (document.readyState === "complete") start();
+    else addEventListener("load", start, { once: true, signal });
+}

package/src/astro/consent-vendors.ts

@@ -0,0 +1,100 @@
+import type { AnalyticsSettings } from "../analytics/index.ts";
+import type { ConsentChoices } from "./consent.ts";
+import { type ConsentGated, whenGranted, withConsent } from "./consent-gate.ts";
+import { reportDevError } from "./dev-log.ts";
+
+/** The vendors the banner starts: the analytics settings loaded in the browser. */
+export type ConsentVendors = Pick<
+    AnalyticsSettings,
+    "meta" | "tiktok" | "snapchat" | "axon" | "drip" | "clarity"
+>;
+
+/**
+ * A vendor whose code is fetched on its first grant, not with the page. Calls
+ * wait on the one import, so they reach the vendor in the order they were made.
+ */
+function lazy(load: () => Promise<ConsentGated>): ConsentGated {
+    let vendor: Promise<ConsentGated | undefined> | undefined;
+    const loaded = () => {
+        vendor ??= load().catch((error) => {
+            reportDevError("consent vendors", error);
+            return undefined;
+        });
+        return vendor;
+    };
+    return {
+        grant: () => {
+            loaded().then((ready) => ready?.grant());
+        },
+        revoke: () => {
+            vendor?.then((ready) => ready?.revoke?.());
+        },
+    };
+}
+
+/**
+ * Starts every configured vendor. Nothing vendor-specific is downloaded until
+ * its consent category is granted — except Clarity, which runs cookieless
+ * without consent and so loads with the page.
+ */
+export function startVendors(
+    vendors: ConsentVendors,
+    signal?: AbortSignal
+): void {
+    const { meta, tiktok, snapchat, axon, drip, clarity } = vendors;
+    if (meta !== undefined) {
+        whenGranted(
+            "marketing",
+            lazy(async () =>
+                (await import("./meta-pixel.ts")).metaPixel(meta.pixelIds)
+            ),
+            signal
+        );
+    }
+    if (tiktok !== undefined) {
+        whenGranted(
+            "marketing",
+            lazy(async () =>
+                (await import("./tiktok-pixel.ts")).tiktokPixel(tiktok.pixelIds)
+            ),
+            signal
+        );
+    }
+    if (snapchat !== undefined) {
+        whenGranted(
+            "marketing",
+            lazy(async () =>
+                (await import("./snap-pixel.ts")).snapPixel(snapchat.pixelIds)
+            ),
+            signal
+        );
+    }
+    if (axon !== undefined) {
+        whenGranted(
+            "marketing",
+            lazy(async () =>
+                (await import("./axon-pixel.ts")).axonPixel(axon.eventKey)
+            ),
+            signal
+        );
+    }
+    if (drip !== undefined) {
+        whenGranted(
+            "marketing",
+            lazy(async () => (await import("./drip.ts")).drip(drip.accountId)),
+            signal
+        );
+    }
+    if (clarity !== undefined) {
+        let apply: Promise<((choices: ConsentChoices) => void) | undefined>;
+        withConsent((choices) => {
+            apply ??= import("./clarity.ts")
+                .then((module) => module.clarity(clarity.projectId))
+                .catch((error) => {
+                    reportDevError("consent vendors", error);
+                    return undefined;
+                });
+            apply.then((ready) => ready?.(choices));
+        }, signal);
+    }
+}

package/src/astro/drip.ts

@@ -1,8 +1,5 @@
 import { appendScript } from "./append-script.ts";
 import type { ConsentGated } from "./consent-gate.ts";
-import { whenGranted } from "./consent-gate.ts";
-import { element } from "./element.ts";
-import { data } from "./ref.ts";
 
 /** Drip's globals: a queue of calls, and the account its script reports to. */
 interface DripWindow {
@@ -30,8 +27,3 @@ export function drip(accountId: string): ConsentGated {
         },
     };
 }
-
-/** Internal to `Drip.astro`. */
-export const dripElement = element("atlas-drip", ({ root, signal }) => {
-    whenGranted("marketing", drip(data(root, "account-id")), signal);
-});

package/src/astro/meta-pixel.ts

@@ -1,8 +1,5 @@
 import { appendScript } from "./append-script.ts";
 import type { ConsentGated } from "./consent-gate.ts";
-import { whenGranted } from "./consent-gate.ts";
-import { element } from "./element.ts";
-import { data } from "./ref.ts";
 
 /** Meta's `fbq`: a queue until `fbevents.js` arrives and replays it. */
 interface Fbq {
@@ -64,15 +61,3 @@ export function metaPixel(pixelIds: readonly string[]): ConsentGated {
         },
     };
 }
-
-/** Internal to `MetaPixel.astro`. */
-export const metaPixelElement = element(
-    "atlas-meta-pixel",
-    ({ root, signal }) => {
-        whenGranted(
-            "marketing",
-            metaPixel(JSON.parse(data(root, "pixel-ids"))),
-            signal
-        );
-    }
-);

package/src/astro/snap-pixel.ts

@@ -1,8 +1,5 @@
 import { appendScript } from "./append-script.ts";
 import type { ConsentGated } from "./consent-gate.ts";
-import { whenGranted } from "./consent-gate.ts";
-import { element } from "./element.ts";
-import { data } from "./ref.ts";
 
 /** Snap's `snaptr`: a queue until `scevent.min.js` arrives and replays it. */
 interface Snaptr {
@@ -55,15 +52,3 @@ export function snapPixel(pixelIds: readonly string[]): ConsentGated {
         },
     };
 }
-
-/** Internal to `SnapPixel.astro`. */
-export const snapPixelElement = element(
-    "atlas-snap-pixel",
-    ({ root, signal }) => {
-        whenGranted(
-            "marketing",
-            snapPixel(JSON.parse(data(root, "pixel-ids"))),
-            signal
-        );
-    }
-);

package/src/astro/tiktok-pixel.ts

@@ -1,8 +1,5 @@
 import { appendScript } from "./append-script.ts";
 import type { ConsentGated } from "./consent-gate.ts";
-import { whenGranted } from "./consent-gate.ts";
-import { element } from "./element.ts";
-import { data } from "./ref.ts";
 
 /** TikTok's `ttq`: a queue of calls until `events.js` arrives and replays it. */
 interface Ttq extends Array<unknown> {
@@ -98,15 +95,3 @@ export function tiktokPixel(pixelIds: readonly string[]): ConsentGated {
         },
     };
 }
-
-/** Internal to `TikTokPixel.astro`. */
-export const tiktokPixelElement = element(
-    "atlas-tiktok-pixel",
-    ({ root, signal }) => {
-        whenGranted(
-            "marketing",
-            tiktokPixel(JSON.parse(data(root, "pixel-ids"))),
-            signal
-        );
-    }
-);

package/src/index.ts

@@ -23,6 +23,7 @@ export {
     type AnalyticsSettings,
     type AnalyticsTags,
     type AxonPixelSettings,
+    type ClaritySettings,
     CONSENT_UPDATE_GLOBAL,
     type ConsentDefaults,
     type ConsentState,

package/src/astro/AxonPixel.astro

@@ -1,18 +0,0 @@
----
-/** Internal to `ConsentBanner.astro`, so the pixel's script ships only where it is configured. */
-import type { AxonPixelSettings } from "../analytics/axon-pixel.ts";
-import AtlasElement from "./AtlasElement.astro";
-import { axonPixelElement } from "./axon-pixel.ts";
-
-interface Props {
-    readonly settings: AxonPixelSettings;
-}
----
-
-<script src="./axon-pixel.ts" />
-
-<AtlasElement
-    of={axonPixelElement}
-    data-event-key={Astro.props.settings.eventKey}
-    hidden
-/>

package/src/astro/Drip.astro

@@ -1,18 +0,0 @@
----
-/** Internal to `ConsentBanner.astro`, so Drip's script ships only where it is configured. */
-import type { DripSettings } from "../analytics/drip.ts";
-import AtlasElement from "./AtlasElement.astro";
-import { dripElement } from "./drip.ts";
-
-interface Props {
-    readonly settings: DripSettings;
-}
----
-
-<script src="./drip.ts" />
-
-<AtlasElement
-    of={dripElement}
-    data-account-id={Astro.props.settings.accountId}
-    hidden
-/>

package/src/astro/MetaPixel.astro

@@ -1,18 +0,0 @@
----
-/** Internal to `ConsentBanner.astro`, so the pixel's script ships only where it is configured. */
-import type { MetaPixelSettings } from "../analytics/meta-pixel.ts";
-import AtlasElement from "./AtlasElement.astro";
-import { metaPixelElement } from "./meta-pixel.ts";
-
-interface Props {
-    readonly settings: MetaPixelSettings;
-}
----
-
-<script src="./meta-pixel.ts" />
-
-<AtlasElement
-    of={metaPixelElement}
-    data-pixel-ids={JSON.stringify(Astro.props.settings.pixelIds)}
-    hidden
-/>

package/src/astro/SnapPixel.astro

@@ -1,18 +0,0 @@
----
-/** Internal to `ConsentBanner.astro`, so the pixel's script ships only where it is configured. */
-import type { SnapPixelSettings } from "../analytics/snap-pixel.ts";
-import AtlasElement from "./AtlasElement.astro";
-import { snapPixelElement } from "./snap-pixel.ts";
-
-interface Props {
-    readonly settings: SnapPixelSettings;
-}
----
-
-<script src="./snap-pixel.ts" />
-
-<AtlasElement
-    of={snapPixelElement}
-    data-pixel-ids={JSON.stringify(Astro.props.settings.pixelIds)}
-    hidden
-/>

package/src/astro/TikTokPixel.astro

@@ -1,18 +0,0 @@
----
-/** Internal to `ConsentBanner.astro`, so the pixel's script ships only where it is configured. */
-import type { TikTokPixelSettings } from "../analytics/tiktok-pixel.ts";
-import AtlasElement from "./AtlasElement.astro";
-import { tiktokPixelElement } from "./tiktok-pixel.ts";
-
-interface Props {
-    readonly settings: TikTokPixelSettings;
-}
----
-
-<script src="./tiktok-pixel.ts" />
-
-<AtlasElement
-    of={tiktokPixelElement}
-    data-pixel-ids={JSON.stringify(Astro.props.settings.pixelIds)}
-    hidden
-/>