El analizador CSS analiza inválidamente ciertas declaraciones duplicadas

cuando el propio navegador ya tiene un árbol DOM y toda la información de estilo, etc., puede recuperarse bajo demanda una vez seleccionado un componente

Probablemente esto es algo que he intentado construir antes de uvapesjs y, para ser sincero, tras unas semanas de trabajo me di cuenta de que el resultado era simplemente un pedazo de basura grande, insostenible, poco fiable y LENTO. Créeme, Tom, mantener el estado de una aplicación tan grande dentro del DOM simplemente no es una opción. Y otra vez, estoy usando el analizador del navegador, pero el problema es cómo se construye el estado CSS de las reglas.

Por cierto, GrapesJS antes de crear una nueva regla de estilo comprueba si ya existe una, con las mismas propiedades. Si se encuentra uno, actualiza su estilo, así que esto es lo que ocurre:

1. Se crea e inserta la primera declaración de 'cuerpo' dentro del estado: '''js [ Primera regla { selectores: [], // <-- este se usa solo para selectores (clases) selectoresAñadir: 'body', // Selectores adicionales estilo: {...}, } ]

2. Lo mismo para el segundo
'''js
[
	Primera regla
	{
		Seleccionadores: [],
		seleccionadores Añadir: 'cuerpo',
		estilo: {...},
	}, 
	Segunda regla
	{
		Seleccionadores: [],
		selectorsAdd : 'body, span', // diferente del anterior
		estilo: {...},
	}
]

3. La siguiente declaración del 'cuerpo' es la misma que la primera, por lo que solo se actualizará su estilo '''js [ Primera/Tercera regla { Seleccionadores: [], seleccionadores Añadir: 'cuerpo', Estilo: {...}, // Estilo actualizado }, Segunda regla { Seleccionadores: [], seleccionadores Añaden: 'cuerpo, envergadura', estilo: {...}, } ]

Como ves, el problema aquí es que la tercera regla se inserta dentro de la primera y esto rompe el principio de cascada.
Probablemente, la solución rápida sería añadir alguna opción que ignore todas las comprobaciones y añada todas las reglas incondicionalmente.

@artf me sorprende que esto sea más lento porque pensaba que el navegador estaría muy optimizado para esto, pero definitivamente tienes más experiencia con este proyecto, así que confiaré en tu criterio ;)

Definitivamente estoy a favor de la opción de añadir todas las reglas incondicionalmente. Esto tiene sentido para mí porque para mí el navegador es la verdad y no debería haber necesidad de hacer comprobaciones adicionales además de lo que te dice el navegador.

¿Te gustaría hacer esto o debería crear un récord permanente? Si es lo segundo, ¿podría decirme dónde se hacen estas comprobaciones? ¿Está realmente en este getter que enlazaste antes? Esperaría que las comprobaciones se hicieran fuera de un receptor.

Agradecería mucho un récord personal. Creo que la comprobación estaría bien dentro del método añadir