Шаги создания пользовательских малых действий для использования в плагине?

Я работаю над плагином, специфичным для нашей тематики, для нашего форума, и мы хотели бы создать собственные небольшие действия, аналогичные этим:

В частности, мне нужно просто иметь возможность размещать такие уведомления в теме, но с возможностью настройки иконки и текста.

Может ли кто-нибудь провести меня через структуры/модули/шаблоны и т. д., в которые мне нужно внедриться, чтобы реализовать это на бэкенде и фронтенде, или вы можете указать на существующий плагин, который уже реализует это?

Спасибо!

discourse-assign, вероятно, лучший пример этого:

А затем несколько элементов для добавления иконки / контента

https://github.com/discourse/discourse-assign/blob/master/assets/javascripts/discourse-assign/initializers/extend-for-assigns.js.es6#L158-L169

Спасибо, это очень помогло.

Какой будет лучший способ сделать отображение мелких действий с более богатым текстом?

Текущий вариант:
image

То, что я хочу: (я достиг этого, вручную добавив класс cooked в div с классом small-action-desc)

image

Я просмотрел исходный код о пост-трансформаторах, но не нашёл ничего связанного с этим.


РЕДАКТИРОВАНИЕ: в итоге я просто добавил это как .scss

.custom-message {
    ins {
        background-color: dark-light-choose(
            $success-low,
            scale-color($success, $lightness: -60%)
        );
    }
    del {
        background-color: dark-light-choose(
            $danger-low,
            scale-color($danger, $lightness: -60%)
        );
    }
}