Олег

Вы же понимаете, что рисуете на canvas? Выйти за неё нельзя. Значит нужно ограничить отрисовку сетки до заданного максимума, а не до фактического, который будет использоваться для расчёта масштаба

Есть js скрипт добавления нескольких video тегов

который работает неправильно , значит вместо него надо написать работающий правильно.
Или прочитать / разобраться в существующем как он устроен и переписать под себя.

А не добавлять костыли снаружи.

Логика всех скриптов Lazy Load основана на том, что сперва есть плейсхолдер, который заменяется на реальный контент при входе объекта в область видимости.

https://learn.microsoft.com/en-us/windows-server/a...
У команды сортировки есть ключ включать в выходной файл только уникальные результаты.
https://learn.microsoft.com/en-us/windows-server/a...
команду for можно натравить на полученный в первом шаге файл

https://stackoverflow.com/questions/4156434/javasc...

Надеюсь далее сами поймете как поправить , чтобы считал начало следующей

Извините, но ваша ситуация выглядит странно.
Во первых, Вы взяли апи для отправки сообщений, которое позиционируется как не требующее серверной части :
"Послать письмо из явоскрипта".
Во вторых публичный ключ, который вы хотите скрыть - это аналог подменного номера телефона на досках объявлений. Типа написать письмо можно и ваш реальный емайл не светиться.

В вашем случае "ключи доступа к сторонним сервисам никогда не передаются на сторону клиента" не принимимо.
Это получается "масло масленное" .

не удачный пример с платежными системами.
Данные об оплате поступают от мерчанта.
В 99% процентов случаев Ваш сайт просто отправляет посетителя на сайт платежной системы так как пройти сертификацию для работы с данными карт (Payment Card Industry Data Security Standard (PCI DSS) ) большой гиморой.
Для переадресации требуется сумма платежа, идентификатор участника платежной системы в чью пользу оплата, обычно к обязательным полям добавляют возможность добавить идентификатор оплаты со стороны продавца.
Названия полей и их количество немного отличаются от платежной системе к системе.

Есть вторая схема. Предварительная регистрация платежа (бакенд дергает апи и получает ид оплаты). Редиректит пользователя на оплату конкретного счета.

Факт успешной оплаты может проверяться по инициативе со стороны бека, так и через механизм обратных вызовов (хуков)

От пользователя сайт не берет информацию. Возврат по урлу успеха на сайт максимум можно использовать только для перепроверки, что поступлении денег было.

Даже в этом случае (пользователь ничего не передает) верить не желательно.
Стоит перепроверить контрольную сумму. Ограничить доступ к хукам по ip.

Типовой способ защиты: расчет контрольной суммы от
секретнаястрока+поле_данных1+поледанных2+....+полеN

Но способ не подходит для JS так как строка будет видна :(

сходи на packagist и выбери себе либу.
В свое время я взял hoa/websocket, но сейчас проект заброшен.
В любом случае можешь из этих примеров найти вдохновение

Следующие подводные камни вашего решения.
1) Броузер кеширует статику на своей стороне.
Поэтому изменения текста js скрипта пользователи могут узнать через год. Не шутка. Просто пользователь может получить файл через прокси с жестким кешированием. Читайте про хеадеры кеширования html
https://developer.mozilla.org/ru/docs/Web/HTTP/Caching
https://habr.com/ru/articles/204464/

2) Правильная публикация статики на github.io (Гит Пейджес)
https://docs.github.com/en/pages/getting-started-w...
Если кратко, то после пуша в репу должен отработать коректно хук

3) Ну и остается из php запускать shell команду, которая будут пушить новый сгенерированный скрипт.
>git push

Предварительно сделать на серверу репу в месте куда пых сможет писать

з.ы. имхо гимороя больше чем просто взять VPS рублей за 200-600 в месяц

С чем это связано?
С грязным стилем написания кода.



Если задавить вывод ошибок, то код начнет работать.
!!!! НО !!!!!

Как быстро вы отловите ошибку с тем, что подчеркнуто красным ?

Ловить onClick на плашках. Делать
ajax + динамическое формирование дом дерева галереи.
вешать нужные обработчики на новые элементы.
Написать бакенд: к которому обращаться.

Я начал бы с проверки #internetConnection в коде страницы присутвует
Не уверен, что ранее это работало.
https://caniuse.com/?search=online

"online" does not always mean connection to the internet, it can also just mean connection to some network.

если точно работало, то попробывать найти старую версию броузера. Могли сломать.

Движок вебкита тоже не боги пишут. Сломанную печать более полугода в десктопной версии чинили. А потом на теже вилы наступили в андроид версии

Если "правильный" код работает "неправильно", то он вызывается в "неправильное время".
Вот для начала https://habr.com/ru/companies/yandex/articles/718084/

От себя скажу упрощенно.
Страница это обычно куча подключаемых файлов. Броузер дотягивает их в 5 потоков.
У вас может все нормально работать при первой загрузке страницы, а при возврате падать в ошибку.
Тут проявляется работа кеша. Код из выше подключенного скрипта успевал отработать пока грузился следующий.

И бонус. Синтаксическая ошибка в каком то левом месте может аукнуться не работой всего остального кода.

Создать свою мини-библиотеку на чистом js?
посмотри ответ. Как красиво в одну строчку.
А в вашем варианте мне не нравиться составное имя функции doc_select

Что будет выведено на QR коде ?
Ссылка на скачивание приложения ?
Оно будет для каждого кафе отдельное (брендованое) ?
Как будет реализована авторизация / регистрация ?
Как будет осуществлено взаимодействие с учетной системой кафе ?

Люди пишут полноценные системы годами. И та часть которую Вы хотите реализовать там малюсенькая подзадачка.

я так понимаю питон на сервере у провайдера. явоскрипт в хроме на телефоне у пользователя.
Верно ?
А ответ почему не работает связан с особенностями поведения мобильных телефонов.
Во главе угла стоит экономия батарейки. Поэтому при отсутвии активности пользователя все фризиться.

https://caniuse.com/?search=Screen%20Wake%20Lock%20API
запретить гасить экран так себе вариант.

https://habr.com/ru/articles/321924/
Можете в офлайн посылать пуши (нотифи)