fix

Author: bajrangCoder

src/lib/languageModeRecommendations.js

@@ -58,6 +58,7 @@ function hasPlainTextFallback(modeInfo, filename) {
 
 class LanguageModeRecommendations {
 	notifiedKeywords = new Set();
+	pendingKeywords = new Set();
 	availabilityCache = new Map();
 
 	async getPluginAvailability(keyword) {
@@ -73,9 +74,9 @@ class LanguageModeRecommendations {
 				),
 			),
 		)
-			.then((response) => response.json())
+			.then((response) => (response.ok ? response.json() : []))
 			.then((plugins) => Array.isArray(plugins) && plugins.length > 0)
-			.catch(() => true);
+			.catch(() => false);
 
 		this.availabilityCache.set(keyword, availability);
 		return availability;
@@ -88,11 +89,25 @@ class LanguageModeRecommendations {
 		if (!hasPlainTextFallback(modeInfo, filename)) return;
 
 		const keyword = getSearchKeyword(filename);
-		if (!keyword || this.notifiedKeywords.has(keyword)) return;
-
-		this.notifiedKeywords.add(keyword);
+		if (
+			!keyword ||
+			this.notifiedKeywords.has(keyword) ||
+			this.pendingKeywords.has(keyword)
+		) {
+			return;
+		}
 
-		void this.showRecommendation(keyword);
+		this.pendingKeywords.add(keyword);
+		void this.showRecommendation(keyword)
+			.then(() => {
+				this.notifiedKeywords.add(keyword);
+			})
+			.catch((error) => {
+				console.warn("Failed to show extension recommendation.", error);
+			})
+			.finally(() => {
+				this.pendingKeywords.delete(keyword);
+			});
 	}
 
 	async showRecommendation(keyword) {

src/sidebarApps/extensions/index.js

@@ -27,6 +27,7 @@ let container = null;
 let $searchResult = null;
 
 const LIMIT = 50;
+const SEARCH_INPUT_WAIT_TIMEOUT = 1000;
 let currentPage = 1;
 let hasMore = true;
 let isLoading = false;
@@ -260,15 +261,35 @@ async function runSearch(query) {
 	}
 }
 
-export function openWithSearch(query) {
+function getSearchInput() {
+	return container?.querySelector('input[name="search-ext"]');
+}
+
+function waitForSearchInput() {
+	const startTime = Date.now();
+
+	return new Promise((resolve) => {
+		const check = () => {
+			const searchInput = getSearchInput();
+			if (searchInput || Date.now() - startTime >= SEARCH_INPUT_WAIT_TIMEOUT) {
+				resolve(searchInput);
+				return;
+			}
+
+			requestAnimationFrame(check);
+		};
+
+		check();
+	});
+}
+
+export async function openWithSearch(query) {
 	Sidebar.show();
 	document
 		.querySelector('[data-action="sidebar-app"][data-id="extensions"]')
 		?.click();
 
-	if (!container) return;
-
-	const searchInput = container.querySelector('input[name="search-ext"]');
+	const searchInput = await waitForSearchInput();
 	if (!searchInput) return;
 
 	searchInput.value = query;