Запомнят все, запомнят всё!
Расширение Chrome для тех, кому нужно запомнить и не забыть. Вы идёте по Google Street View — как по знакомой тропе — и оставляете надписи и рисунки прямо на месте. В следующую прогулку увидите их там же: не в блокноте, не в приложении, на пути.
Мозг человека эволюционно заточен под запоминание маршрутов. vgraffiti возвращает этот древний способ: поворот у валуна, трещина в скале, надпись на стене — память оживает с первого взгляда.
Ученикам и учителям, инженерам и художникам — всем, кому надо удержать в голове слова, формулы, маршруты и образы.
- Зарегистрируйтесь на vgraffiti.ru.
- Установите расширение в Chrome — инструкция на сайте.
- Откройте Street View в Google Maps — справа появится панель рисования.
- Гуляйте и рисуйте — метки останутся на маршруте и синхронизируются с профилем на сайте.
- Рисование и надписи поверх Google Maps / Street View и Яндекс.Карт
- Сохранение прогулок и рисунков в аккаунте на vgraffiti.ru
- Вход через сайт — расширение подхватывает сессию автоматически
Требуется Node.js 20+.
npm install
npm run devВ Chrome: Расширения → Режим разработчика → Загрузить распакованное — папка .output/chrome-mv3.
npm run build
npm run zip:distnpm run zip:dist создаёт .output/vgraffiti-extension.zip с папкой vgraffiti-extension/ внутри (удобно для загрузки на сайт и «Загрузить распакованное» в Chrome).
npm run zip (wxt) — плоский архив для Chrome Web Store.
Сборка запускается автоматически при push в main и вручную:
gh workflow run buildЛибо в GitHub: Actions → Build extension → Run workflow.
В Artifacts скачайте vgraffiti-extension. После одной распаковки — папка vgraffiti-extension/ с manifest.json внутри (не в корне Downloads).
GitHub Artifacts: если загрузить саму папку vgraffiti-extension/, в zip попадут только файлы без имени каталога. Поэтому в CI файлы кладутся в extension-package/vgraffiti-extension/ и загружается родитель extension-package/.
Для Chrome: Загрузить распакованное → папка vgraffiti-extension.
Файл vgraffiti-extension.zip для сайта — локально npm run zip:dist, либо релиз на GitHub (прямая ссылка без вложенности).
Важно: не используйте «Code → Download ZIP» (это исходники без сборки).
- WXT + TypeScript