UI logger for CKEditor5

logui.js

window.logUi = ( view ) => {
	console.group( `%c ${ view.constructor.name}`, 'color: green' );

	console.log( 'element', view.element );

	for ( let col of view._viewCollections ) {
		const isUnbound = col === view._unboundChildren;
		const isEmpty = !col.length;

		console[ isEmpty ? 'groupCollapsed' : 'group' ]( `%c ViewCollection (${ col.length }) ${ isUnbound ? '(unbound)' : '' }`, `color: ${ isEmpty? 'rgba(0,0,0,.3)' : 'black' }` );

		if ( !isUnbound ) {
				console.log( '_parentElement', col._parentElement );
		}

		for ( let view of col ) {
				logUi( view );
		}

		console.groupEnd();
	}

	console.groupEnd();
};