Desencadenar una función cada vez que se cambia la categoría dentro del compositor

Desarrollador
1

Puede que me esté perdiendo algo obvio aquí, así que me disculpo de antemano si ese es el caso.

Mi plugin tiene una configuración personalizada para cada categoría, que se utiliza para mostrar/ocultar un interruptor en el compositor. El interruptor está configurado en un componente de Glimmer, que es llamado por un inicializador para renderizar en el outlet del plugin composer-fields.

Mi objetivo es que el compositor muestre/oculte el interruptor cada vez que se cambie la categoría dentro del compositor, dependiendo del valor de la configuración personalizada vinculada a esa categoría.

¿Es posible añadir un observador en outletArgs de un outlet de plugin? El modelo del compositor se establece en outletArgs, así que mi idea era establecer el observador en categoryId a través de eso. Luego ejecutaría una función para verificar el valor de la configuración personalizada en la categoría. Pero estoy teniendo problemas para configurar el observador. Podría ser que lo esté configurando incorrectamente, soy algo nuevo en EmberJS.

¿O hay una forma diferente de lograr esto?

Como contexto, actualmente estoy ejecutando Discourse v3.4.7.

2

Creo que GitHub - discourse/discourse-custom-composer-placeholders puede servir como ejemplo de cómo hacerlo.
Cambia el marcador de posición en el compositor en función de la categoría y también funciona cuando lo cambias.

3

Probé esta solución, pero desafortunadamente parece que la versión en la que estoy trabajando tiene una lista más antigua de transformadores inicializados, a la que le falta composer-editor-reply-placeholder.

Para un poco más de contexto, estoy refactorizando las características del plugin para usar componentes Glimmer después de la depreciación de la API registerConnectorClass. El código a continuación es lo que se configuró originalmente.

export default {
  initialize(container) {
    withPluginApi("1.6.0", api => {
      api.registerConnectorClass("composer-fields", "handlebars-template-name", {
        setupComponent(attrs, component) {
          const model = attrs.model;
          const controller = api.container.lookup("controller:composer");
          if (controller) {
            controller.addObserver("model.categoryId", this, function() {

              // lógica para establecer valores para showToggle y isRestricted

              let props = {
                showField: showToggle && isRestricted,
              }
              component.setProperties(Object.assign(props));
            })
          }
        }
      }

¿Hay otra forma de obtener la misma funcionalidad de un componente Glimmer? Específicamente, observar cambios en el modelo y/o categoryId.