api.decoratePluginOutlet ne se déclenche pas ?

Dev
1

J’ai un composant de thème pour ne pas afficher les tags et catégories mis en sourdine dans la recherche, mais je l’ai désactivé puis réactivé pour tester autre chose, et maintenant cela ne fonctionne plus, y compris console.log. Je n’arrive pas à faire fonctionner api.decoratePluginOutlet du tout, même dans un nouveau composant de thème propre basé sur l’exemple de plugin-api.js.

A. Y a-t-il une astuce pour faire fonctionner decoratePluginOutlet, et B. existe-t-il un meilleur moyen d’ajouter simplement une classe à un élément de liste de résultats de recherche ? Actuellement, j’utilise decoratePluginOutlet pour obtenir l’élément et remonter et descendre dans la hiérarchie pour trouver puis ajouter la catégorie, mais cela semble désordonné. Code complet ci-dessous.

<script type="text/discourse-plugin" version="0.8">
const discourseComputed = require("discourse-common/utils/decorators").default;
let currentUser = api.getCurrentUser();

api.decoratePluginOutlet(
  "full-page-search-category",
  (elem, args) => {
    console.log(currentUser)
    let searchCategory = elem.parentElement.parentElement
    let fpsTopic = searchCategory.parentElement.parentElement
    let category_id = searchCategory.children[0].getAttribute('href').split("/").slice(-1);
    let search_children = searchCategory.children
    let searchArray = Array.from(search_children)
    let tags = searchArray.filter(item => item.classList.contains("discourse-tags"))
    if (tags[0]) {
        let tagList = Array.from(tags[0].children).map(x => x.innerText)
        for (let index = 0; index < tagList.length; ++index) {
            fpsTopic.classList.add("tagged_" + tagList[index])
        }
        console.log()
    }
    fpsTopic.classList.add("category_" + category_id)
    
    if (currentUser) {
        const muted_categories = currentUser.muted_category_ids
        const muted_tags = currentUser.muted_tags
        if (muted_categories) {
            if (muted_categories.includes(parseInt(category_id))) {
                const children = fpsTopic.childNodes;
                            const newNode = document.createElement("a");
                            const textNode = document.createTextNode("Ce résultat provient d'une catégorie que vous avez mise en sourdine.");
                            newNode.classList.add("block-notice")
                            newNode.appendChild(textNode);
                            newNode.onclick = function() { showComment(this); };
                            fpsTopic.insertBefore(newNode, fpsTopic.children[0]);
                            fpsTopic.classList.add("blocker-blocked");
                            newNode.classList.remove("blocker-blocked");
            }
        }
        
        if (muted_tags && tags[0]) {
            let tagList = Array.from(tags[0].children).map(x => x.innerText)
            if (muted_tags.some(v => tagList.includes(v))) {
                const children = fpsTopic.childNodes;
                            const newNode = document.createElement("a");
                            const textNode = document.createTextNode("Ce résultat provient d'un tag que vous avez mis en sourdine.");
                            newNode.classList.add("block-notice")
                            newNode.appendChild(textNode);
                            newNode.onclick = function() { showComment(this); };
                            fpsTopic.insertBefore(newNode, fpsTopic.children[0]);
                            fpsTopic.classList.add("blocker-blocked");
                            newNode.classList.remove("blocker-blocked");
            }
        }
    }
  }
 );
 
function showComment(elem) {
    const cooked = elem.parentNode;
    elem.remove();
    cooked.classList.remove("blocker-blocked");
}
</script>