Разработчик сделал расширение Overgrown: брошенные вкладки Chrome зарастают растениями

Разработчик сделал расширение Overgrown: брошенные вкладки Chrome зарастают растениями

Автор блога charliegerard.dev (имя в тексте не указано) описал небольшое расширение для Chrome под названием Overgrown. Идея родилась из творческого упражнения со словом «Overgrowth» («зарастание»): первым делом на ум пришли апокалиптические сцены вроде «Ходячих мертвецов» или The Last of Us, где растения захватывают заброшенные здания. Слово «заброшенный» напомнило автору о браузерных вкладках, и он задумался: что, если вкладки будут постепенно зарастать растениями, пока их оставляют непрочитанными, а чтобы вернуться к ним, придётся расчищать заросли, как открывать заросшую дверь.

Как это работает. У каждой вкладки есть «часы заброшенности»: они идут, пока вкладка вне поля зрения, и останавливаются, когда пользователь на неё смотрит. Чем дольше вкладка заброшена, тем больше растений растёт на ней, от краёв к центру. Когда вкладка заросла больше чем на 5%, страница за лианами «замуровывается»: прокручивать её можно, но нельзя кликать, выделять текст и перетаскивать элементы. Чтобы освободить вкладку, нужно прорубить лианы, проводя мышью поперёк них; когда зарослей остаётся 5%, последние остатки отваливаются сами. Если вкладку снова бросить, джунгли начнут расти заново.

Для забавы можно выбрать оружие: ржавый мачете, бензопилу или огнемёт. Также можно настроить, за какое время вкладки зарастают полностью. Изначально автор хотел вообще не давать закрывать заросшие вкладки, пока все растения не прорублены, но счёл это слишком раздражающим.

Устройство кода. Код состоит из трёх частей. Фоновый скрипт background.js запускает «джунгли» на каждой открытой вкладке и забывает о них при закрытии вкладки. Папка popup отвечает за интерфейс самого расширения: небольшие компоненты для настройки времени, выбора оружия, списка вкладок и их текущего состояния. Папка content (оверлей) содержит SVG-изображения растений и оружия, логику размещения и роста кластеров растений, часы заброшенности и звуки.

Автор признаётся, что давно хотел вернуться к созданию своих проектов, и это, небольшой весёлый способ начать. Расширение не обязательно заставит его читать вкладки чаще, но прорубаться сквозь лианы делает возвращение к ним веселее. На момент написания на новом компьютере у него открыто 22 вкладки, и 14 из них уже полностью заросли.

Ключевые факты

  • Расширение Overgrown для Chrome заращивает растениями вкладки, которые остаются вне поля зрения: рост идёт от краёв к центру.
  • Когда вкладка заросла больше чем на 5%, страницу можно только прокручивать, кликать, выделять и перетаскивать нельзя; освободить её можно, прорубая лианы движением мыши.
  • Оружие на выбор: ржавый мачете, бензопила или огнемёт; время полного зарастания настраивается.
  • Код состоит из трёх частей: фоновый скрипт background.js, папка popup с интерфейсом и папка content с оверлеем, SVG и звуками.
  • У самого автора из 22 открытых вкладок 14 уже полностью заросли.

Почему это важно

Это небольшой игровой побочный проект, а не отраслевая новость: он превращает знакомую проблему, множество забытых непрочитанных вкладок, в наглядную механику. Автор сам оговаривается, что расширение не обязательно заставит читать вкладки чаще; смысл в том, чтобы возвращаться к ним было веселее.

Кому это важно

Тем, у кого в браузере накапливаются десятки открытых вкладок, и тем, кто интересуется небольшими расширениями для Chrome и игровыми интерфейсными идеями. Разработчикам может быть любопытно описание устройства: фоновый скрипт, интерфейс во всплывающем окне и скрипт-оверлей на странице.

Как это применить

В тексте дано описание расширения и его кода, но ссылки на Chrome Web Store, репозиторий или сведений о лицензии и цене в нём нет, поэтому сказать, как его установить, нельзя. Идею можно перенять: «часы заброшенности» для каждой вкладки, постепенное визуальное зарастание и настраиваемое время, за которое вкладка зарастает полностью.

Можно ли доверять

Это личный блог, и материал, авторское описание собственного проекта от первого лица, без независимых проверок. Имя автора в тексте не названо, указан лишь домен charliegerard.dev. Сведения об опубликованности расширения, числе загрузок и отзывах пользователей в источнике отсутствуют.

Риски и подводные камни

Когда вкладка заросла больше чем на 5%, страница за лианами блокируется для кликов, выделения и перетаскивания, работать с ней, не расчистив заросли, нельзя (прокрутка остаётся). Автор отказался от более жёсткой идеи, не давать закрывать заросшие вкладки, считая её слишком раздражающей. Данных о влиянии расширения на производительность, память и требуемые разрешения в тексте нет.