La adición/eliminación de rasgos puede fallar porque el tipo de colección es inconsistente

Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Versión Brave 1.31.88 Chromium: 95.0.4638.69 (Versión oficial) (64 bits) en Linux

Enlace de demo reproducible

https://jsfiddle.net/0a3o7cL6/

Describe el bicho

Los métodos que operan sobre la colección de rasgos de un componente (por ejemplo, 'addTrait' y 'removeTrait') parecen asumir siempre que la colección será el tipo de colección derivada de Backbone, aunque hay casos en los que es un simple Array. El código entonces intenta llamar a métodos que no existen.

No conozco lo suficiente la base de código para decir con certeza si el error real es 'get('traits')' que devuelve el tipo inconsistente o si los métodos que llaman no tienen en cuenta el tipo de retorno mezclado. Descubrí este comportamiento en el componente de Vídeo, que tiene su rasgo de ejecución sobrescribiendo, no estoy seguro de si otros componentes se ven afectados.

El JSFiddle básicamente está tomado de: https://github.com/artf/grapesjs/issues/1999

¿Cómo reproducir el bicho?

1. Añadir una llamada que añada un rasgo a un componente (en 'init' u otra callback) que tenga un tipo de colección de rasgos poco fiable (vídeo confirmado)
2. Intentar crear una instancia de ese componente

¿Cuál es el comportamiento esperado? 'addTrait' no debería explotar

¿Cuál es el comportamiento actual? 'ErrorDeTipoUncatch: this.get(...). Añadir no es una función'

Código de conducta

• Acepto seguir el Código de Conducta de este proyecto