🍪 @n-ramos/cookie-consent

Gestionnaire de consentement cookies RGPD / CNIL compliant, moderne, léger et totalement configurable.
Alternative open-source à Axeptio / Didomi, sans SaaS ni dépendance externe.

---

✨ Fonctionnalités

- RGPD / CNIL compliant
- Google Consent Mode v2
- Activation différée des scripts (type="text/plain")
- Nettoyage automatique des cookies
- UI entièrement personnalisable (textes + classes)
- Compatible Laravel 10–12 / Vite / Tailwind
- WebComponent autonome (CDN)
- Aucun cookie déposé par défaut

---

📦 Installation

$3

``bash
pnpm add @n-ramos/cookie-consent
`

`js
import { initCookieWall } from '@n-ramos/cookie-consent';
`

$3

`html
defer
src="https://unpkg.com/@n-ramos/cookie-consent@1.0.2/dist/cookie-consent-standalone.js"
>

`

---

🚀 Utilisation rapide

`js
const client = initCookieWall({
storageKey: 'my-consent',
categories: [
{ key: 'essential', title: 'Essentiels', required: true },
{ key: 'analytics', title: 'Analytics', googleConsentMode: 'analytics_storage' },
],
vendors: { googleConsentMode: { enabled: true } },
});

if (!client.hasStoredConsentForCurrentVersion()) {
client.open();
}
`

---

⚙️ Configuration complète

$3

`ts
{
storageKey?: string;
categories: ConsentCategoryConfig[];
vendors?: VendorConfig;
cookieCleanup?: CookieCleanupConfig;
ui?: CookieWallUIConfig;
}
`

---

$3

`ts
{
key: string;
title: string;
description?: string;
required?: boolean;
googleConsentMode?: string | string[];
}
`

---

$3

`ts
vendors: {
googleConsentMode?: {
enabled: boolean;
}
}
`

---

$3

`ts
cookieCleanup: {
analytics: ["_ga", "_gid", "_clck"],
ads: ["IDE", "_fbp"]
}
`

---

$3

`ts
ui: {
texts: {
title?: string;
description?: string;
acceptAllLabel?: string;
rejectAllLabel?: string;
customizeLabel?: string;
}
}
`

---

$3

`ts
ui: {
classes: {
backdrop?: string;
container?: string;
title?: string;
description?: string;
buttonPrimary?: string;
buttonSecondary?: string;
buttonGhost?: string;
categoryCard?: string;
toggleTrackOn?: string;
toggleTrackOff?: string;
toggleKnob?: string;
advancedContainer?: string;
}
}
`

---

🧩 Activation différée des scripts

`html

`

---

🧠 API Client

`ts
client.open();
client.close();
client.getState();
client.hasStoredConsent();
client.hasStoredConsentForCurrentVersion();
client.reset();
``

---

📚 Documentation détaillée

- docs/CONFIG_REFERENCE.md
- docs/INTEGRATIONS.md

---

📄 Licence

MIT © Nicolas Ramos