Class: Shugoi::Notice

Inherits:
Object
  • Object
show all
Defined in:
lib/shugoi/notice.rb

Overview

Injection de la notice de consentement dans le HTML rendu. Parité avec injectNoticeScript (render.ts du module Node) : la notice est injectée dans le HTML APRÈS le split-render (elle ne disparaît pas quand le render remplace le document). L'ack est décidé côté SERVEUR via /notice (machineId), pas de cookie.

Constant Summary collapse

SCRIPT =

Script renforcé — PARITÉ EXACTE avec NOTICE_SCRIPT de render.ts (module Node) :

- overlay bloquant z-index max (position:fixed;inset:0;pointer-events:auto)
- MutationObserver anti-bypass ciblé + garde _applying et mo.takeRecords()
(anti-boucle infinie : nos propres ré-applications ne re-déclenchent pas le MO)
- PAS de setInterval, PAS de piège clavier (version légère du module Node)
- seul OK ferme (ack serveur via POST /notice, lié au machineId)

Les placeholders mid et sk (et base) sont remplacés à l'injection.

<<~'JS'
  <script>
  (function(){
    var mid=window.__sg_mid||'';
    var sk=window.__sg_siteKey||'';
    if(!mid||!sk||window.__sg_noticeEnabled===false)return;
    var base=window.__sg_baseUrl||'';
    var origin=base.replace(/\/api\/v1\/?$/,'');
    var _OVERLAY_CSS='position:fixed!important;inset:0!important;z-index:2147483647!important;background:rgba(0,0,0,.6)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1.2rem!important;pointer-events:auto!important';
    var _CARD_CSS='background:#fff!important;border:4px solid #000!important;border-radius:28px 6px 32px 10px!important;box-shadow:14px 14px 0 #000!important;padding:0!important;max-width:720px!important;width:100%!important;text-align:center!important;font-family:Arial,sans-serif!important;display:flex!important;overflow:hidden!important';
    var _CARD_HTML='<div style="flex:0 0 320px;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem 1.5rem 3rem;overflow:hidden"><img src="'+origin+'/favicon.png" alt="" style="width:100%;height:auto;max-width:220px;pointer-events:none"></div><div style="flex:1;padding:1.6rem 1.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center"><img src="'+origin+'/brand-block.png" alt="Shugoi" style="display:block;margin:0 0 .3rem;pointer-events:none;max-width:100%;height:auto;max-height:40px"><div style="border:2px solid #000;display:inline-block;border-radius:8px 2px 12px 4px;padding:.2rem .6rem;font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#E87090;margin-bottom:.6rem">Protection anti-abus</div><p style="font-size:.8rem;color:#555;line-height:1.7;margin:0 .4rem .6rem;max-width:280px">Ce site utilise Shugoi pour se prot\\u00e9ger contre les abus et la fraude. Des caract\\u00e9ristiques techniques de votre navigateur sont analys\\u00e9es pour d\\u00e9tecter les scripts automatis\\u00e9s, Tor, les VPN et les environnements virtuels. Aucune donn\\u00e9e personnelle n\\'est collect\\u00e9e.</p><div style="margin-top:.5rem"><button id="__sg_ok" style="background:#E87090;color:#fff;border:3px solid #000;border-radius:12px 3px 14px 5px;padding:.4rem 2rem;font-size:.8rem;font-weight:700;cursor:pointer">OK</button></div><div style="margin-top:.5rem;font-size:.5rem;color:#ccc"><a href="'+origin+'/legal/shugoi-notice" target="_blank" style="color:#E87090;text-decoration:underline">En savoir plus \\u00b7 shugoi.com</a></div></div>';
    var _closed=false;
    var mo=null;
    var _applying=false;
    function ack(){try{fetch(base+'/notice',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({machineId:mid,siteKey:sk}),keepalive:true,signal:AbortSignal.timeout(4000)}).catch(function(){})}catch(e){}}
    function buildOverlay(){
      var o=document.createElement('div');o.id='__sg_o';o.style.cssText=_OVERLAY_CSS;
      var c=document.createElement('div');c.id='__sg_cd';c.style.cssText=_CARD_CSS;
      c.innerHTML=_CARD_HTML;
      o.appendChild(c);return o;
    }
    function close(){_closed=true;try{if(mo)mo.disconnect()}catch(e){}var el=document.getElementById('__sg_o');if(el&&el.parentNode)el.parentNode.removeChild(el);document.body.style.overflow='';document.documentElement.style.overflow='';}
    function okHandler(){ack();close();}
    function rebind(){var b=document.getElementById('__sg_ok');if(b)b.onclick=okHandler;}
    // Anti-bypass 100% MUTATION OBSERVER (aucun setInterval).
    // CRITIQUE anti-freeze : le flag _applying + mo.takeRecords() cassent la boucle MO —
    // nos propres modifications (style/innerHTML re-appliqués) ne re-déclenchent PAS le MO
    // (le navigateur normalise cssText/innerHTML, donc la comparaison échoue toujours et
    // on ré-appliquerait à l'infini). takeRecords() vide la file des mutations que NOS
    // changements ont générée → une seule passe par altération réelle, jamais de gel.
    function enforce(){
      if(_closed||_applying)return;
      _applying=true;
      try{
        var o=document.getElementById('__sg_o');
        if(!o){o=buildOverlay();document.documentElement.appendChild(o);}
        if(o.style.cssText!==_OVERLAY_CSS)o.style.cssText=_OVERLAY_CSS;
        var c=document.getElementById('__sg_cd');
        if(!c){o.innerHTML='';o.appendChild(buildOverlay().firstChild);}
        else{
          if(c.style.cssText!==_CARD_CSS)c.style.cssText=_CARD_CSS;
          if(c.innerHTML!==_CARD_HTML)c.innerHTML=_CARD_HTML;
        }
        rebind();
        if(document.body.style.overflow!=='hidden')document.body.style.overflow='hidden';
        if(document.documentElement.style.overflow!=='hidden')document.documentElement.style.overflow='hidden';
        try{
          if(o&&!o.__sgObserved){o.__sgObserved=true;mo&&mo.observe(o,{childList:true,subtree:true,attributes:true,characterData:true,attributeFilter:['style','class','id']});}
        }catch(e){}
      }finally{
        _applying=false;
        try{if(mo)mo.takeRecords();}catch(e){}
      }
    }
    function show(){
      _closed=false;
      var o=buildOverlay();document.documentElement.appendChild(o);
      document.body.style.overflow='hidden';document.documentElement.style.overflow='hidden';
      rebind();
      try{
        mo=new MutationObserver(function(){enforce();});
        mo.observe(document.documentElement,{childList:true});
        try{o.__sgObserved=true;mo.observe(o,{childList:true,subtree:true,attributes:true,characterData:true,attributeFilter:['style','class','id']});}catch(e){}
      }catch(e){}
    }
    function init(){if(document.body)show();else if(document.addEventListener)document.addEventListener('DOMContentLoaded',show);else setTimeout(init,50)}
    fetch(base+'/notice?machineId='+encodeURIComponent(mid)+'&siteKey='+encodeURIComponent(sk),{signal:AbortSignal.timeout(4000)}).then(function(r){return r.json()}).then(function(d){if(!d.acknowledged)init()}).catch(function(){init()});
  })();
  </script>
JS

Class Method Summary collapse

Class Method Details

.inject(html, mid, site_key, base_url = "") ⇒ String

Injecte la notice dans le HTML rendu (avant ).

Parameters:

  • html (String) —

    HTML rendu

  • mid (String) —

    machineId du client

  • site_key (String) —

    siteKey

  • base_url (String) (defaults to: "") —

    base URL de l'API (injectée : window.__sg_baseUrl est nettoyé par _sgCl côté client après ~1,5 s — sinon la notice appellerait /notice relatif et l'ack ne passerait jamais)

Returns:

  • (String) —

    HTML avec la notice injectée



95
96
97
98
99
100
101
102
103
104
105
 
# File 'lib/shugoi/notice.rb', line 95

def self.inject(html, mid, site_key, base_url = "")
  script = SCRIPT
    .gsub("var mid=window.__sg_mid||'';", "var mid=#{JSON.generate(mid)}||'';")
    .gsub("var sk=window.__sg_siteKey||'';", "var sk=#{JSON.generate(site_key)}||'';")
    .gsub("var base=window.__sg_baseUrl||'';", "var base=#{JSON.generate(base_url.to_s)}||window.__sg_baseUrl||'';")
  if html.include?("</body>")
    html.sub("</body>", "#{script}</body>")
  else
    "#{html}#{script}"
  end
end