• Наборы — updown (👍/👎, exclusive); github (👍👎❤️😂😮😢😡🎉); full (24 типа, в т.ч. 🚀👀🔥👏🤔🥳⭐🍺✨💯🙏💪😎😍😕🙌). Подмножество через настройку reactions_full_types или параметр &types=
• Layout виджета — auto (picker при >3 типах), picker (чипы + кнопка + / popover), bar (все кнопки в ряд)
• Любой объект — modResource, msProduct, TicketComment; в API/сниппетах class / class_key, в БД поле object_class
• Идентификация — auth_only, IP, IP+Cookie, Session; exclusive и allow_multiple
• Топы и trending — периоды day/week/month/year/all; формула Reddit
• Защита — rate limit, anti-bot, CSRF, Origin check, replay protection
• Интеграции — события MODX, webhooks (Telegram / Discord / Slack), уведомления автору, JSON-LD AggregateRating, pdoTools leftJoin по агрегатам
• Свои типы — CLI или admin REST без Vue-админки

• Reactions

  — виджет с кнопками / picker и AJAX-счётчиками

• ReactionsCount

  — текстовые счётчики: {TOTAL}, {LIKES}, {DISLIKES}, {RATING}, {love}, {fire}…

• TopLiked

  — топ по числу лайков

• TopRated

  — топ по рейтингу (likes − dislikes)

• Trending

  — горячие материалы

• ReactionsSchema

  — JSON-LD AggregateRating для SEO

<link rel="stylesheet" href="{'assets_url' | config}components/reactions/js/web/reactions.css">
<script src="{'assets_url' | config}components/reactions/js/web/reactions.js" defer></script>

Виджет на ресурсе (MODX):

{'!Reactions' | snippet : ['set' => 'github', 'object' => $_modx->resource.id]}
{'!Reactions' | snippet : ['set' => 'updown', 'object' => $_modx->resource.id]}

{'!Reactions' | snippet : ['set' => 'github', 'layout' => 'bar', 'object' => $_modx->resource.id]}

{'!Reactions' | snippet : ['set' => 'full', 'types' => 'like,love,fire,star', 'object' => $_modx->resource.id]}

Счётчики без кнопок:

{'!ReactionsCount' | snippet}

{'!ReactionsCount' | snippet : [
    'format' => 'Всего {TOTAL}: 👍 {LIKES} / 👎 {DISLIKES}',
]}

{'!ReactionsCount' | snippet : [
    'format' => '❤️ {love}',
]}

{'!ReactionsCount' | snippet : [
    'format' => '❤️ {love} · 🔥 {fire} · ⭐ {star} · 🚀 {rocket}',
]}

Топы и схема:

{'!TopLiked' | snippet : ['period' => 'day', 'limit' => 5]}
{'!TopLiked' | snippet : ['period' => 'month', 'limit' => 5]}
{'!TopLiked' | snippet : ['period' => 'all', 'limit' => 10]}

{'!TopRated' | snippet : ['period' => 'month', 'limit' => 10]}
{'!TopRated' | snippet : ['period' => 'year', 'limit' => 10]}

{'!Trending' | snippet : ['period' => 'all', 'limit' => 3]}

{raw ('!ReactionsSchema' | snippet : [
    'class'   => 'msProduct',
    'object'  => $_modx->resource.id,
    'context' => 'web',
])}

miniShop3 (карточка + сортировка каталога):

{'!Reactions' | snippet : [
    'class'   => 'msProduct',
    'object'  => $_modx->resource.id,
    'set'     => 'github',
    'context' => 'web',
]}

{'!Reactions' | snippet : [
    'class'  => 'msProduct',
    'object' => $_modx->resource.id,
    'set'    => 'updown',
]}

{'!ReactionsCount' | snippet : [
    'class'  => 'msProduct',
    'object' => $id,
    'format' => '👍 {LIKES}',
]}

{'!msProducts' | snippet : [
    'parents' => 10,
    'limit' => 12,
    'leftJoin' => '{"Aggregate":{"class":"Reactions\\Model\\ReactionAggregate","on":"Aggregate.object_id = msProduct.id AND Aggregate.object_class = \'msProduct\'"}}',
    'sortby' => 'Aggregate.likes',
    'sortdir' => 'DESC',
    'tpl' => 'tpl.msProduct.card',
]}

1. Установите транспортный пакет. Подключите CSS и JS (см. выше).
2. Вызовите [[!Reactions? &set=`github`]].
3. Кликните реакцию в виджете — счётчики обновятся через AJAX.

php core/components/reactions/cli.php recount
php core/components/reactions/cli.php type create --name=favorite --emoji=⭐
php core/components/reactions/cli.php ban add --ip=203.0.113.10
php core/components/reactions/cli.php stats

• Контент и блоги — лайки и emoji на ресурсах, топы недели
• Магазины на miniShop3 — реакции на msProduct, сортировка по likes
• Разработчики — REST, CLI, кастомные наборы, schema.org