fix(editor): apply plugin language modes after restore (for plugin modes)

src/lib/editorManager.js

@@ -1746,6 +1746,7 @@ async function EditorManager($header, $body) {
 		editor,
 		readOnlyCompartment,
 		getFile,
+		reapplyActiveFile,
 		switchFile,
 		moveFileByPinnedState,
 		normalizePinnedTabOrder,
@@ -2944,6 +2945,12 @@ async function EditorManager($header, $body) {
 		toggleProblemButton();
 	}
 
+	function reapplyActiveFile() {
+		const file = manager.activeFile;
+		if (!file || file.type !== "editor" || !file.loaded || file.loading) return;
+		applyFileToEditor(file, { forceRecreate: true });
+	}
+
 	/**
 	 * Initializes the file tab container.
 	 */

src/lib/languageModeRecommendations.js

@@ -1,3 +1,4 @@
+import { getModeForPath } from "cm/modelist";
 import notificationManager from "lib/notificationManager";
 import Path from "utils/Path";
 import Url from "utils/Url";
@@ -98,9 +99,9 @@ class LanguageModeRecommendations {
 		}
 
 		this.pendingKeywords.add(keyword);
-		void this.showRecommendation(keyword)
-			.then(() => {
-				this.notifiedKeywords.add(keyword);
+		void this.showRecommendation(keyword, filename)
+			.then((shown) => {
+				if (shown) this.notifiedKeywords.add(keyword);
 			})
 			.catch((error) => {
 				console.warn("Failed to show extension recommendation.", error);
@@ -110,8 +111,10 @@ class LanguageModeRecommendations {
 			});
 	}
 
-	async showRecommendation(keyword) {
+	async showRecommendation(keyword, filename) {
 		const hasPlugins = await this.getPluginAvailability(keyword);
+		if (!hasPlainTextFallback(getModeForPath(filename), filename)) return false;
+
 		const displayExt = `.${keyword}`;
 
 		if (hasPlugins) {
@@ -135,7 +138,7 @@ class LanguageModeRecommendations {
 					},
 				],
 			});
-			return;
+			return true;
 		}
 
 		const issueUrl = getIssueUrl(keyword);
@@ -159,6 +162,7 @@ class LanguageModeRecommendations {
 				},
 			],
 		});
+		return true;
 	}
 }
 

src/main.js

@@ -295,6 +295,12 @@ async function onDeviceReady() {
 
 				// Re-emit events for active file after plugins are loaded
 				const { activeFile } = editorManager;
+				for (const file of editorManager.files) {
+					if (file?.type === "editor") {
+						file.setMode();
+					}
+				}
+				editorManager.reapplyActiveFile();
 				if (activeFile?.uri) {
 					// Re-emit file-loaded event
 					editorManager.emit("file-loaded", activeFile);