Raimei

Мысли в воздух.
Не обязательно расширять сервис ради проверки прав. Мы можем сделать любую проверку самостоятельно

// Вместо этой проверки
if (!$rest->checkPermissions()) {
    $rest->sendUnauthorized(true);
}
// Пишем свою 
if (!$modx->hasPermission('some_permission')) {
    $modx->sendUnauthorizedPage();
    // echo json_encode(['success' => false, 'message' => 'Permission denied.']); exit;
}

Сергей, тут все упирается в знание js и мониторинг информации за бугром. Если на modx информации порой вообще нет, то на какие то решения в js и подавно хрен что найдешь.
Если вас интересует как стартануть в full stack, то у меня был такой процесс:
— изучаем js. 3-е издание \ Этан Браун
— секреты JavaScript ниндзя. Второе издание
— js подробное руководство. 6-е издание
— веб-разработка с применение node и express \ Итан Браун
— React и Redux. Функциональная веб-разработка
Этого будет достаточно что бы понять как все устроенно и плавать дальше самому, используя документации.

Из наиболее простых:
1) PostCSS и autoprefixer => в опциях указывается для каких браузеров и их версий необходима поддержка и в результате для них автоматически добавляются все необходимые версии правил с префиксами/хуки. Вот пример для bootstrap4

Всего нескольких строк добавить нужно.
2) BrowserSync и LiveReload => запускается простой локальный сервер с разрабатываемым сайтом и можно в отдельной вкладке смотреть текущие результаты работы. Более того, когда вносятся какие-либо изменения происходит автоматическое обновление. То есть поменял значение переменной в SCSS, а в браузере уже сразу видишь, что будет в результате. Про постоянные CTRL/CMD + F5 можно забыть. Очень удобно.
3) PurifyCSS => анализ страниц и удаление неиспользуемых правил из CSS. Тут все очевидно надеюсь.
4) Polyfill => Добавление поддержки возможностей новых стандартов в старые версии браузеров. Как пример, shim добавляющий в IE поддержку HTML5. На серьезных сайтах это важно, т.к. в них используются fetch, Promise, стрелочные функции и т.д.
5) генераторы favicon и manifest. Тупо указывается файл с иконкой (хотя в SVG) + описываются название и т.п характеристики сайта и автоматически в html добавляется все нужные метатеги и строки. К примеру, как на картинке ниже:

6) автоматическая обработка картинок + добавление Retina и т.п. версий, как в плане файлов, так и атрибутов в HTML
7) генерация шрифтов из какого-либо формата во все используемые в web, к примеру woff, woff2, eot и т.д. Возможно, что тут и не надо, но в тех случаях, когда сталкиваешься — очень удобно.

Ну и много-премного другого. Выше просто несколько пунктов, которые реализуются добавлением нескольких строк и установкой из репозитория соответствующих пакетов. По большей степени они для автоматизации, но тем не менее результат в итоге очень приятный. Ну и это детский сад конечно все, т.к. я для Gulp перечислил, что помню. Если перейти на WebPack и начать пользоваться модульностью… Вот тут уже весело ибо модульный CSS благодаря PostCSS, автоматическая генерация чанков, React, Асинхронная загрузка абсолютно всего и в том числе стилей, Polymer с кастомным html вроде iron-icon и т.д. но знаний нужно прилично уже.

я писал раньше компоненты на modx, потому теоретически мог бы написать подобный компонент поиска, но для этого необходимо много времени. Изучение API модекса, написание скриптов. Писал компоненты регистрации по телефону, определение человека по ip-адресу (относительно, конечно). Потом внедрял это в modx.