Автор создал расширение Chrome для claude.ai, чтобы отображать живой счетчик токенов и общую сумму за сессию, решая проблему отсутствия индикатора ограничения контекста. Расширение использует Manifest V3, требующий использования service workers для фоновых скриптов. Автор использовал MutationObserver для решения динамического характера интерфейса claude.ai. Для поиска элемента ввода используются селекторы на основе атрибутов, а не имена классов. Расширение приблизительно подсчитывает токены, используя формулу слова-умноженное-на-1.3. Значок внедряется в веб-страницу и обновляется при событиях ввода и keyup. Файл манифеста настраивает расширение, предоставляя разрешения. Неожиданной проблемой было отслеживание отправки сообщений для расчета общей суммы токенов за сессию. Нажатия клавиши Enter и нажатия кнопки отправки отслеживаются, чтобы определить, когда сообщение отправлено.
dev.to
I built a Chrome extension for Claude in 45 minutes (here's what I learned)
