Después de JSON.stringify, los componentes no tienen todos los campos

Versión GrapesJS

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

¿Qué navegador usas?

Chrome

Enlace de demo reproducible

https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/

Describe el bicho

No estoy seguro de si es un error o no, pero para mí, el comportamiento parece extraño

Tengo una lista de componentes que incluye componente ol y componente li.

Ese código para bloque

{
      id: 'lista',
      etiqueta: 'Lista',
      categoría: 'Tipografía',
      Medios: '<SVG ....
              </svg>
              `,
      Contenido: {
        Tipo: 'Lista'
      }

Ese modelo para la lista de componentes

uvas. DomComponents.addType('list', {
        modelo: {
          Predeterminados: {
            Tipo: "Lista",
            etiquetaNombre: 'div',
            Editable: Cierto,
            Droppable: falso,
            Componentes: [
              {
                Tipo: "OL",
                etiquetaNombre: 'ol',
                Droppable: falso,
              }
            ]
          }
        }
      })

Ese modelo para el componente OL

uvas. DomComponents.addType('ol', {
        modelo: {
          Predeterminados: {
            Tipo: "OL",
            etiquetaNombre: 'ol',
            Componentes: [
              {
                Tipo: 'Li',
            etiquetaNombre: 'li',
              }
            ]
          }
        }
      })

Y el modelo para el componente li

uvas. DomComponents.addType('li', {
        modelo: {
          Predeterminados: {
            Tipo: 'Li',
            etiquetaNombre: 'li',
            Droppable: Cierto,
            Atributos: {},
            Barra de herramientas: [
              Estos son los elementos predeterminados de la barra de herramientas
              {
                Atributos: {Clase: 'FAS Fa-List-ul'},
                comando: 'cambiar lista de estilo'
              },
              {
                Atributos: {Clase: 'FA FA-Arrow-Up'},
                comando: 'select-parent'
              },
              {
                Atributos: {Clase: 'FAS FA-flechas-ALT'},
                Orden: 'tlb-move'
              },
              {
                atributos: {
                  Clase: 'Clon de Far Fa',
                },
                Orden: 'TLB-clon',
              },
              {
                Atributos: {clase: 'Fa fa-basura'},
                Comando: 'tlb-delete'
              }
            ],
            Componentes: [
              {
                etiquetaNombre: "span",
                Droppable: falso,
                Tipo: "texto",
                Componentes: [
                  {
                    Tipo: "textnode",
                    Contenido: "Escribe tu texto"
                  }
                ]
              }
            ]
          }
        }
      })

Como puedes ver, todos los modelos incluyen tipos y nombres de etiquetas, y dentro de uvas funciona correctamente, pero si intento convertirlo a json, como en JSON.stringify(this.grapesInstance.getComponents()) tengo json donde se han omitido todos los campos con tagName, y se verá así

[
  {
    "tipo": "lista",
    "componentes": [
      {
        "tipo": "ol",
        "droppable": falso,
        "componentes": [
          {
            "tipo": "li",
            "componentes": [
              {
                "tagName": "span",
                "tipo": "texto",
                "componentes": [
                  {
                    "tipo": "nodo de texto",
                    "contenido": "Escribe tu texto"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
]

No entiendo por qué perdió "tagName". Si borro el tipo personalizado, el "tagName" se serializa a json. No entiendo esta regla.

Código de conducta

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