feat(quicktools): hide quicktools on media files, enable toggler by default, and add search button

Author: RohitKushvaha01

src/lib/applySettings.js

@@ -31,7 +31,8 @@ export default {
 	afterRender() {
 		const { value: settings } = appSettings;
 		const { $toggler } = quickTools;
-		if (settings.floatingButton) {
+		const activeFile = editorManager.activeFile;
+		if (settings.floatingButton && !activeFile?.hideQuickTools) {
 			clearTimeout($toggler._hideTimeout);
 			$toggler._hideTimeout = null;
 			$toggler.classList.remove("hide");
@@ -47,7 +48,11 @@ export default {
 			}, 300);
 		}
 
-		actions("set-height", settings.quickTools);
+		if (activeFile?.hideQuickTools) {
+			actions("set-height", { height: 0, save: false });
+		} else {
+			actions("set-height", settings.quickTools);
+		}
 		fonts.setAppFont(settings.appFont);
 		fonts.setEditorFont(settings.editorFont);
 		if (!themes.applied) {

src/lib/openFile.js

@@ -180,6 +180,7 @@ export default async function openFile(file, options = {}) {
 				tabIcon: "file file_type_video",
 				content: videoContainer,
 				render: true,
+				hideQuickTools: true,
 			});
 			return;
 		}
@@ -347,6 +348,7 @@ export default async function openFile(file, options = {}) {
 				tabIcon: "file file_type_image",
 				content: imageContainer,
 				render: true,
+				hideQuickTools: true,
 			});
 			return;
 		}
@@ -374,6 +376,7 @@ export default async function openFile(file, options = {}) {
 				tabIcon: "file file_type_audio",
 				content: audioPlayer.container,
 				render: true,
+				hideQuickTools: true,
 			});
 			audioTab.onclose = () => {
 				audioPlayer.cleanup();

src/lib/settings.js

@@ -142,13 +142,13 @@ class Settings {
 			fadeFoldWidgets: false,
 			autoCorrect: true,
 			openFileListPos: this.OPEN_FILE_LIST_POS_HEADER,
-			quickTools: 2,
+			quickTools: 1,
 			quickToolsTriggerMode: this.QUICKTOOLS_TRIGGER_MODE_TOUCH,
 			appFont: "",
 			editorFont: "Roboto Mono",
 			vibrateOnTap: true,
 			fullscreen: false,
-			floatingButton: false,
+			floatingButton: true,
 			liveAutoCompletion: true,
 			localWordCompletion: true,
 			languageCompletion: true,
@@ -190,7 +190,7 @@ class Settings {
 			useTextareaForIME: false,
 			touchMoveThreshold: Math.round((1 / devicePixelRatio) * 10) / 20,
 			quicktoolsItems: [
-				2, 1, 34, 3, 4, 18, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0, 33, 21, 20,
+				2, 1, 5, 3, 4, 18, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0, 33, 21, 20,
 				16, 19, 17, 23, 24, 25, 26, 27, 28, 29, 30, 31,
 			],
 			excludeFolders: this.#excludeFolders,

src/settings/appSettings.js

@@ -443,7 +443,7 @@ export default function otherSettings() {
 				break;
 
 			case "floatingButton":
-				if (value) {
+				if (value && !editorManager.activeFile?.hideQuickTools) {
 					clearTimeout(quickTools.$toggler._hideTimeout);
 					quickTools.$toggler._hideTimeout = null;
 					quickTools.$toggler.classList.remove("hide");