akyl-kb

VPN для блокировки рекламы не нужен.
Создать расширение, указать разрешения

// Пример
// Перехват запроса, и блокирование если есть совпадения с url
chrome.webRequest.onBeforeRequest.addListener(
        function(details) { return {cancel: true}; },
        {urls: ["*://www.domain.com/*"]},
        ["blocking"]);

Документация
https://developer.chrome.com/extensions/webRequest

Для начала нужно удобнее организовать структуру
Пример как у меня организовано:
- /models/User.js
- /passports/facebook.js
- /passports/google.js
- /passport.js
- /routes.js

Содержимое passport.js

const User = require('./models/User')
const facebookStrategy = require('./passports/facebook')
const googleStrategy = require('./passports/google')

module.exports = function (passport) {
  passport.serializeUser(function (user, done) {
      return done(null, user.id)
  })

  passport.deserializeUser(async (id, done) => {
    try {
      const user = await User.findOne({ id })
      done(null, user)
    } catch (err) {
      done(err)
    }
  })

  passport.use(facebookStrategy())
  passport.use(googleStrategy())
}

Содержимое facebookStrategy.js:

const assert = require('assert')
const FacebookStrategy = require('passport-facebook').Strategy
const User = require('../models/User')

assert(process.env.FACEBOOK_APP_ID)
assert(process.env.FACEBOOK_APP_SECRET)
assert(process.env.APP_URL)

module.exports = () => {
  return new FacebookStrategy({
    clientID: process.env.FACEBOOK_APP_ID,
    clientSecret: process.env.FACEBOOK_APP_SECRET,
    callbackURL: `${process.env.APP_URL}/auth/facebook/callback`
  },
  async (accessToken, refreshToken, profile, done) => {
    try {
      const user = await User.findOrCreate({ facebook_id: profile.id }, {
        facebook_id: profile.id,
        name: profile.displayName,
        provider: 'facebook'
      })
      return done(null, user.toJSON())
    } catch (err) {
      return done(err)
    }
  })
}

routes.js

app.get('/auth/facebook', passport.authenticate('facebook'))
app.get('/auth/facebook/callback', passport.authenticate('facebook', { failureRedirect: '/login' }, (req, res) => {
  const user = req.user;
  const payload = {
      id: user._id,
      email: user.email,
  };

  jwt.sign(payload, secret, {expiresIn: 3600}, (err, token) => {
      if (err) {
          res.status(500).send({
              error: 'Error signing token',
              raw: err,
          });
      }
      // Отдаем html
      res.send(`
      <script>
        localStorage.setItem('token', '${`Bearer ${token}`}');
        localtion.href = '/'
      </script>
      `);
  });
})

в app.js

const passport = require('passport')
require('./passport')(passport)
app.use(passport.initialize())

И так у тебя 2-й слайд вложен в 1-й слайд оба подписаны на событие afterChange
В JS события работают по принципу всплытия (снизу в верх), т.е когда во 2-м слайде (reviews-gallery-slider) срабатывает событие afterChange оно дальше передается в вверх 1-му слайду (reviews-slider) так как первый слайд подписан на события init reInit afterChange счетчик изменяется

Причину выяснили, варианты решения:

1. Вариант: во 2-м слайде запретить передачу события afterChange дальше

$('.reviews-gallery-slider').slick(
           ...
        ).on('afterChange', function(event, slick){
            event.stopPropagation(); // <-
            ...
        });

2-й вариант: не самый элегантный но рабочий, для 1-го слайда проверяем что у текущего слайда есть класс reviews-slider, если нет завершаем функцию

$examplesSlider2.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
        // check
        if (!event.target.classList.value.includes('reviews-slider')) {
            return;
        }
        ...
    });

Добавить в css

* {
  box-sizing: border-box;
}

https://developer.mozilla.org/en-US/docs/Web/Guide...

Либо используй puppeteer https://github.com/GoogleChrome/puppeteer

var container = document.getElementById('yohoho')
container.addEventListener('DOMSubtreeModified', function listener(event) {
    var iframe = document.getElementById('yohoho-iframe')
    if (!iframe) {
      // iframe еще не появился в dom
      return
    }
    var url = iframe.src
    var updated = url.replace('kLShoChnGWEE', 'LFHkCbyQOWUm')
    iframe.src = updated
    
   // Задача выполнена, можно удалить обработчик
    container.removeEventListener('DOMSubtreeModified', listener)
})

Код сверху может не сработать
2-й вариант

window.addEventListener('DOMContentLoaded', function(){
    var timerId = 0
    function changeUrl() {
        var iframe = document.getElementById('yohoho-iframe')
        if (iframe && iframe.src) {
            var url = iframe.src
            var updated = url.replace('kLShoChnGWEE', 'LFHkCbyQOWUm')
            iframe.src = updated
            return clearTimeout(timerId)
        }
        // Каждые 100 мс делаем проверку на появление iframe в dom
        timerId = setTimeout(changeUrl, 100)
    }
    changeUrl()
})

https://codepen.io/akylkg/pen/PooOwGN
HTML

<input type="text" name="query"  value="sort=new&page=1">
<input type="text" name="url"  value="">
<button data-key="key1" data-value="value1">Add item 1</button>
<button data-key="key2" data-value="value2">Add item 2</button>

JQuery

var $inputQuery = $('input[name=query]')
var $inputUrl = $('input[name=url]')

$('button').click(function(event) {
  event.preventDefault()
  
  var $this = $(this)
  var key = $this.attr('data-key')
  var value = $this.attr('data-value')
  var query = $inputQuery.val()
  var params = new URLSearchParams(query)
  params.set(key, value)

  var updatedQuery = params.toString()
  $inputQuery.val(updatedQuery)
  $inputUrl.val('http://test.ru/news?' + updatedQuery)
})

Пример вывода

input query: sort=new&page=1&key2=value2&key3=value3
input url: http://test.ru/news?sort=new&page=1&key2=value2&key3=value3

Вместо куков лучше пользоваться sessionStorage или localStorage

// Сохранить данные
sessionStorage.setItem('username', 'Musk')

// Получить
const username sessionStorage.getItem('username')

Разница между sessionStorage и localStorage
sessionStorage хранит до закрытия владки
localStorage хранит данные всегда