Fix cookie control

Author: zxdong262

api/country.js

@@ -0,0 +1,4 @@
+export default function handler (req, res) {
+  const country = (req.headers['cf-ipcountry'] || '').toUpperCase()
+  res.status(200).json({ country })
+}

bin/vite/dev-server.js

@@ -129,6 +129,11 @@ async function createServer () {
 
   app.use(vite.middlewares)
 
+  app.get('/api/country', (req, res) => {
+    const country = (req.headers['cf-ipcountry'] || 'BG').toUpperCase()
+    res.json({ country })
+  })
+
   app.get('/', handleIndex)
   app.get('/videos', handleVideosIndex)
   app.get('/videos/:videoSlug', handleVideo)

src/css/modern.styl

@@ -1351,6 +1351,11 @@ a:hover
 
 /* ===== Cookie Consent ===== */
 #cookie-consent
+  position fixed
+  bottom 0
+  left 0
+  right 0
+  z-index 9999
   background #fff
   border-top 1px solid var(--color-border)
   box-shadow 0 -2px 10px rgba(0, 0, 0, .06)

src/views/parts/react-footer.pug

@@ -22,22 +22,34 @@ script(type='module').
 
 script.
   (function(){
+    var REGULATED = ['AT','BE','BG','HR','CY','CZ','DK','EE','FI','FR','DE','GR','HU','IE','IT','LV','LT','LU','MT','NL','PL','PT','RO','SK','SI','ES','SE','CH','GB'];
     var consent = localStorage.getItem('cookie-consent');
-    if (!consent) {
-      document.getElementById('cookie-consent').style.display = 'block';
-    } else if (consent === 'accepted') {
+    if (consent === 'accepted') {
       loadGoogleScripts();
+      return;
+    }
+    if (consent === 'rejected') {
+      return;
     }
+    fetch('/api/country').then(function(r){ return r.json(); }).then(function(d){
+      var cc = (d.country || '').toUpperCase();
+      if (cc && REGULATED.indexOf(cc) === -1) {
+        localStorage.setItem('cookie-consent', 'accepted');
+        loadGoogleScripts();
+      } else {
+        document.getElementById('cookie-consent').style.display = 'block';
+      }
+    }).catch(function(){
+      document.getElementById('cookie-consent').style.display = 'block';
+    });
     document.getElementById('cookie-accept').addEventListener('click', function() {
       localStorage.setItem('cookie-consent', 'accepted');
       document.getElementById('cookie-consent').style.display = 'none';
-      document.body.style.paddingBottom = '';
       loadGoogleScripts();
     });
     document.getElementById('cookie-reject').addEventListener('click', function() {
       localStorage.setItem('cookie-consent', 'rejected');
       document.getElementById('cookie-consent').style.display = 'none';
-      document.body.style.paddingBottom = '';
     });
     function loadGoogleScripts() {
       var s1 = document.createElement('script');