cdp-edge 1.2.0 → 1.3.0

package/extracted-skill/tracking-events-generator/anti-blocking.js

@@ -1,285 +1,285 @@
-/**
- * ANTI-BLOCKING STRATEGY - CDP Edge (Quantum Tier)
- *
- * Sistema para maximizar resiliência contra ad-blockers e garantir
- * que o tracking funcione mesmo em ambientes hostis.
- *
- * @version 1.0.0
- */
-
-// ── Guards ────────────────────────────────────────────────
-const isBrowser = typeof window !== 'undefined';
-
-// ── Configurações de Anti-Blocking ─────────────────────
-
-const ANTI_BLOCKING_CONFIG = {
-  // Mesmo domínio evita bloqueios de CORS e ad-blockers
-  endpoint: '/api/tracking',
-
-  // Retries com exponential backoff
-  maxRetries: 3,
-  retryDelays: [1000, 3000, 6000], // 1s, 3s, 6s
-
-  // Fallback para Beacon API (quando fetch falha)
-  useBeaconFallback: true,
-
-  // First-party cookies (ad-block proof)
-  cookieDuration: 60 * 60 * 24 * 365, // 365 dias
-  cookieDomain: '', // Será definido dinamicamente
-
-  // Detectar ad-blockers
-  detectAdBlocker: true,
-  adBlockerBaitClass: 'adsbox adbanner pub_300x250',
-
-  // Lightweight code (evitar patterns de bloqueio)
-  minify: false, // Opcional: usar código minificado em produção
-  noConsoleLogs: false, // Opcional: remover console.logs em produção
-};
-
-// ── Detecção de Ad-Blocker ─────────────────────────
-
-/**
- * Detecta se um ad-blocker está ativo
- *
- * @returns {boolean} True se ad-blocker detectado
- */
-function detectAdBlocker() {
-  if (!isBrowser || !ANTI_BLOCKING_CONFIG.detectAdBlocker) return false;
-
-  // Método 1: Criar elemento com classe comum de ads
-  const baitElement = document.createElement('div');
-  baitElement.innerHTML = ' ';
-  baitElement.className = ANTI_BLOCKING_CONFIG.adBlockerBaitClass;
-  baitElement.style.cssText = 'position: absolute; top: -1000px; left: -1000px;';
-  document.body.appendChild(baitElement);
-
-  const isBlocked = getComputedStyle(baitElement).display === 'none';
-
-  document.body.removeChild(baitElement);
-
-  // Método 2: Verificar se bloqueia requests de tracking
-  try {
-    const testPixel = new Image();
-    testPixel.src = '/pixel-test.png?t=' + Date.now();
-    testPixel.onload = () => console.log('✅ Pixel não bloqueado');
-    testPixel.onerror = () => console.warn('⚠️ Pixel pode estar bloqueado');
-  } catch (error) {
-    console.warn('⚠️ Erro ao testar pixel:', error);
-  }
-
-  return isBlocked;
-}
-
-// ── Resiliência de Envio ─────────────────────────────
-
-/**
- * Envia dados com retry automático (exponential backoff)
- *
- * @param {object} data - Dados para enviar
- * @param {string} endpoint - Endpoint de destino
- * @returns {Promise} Promise com resultado
- */
-async function sendWithRetry(data, endpoint = ANTI_BLOCKING_CONFIG.endpoint) {
-  if (!isBrowser) return { success: false, error: 'Not in browser' };
-
-  let lastError = null;
-
-  for (let attempt = 0; attempt < ANTI_BLOCKING_CONFIG.maxRetries; attempt++) {
-    try {
-      // Tenta enviar via fetch
-      const response = await fetch(endpoint, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(data),
-        keepalive: true, // Garante envio mesmo se usuário fechar aba
-        credentials: 'same-origin', // First-party cookies
-        cache: 'no-cache' // Evitar cache de requests de tracking
-      });
-
-      if (response.ok) {
-        console.log(`✅ Envio bem-sucedido (tentativa ${attempt + 1})`);
-        return await response.json();
-      } else {
-        const errorText = await response.text();
-        throw new Error(`HTTP ${response.status}: ${errorText}`);
-      }
-    } catch (error) {
-      lastError = error;
-      console.warn(`⚠️ Tentativa ${attempt + 1} falhou:`, error.message);
-
-      // Se não for a última tentativa, aguarda antes de retry
-      if (attempt < ANTI_BLOCKING_CONFIG.maxRetries - 1) {
-        const delay = ANTI_BLOCKING_CONFIG.retryDelays[attempt];
-        console.log(`⏳ Aguardando ${delay}ms antes de retry...`);
-        await sleep(delay);
-      }
-    }
-  }
-
-  // Todas as tentativas falharam
-  console.error('❌ Todas as tentativas de envio falharam:', lastError);
-
-  // Fallback: Beacon API
-  if (ANTI_BLOCKING_CONFIG.useBeaconFallback && navigator.sendBeacon) {
-    console.log('🔄 Tentando Beacon API como fallback...');
-    const beaconSuccess = navigator.sendBeacon(endpoint, JSON.stringify(data));
-
-    if (beaconSuccess) {
-      console.log('✅ Beacon API bem-sucedido');
-      return { success: true, method: 'beacon' };
-    } else {
-      console.error('❌ Beacon API também falhou');
-    }
-  }
-
-  return { success: false, error: lastError?.message, attempts: ANTI_BLOCKING_CONFIG.maxRetries };
-}
-
-/**
- * Função utilitária de delay
- */
-function sleep(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms));
-}
-
-// ── First-Party Cookies (Ad-Block Proof) ───────────────
-
-/**
- * Define cookie first-party (não bloqueado por ad-blockers)
- *
- * @param {string} name - Nome do cookie
- * @param {string} value - Valor do cookie
- * @param {number} maxAge - Tempo de vida em segundos
- */
-function setFirstPartyCookie(name, value, maxAge = ANTI_BLOCKING_CONFIG.cookieDuration) {
-  if (!isBrowser) return;
-
-  // Extrair domínio atual (para umbrella domain)
-  const currentDomain = window.location.hostname;
-  const rootDomain = currentDomain.split('.').slice(-2).join('.'); // ex: example.com
-
-  const cookieOptions = [
-    `${name}=${value}`,
-    `max-age=${maxAge}`,
-    'path=/',
-    `domain=.${rootDomain}`, // Umbrella domain para subdomínios
-    'SameSite=Lax',
-    'Secure'
-  ].join('; ');
-
-  document.cookie = cookieOptions;
-}
-
-/**
- * Obtém cookie first-party
- *
- * @param {string} name - Nome do cookie
- * @returns {string|null} Valor do cookie ou null
- */
-function getFirstPartyCookie(name) {
-  if (!isBrowser) return null;
-
-  const value = `; ${document.cookie}`;
-  const parts = value.split(`; ${name}=`);
-
-  if (parts.length === 2) {
-    return parts.pop().split(';').shift();
-  }
-
-  return null;
-}
-
-// ── Lightweight Code (Evitar Patterns de Bloqueio) ─────────
-
-/**
- * Verifica se código deve ser minificado (evitar palavras-chave de ad-blockers)
- *
- * @returns {boolean} True se deve minificar
- */
-function shouldMinifyCode() {
-  return ANTI_BLOCKING_CONFIG.minify && isBrowser;
-}
-
-/**
- * Remove console.logs se configurado (evitar detecção)
- *
- * @param {boolean} remove - Remove console.logs?
- */
-function configureConsoleLogs(remove = ANTI_BLOCKING_CONFIG.noConsoleLogs) {
-  if (!isBrowser || !remove) return;
-
-  // Sobrescrever console com funções vazias
-  const noop = () => {};
-  console.log = noop;
-  console.warn = noop;
-  console.error = noop;
-}
-
-// ── Same-Domain Protocol (Anti-Adblock) ─────────────
-
-/**
- * Verifica se endpoint está no mesmo domínio
- *
- * @param {string} endpoint - Endpoint para verificar
- * @returns {boolean} True se mesmo domínio
- */
-function isSameDomain(endpoint) {
-  if (!isBrowser) return true;
-
-  const endpointUrl = new URL(endpoint, window.location.href);
-  return endpointUrl.hostname === window.location.hostname;
-}
-
-// ── Inicialização ────────────────────────────────────────────
-
-/**
- * Inicializa sistema de anti-blocking
- */
-function initAntiBlocking() {
-  if (!isBrowser) return;
-
-  console.log('🛡️ Inicializando Anti-Blocking System...');
-
-  // 1. Detectar ad-blocker
-  const adBlockerActive = detectAdBlocker();
-  if (adBlockerActive) {
-    console.warn('⚠️ Ad-Blocker detectado - usando estratégias de resiliência');
-    // Enviar evento de ad-blocker detectado
-    if (typeof cdpTrack !== 'undefined' && cdpTrack.track) {
-      cdpTrack.track('adblocker_detected', {
-        user_agent: navigator.userAgent,
-        timestamp: Date.now()
-      });
-    }
-  }
-
-  // 2. Configurar first-party cookies
-  const userId = getFirstPartyCookie('_cdp_uid');
-  if (!userId) {
-    const newUserId = `${Date.now()}_${Math.random().toString(36).slice(2, 11)}`;
-    setFirstPartyCookie('_cdp_uid', newUserId);
-  }
-
-  // 3. Configurar console logs (se necessário)
-  if (ANTI_BLOCKING_CONFIG.noConsoleLogs) {
-    configureConsoleLogs(true);
-  }
-
-  console.log('✅ Anti-Blocking System inicializado');
-}
-
-// ── Exportações ────────────────────────────────────────────────
-
-export {
-  sendWithRetry,
-  detectAdBlocker,
-  setFirstPartyCookie,
-  getFirstPartyCookie,
-  isSameDomain,
-  configureConsoleLogs,
-  shouldMinifyCode,
-  ANTI_BLOCKING_CONFIG,
-  initAntiBlocking
-};
+/**
+ * ANTI-BLOCKING STRATEGY - CDP Edge (Quantum Tier)
+ *
+ * Sistema para maximizar resiliência contra ad-blockers e garantir
+ * que o tracking funcione mesmo em ambientes hostis.
+ *
+ * @version 1.0.0
+ */
+
+// ── Guards ────────────────────────────────────────────────
+const isBrowser = typeof window !== 'undefined';
+
+// ── Configurações de Anti-Blocking ─────────────────────
+
+const ANTI_BLOCKING_CONFIG = {
+  // Mesmo domínio evita bloqueios de CORS e ad-blockers
+  endpoint: '/track',
+
+  // Retries com exponential backoff
+  maxRetries: 3,
+  retryDelays: [1000, 3000, 6000], // 1s, 3s, 6s
+
+  // Fallback para Beacon API (quando fetch falha)
+  useBeaconFallback: true,
+
+  // First-party cookies (ad-block proof)
+  cookieDuration: 60 * 60 * 24 * 365, // 365 dias
+  cookieDomain: '', // Será definido dinamicamente
+
+  // Detectar ad-blockers
+  detectAdBlocker: true,
+  adBlockerBaitClass: 'adsbox adbanner pub_300x250',
+
+  // Lightweight code (evitar patterns de bloqueio)
+  minify: false, // Opcional: usar código minificado em produção
+  noConsoleLogs: false, // Opcional: remover console.logs em produção
+};
+
+// ── Detecção de Ad-Blocker ─────────────────────────
+
+/**
+ * Detecta se um ad-blocker está ativo
+ *
+ * @returns {boolean} True se ad-blocker detectado
+ */
+function detectAdBlocker() {
+  if (!isBrowser || !ANTI_BLOCKING_CONFIG.detectAdBlocker) return false;
+
+  // Método 1: Criar elemento com classe comum de ads
+  const baitElement = document.createElement('div');
+  baitElement.innerHTML = '&nbsp;';
+  baitElement.className = ANTI_BLOCKING_CONFIG.adBlockerBaitClass;
+  baitElement.style.cssText = 'position: absolute; top: -1000px; left: -1000px;';
+  document.body.appendChild(baitElement);
+
+  const isBlocked = getComputedStyle(baitElement).display === 'none';
+
+  document.body.removeChild(baitElement);
+
+  // Método 2: Verificar se bloqueia requests de tracking
+  try {
+    const testPixel = new Image();
+    testPixel.src = '/pixel-test.png?t=' + Date.now();
+    testPixel.onload = () => console.log('✅ Pixel não bloqueado');
+    testPixel.onerror = () => console.warn('⚠️ Pixel pode estar bloqueado');
+  } catch (error) {
+    console.warn('⚠️ Erro ao testar pixel:', error);
+  }
+
+  return isBlocked;
+}
+
+// ── Resiliência de Envio ─────────────────────────────
+
+/**
+ * Envia dados com retry automático (exponential backoff)
+ *
+ * @param {object} data - Dados para enviar
+ * @param {string} endpoint - Endpoint de destino
+ * @returns {Promise} Promise com resultado
+ */
+async function sendWithRetry(data, endpoint = ANTI_BLOCKING_CONFIG.endpoint) {
+  if (!isBrowser) return { success: false, error: 'Not in browser' };
+
+  let lastError = null;
+
+  for (let attempt = 0; attempt < ANTI_BLOCKING_CONFIG.maxRetries; attempt++) {
+    try {
+      // Tenta enviar via fetch
+      const response = await fetch(endpoint, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(data),
+        keepalive: true, // Garante envio mesmo se usuário fechar aba
+        credentials: 'same-origin', // First-party cookies
+        cache: 'no-cache' // Evitar cache de requests de tracking
+      });
+
+      if (response.ok) {
+        console.log(`✅ Envio bem-sucedido (tentativa ${attempt + 1})`);
+        return await response.json();
+      } else {
+        const errorText = await response.text();
+        throw new Error(`HTTP ${response.status}: ${errorText}`);
+      }
+    } catch (error) {
+      lastError = error;
+      console.warn(`⚠️ Tentativa ${attempt + 1} falhou:`, error.message);
+
+      // Se não for a última tentativa, aguarda antes de retry
+      if (attempt < ANTI_BLOCKING_CONFIG.maxRetries - 1) {
+        const delay = ANTI_BLOCKING_CONFIG.retryDelays[attempt];
+        console.log(`⏳ Aguardando ${delay}ms antes de retry...`);
+        await sleep(delay);
+      }
+    }
+  }
+
+  // Todas as tentativas falharam
+  console.error('❌ Todas as tentativas de envio falharam:', lastError);
+
+  // Fallback: Beacon API
+  if (ANTI_BLOCKING_CONFIG.useBeaconFallback && navigator.sendBeacon) {
+    console.log('🔄 Tentando Beacon API como fallback...');
+    const beaconSuccess = navigator.sendBeacon(endpoint, JSON.stringify(data));
+
+    if (beaconSuccess) {
+      console.log('✅ Beacon API bem-sucedido');
+      return { success: true, method: 'beacon' };
+    } else {
+      console.error('❌ Beacon API também falhou');
+    }
+  }
+
+  return { success: false, error: lastError?.message, attempts: ANTI_BLOCKING_CONFIG.maxRetries };
+}
+
+/**
+ * Função utilitária de delay
+ */
+function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+// ── First-Party Cookies (Ad-Block Proof) ───────────────
+
+/**
+ * Define cookie first-party (não bloqueado por ad-blockers)
+ *
+ * @param {string} name - Nome do cookie
+ * @param {string} value - Valor do cookie
+ * @param {number} maxAge - Tempo de vida em segundos
+ */
+function setFirstPartyCookie(name, value, maxAge = ANTI_BLOCKING_CONFIG.cookieDuration) {
+  if (!isBrowser) return;
+
+  // Extrair domínio atual (para umbrella domain)
+  const currentDomain = window.location.hostname;
+  const rootDomain = currentDomain.split('.').slice(-2).join('.'); // ex: example.com
+
+  const cookieOptions = [
+    `${name}=${value}`,
+    `max-age=${maxAge}`,
+    'path=/',
+    `domain=.${rootDomain}`, // Umbrella domain para subdomínios
+    'SameSite=Lax',
+    'Secure'
+  ].join('; ');
+
+  document.cookie = cookieOptions;
+}
+
+/**
+ * Obtém cookie first-party
+ *
+ * @param {string} name - Nome do cookie
+ * @returns {string|null} Valor do cookie ou null
+ */
+function getFirstPartyCookie(name) {
+  if (!isBrowser) return null;
+
+  const value = `; ${document.cookie}`;
+  const parts = value.split(`; ${name}=`);
+
+  if (parts.length === 2) {
+    return parts.pop().split(';').shift();
+  }
+
+  return null;
+}
+
+// ── Lightweight Code (Evitar Patterns de Bloqueio) ─────────
+
+/**
+ * Verifica se código deve ser minificado (evitar palavras-chave de ad-blockers)
+ *
+ * @returns {boolean} True se deve minificar
+ */
+function shouldMinifyCode() {
+  return ANTI_BLOCKING_CONFIG.minify && isBrowser;
+}
+
+/**
+ * Remove console.logs se configurado (evitar detecção)
+ *
+ * @param {boolean} remove - Remove console.logs?
+ */
+function configureConsoleLogs(remove = ANTI_BLOCKING_CONFIG.noConsoleLogs) {
+  if (!isBrowser || !remove) return;
+
+  // Sobrescrever console com funções vazias
+  const noop = () => {};
+  console.log = noop;
+  console.warn = noop;
+  console.error = noop;
+}
+
+// ── Same-Domain Protocol (Anti-Adblock) ─────────────
+
+/**
+ * Verifica se endpoint está no mesmo domínio
+ *
+ * @param {string} endpoint - Endpoint para verificar
+ * @returns {boolean} True se mesmo domínio
+ */
+function isSameDomain(endpoint) {
+  if (!isBrowser) return true;
+
+  const endpointUrl = new URL(endpoint, window.location.href);
+  return endpointUrl.hostname === window.location.hostname;
+}
+
+// ── Inicialização ────────────────────────────────────────────
+
+/**
+ * Inicializa sistema de anti-blocking
+ */
+function initAntiBlocking() {
+  if (!isBrowser) return;
+
+  console.log('🛡️ Inicializando Anti-Blocking System...');
+
+  // 1. Detectar ad-blocker
+  const adBlockerActive = detectAdBlocker();
+  if (adBlockerActive) {
+    console.warn('⚠️ Ad-Blocker detectado - usando estratégias de resiliência');
+    // Enviar evento de ad-blocker detectado
+    if (typeof cdpTrack !== 'undefined' && cdpTrack.track) {
+      cdpTrack.track('adblocker_detected', {
+        user_agent: navigator.userAgent,
+        timestamp: Date.now()
+      });
+    }
+  }
+
+  // 2. Configurar first-party cookies
+  const userId = getFirstPartyCookie('_cdp_uid');
+  if (!userId) {
+    const newUserId = `${Date.now()}_${Math.random().toString(36).slice(2, 11)}`;
+    setFirstPartyCookie('_cdp_uid', newUserId);
+  }
+
+  // 3. Configurar console logs (se necessário)
+  if (ANTI_BLOCKING_CONFIG.noConsoleLogs) {
+    configureConsoleLogs(true);
+  }
+
+  console.log('✅ Anti-Blocking System inicializado');
+}
+
+// ── Exportações ────────────────────────────────────────────────
+
+export {
+  sendWithRetry,
+  detectAdBlocker,
+  setFirstPartyCookie,
+  getFirstPartyCookie,
+  isSameDomain,
+  configureConsoleLogs,
+  shouldMinifyCode,
+  ANTI_BLOCKING_CONFIG,
+  initAntiBlocking
+};