A fuzz & dependency free, all vanilla, minimal cookie detector and interceptor.
This code is intended as a starting point and should be extended and modified to suit specific needs.
Follow this link to see it in action
This library consist oftwo parts: the library itself installable with npm npm install cookie-interceptor --save and a snippet that should be placed into the <head> of your page.
After installing it, import in your project as fllows:
import { CookieInterceptor } from 'cookie-interceptor';
or as a CommonJS module:
const { CookieInterceptor } = require('cookie-interceptor');
and place following snippet in every page you want to intercept cookies:
!function(c){var i=Object.getOwnPropertyDescriptor(Document.prototype,"cookie")||Object.getOwnPropertyDescriptor(HTMLDocument.prototype,"cookie");i&&i.configurable&&Object.defineProperty(c,"cookie",{get:function(){return i.get.call(c)},set:function(e){var t,o=e.split("=")[0];"!"===e[0]?i.set.call(c,e.slice(1)):-1<(t=[],(localStorage.getItem("allowedCategories")||"").split(",").forEach(function(e){t=[].concat.apply(t,ciAvailableCookies[e])}),t).indexOf(o)?i.set.call(c,e):ciCollectedCookies.push(e)}})}(document);
or unminified:
(function(d) {
var cookieDesc =
Object.getOwnPropertyDescriptor(Document.prototype, 'cookie') ||
Object.getOwnPropertyDescriptor(HTMLDocument.prototype, 'cookie');
function checkStorage() {
var whitelist = [];
var categories = localStorage.getItem('allowedCategories') || '';
categories.split(',').forEach(function(e) {
whitelist = [].concat.apply(whitelist, ciAvailableCookies[e]);
});
return whitelist;
}
if (cookieDesc && cookieDesc.configurable) {
Object.defineProperty(d, 'cookie', {
get: function() {
return cookieDesc.get.call(d);
},
set: function(val) {
var c = val.split('=')[0]; // first segment should be the cookie name
// cookie marked for removal
if (val[0] === '!') {
cookieDesc.set.call(d, val.slice(1));
} else if (checkStorage().indexOf(c) > -1) {
cookieDesc.set.call(d, val);
} else {
ciCollectedCookies.push(val);
}
}
});
}
})(document);
This code will hijack document.cookie and intercept every attempt to set a cookie, for example document.cookie = 'my_cookie=value'.
Cookies not whitelisted will be blocked.
The constructor CookieInterceptor() expects a configuration object with the following properties:
{
localStorageKey: string,
strict: boolean,
l10n: object,
categories: object,
collectedCookies: array,
}
Key in the localStorage where the cookie categories whitelist will be stored.
Boolean indicating wether cookies that were previously allowed should be deleted once the user revokes it's permission.
Default's to false.
Object containing translated strings: This object consists of the following properties:
{
description: string,
saveBtn: string,
categories: {
necessary: string,
functional: string,
statistical: string,
marketing: string
}
}
Where the keys inside categories: {} should be the same keys in config.categories object. See below.
Object holding all categories and their respective cookies.
{
necessary: ['cookie1', 'cookie2', ...],
functional: ['cookie3', ...],
statistical: ['cookie4', ...],
marketing: ['cookie5', 'cookie6', ...],
...
};
An array that will hold all cookies that were intercepted and blocked.