feat: Adds hideQuickTools property to EditorFile

Adds `hideQuickTools` boolean property to EditorFile (defaults to false) to control visibility of quicktools for editortabs as in many cases that quicktools toggler button hides some content of tab which is annoying

Author: bajrangCoder

src/handlers/quickTools.js

@@ -161,7 +161,11 @@ export default function actions(action, value) {
 			return true;
 
 		case "set-height":
-			setHeight(value);
+			if (typeof value === "object") {
+				setHeight(value.height, value.save);
+			} else {
+				setHeight(value);
+			}
 			return true;
 
 		case "search-prev":
@@ -275,12 +279,14 @@ function toggle() {
 	focusEditor();
 }
 
-function setHeight(height = 1) {
+function setHeight(height = 1, save = true) {
 	const { $footer, $row1, $row2 } = quickTools;
 	const { editor } = editorManager;
 
 	setFooterHeight(height);
-	appSettings.update({ quickTools: height }, false);
+	if (save) {
+		appSettings.update({ quickTools: height }, false);
+	}
 	editor.resize(true);
 
 	if (!height) {

src/lib/editorFile.js

@@ -49,6 +49,11 @@ export default class EditorFile {
 	 * @type {HTMLElement}
 	 */
 	#content = null;
+	/**
+	 * Whether to hide quicktools for this tab
+	 * @type {boolean}
+	 */
+	hideQuickTools = false;
 
 	/**
 	 * Custom stylesheets for tab
@@ -186,6 +191,8 @@ export default class EditorFile {
 		const { addFile, getFile } = editorManager;
 		let doesExists = null;
 
+		this.hideQuickTools = options?.hideQuickTools || false;
+
 		// if options are passed
 		if (options) {
 			// if options doesn't contains id, and provide a new id

src/lib/editorManager.js

@@ -9,6 +9,7 @@ import ScrollBar from "components/scrollbar";
 import SideButton, { sideButtonContainer } from "components/sideButton";
 import keyboardHandler from "handlers/keyboard";
 import { keydownState } from "handlers/keyboard";
+import actions from "handlers/quickTools";
 import sidebarApps from "sidebarApps";
 import EditorFile from "./editorFile";
 import appSettings from "./settings";
@@ -645,6 +646,14 @@ async function EditorManager($header, $body) {
 
 		manager.activeFile = file;
 
+		if (file.hideQuickTools) {
+			root.classList.add("hide-floating-button");
+			actions("set-height", { height: 0, save: false });
+		} else {
+			root.classList.remove("hide-floating-button");
+			actions("set-height", appSettings.value.quickTools);
+		}
+
 		if (file.type === "editor") {
 			editor.setSession(file.session);
 			editor.setReadOnly(!file.editable || !!file.loading);