tree: twistie rendering participant

test/tree/public/index.html

@@ -17,6 +17,10 @@
 		.tl-contents {
 			flex: 1;
 		}
+
+		.monaco-list-row:hover:not(.selected):not(.focused) {
+			background: gainsboro !important;
+		}
 	</style>
 </head>
 
@@ -133,7 +137,7 @@
 										element,
 										collapsible: element.type === 'dir'
 									}));
-									c(els);
+									setTimeout(() => c(els), 2500);
 								}
 							};
 						});

test/tree/server.js

@@ -46,6 +46,14 @@ async function readdir(relativePath) {
 		}
 	}
 
+	result.sort((a, b) => {
+		if (a.type === b.type) {
+			return a.name < b.name ? -1 : 1;
+		}
+
+		return a.type === 'dir' ? -1 : 1;
+	});
+
 	return result;
 }