Elemento móvel em JS em um inicializador?

[NateDhaliwal]

Tenho este trecho de código:

Em javascripts/discourse/initializers:

import { apiInitializer } from "discourse/lib/api";
import CustomHeaderTopicButton from "../components/custom-header-topic-button";

export default apiInitializer((api) => {
  api.renderInOutlet("below-site-header", CustomHeaderTopicButton);

  document.addEventListener("DOMContentLoaded", function() {
    const newTopicBtn = document.getElementById("new-topic-button");
    const sidebar = document.getElementById("d-sidebar");
    if (newTopicBtn && sidebar) {
      sidebar.insertBefore(newTopicBtn, sidebar.firstChild);
    }
  });
});

E, no entanto, ele não move o elemento do botão para a barra lateral. Estou fazendo algo errado?

[Arkshine]

Se você está tentando adicionar um botão no topo da barra lateral, eu usaria o before-sidebar-sections plugin outlet em vez disso.

Não parece uma boa ideia mover o HTML gerado pelo Ember.

[NateDhaliwal]

Isso… existe?? Uau, obrigado.