@tilli-pro/cookieconsent-plugin 0.2.0 → 0.2.42

package/dist/init.d.ts

@@ -1,2 +1,16 @@
-import "https://rawcdn.githack.com/tilli-pro/cookieconsent/0f888b603ba1077d94776af62d2bfb7247e5ffe4/dist/cookieconsent.umd.js?min=1";
+import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@0f888b603ba1077d94776af62d2bfb7247e5ffe4/dist/cookieconsent.umd.js";
+import type * as _CookieConsent from "@tilli-pro/cookieconsent";
+import type { CookieConsentConfig } from "@tilli-pro/cookieconsent";
+import { cookieConsentTheme } from "./_utils";
+declare namespace CookieConsent {
+    const run: typeof _CookieConsent.run;
+}
+declare global {
+    interface Window {
+        cookieConsentTheme: typeof cookieConsentTheme;
+    }
+}
+export declare const makeRemotePluginURL: (path: string) => string;
+export declare const run: (config?: CookieConsentConfig) => ReturnType<typeof CookieConsent.run>;
+export {};
 //# sourceMappingURL=init.d.ts.map

package/dist/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.ts"],"names":[],"mappings":"AAAA,OAAO,6HAA6H,CAAC"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.ts"],"names":[],"mappings":"AAAA,OAAO,wHAAwH,CAAC;AAEhI,OAAO,KAAK,KAAK,cAAc,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAK9C,OAAO,WAAQ,aAAa,CAAC;IAC3B,MAAM,GAAG,EAAE,OAAO,cAAc,CAAC,GAAG,CAAC;CACtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,kBAAkB,EAAE,OAAO,kBAAkB,CAAC;KAC/C;CACF;AAQD,eAAO,MAAM,mBAAmB,SAAU,MAAM,WACf,CAAC;AAkDlC,eAAO,MAAM,GAAG,YACN,mBAAmB,KAC1B,UAAU,CAAC,OAAO,aAAa,CAAC,GAAG,CAAoC,CAAC"}

package/dist/init.js

@@ -1,3 +1,76 @@
-import "https://rawcdn.githack.com/tilli-pro/cookieconsent/0f888b603ba1077d94776af62d2bfb7247e5ffe4/dist/cookieconsent.umd.js?min=1";
-import config from "./config";
-CookieConsent.run(config);
+import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@0f888b603ba1077d94776af62d2bfb7247e5ffe4/dist/cookieconsent.umd.js";
+import { cookieConsentTheme } from "./_utils";
+import _config from "./config";
+import styles from "./styles";
+const GIT_SHA = "5d10d218837ca7ecd0362b35a3333eaf07efe92d";
+const GIT_REPO = "tilli-pro/cookieconsent";
+const GIT_CDN_BASE_URL = "https://cdn.jsdelivr.net/gh";
+const GIT_CDN_URL = `${GIT_CDN_BASE_URL}/${GIT_REPO}@${GIT_SHA}`;
+const GIT_DIST_URL = `${GIT_CDN_URL}/dist`;
+const makeRemoteURL = (path) => `${GIT_DIST_URL}/${path}`;
+export const makeRemotePluginURL = (path) => makeRemoteURL(`plugin/${path}`);
+const CC_CSS_URL = makeRemoteURL("cookieconsent.css");
+const getFilenameWithPathFromRemoteURL = (url) => {
+    const urlObj = new URL(url);
+    const path = urlObj.pathname;
+    const file = path.split("/").pop();
+    return file;
+};
+function loadCSS(url) {
+    if (document.querySelector(`link[href*="${getFilenameWithPathFromRemoteURL(url)}"]`)) {
+        // console.debug(`CSS already loaded: ${url}`);
+        return; // prevent duplication
+    }
+    const link = document.createElement("link");
+    Object.assign(link, {
+        rel: "stylesheet",
+        type: "text/css",
+        href: url,
+    });
+    document.head.appendChild(link);
+}
+function loadNestedPluginCSS(basePath, obj) {
+    for (const [key, value] of Object.entries(obj))
+        if (typeof value === "string") {
+            const url = makeRemotePluginURL(`${basePath}/${value}`);
+            // console.debug(`Loading plugin CSS from ${url}`);
+            loadCSS(url);
+        }
+        else if (value && typeof value === "object") {
+            // console.debug(`Loading nested plugin CSS from ${basePath}/${key}`);
+            loadNestedPluginCSS(`${basePath}/${key}`, value);
+        }
+}
+async function always() {
+    loadCSS(CC_CSS_URL);
+    loadNestedPluginCSS("styles", styles); // TODO: make dynamic (only import dependent styles - aka if a certain `init` config is specified)
+    window.cookieConsentTheme = cookieConsentTheme; // used to fetch the correct classname to apply a specified theme | THIS SHOULD BE INJECTED INTO THE <HTML> TAG!!! // TODO: auto-inject (?)
+}
+void always();
+export const run = async (config = _config) => await CookieConsent.run(config);
+// ⚠️ NOTE: DISABLED THIS ENTRY MODULE SINCE ALL INITS SHOULD BE USING A SPECIFICALLY-CONFIGURED ENTRY MODULE INSTEAD (e.g. `init/brf.ts`, `init/tilli-website.ts`) !!!
+// function isEntryModule(): boolean {
+//   if (typeof document === "undefined") return false;
+//   try {
+//     const currentModuleUrl = new URL(import.meta.url, document.baseURI).href;
+//     const scripts = Array.from(
+//       document.querySelectorAll('script[type="module"]'),
+//     );
+//     return scripts.some((script) => {
+//       const src = script.getAttribute("src");
+//       if (!src) return false;
+//       return new URL(src, document.baseURI).href === currentModuleUrl;
+//     });
+//   } catch (err) {
+//     console.error("Error checking module entry:", err);
+//     return false;
+//   }
+// }
+// if (isEntryModule()) {
+//   // console.debug(
+//   //   { config: _config },
+//   //   "Initializing Cookie Consent (entry module)...",
+//   // );
+//   const init = makeInitFn(run, _config);
+//   void init();
+// }

package/dist/react-components/CookieConsentInit.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsentInit.client.d.ts","sourceRoot":"","sources":["../../src/react-components/CookieConsentInit.client.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,iBAAiB,SAsBxC"}
+{"version":3,"file":"CookieConsentInit.client.d.ts","sourceRoot":"","sources":["../../src/react-components/CookieConsentInit.client.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,iBAAiB,SAIxC"}

package/dist/react-components/CookieConsentInit.client.js

@@ -1,27 +1,6 @@
 "use client";
-import { useEffect } from "react";
-import { run } from "@tilli-pro/cookieconsent";
-import { COOKIE_CONSENT_ENABLED } from "../_consts";
-import config from "../config";
-import { injectReactRemoveScrollToggle } from "../config/gui-options/scripts/forceDisableReactRemoveScroll";
-import injectManageCookiePrefsButton from "../config/gui-options/scripts/injectManageCookiePrefsButton";
+import useCookieConsent from "./hooks/useCookieConsent";
 export default function CookieConsentInit() {
-    useEffect(() => {
-        if (!COOKIE_CONSENT_ENABLED)
-            return;
-        void (async () => {
-            /** inject the cookie-consent banner (pop-up) */
-            await run(config);
-            /** ...then, inject the floating cookie consent "manage preferences" icon button into the DOM (floats @ the bottom right) */
-            injectManageCookiePrefsButton();
-            /** ...and, force-disable "react-remove-scroll" -- only upon opening up the "manage preferences" dialog
-             *
-             *  > this handles the edge case where there's a shadcn (radix-ui) dialog open
-             *    underneath the cookie banner's "manage preferences" dialog, which prevents
-             *    the user from scrolling within the manage prefs dialog
-             */
-            injectReactRemoveScrollToggle();
-        })();
-    }, []);
+    useCookieConsent();
     return null;
 }

package/dist/react-components/CookieConsentInit.server.d.ts

@@ -1,7 +1,7 @@
 import "server-only";
 import "@tilli-pro/cookieconsent/dist/cookieconsent.css";
-import "./styles/tenants/freeman.css";
-import "./styles/tenants/frontier.css";
+import "../styles/tenants/freeman.css";
+import "../styles/tenants/frontier.css";
 /** we use a server component to handle dynamic injection of the script all together
  * > basically, there's no need to inject the client-side cookie-consent script if it's not in scope */
 export default function CookieConsentInit(): import("react/jsx-runtime").JSX.Element | null;

package/dist/react-components/CookieConsentInit.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsentInit.server.d.ts","sourceRoot":"","sources":["../../src/react-components/CookieConsentInit.server.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,iDAAiD,CAAC;AACzD,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AAEvC;uGACuG;AACvG,MAAM,CAAC,OAAO,UAAU,iBAAiB,mDAExC"}
+{"version":3,"file":"CookieConsentInit.server.d.ts","sourceRoot":"","sources":["../../src/react-components/CookieConsentInit.server.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,iDAAiD,CAAC;AACzD,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AAExC;uGACuG;AACvG,MAAM,CAAC,OAAO,UAAU,iBAAiB,mDAExC"}

package/dist/react-components/CookieConsentInit.server.js

@@ -3,8 +3,8 @@ import "server-only";
 import { COOKIE_CONSENT_ENABLED } from "../_consts";
 import CookieConsentInitClient from "./CookieConsentInit.client";
 import "@tilli-pro/cookieconsent/dist/cookieconsent.css";
-import "./styles/tenants/freeman.css";
-import "./styles/tenants/frontier.css";
+import "../styles/tenants/freeman.css";
+import "../styles/tenants/frontier.css";
 /** we use a server component to handle dynamic injection of the script all together
  * > basically, there's no need to inject the client-side cookie-consent script if it's not in scope */
 export default function CookieConsentInit() {

package/dist/react-components/hooks/useCookieConsent.d.ts

@@ -0,0 +1,4 @@
+import type * as _CookieConsent from "@tilli-pro/cookieconsent";
+export declare const run: typeof _CookieConsent.run;
+export default function useCookieConsent(): void;
+//# sourceMappingURL=useCookieConsent.d.ts.map

package/dist/react-components/hooks/useCookieConsent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCookieConsent.d.ts","sourceRoot":"","sources":["../../../src/react-components/hooks/useCookieConsent.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,cAAc,MAAM,0BAA0B,CAAC;AAYhE,eAAO,MAAM,GAAG,2BAIoC,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,gBAAgB,SAOvC"}

package/dist/react-components/hooks/useCookieConsent.js

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect } from "react";
+import { COOKIE_CONSENT_ENABLED } from "../../_consts";
+import config from "../../config";
+import { makeInitFn } from "../../init/utils";
+export const run = typeof CookieConsent !== "undefined" &&
+    typeof CookieConsent.run === "function"
+    ? CookieConsent.run
+    : (await import("@tilli-pro/cookieconsent")).run;
+export default function useCookieConsent() {
+    useEffect(() => {
+        if (!COOKIE_CONSENT_ENABLED)
+            return;
+        const init = makeInitFn(run, config);
+        void init();
+    }, []);
+}

package/dist/styles/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    readonly tenants: {
+        readonly freeman: "freeman.css";
+        readonly frontier: "frontier.css";
+    };
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":";;;;;;AAAA,wBAKW"}

package/dist/styles/index.js

@@ -0,0 +1,6 @@
+export default {
+    tenants: {
+        freeman: "freeman.css",
+        frontier: "frontier.css",
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tilli-pro/cookieconsent-plugin",
-  "version": "0.2.0",
+  "version": "0.2.42",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -19,14 +19,6 @@
       ]
     }
   },
-  "scripts": {
-    "build": "tsc && cpx \"src/**/*.css\" dist",
-    "postbuild": "tsx ./scripts/postbuild/inject-plugin.ts",
-    "clean": "git clean -xdf .cache .turbo dist node_modules",
-    "format": "prettier --check . --ignore-path ../../.gitignore --ignore-path .gitignore",
-    "lint": "eslint",
-    "typecheck": "tsc --noEmit --emitDeclarationOnly false"
-  },
   "dependencies": {
     "@tilli-pro/cookieconsent": "3.0.1",
     "next": "14.2.15",
@@ -45,5 +37,13 @@
     "tsx": "4.19.3",
     "typescript": "5.6.2"
   },
-  "prettier": "@tilli-pro/prettier-config"
-}
+  "prettier": "@tilli-pro/prettier-config",
+  "scripts": {
+    "build": "tsc && cpx \"src/**/*.css\" dist",
+    "postbuild": "tsx ./scripts/postbuild/inject-plugin.ts",
+    "clean": "git clean -xdf .cache .turbo dist node_modules",
+    "format": "prettier --check . --ignore-path ../../.gitignore --ignore-path .gitignore",
+    "lint": "eslint",
+    "typecheck": "tsc --noEmit --emitDeclarationOnly false"
+  }
+}

package/scripts/postbuild/inject-plugin.ts

@@ -7,27 +7,145 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 const sourceDir = path.resolve(__dirname, "..", "..", "dist");
-const destDir = path.resolve(__dirname, "..", "..", "..", "dist", "plugin"); // new plugin folder
+const destDir = path.resolve(__dirname, "..", "..", "..", "dist", "plugin");
+const backupDestDir = path.resolve(
+  __dirname,
+  "..",
+  "..",
+  "..",
+  "dist",
+  "plugin.old",
+);
 
 function injectPlugin(src: string, dest: string): void {
-  /** ensure exists */
-  if (!fs.existsSync(dest)) fs.mkdirSync(dest, { recursive: true });
+  try {
+    if (!fs.existsSync(dest)) fs.mkdirSync(dest, { recursive: true });
+  } catch (err) {
+    console.error(`Failed to create directory ${dest}:`, err);
+    throw err;
+  }
 
-  const entries = fs.readdirSync(src, { withFileTypes: true });
+  let entries;
+  try {
+    entries = fs.readdirSync(src, { withFileTypes: true });
+  } catch (err) {
+    console.error(`Failed to read directory ${src}:`, err);
+    throw err;
+  }
 
   for (const entry of entries) {
     const srcPath = path.join(src, entry.name);
     const destPath = path.join(dest, entry.name);
 
-    if (entry.isDirectory()) injectPlugin(srcPath, destPath);
-    else if (entry.isFile()) {
+    if (entry.isDirectory()) {
+      try {
+        injectPlugin(srcPath, destPath);
+      } catch (err) {
+        console.error(`Error processing directory ${srcPath}:`, err);
+      }
+    } else if (entry.isFile()) {
       const ext = path.extname(entry.name);
       /** only copy .js and .css files */
-      if (ext === ".js" || ext === ".css") fs.copyFileSync(srcPath, destPath);
+      if (ext === ".js" || ext === ".css") {
+        try {
+          fs.copyFileSync(srcPath, destPath);
+        } catch (err) {
+          console.error(
+            `Failed to copy file from ${srcPath} to ${destPath}:`,
+            err,
+          );
+        }
+      }
     }
   }
 }
 
-injectPlugin(sourceDir, destDir);
+function transformImportPaths(filePath: string): void {
+  try {
+    let code = fs.readFileSync(filePath, "utf8");
+    code = code.replace(
+      /(import\s+(?:.*?\s+from\s+)?["'])(\.{1,2}\/[^"']+)(["'])/g,
+      (match, prefix, importPath, suffix) => {
+        /** skip if import path already has a .js or .css extension */
+        if (importPath.endsWith(".js") || importPath.endsWith(".css"))
+          return match;
+
+        const absolutePath = path.resolve(path.dirname(filePath), importPath);
+        if (fs.existsSync(absolutePath + ".js"))
+          return `${prefix}${importPath}.js${suffix}`;
+        else if (fs.existsSync(path.join(absolutePath, "index.js")))
+          return `${prefix}${importPath}/index.js${suffix}`;
+
+        return match;
+      },
+    );
+    fs.writeFileSync(filePath, code, "utf8");
+  } catch (err) {
+    console.error(`Error processing file ${filePath}:`, err);
+  }
+}
+
+function processDirectoryForTransform(dir: string): void {
+  let entries;
+  try {
+    entries = fs.readdirSync(dir, { withFileTypes: true });
+  } catch (err) {
+    console.error(`Failed to read directory ${dir}:`, err);
+    return;
+  }
+  for (const entry of entries) {
+    const fullPath = path.join(dir, entry.name);
+    if (entry.isDirectory()) processDirectoryForTransform(fullPath);
+    else if (entry.isFile() && path.extname(entry.name) === ".js")
+      transformImportPaths(fullPath);
+  }
+}
 
-console.log(`Plugin files copied from ${sourceDir} to ${destDir}`);
+/** backup */
+let backupExists = false;
+if (fs.existsSync(destDir)) {
+  try {
+    if (fs.existsSync(backupDestDir))
+      fs.rmSync(backupDestDir, { recursive: true, force: true });
+    fs.renameSync(destDir, backupDestDir);
+    backupExists = true;
+    console.log(`Existing destination directory renamed to ${backupDestDir}`);
+  } catch (err) {
+    console.error("Failed to backup existing destination directory:", err);
+    process.exit(1);
+  }
+}
+
+try {
+  injectPlugin(sourceDir, destDir);
+  console.log(`Plugin files copied from ${sourceDir} to ${destDir}`);
+
+  processDirectoryForTransform(destDir);
+  console.log(
+    "Import paths in JS files have been transformed to include explicit file extensions.",
+  );
+
+  if (backupExists) {
+    fs.rmSync(backupDestDir, { recursive: true, force: true });
+    console.log(`Backup directory ${backupDestDir} deleted successfully.`);
+  }
+} catch (err) {
+  console.error("Error during plugin injection or transformation:", err);
+
+  /** attempt to restore from backup */
+  if (backupExists) {
+    try {
+      if (fs.existsSync(destDir))
+        fs.rmSync(destDir, { recursive: true, force: true });
+
+      fs.renameSync(backupDestDir, destDir);
+      console.log(
+        `Restored backup directory from ${backupDestDir} to ${destDir}.`,
+      );
+    } catch (restoreErr) {
+      console.error("Failed to restore backup directory:", restoreErr);
+    }
+  }
+
+  process.exit(1);
+}

package/src/{react-components/_utils.ts → _utils.ts}

@@ -1,6 +1,6 @@
-import type { Language, Locale } from "../config/translations/types";
+import type { Language, Locale } from "./config/translations/types";
 import type { TenantRefId, Theme } from "./_types";
-import { COOKIE_CONSENT_TEST_SEARCH_PARAM_KEY_PREFIX } from "../_consts";
+import { COOKIE_CONSENT_TEST_SEARCH_PARAM_KEY_PREFIX } from "./_consts";
 
 type SupportedTenantThemes = Partial<Record<TenantRefId, Theme[]>>;
 const SUPPORTED_TENANT_THEMES = {

package/src/config/gui-options/scripts/cookiePrefsButtonDragObserver.ts

@@ -1,8 +1,9 @@
 "use client";
 
-import { showPreferences } from "@tilli-pro/cookieconsent";
+import type * as _CookieConsent from "@tilli-pro/cookieconsent";
 
 import { buttonId } from "../html-components/ManageCookiePrefsButton";
+import { showPreferences } from "./injectManageCookiePrefsButton";
 
 /**
  * attach a MutationObserver the **first time** the user hovers over–

package/src/config/gui-options/scripts/injectManageCookiePrefsButton.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { showPreferences } from "@tilli-pro/cookieconsent";
+import type * as _CookieConsent from "@tilli-pro/cookieconsent";
 
 import type { HTMLDivElementWithDragObserver } from "./cookiePrefsButtonDragObserver";
 import ManageCookiePrefsButton, {
@@ -11,6 +11,18 @@ import cookiePrefsButtonDragObserver, {
   ontouchstart,
 } from "./cookiePrefsButtonDragObserver";
 
+declare const CookieConsent:
+  | {
+      showPreferences?: typeof _CookieConsent.showPreferences;
+    }
+  | undefined;
+
+export const showPreferences =
+  typeof CookieConsent !== "undefined" &&
+  typeof CookieConsent.showPreferences === "function"
+    ? CookieConsent.showPreferences
+    : (await import("@tilli-pro/cookieconsent")).showPreferences;
+
 /** injects the floating cookie consent "manage preferences" icon button into the DOM */
 const inject = (): HTMLDivElement => {
   const container = document.body.appendChild(

package/src/config/index.ts

@@ -5,11 +5,24 @@ import categories from "./categories";
 import guiOptions from "./gui-options";
 import translations from "./translations";
 
+/** polyfill for pure JS support */
+declare const process: {
+  env: {
+    NODE_ENV?: "development" | "production";
+  };
+} | undefined;
+
+const isProduction =
+  (typeof process !== "undefined" &&
+  typeof process.env !== "undefined" &&
+  typeof process.env.NODE_ENV === "string" &&
+  process.env.NODE_ENV === "production") || true;
+
 export default {
   revision: REVISION,
   guiOptions,
   categories,
   language: { default: "en", autoDetect: "browser", translations },
   cookie: { name: COOKIE_PREFERENCES_COOKIE_NAME },
-  hideFromBots: process.env.NODE_ENV === "production", // disabled in local dev to enable ui-testing (via Playwright)
+  hideFromBots: isProduction, // disabled in local dev to enable ui-testing (via Playwright)
 } satisfies CookieConsentConfig;

package/src/config/translations/de/index.ts

@@ -93,6 +93,13 @@ export default {
         },
       },
 
+      {
+        title: "Marketing-Cookies",
+        description:
+          "Diese Cookies werden verwendet, um Werbung bereitzustellen, die für Ihre Interessen relevant ist. Sie können Ihr Surfverhalten auf verschiedenen Websites verfolgen und Werbetreibenden helfen, personalisierte Anzeigen anzuzeigen.",
+        linkedCategory: "marketing",
+      },
+
       {
         title: "Weitere Informationen",
         description:

package/src/config/translations/en/index.ts

@@ -93,6 +93,13 @@ export default {
         },
       },
 
+      {
+        title: "Marketing cookies",
+        description:
+          "These cookies are used to deliver advertisements that are relevant to your interests. They may track your browsing behaviors across different sites and help advertisers serve more personalized ads.",
+        linkedCategory: "marketing",
+      },
+
       {
         title: "More information",
         description:

package/src/config/translations/es/index.ts

@@ -93,6 +93,13 @@ export default {
         },
       },
 
+      {
+        title: "Cookies de marketing",
+        description:
+          "Estas cookies se utilizan para mostrar anuncios relevantes según tus intereses. Pueden rastrear tu comportamiento de navegación en diferentes sitios y ayudar a los anunciantes a ofrecer anuncios más personalizados.",
+        linkedCategory: "marketing",
+      },
+      
       {
         title: "Más información",
         description:

package/src/config/translations/fr/index.ts

@@ -93,6 +93,13 @@ export default {
         },
       },
 
+      {
+        title: "Cookies de marketing",
+        description:
+          "Ces cookies sont utilisés pour diffuser des publicités correspondant à vos centres d’intérêt. Ils peuvent suivre vos comportements de navigation sur différents sites et aider les annonceurs à proposer des annonces plus personnalisées.",
+        linkedCategory: "marketing",
+      },
+      
       {
         title: "Plus d'informations",
         description:

package/src/config/translations/it/index.ts

@@ -93,6 +93,13 @@ export default {
         },
       },
 
+      {
+        title: "Cookie di marketing",
+        description:
+          "Questi cookie vengono utilizzati per offrire pubblicità pertinenti ai tuoi interessi. Possono tracciare i tuoi comportamenti di navigazione su diversi siti e aiutare gli inserzionisti a servire annunci più personalizzati.",
+        linkedCategory: "marketing",
+      },
+      
       {
         title: "Ulteriori informazioni",
         description:

package/src/init/brf.ts

@@ -0,0 +1,78 @@
+import type { CookieConsentConfig } from "@tilli-pro/cookieconsent";
+
+import _config from "../config";
+import { LABELS } from "../config/categories/labels";
+import cookies from "../config/cookies";
+import { run } from "../init";
+import {
+  makeInitFn,
+  stripInvalidLinkedCategoriesFromTranslations,
+} from "./utils";
+
+// TODO: auto-detect detect language
+const __LANGUAGE__ = "en"; // "English" ("English")
+
+const categories: CookieConsentConfig["categories"] = {
+  necessary: {
+    enabled: true, // "necessary" category is always enabled.
+    readOnly: true,
+    services: {
+      /** tilliX (BRF) */
+      tilliX: {
+        label: LABELS.en.necessary.tilliX,
+        cookies: [...cookies.necessary.brf(__LANGUAGE__)],
+      },
+    },
+  },
+  functional: {
+    services: {
+      /** tilliX (BRF) */
+      tilliX: {
+        label: LABELS.en.functional.tilliX,
+        cookies: [...cookies.functional.brf(__LANGUAGE__)],
+      },
+    },
+    autoClear: {
+      cookies: [
+        {
+          name: /^(tx-theme)/, // tilliX theme (-> "light" | "dark")
+        },
+      ],
+    },
+  },
+  analytics: {
+    services: {
+      /** Datadog (RUM) */
+      datadog: {
+        label: LABELS.en.analytics.datadog,
+        cookies: [...cookies.analytics.datadog(__LANGUAGE__)],
+      },
+    },
+    autoClear: {
+      cookies: [
+        {
+          name: /^(_tilli_analytics_dd_)/, // Datadog (RUM)
+        },
+      ],
+    },
+  },
+};
+
+// TODO: DRY further w/ `./tilli-website.ts`
+const language: CookieConsentConfig["language"] = {
+  ..._config.language,
+  translations: stripInvalidLinkedCategoriesFromTranslations(
+    _config.language.translations,
+    categories,
+  ),
+};
+
+const config: CookieConsentConfig = {
+  ..._config,
+  categories,
+  language,
+};
+
+// console.debug({ config }, "Initializing Cookie Consent (BRF)...");
+const init = makeInitFn(run, config);
+void init();