Расширение: Create QR Code

Как должно работать расширение:
1. Открываем и вставляем нужны урл. Если формат неправильный, показывается подсказка
2. После нажатия на кнопку происходит или генерация qr кода, или генерация и мгновенное скачивание в формате png. Размером 1000х1000 пикселей

Еще:
Нужна будет незаметная плашка, которая, например, открывает расширение в новой вкладке. Цель в том, чтобы пермишен all_urls получить. Если это можно сделать другими способами, то я открыт к предложениям

Интерфейс: https://www.figma.com/file/L8YBOqlJM0u41JIEYzx8K3/Create-QR-Code?type=design&node-id=0%3A1&mode=design&t=CwPnncb85DlKSTBD-1
Что нашел в открытом доступе:
- https://github.com/nayuki/QR-Code-generator
- https://github.com/rugk/offline-qr-code?tab=License-1-ov-file#readme
- https://github.com/tokkozhin/react-native-qrcode-styled

Пример кода для расширений в целом: https://github.com/Sergi-Mz/color-wheel-complementary-colors

Пожалуйста, поделитесь своим опытом работы с typescript, js. а также вашими наиболее успешными кейсами в веб-разработке.