Первый апдейт: полноценная страница карточек
Наконец-то завершён один из самых сложных этапов разработки Anki Study Report — создание полноценной страницы для анализа карточек.
Работа над этим разделом заняла намного больше времени, чем я изначально ожидал. Главная сложность заключалась не просто в том, чтобы вывести текст карточки, а в том, чтобы максимально близко воспроизвести её реальное отображение в Anki.
Для каждой карточки нужно было правильно получить тип записи, поля, HTML-шаблоны, стили, изображения, GIF-анимации и аудио. При этом пользовательские стили карточек не должны были ломать интерфейс самого приложения, а потенциально небезопасный HTML — выполняться внутри dashboard.
В результате страница получила несколько режимов отображения:
- Компактную таблицу для быстрого анализа
- Плитки с визуальным предпросмотром
- Отдельный режим Anki Preview с отображением обратной стороны карточки
Карточки рендерятся в изолированной среде, поэтому их собственные CSS-стили не влияют на остальные страницы приложения. Медиафайлы загружаются через защищённый локальный сервер, а HTML проходит предварительную очистку.
Карточки рендерятся в изолированной среде, поэтому их собственные CSS-стили не влияют на остальные страницы приложения. Медиафайлы загружаются через защищённый локальный сервер, а HTML проходит предварительную очистку.
Страница также помогает находить карточки, которым стоит уделить внимание. Например:
- Карточки с частыми ответами Again
- Медленные ответы
- Низкий процент успешных повторений
- Пропущенные изображения, аудио, значения или примеры
- Потенциальные leech-карточки
Отдельной частью работы стало тестирование. Для проекта была подготовлена изолированная Docker-среда с настоящим Anki Desktop, тестовой коллекцией, несколькими типами карточек и медиафайлами. Благодаря этому можно проверять не только отдельные функции, но и полный путь: установку расширения, запуск Anki, сбор данных, работу локального сервера и отображение карточек в браузере.
Этот раздел ещё будет развиваться: впереди улучшение фильтров, сортировки, диагностики проблем и взаимодействия с Anki Browser. Но основа, над которой пришлось бороться особенно долго, теперь наконец работает.
Anki Study Report остаётся бесплатным проектом. Подписка на Boosty — это добровольный способ поддержать дальнейшую разработку, тестирование и выпуск обновлений. Спасибо всем, кто следит за проектом и помогает ему двигаться дальше.
TL;DR
The first major Cards page update is complete. Anki Study Report can now display isolated card previews with HTML, CSS and media, offer several viewing modes, and help identify cards that require attention. The project remains free, while Boosty subscriptions provide optional support for continued development and testing.
The first major Cards page update is complete. Anki Study Report can now display isolated card previews with HTML, CSS and media, offer several viewing modes, and help identify cards that require attention. The project remains free, while Boosty subscriptions provide optional support for continued development and testing.
anki
anki study report
разработка
обновление
карточки