experimenting with different approches to render...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

ui (gen4)/lib/widget/browse2.js

@@ -3657,7 +3657,10 @@ var BaseBrowserPrototype = {
 		options = context.options = context.options 
 			|| Object.assign(
 				Object.create(this.options || {}),
-				{ iterateNonIterable: true }, 
+				{ 
+					iterateNonIterable: true,
+					includeInlinedBlocks: true,
+				}, 
 				options || {})
 
 		var section = options.section || '*'
@@ -3780,24 +3783,25 @@ var BaseBrowserPrototype = {
 						: (filter && !filter.call(this, elem, i, path, section)) ?
 							[]
 						// out of range -> skip...
+						// XXX should we stop() here???
 						: ((from != null && i < from) 
 								|| (to != null && i >= to)) ?
 							[]
-						// inline...
+						// inline (list)...
-						: elem == null ?
+						: elem instanceof Array ?
-							// NOTE: here we are forcing rendering of the 
-							// 		inline browser/list, i.e. ignoring 
-							// 		options.skipNested for inline stuff...
 							[ renderer.renderGroup(nested(true), context) ]
+						// inline (browser)...
+						: elem instanceof BaseBrowser ?
+							(nested(false), 
+								[ renderer.renderGroup(elem.render(options, renderer, context), context) ])
 						// nested...
 						: elem.children ?
 							[ renderer.renderNested(
 								renderer.renderNestedHeader(elem, i, context),
-								// XXX this renders the elements seporately 
+								elem.children instanceof BaseBrowser ?
-								// 		in one flat list, need to stop auto-recursion
+									(nested(false),
-								// 		down and call .render(..)
+										elem.children.render(options, renderer, context))
-								// XXX
+									: nested(true),
-								nested(true),
 								elem, 
 								context) ]
 						// normal elem...
@@ -3973,6 +3977,50 @@ var BaseBrowserPrototype = {
 				: items } },
 	//*/
 	
+	render2: function(options, renderer, context){
+
+		// XXX args...
+
+		// XXX rendering...
+		var inline = function(lst){
+			return lst }
+		var nest = function(header, lst){
+			return [
+				header, 
+				...lst.map(function(e){ 
+					return header +'/'+ e })]}
+		var	elem = function(e){
+			return e.id || e }
+
+		return this.walk2(function(e, i, p, children){
+
+			// do not go down child browsers -- use their mechanics for rendering...
+			;(e instanceof BaseBrowser || e.children instanceof BaseBrowser)
+				&& children(false)
+
+			return (
+				// inlined...
+				e instanceof BaseBrowser ?
+					inline(e.render2(options, renderer, context))
+				: e instanceof Array ?
+					inline(children(true))
+
+				// nested...
+				: e.children instanceof BaseBrowser ?
+					nest(elem(e), e.children.render2(options, renderer, context))
+				: e.children instanceof Array ?
+					nest(elem(e), children(true))
+
+				// normal item...
+				: elem(e) )
+
+		}, {
+			includeInlinedBlocks: true,
+			iterateNonIterable: true,
+		})
+	},
+
+	
 
 	// Events...
 	//