feat: repl: Select top file in file UI when we can't match

cmcaine · cmcaine · commit 029fdce30c6f · 2025-05-22T15:46:43.000+01:00
Follows up on sveltejs#1297.
diff --git a/packages/repl/src/lib/Workspace.svelte.ts b/packages/repl/src/lib/Workspace.svelte.ts
@@ -429,7 +429,23 @@ export class Workspace {
 		if (matching_file) {
 			this.#select(matching_file as File);
 		} else {
-			this.#select(first);
+			// Try to select the first file in the file selector thing.
+			// The file selector lists files in the root directory after all files in
+			// other directories.
+			const top_file = files.filter(is_file).sort((a, b) => {
+				const in_root_dir = x => x.basename === x.name
+
+				if (in_root_dir(a) != in_root_dir(b)) {
+					return in_root_dir(a) - in_root_dir(b)
+				} else if (a.name < b.name) {
+					return -1
+				} else if (a.name > b.name) {
+					return 1
+				else {
+					return 0
+				}
+			})[0]
+			this.#select(top_file);
 		}
 
 		this.#files = files;
