Билеты охотника — статичный интерактив (a1-tir.ru/bilety → bilety.html)

Итог (2026-08-24)

Скачал https://a1-tir.ru/bilety (билеты для экзамена на гражданское оружие/охотничий минимум) и превратил в статичную страницу с кнопками-ответами, вшитыми в HTML (БЕЗ JS-скрипта-генератора). Задеплоено в Eagle Dashboard Pages: /Library/WebServer/Documents/bilety.html (≈894 КБ), URL /local-pages/bilety.html, вкладка Pages.

176 карточек-вопросов, 532 кнопки-ответа (из ~180 исходных; потеряны лишь некоторые многострочные вопросы, где -фрагмент без номера).
Каждый ответ — <button class="whale-a" data-correct="N" data-n="M" onclick="...">.
Номер правильного ответа скрыт — живёт только в data-correct, не рендерится на экран.
Клик (инлайн onclick в каждой кнопке): выбрал неверно → кнопка красная wrong + правильная подсвечивается зелёной correct; верно → зелёная.
CSS (.whale-answers, .whale-a, .correct, .wrong) вшит в <head> страницы.

Универсальная структура исходника (Tilda text-блок)

Одна строка-контейнер на раздел, div field="text" class="t-text t-text_md "> (4 таких блока на странице). Внутри:

<p style="text-align:center;"><strong>Заголовок раздела</strong></p>  (не всегда)
<strong>1.1. Текст вопроса</strong>
<br/>1. Вариант1
<br/>2. Вариант2
<br/>3. Вариант3
<br/><em>2</em>            ← номер правильного (скрывать)
<br/><strong>&nbsp;</strong><br/>
<strong>1.2. ...</strong>
...

Вопрос может занимать несколько подряд идущих  (фрагмент без номера — продолжение).
Ответы — текстовые узлы после  между  , каждый начинается с N. .
N — чистый номер правильного. Исключение: Примечание: … — это примечание, не номер.
Мусор:  ,  , пустые /.

Генератор: `~/Downloads/gen2.py`

Python (без внешних зависимостей), превращает origen_raw.html → bilety.html.

python3 gen2.py   # вывод: containers=4 cards=176 buttons=532 bytes=816979

Ключевые моменты:

find_end(html, start) — баланс <div>/</div> от индекса открывающего <div field="text"> до его закрытия.
transform_container — сначала вырезает <p[^>]*>.*? (заголовки разделов). Это критично: без этого блоки с -заголовком (раздел «Правовая подготовка» и «Огневая подготовка») давали 0 карточек, вопросы терялись целиком. Убирание заголовков заставляет обрабатывать каждый  единообразно (как в блоках без заголовка).
_scan(inner) — токенизация текста/тегов; каждый N. -ответ → cur["a"]; -цифра → cur["c"] (правильный); strong без номера при пустых ответах → мержится в текущий вопрос.
_btn(num, text, correct) — инлайн onclick, красящий красный/зелёный.

Pitfalls

Блоки с -заголовком: если не вырезать .../p> первым шагом, такие блоки дают 0 карточек (вопросы теряются). Симптом: в собранном файле cards вдвое меньше (~86 вместо ~180).
Скрытие номера: не выводить  в разметку — только data-correct на кнопке.
grep -c по однострочному HTML вернёт 1 (файл — одна гигантская строка), даже если совпадений сотни. Считать через python (s.count(...)), не через grep.
Файл после генерации большой (~894 КБ): на каждую кнопку инлайн-onclick — приемлемо для статики.
Node парсеры/node --max-old-space-size тут НЕ нужны — на больших минифицированных Tilda-файлах node легко падает в OOM (heap limit) при самопальных токенизаторах. Python + str.find/regex надёжнее и не жрёт память.

Деплой в Eagle Dashboard Pages

Механика + права — в personal/projects/personal-os/eagle-dashboard.md (секция «Как добавить страницу в Pages»).
Скопировать bilety.html в /Library/WebServer/Documents/ (root-owned, нужен sudo) → страница подхватывается живьём, рестарт дашборда не нужен.

5.7 KiB Raw Blame History Unescape Escape