Олег Андрианов

Обычные команды в терминале, чего я не знал. Фух, оказывается это не магия, ну слава богу.
https://nodejs.org/api/cli.html#program-entry-point

function initDatepicker (el, opts) {
  const dp = new AirDatepicker(el, opts);
  el.datepicker = dp;
}
// обратиться из любого места в проекте
 document.querySelector(el).datepicker

Возился-возился, а ответ, как полагается, был прост:

var recaptchaRequest;
var recaptchaRecall;
var onloadCallback = function() {
    // отрисовка recaptcha-request на элементе с id="recaptcha-request"
    recaptchaRequest = grecaptcha.render('recaptcha-request', {
      'sitekey' : 'публичный-ключ' 
    });
    // отрисовка recaptcha2 на элементе с id="recaptcha2"
    recaptchaRecall = grecaptcha.render('recaptcha-recall', {
      'sitekey' : 'публичный-ключ' 
    });
};

Запара была в том, что в response надо было подставить ответ от нужной формы при валидации в formData.
Для каждой формы в своем валидаторе.

var response = grecaptcha.getResponse(recaptchaRecall);
var response = grecaptcha.getResponse(recaptchaRequest);

Вопрос решен. Вот здесь можно посмотреть, кому интересно.

нашел где собака зарыта. Покопавшись в коде нашел следы плагина phpThumb. И вправду есть такой плагин для modX, им то и пользовался мой предшественник. Подробнее про него можно прочитать здесь Работа с изображениями средствами phpThumbOf. В общем этот плагин создает миниатюры изображений и сохраняет их в кеше. Никакой конвертации нет, иллюзии развенчаны)
По крайней мере половину работы можно скинуть на него: большую картинку обрабатывать в squoosh на jpg и webp, а создание миниатюр отдать phpThumb.

let button = document.querySelector("button");
button.addEventListener("click", () => {
  button.classList.add("button--active");
});

button {
color: #fff;
}
button--active {
color: red;
}

Проблема решилась. Был незакрытый тег form выше по коду. Теперь буду обязательно использовать https://validator.w3.org/

Решение найдено. Всем спасибо)

let lightboxLink = document.querySelectorAll('.fslightbox');
for (i = 0; i < lightboxLink.length; i++) {
   let currentLink = lightboxLink[i];
   
   const container =  currentLink.querySelector('.work-slider__image');

   if (container) {
      const imageCurrentSrc = container.querySelector('img').currentSrc;
      currentLink.setAttribute('href', imageCurrentSrc);
      refreshFsLightbox();
   }
}