lineas-romero-cookies-consent 1.0.0 → 1.1.2

package/README.md

@@ -3,3 +3,52 @@ Gestor en vanilla JS + CSS para granular las cookies de las páginas de LR, Apar
 
 
 En este readme se detallará la manera de añadir o quitar cookies según dominio querido...
+
+## API (sin UI)
+
+La librería expone un core **sin interfaz**. Esto permite usarla tanto en Next.js como en WordPress sin imponer un banner/modals concreto.
+
+- `initCookieConsent(config)` inicializa el gestor.
+- Persiste preferencias en la cookie `CookieConsent` (por defecto).
+- Si `autoClear: true`, intenta borrar cookies propias que coincidan con `cookiePatterns` cuando una categoría está desactivada.
+
+Ejemplo mínimo:
+
+```js
+import { initCookieConsent, nextJsConfig } from 'lineas-romero-cookies-consent';
+
+const consent = initCookieConsent(nextJsConfig);
+
+// Ejemplos de acciones que dispararías desde tu UI
+// consent.acceptAll();
+// consent.rejectAll();
+// consent.setPreferences({ analytics: true, marketing: false });
+
+// Para leer el estado:
+console.log(consent.getPreferences());
+```
+
+## Presets listos
+
+La librería exporta dos objetos `config` listos para usar:
+
+- `nextJsConfig` (Fareharbor, Google Analytics, Metricool, Facebook Pixel)
+- `wpApartamentosConfig` (WordPress/Polylang + Google Ads/Maps)
+
+Puedes importarlos así:
+
+```js
+import { initCookieConsent, wpApartamentosConfig } from 'lineas-romero-cookies-consent';
+
+const consent = initCookieConsent(wpApartamentosConfig);
+```
+
+## Nota importante: cookies de terceros (Google / DoubleClick)
+
+Cookies como `IDE`, `SOCS`, `__Secure-ENID` pertenecen a dominios de terceros como `.google.com` o `.doubleclick.net`.
+
+El navegador no permite que un script corriendo en tu dominio borre cookies de terceros. Por eso:
+
+- `autoClear` solo es una “limpieza de cortesía” para cookies **propias**.
+- La protección real consiste en **no cargar** los scripts/iframes (Maps/Ads) si el usuario rechaza esa categoría.
+

package/dist/lineas-romero-cookies-consent.js

@@ -1 +1,264 @@
-
+const y = "CookieConsent";
+function C(o) {
+  if (!o || typeof o != "object")
+    throw new Error("initCookieConsent(config): config is required");
+  const e = Array.isArray(o.categories) ? o.categories : [];
+  if (e.length === 0)
+    throw new Error("initCookieConsent(config): config.categories is required");
+  const t = e.map((r) => {
+    if (!r || typeof r != "object")
+      throw new Error("initCookieConsent(config): invalid category");
+    if (!r.id)
+      throw new Error("initCookieConsent(config): category.id is required");
+    return {
+      id: String(r.id),
+      label: r.label ? String(r.label) : String(r.id),
+      description: r.description ? String(r.description) : "",
+      enabled: !!r.enabled,
+      readonly: !!r.readonly,
+      cookiePatterns: Array.isArray(r.cookiePatterns) ? r.cookiePatterns.map(String) : []
+    };
+  }), n = o.cookieName ? String(o.cookieName) : y, i = Number.isFinite(o.cookieExpiresDays) ? Number(o.cookieExpiresDays) : 180;
+  return {
+    siteName: o.siteName ? String(o.siteName) : "",
+    autoClear: !!o.autoClear,
+    cookieName: n,
+    cookieExpiresDays: i,
+    categories: t,
+    onAccept: typeof o.onAccept == "function" ? o.onAccept : null
+  };
+}
+function A(o) {
+  const e = {};
+  for (const t of o)
+    e[t.id] = t.readonly ? !0 : !!t.enabled;
+  return e;
+}
+function S(o) {
+  try {
+    return JSON.parse(decodeURIComponent(o));
+  } catch {
+    return null;
+  }
+}
+function b(o) {
+  if (typeof document > "u") return null;
+  const e = document.cookie ? document.cookie.split("; ") : [];
+  for (const t of e) {
+    const n = t.indexOf("=");
+    if ((n >= 0 ? t.slice(0, n) : t) === o)
+      return n >= 0 ? t.slice(n + 1) : "";
+  }
+  return null;
+}
+function N(o, e, { expiresDays: t }) {
+  if (typeof document > "u") return;
+  const n = /* @__PURE__ */ new Date();
+  n.setTime(n.getTime() + t * 24 * 60 * 60 * 1e3);
+  const i = encodeURIComponent(JSON.stringify(e));
+  document.cookie = `${o}=${i}; Expires=${n.toUTCString()}; Path=/; SameSite=Lax`;
+}
+function f(o, e) {
+  return e ? o === e ? !0 : o.startsWith(e) : !1;
+}
+function p() {
+  return typeof document > "u" ? [] : (document.cookie ? document.cookie.split("; ") : []).map((e) => {
+    const t = e.indexOf("=");
+    return t >= 0 ? e.slice(0, t) : e;
+  }).filter(Boolean);
+}
+function P(o) {
+  const e = /* @__PURE__ */ new Set();
+  if (!o) return Array.from(e);
+  e.add(o), o.includes(".") && e.add(`.${o}`);
+  const t = o.split(".").filter(Boolean);
+  for (let n = 1; n < t.length - 1; n += 1) {
+    const i = t.slice(n).join(".");
+    e.add(i), e.add(`.${i}`);
+  }
+  return Array.from(e);
+}
+function m(o) {
+  if (typeof document > "u") return;
+  const e = "Thu, 01 Jan 1970 00:00:00 GMT", t = typeof location < "u" ? location.hostname : "", n = P(t);
+  document.cookie = `${o}=; Expires=${e}; Path=/; SameSite=Lax`;
+  for (const i of n)
+    document.cookie = `${o}=; Expires=${e}; Path=/; Domain=${i}; SameSite=Lax`;
+}
+function E(o, e) {
+  return o.find((t) => t.id === e) || null;
+}
+function _(o, e) {
+  const t = E(o, e);
+  return t ? t.cookiePatterns : [];
+}
+function x({ categories: o, allowedPreferences: e }) {
+  const t = p();
+  for (const n of o)
+    if (!e[n.id])
+      for (const r of t)
+        n.cookiePatterns.some((l) => f(r, l)) && m(r);
+}
+function u(o, e) {
+  const t = {};
+  for (const n of o) {
+    const i = e && Object.prototype.hasOwnProperty.call(e, n.id) ? !!e[n.id] : !!n.enabled;
+    t[n.id] = n.readonly ? !0 : i;
+  }
+  return t;
+}
+function h(o) {
+  const e = C(o), t = A(e.categories), n = b(e.cookieName), i = n ? S(n) : null;
+  let a = i && i.preferences ? u(e.categories, i.preferences) : t;
+  i && i.preferences && e.onAccept && e.onAccept({ ...a });
+  function l(s) {
+    return a = u(e.categories, s), N(
+      e.cookieName,
+      {
+        preferences: a,
+        updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        siteName: e.siteName
+      },
+      { expiresDays: e.cookieExpiresDays }
+    ), e.autoClear && x({ categories: e.categories, allowedPreferences: a }), e.onAccept && e.onAccept({ ...a }), { ...a };
+  }
+  return {
+    getConfig() {
+      return {
+        siteName: e.siteName,
+        autoClear: e.autoClear,
+        cookieName: e.cookieName,
+        cookieExpiresDays: e.cookieExpiresDays,
+        categories: e.categories.map((s) => ({ ...s }))
+      };
+    },
+    hasStoredConsent() {
+      return !!(i && i.preferences);
+    },
+    getPreferences() {
+      return { ...a };
+    },
+    acceptAll() {
+      const s = {};
+      for (const c of e.categories)
+        s[c.id] = !0;
+      return l(s);
+    },
+    rejectAll() {
+      const s = {};
+      for (const c of e.categories)
+        s[c.id] = !!c.readonly;
+      return l(s);
+    },
+    setPreferences(s) {
+      return l({ ...a, ...s || {} });
+    },
+    clearCategoryCookies(s) {
+      const c = _(e.categories, s), g = p();
+      for (const d of g)
+        c.some((k) => f(d, k)) && m(d);
+    }
+  };
+}
+const w = {
+  siteName: "Lineas Romero NextJS",
+  autoClear: !0,
+  categories: [
+    {
+      id: "necessary",
+      label: "Strictly Necessary",
+      description: "Essential for booking and site functionality.",
+      enabled: !0,
+      readonly: !0,
+      cookiePatterns: ["fh_", "fareharbor", "next-", "__Host-", "connect.sid"]
+    },
+    {
+      id: "analytics",
+      label: "Analytics",
+      description: "Metrics to improve our service.",
+      enabled: !1,
+      cookiePatterns: ["_ga", "_gid", "_gat", "mc_", "metricool"]
+    },
+    {
+      id: "marketing",
+      label: "Marketing",
+      description: "Personalized advertising.",
+      enabled: !1,
+      cookiePatterns: ["_fbp", "fr", "tr"]
+    }
+  ],
+  /* aqui es donde voy a inicializar los scripts de analytics y marketing, y cualquiera que sea */
+  onAccept: (o) => {
+    o.analytics, o.marketing;
+  }
+}, B = {
+  siteName: "Apartamentos Lineas Romero",
+  autoClear: !0,
+  categories: [
+    {
+      id: "necessary",
+      label: "Strictly Necessary",
+      description: "Language selection and basic functions.",
+      enabled: !0,
+      readonly: !0,
+      cookiePatterns: [
+        "wp-settings",
+        "wordpress_",
+        "pll_",
+        "CookieConsent",
+        "AEC",
+        "__Secure-BUCKET"
+      ]
+    },
+    {
+      id: "marketing",
+      label: "Marketing & Ads",
+      description: "Google Maps and Advertising integration.",
+      enabled: !1,
+      cookiePatterns: ["IDE", "_gcl", "ar_debug", "SOCS", "__Secure-ENID", "NID", "1P_JAR"]
+    }
+  ],
+  onAccept: (o) => {
+    o.marketing;
+  }
+}, I = {
+  siteName: "Visit La Graciosa",
+  autoClear: !0,
+  categories: [
+    {
+      id: "necessary",
+      label: "Strictly Necessary",
+      description: "Essential for language preferences and site functionality.",
+      enabled: !0,
+      readonly: !0,
+      cookiePatterns: [
+        "pll_",
+        "session_id",
+        "PHPSESSID"
+      ]
+    },
+    {
+      id: "analytics",
+      label: "Analytics",
+      description: "Anonymous usage statistics.",
+      enabled: !1,
+      cookiePatterns: ["_ga", "_gid"]
+    },
+    {
+      id: "marketing",
+      label: "Marketing",
+      description: "Advertising and conversion tracking.",
+      enabled: !1,
+      cookiePatterns: ["_gcl", "_gac"]
+    }
+  ],
+  onAccept: (o) => {
+    o.marketing;
+  }
+};
+export {
+  h as initCookieConsent,
+  w as nextJsConfig,
+  I as visitLaGraciosaConfig,
+  B as wpApartamentosConfig
+};

package/dist/lineas-romero-cookies-consent.umd.cjs

@@ -1 +1 @@
-(function(n){typeof define=="function"&&define.amd?define(n):n()})((function(){"use strict"}));
+(function(a,d){typeof exports=="object"&&typeof module<"u"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(a=typeof globalThis<"u"?globalThis:a||self,d(a.LineasRomeroCookies={}))})(this,(function(a){"use strict";const d="CookieConsent";function y(o){if(!o||typeof o!="object")throw new Error("initCookieConsent(config): config is required");const e=Array.isArray(o.categories)?o.categories:[];if(e.length===0)throw new Error("initCookieConsent(config): config.categories is required");const t=e.map(r=>{if(!r||typeof r!="object")throw new Error("initCookieConsent(config): invalid category");if(!r.id)throw new Error("initCookieConsent(config): category.id is required");return{id:String(r.id),label:r.label?String(r.label):String(r.id),description:r.description?String(r.description):"",enabled:!!r.enabled,readonly:!!r.readonly,cookiePatterns:Array.isArray(r.cookiePatterns)?r.cookiePatterns.map(String):[]}}),n=o.cookieName?String(o.cookieName):d,i=Number.isFinite(o.cookieExpiresDays)?Number(o.cookieExpiresDays):180;return{siteName:o.siteName?String(o.siteName):"",autoClear:!!o.autoClear,cookieName:n,cookieExpiresDays:i,categories:t,onAccept:typeof o.onAccept=="function"?o.onAccept:null}}function C(o){const e={};for(const t of o)e[t.id]=t.readonly?!0:!!t.enabled;return e}function A(o){try{return JSON.parse(decodeURIComponent(o))}catch{return null}}function b(o){if(typeof document>"u")return null;const e=document.cookie?document.cookie.split("; "):[];for(const t of e){const n=t.indexOf("=");if((n>=0?t.slice(0,n):t)===o)return n>=0?t.slice(n+1):""}return null}function S(o,e,{expiresDays:t}){if(typeof document>"u")return;const n=new Date;n.setTime(n.getTime()+t*24*60*60*1e3);const i=encodeURIComponent(JSON.stringify(e));document.cookie=`${o}=${i}; Expires=${n.toUTCString()}; Path=/; SameSite=Lax`}function u(o,e){return e?o===e?!0:o.startsWith(e):!1}function p(){return typeof document>"u"?[]:(document.cookie?document.cookie.split("; "):[]).map(e=>{const t=e.indexOf("=");return t>=0?e.slice(0,t):e}).filter(Boolean)}function N(o){const e=new Set;if(!o)return Array.from(e);e.add(o),o.includes(".")&&e.add(`.${o}`);const t=o.split(".").filter(Boolean);for(let n=1;n<t.length-1;n+=1){const i=t.slice(n).join(".");e.add(i),e.add(`.${i}`)}return Array.from(e)}function m(o){if(typeof document>"u")return;const e="Thu, 01 Jan 1970 00:00:00 GMT",t=typeof location<"u"?location.hostname:"",n=N(t);document.cookie=`${o}=; Expires=${e}; Path=/; SameSite=Lax`;for(const i of n)document.cookie=`${o}=; Expires=${e}; Path=/; Domain=${i}; SameSite=Lax`}function P(o,e){return o.find(t=>t.id===e)||null}function E(o,e){const t=P(o,e);return t?t.cookiePatterns:[]}function _({categories:o,allowedPreferences:e}){const t=p();for(const n of o)if(!e[n.id])for(const r of t)n.cookiePatterns.some(f=>u(r,f))&&m(r)}function g(o,e){const t={};for(const n of o){const i=e&&Object.prototype.hasOwnProperty.call(e,n.id)?!!e[n.id]:!!n.enabled;t[n.id]=n.readonly?!0:i}return t}function h(o){const e=y(o),t=C(e.categories),n=b(e.cookieName),i=n?A(n):null;let c=i&&i.preferences?g(e.categories,i.preferences):t;i&&i.preferences&&e.onAccept&&e.onAccept({...c});function f(s){return c=g(e.categories,s),S(e.cookieName,{preferences:c,updatedAt:new Date().toISOString(),siteName:e.siteName},{expiresDays:e.cookieExpiresDays}),e.autoClear&&_({categories:e.categories,allowedPreferences:c}),e.onAccept&&e.onAccept({...c}),{...c}}return{getConfig(){return{siteName:e.siteName,autoClear:e.autoClear,cookieName:e.cookieName,cookieExpiresDays:e.cookieExpiresDays,categories:e.categories.map(s=>({...s}))}},hasStoredConsent(){return!!(i&&i.preferences)},getPreferences(){return{...c}},acceptAll(){const s={};for(const l of e.categories)s[l.id]=!0;return f(s)},rejectAll(){const s={};for(const l of e.categories)s[l.id]=!!l.readonly;return f(s)},setPreferences(s){return f({...c,...s||{}})},clearCategoryCookies(s){const l=E(e.categories,s),L=p();for(const k of L)l.some(B=>u(k,B))&&m(k)}}}const w={siteName:"Lineas Romero NextJS",autoClear:!0,categories:[{id:"necessary",label:"Strictly Necessary",description:"Essential for booking and site functionality.",enabled:!0,readonly:!0,cookiePatterns:["fh_","fareharbor","next-","__Host-","connect.sid"]},{id:"analytics",label:"Analytics",description:"Metrics to improve our service.",enabled:!1,cookiePatterns:["_ga","_gid","_gat","mc_","metricool"]},{id:"marketing",label:"Marketing",description:"Personalized advertising.",enabled:!1,cookiePatterns:["_fbp","fr","tr"]}],onAccept:o=>{o.analytics,o.marketing}},D={siteName:"Apartamentos Lineas Romero",autoClear:!0,categories:[{id:"necessary",label:"Strictly Necessary",description:"Language selection and basic functions.",enabled:!0,readonly:!0,cookiePatterns:["wp-settings","wordpress_","pll_","CookieConsent","AEC","__Secure-BUCKET"]},{id:"marketing",label:"Marketing & Ads",description:"Google Maps and Advertising integration.",enabled:!1,cookiePatterns:["IDE","_gcl","ar_debug","SOCS","__Secure-ENID","NID","1P_JAR"]}],onAccept:o=>{o.marketing}},x={siteName:"Visit La Graciosa",autoClear:!0,categories:[{id:"necessary",label:"Strictly Necessary",description:"Essential for language preferences and site functionality.",enabled:!0,readonly:!0,cookiePatterns:["pll_","session_id","PHPSESSID"]},{id:"analytics",label:"Analytics",description:"Anonymous usage statistics.",enabled:!1,cookiePatterns:["_ga","_gid"]},{id:"marketing",label:"Marketing",description:"Advertising and conversion tracking.",enabled:!1,cookiePatterns:["_gcl","_gac"]}],onAccept:o=>{o.marketing}};a.initCookieConsent=h,a.nextJsConfig=w,a.visitLaGraciosaConfig=x,a.wpApartamentosConfig=D,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/index.d.ts

@@ -0,0 +1,41 @@
+// index.d.ts
+
+export interface CookieCategory {
+    id: string;
+    label?: string;
+    description?: string;
+    enabled?: boolean;
+    readonly?: boolean;
+    cookiePatterns?: string[];
+}
+
+export interface UserPreferences {
+    [categoryId: string]: boolean;
+}
+
+export interface CookieConsentConfig {
+    siteName?: string;
+    cookieName?: string;
+    cookieExpiresDays?: number;
+    autoClear?: boolean;
+    categories: CookieCategory[];
+    onAccept?: (preferences: UserPreferences) => void;
+}
+
+export interface ConsentAPI {
+    getConfig(): CookieConsentConfig;
+    hasStoredConsent(): boolean;
+    getPreferences(): UserPreferences;
+    acceptAll(): UserPreferences;
+    rejectAll(): UserPreferences;
+    setPreferences(preferences: UserPreferences): UserPreferences;
+    clearCategoryCookies(categoryId: string): void;
+}
+
+// Función principal
+export function initCookieConsent(config: CookieConsentConfig): ConsentAPI;
+
+// Presets exportados
+export const nextJsConfig: CookieConsentConfig;
+export const wpApartamentosConfig: CookieConsentConfig;
+export const visitLaGraciosaConfig: CookieConsentConfig;

package/package.json

@@ -1,15 +1,18 @@
 {
   "name": "lineas-romero-cookies-consent",
-  "version": "1.0.0",
+  "version": "1.1.2",
   "description": "Gestor en vanilla JS + CSS para granular las cookies de las páginas de LR, Apartamentos y Visit La Graciosa de manera manual.",
   "type": "module",
   "files": [
-    "dist"
+    "dist",
+    "index.d.ts"
   ],
+  "types": "./index.d.ts",
   "main": "./dist/lineas-romero-cookies-consent.umd.cjs",
   "module": "./dist/lineas-romero-cookies-consent.js",
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./dist/lineas-romero-cookies-consent.js",
       "require": "./dist/lineas-romero-cookies-consent.umd.cjs"
     },