feat: lazy load things which are low-risk from main

src/cm/lsp/connectionState.js

@@ -0,0 +1,28 @@
+import serverRegistry from "./serverRegistry";
+
+function getCurrentFileLanguage() {
+	try {
+		const file = window.editorManager?.activeFile;
+		if (!file || file.type !== "editor") return null;
+		return file.currentMode?.toLowerCase() || null;
+	} catch {
+		return null;
+	}
+}
+
+function getServersForCurrentFile() {
+	const language = getCurrentFileLanguage();
+	if (!language) return [];
+
+	try {
+		return serverRegistry.getServersForLanguage(language);
+	} catch {
+		return [];
+	}
+}
+
+function hasConnectedServers() {
+	return getServersForCurrentFile().length > 0;
+}
+
+export { getServersForCurrentFile, hasConnectedServers };

src/components/lspInfoDialog/index.js

@@ -1,7 +1,10 @@
 import "./styles.scss";
 import lspClientManager from "cm/lsp/clientManager";
+import {
+	getServersForCurrentFile,
+	hasConnectedServers,
+} from "cm/lsp/connectionState";
 import { getServerStats } from "cm/lsp/serverLauncher";
-import serverRegistry from "cm/lsp/serverRegistry";
 import toast from "components/toast";
 import actionStack from "lib/actionStack";
 import restoreTheme from "lib/restoreTheme";
@@ -146,27 +149,6 @@ function getActiveClients() {
 	}
 }
 
-function getCurrentFileLanguage() {
-	try {
-		const file = window.editorManager?.activeFile;
-		if (!file || file.type !== "editor") return null;
-		return file.currentMode?.toLowerCase() || null;
-	} catch {
-		return null;
-	}
-}
-
-function getServersForCurrentFile() {
-	const language = getCurrentFileLanguage();
-	if (!language) return [];
-
-	try {
-		return serverRegistry.getServersForLanguage(language);
-	} catch {
-		return [];
-	}
-}
-
 function getServerStatus(serverId) {
 	const activeClients = getActiveClients();
 	const client = activeClients.find((c) => c.server?.id === serverId);
@@ -693,10 +675,5 @@ function showLspInfoDialog() {
 	}
 }
 
-function hasConnectedServers() {
-	const relevantServers = getServersForCurrentFile();
-	return relevantServers.length > 0;
-}
-
 export { addLspLog, getLspLogs, hasConnectedServers, showLspInfoDialog };
 export default showLspInfoDialog;

src/lib/acode.js

@@ -47,7 +47,6 @@ import prompt from "dialogs/prompt";
 import select from "dialogs/select";
 import { addIntentHandler, removeIntentHandler } from "handlers/intent";
 import keyboardHandler from "handlers/keyboard";
-import purchaseListener from "handlers/purchase";
 import windowResize from "handlers/windowResize";
 import actionStack from "lib/actionStack";
 import commands from "lib/commands";
@@ -67,7 +66,6 @@ import projects from "lib/projects";
 import selectionMenu from "lib/selectionMenu";
 import appSettings from "lib/settings";
 import FileBrowser from "pages/fileBrowser";
-import formatterSettings from "settings/formatterSettings";
 import ThemeBuilder from "theme/builder";
 import themes from "theme/list";
 import Color from "utils/color";
@@ -582,20 +580,25 @@ class Acode {
 
 											if (isPaid && !purchaseToken) {
 												if (!product) throw new Error("Product not found");
-												return helpers.checkAPIStatus().then((apiStatus) => {
-													if (!apiStatus) {
-														alert(strings.error, strings.api_error);
-														return;
-													}
-
-													iap.setPurchaseUpdatedListener(
-														...purchaseListener(onpurchase, onerror),
-													);
-													return helpers.promisify(
-														iap.purchase,
-														product.productId,
-													);
-												});
+												return helpers
+													.checkAPIStatus()
+													.then(async (apiStatus) => {
+														if (!apiStatus) {
+															alert(strings.error, strings.api_error);
+															return;
+														}
+
+														const { default: purchaseListener } = await import(
+															/* webpackChunkName: "purchaseHandler" */ "handlers/purchase"
+														);
+														iap.setPurchaseUpdatedListener(
+															...purchaseListener(onpurchase, onerror),
+														);
+														return helpers.promisify(
+															iap.purchase,
+															product.productId,
+														);
+													});
 											}
 										})
 										.then(() => {
@@ -792,6 +795,9 @@ class Acode {
 			}
 
 			if (selectIfNull) {
+				const { default: formatterSettings } = await import(
+					/* webpackChunkName: "formatterSettings" */ "settings/formatterSettings"
+				);
 				formatterSettings(modeName);
 				this.#afterSelectFormatter(modeName);
 			} else {

src/lib/commands.js

@@ -1,27 +1,11 @@
 import fsOperation from "fileSystem";
 import { selectAll } from "@codemirror/commands";
 import Sidebar from "components/sidebar";
-import { TerminalManager } from "components/terminal";
-import color from "dialogs/color";
 import confirm from "dialogs/confirm";
 import prompt from "dialogs/prompt";
 import select from "dialogs/select";
 import actions from "handlers/quickTools";
 import recents from "lib/recents";
-import About from "pages/about";
-import FileBrowser from "pages/fileBrowser";
-import plugins from "pages/plugins";
-import Problems from "pages/problems/problems";
-import openWelcomeTab from "pages/welcome/welcome";
-import changeEncoding from "palettes/changeEncoding";
-import changeMode from "palettes/changeMode";
-import changeTheme from "palettes/changeTheme";
-import commandPalette from "palettes/commandPalette";
-import findFile from "palettes/findFile";
-import browser from "plugins/browser";
-import help from "settings/helpSettings";
-import mainSettings from "settings/mainSettings";
-import { runAllTests } from "test/tester";
 import { getColorRange } from "utils/color/regex";
 import helpers from "utils/helpers";
 import Url from "utils/Url";
@@ -35,6 +19,10 @@ import saveState from "./saveState";
 import appSettings from "./settings";
 import showFileInfo from "./showFileInfo";
 
+const loadFileBrowser = async () =>
+	(await import(/* webpackChunkName: "fileBrowser" */ "pages/fileBrowser"))
+		.default;
+
 function getTabCloseSelectionOptions() {
 	return {
 		unsavedWarning:
@@ -140,6 +128,9 @@ async function closeTabs(files, options = {}) {
 
 export default {
 	async "run-tests"() {
+		const { runAllTests } = await import(
+			/* webpackChunkName: "tester" */ "test/tester"
+		);
 		await runAllTests();
 	},
 	async "close-all-tabs"() {
@@ -187,7 +178,10 @@ export default {
 		if (!appSettings.value.checkFiles) return;
 		checkFiles();
 	},
-	"command-palette"() {
+	async "command-palette"() {
+		const { default: commandPalette } = await import(
+			/* webpackChunkName: "commandPalette" */ "palettes/commandPalette"
+		);
 		commandPalette();
 	},
 	"disable-fullscreen"() {
@@ -198,7 +192,10 @@ export default {
 		app.classList.add("fullscreen-mode");
 		this["resize-editor"]();
 	},
-	encoding() {
+	async encoding() {
+		const { default: changeEncoding } = await import(
+			/* webpackChunkName: "changeEncoding" */ "palettes/changeEncoding"
+		);
 		changeEncoding();
 	},
 	exit() {
@@ -207,10 +204,14 @@ export default {
 	"edit-with"() {
 		editorManager.activeFile.editWith();
 	},
-	"find-file"() {
+	async "find-file"() {
+		const { default: findFile } = await import(
+			/* webpackChunkName: "findFile" */ "palettes/findFile"
+		);
 		findFile();
 	},
-	files() {
+	async files() {
+		const FileBrowser = await loadFileBrowser();
 		FileBrowser("both", strings["file browser"])
 			.then(FileBrowser.open)
 			.catch(FileBrowser.openError);
@@ -256,30 +257,44 @@ export default {
 
 		editorManager.files[fileIndex].makeActive();
 	},
-	open(page) {
+	async open(page) {
 		switch (page) {
 			case "settings":
-				mainSettings();
+				(
+					await import(
+						/* webpackChunkName: "mainSettings" */ "settings/mainSettings"
+					)
+				).default();
 				break;
 
 			case "help":
-				help();
+				(
+					await import(
+						/* webpackChunkName: "helpSettings" */ "settings/helpSettings"
+					)
+				).default();
 				break;
 
 			case "problems":
-				Problems();
+				(
+					await import(
+						/* webpackChunkName: "problems" */ "pages/problems/problems"
+					)
+				).default();
 				break;
 
 			case "plugins":
-				plugins();
+				(
+					await import(/* webpackChunkName: "plugins" */ "pages/plugins")
+				).default();
 				break;
 
 			case "file_browser":
-				FileBrowser();
+				(await loadFileBrowser())();
 				break;
 
 			case "about":
-				About();
+				(await import(/* webpackChunkName: "about" */ "pages/about")).default();
 				break;
 
 			default:
@@ -290,14 +305,16 @@ export default {
 	"open-with"() {
 		editorManager.activeFile.openWith();
 	},
-	"open-file"() {
+	async "open-file"() {
 		editorManager.editor.contentDOM.blur();
+		const FileBrowser = await loadFileBrowser();
 		FileBrowser("file")
 			.then(FileBrowser.openFile)
 			.catch(FileBrowser.openFileError);
 	},
-	"open-folder"() {
+	async "open-folder"() {
 		editorManager.editor.contentDOM.blur();
+		const FileBrowser = await loadFileBrowser();
 		FileBrowser("folder")
 			.then(FileBrowser.openFolder)
 			.catch(FileBrowser.openFolderError);
@@ -338,7 +355,10 @@ export default {
 		// TODO : Codemirror
 		//editorManager.editor.resize(true);
 	},
-	"open-inapp-browser"(url) {
+	async "open-inapp-browser"(url) {
+		const { default: browser } = await import(
+			/* webpackChunkName: "browserPlugin" */ "plugins/browser"
+		);
 		browser.open(url);
 	},
 	run() {
@@ -433,13 +453,22 @@ export default {
 			helpers.error(error);
 		}
 	},
-	syntax() {
+	async syntax() {
+		const { default: changeMode } = await import(
+			/* webpackChunkName: "changeMode" */ "palettes/changeMode"
+		);
 		changeMode();
 	},
-	"change-app-theme"() {
+	async "change-app-theme"() {
+		const { default: changeTheme } = await import(
+			/* webpackChunkName: "changeTheme" */ "palettes/changeTheme"
+		);
 		changeTheme("app");
 	},
-	"change-editor-theme"() {
+	async "change-editor-theme"() {
+		const { default: changeTheme } = await import(
+			/* webpackChunkName: "changeTheme" */ "palettes/changeTheme"
+		);
 		changeTheme("editor");
 	},
 	"toggle-fullscreen"() {
@@ -472,6 +501,9 @@ export default {
 		const wasFocused = editorManager.activeFile.focused;
 		let res;
 		try {
+			const { default: color } = await import(
+				/* webpackChunkName: "colorDialog" */ "dialogs/color"
+			);
 			res = await color(defaultColor, () => {
 				if (wasFocused) {
 					editor.focus();
@@ -637,6 +669,9 @@ Additional Info:
 	},
 	async "new-terminal"() {
 		try {
+			const { TerminalManager } = await import(
+				/* webpackChunkName: "terminal" */ "components/terminal"
+			);
 			await TerminalManager.createServerTerminal();
 		} catch (error) {
 			console.error("Failed to create terminal:", error);
@@ -649,7 +684,10 @@ Additional Info:
 		);
 		RunningProcesses();
 	},
-	welcome() {
+	async welcome() {
+		const { default: openWelcomeTab } = await import(
+			/* webpackChunkName: "welcome" */ "pages/welcome/welcome"
+		);
 		openWelcomeTab();
 	},
 	async "toggle-inspector"() {