fix(code) to adapt the biome recommended lint rules (1)

Author: bajrangCoder

src/ace/commands.js

@@ -200,9 +200,9 @@ const commands = [
 		name: "cut",
 		description: "Cut",
 		exec(editor) {
-			let cutLine =
+			const cutLine =
 				editor.$copyWithEmptySelection && editor.selection.isEmpty();
-			let range = cutLine
+			const range = cutLine
 				? editor.selection.getLineRange()
 				: editor.selection.getRange();
 			editor._emit("cut", range);
@@ -285,7 +285,7 @@ const commands = [
 		name: "increaseFontSize",
 		description: "Increase font size",
 		exec(editor) {
-			let size = Number.parseInt(editor.getFontSize(), 10) || 12;
+			const size = Number.parseInt(editor.getFontSize(), 10) || 12;
 			editor.setFontSize(size + 1);
 			settings.value.fontSize = size + 1 + "px";
 			settings.update(false);
@@ -295,7 +295,7 @@ const commands = [
 		name: "decreaseFontSize",
 		description: "Decrease font size",
 		exec(editor) {
-			let size = Number.parseInt(editor.getFontSize(), 10) || 12;
+			const size = Number.parseInt(editor.getFontSize(), 10) || 12;
 			editor.setFontSize(Math.max(size - 1 || 1));
 			settings.value.fontSize = Math.max(size - 1 || 1) + "px";
 			settings.update(false);

src/ace/modelist.js

@@ -5,11 +5,11 @@ export function initModes() {
 	ace.define(
 		"ace/ext/modelist",
 		["require", "exports", "module"],
-		function (require, exports, module) {
+		(require, exports, module) => {
 			module.exports = {
 				getModeForPath(path) {
 					let mode = modesByName.text;
-					let fileName = path.split(/[\/\\]/).pop();
+					const fileName = path.split(/[\/\\]/).pop();
 					for (const iMode of modes) {
 						if (iMode.supportsFile?.(fileName)) {
 							mode = iMode;
@@ -81,9 +81,8 @@ class Mode {
 
 		if (/\^/.test(extensions)) {
 			re =
-				extensions.replace(/\|(\^)?/g, function (a, b) {
-					return "$|" + (b ? "^" : "^.*\\.");
-				}) + "$";
+				extensions.replace(/\|(\^)?/g, (a, b) => "$|" + (b ? "^" : "^.*\\.")) +
+				"$";
 		} else {
 			re = "^.*\\.(" + extensions + ")$";
 		}

src/ace/touchHandler.js

@@ -548,9 +548,9 @@ export default function addTouchListeners(editor, minimal, onclick) {
 	 * @param {number} y
 	 */
 	function scroll(x, y) {
-		let direction = reverseScrolling ? 1 : -1;
-		let scrollX = direction * x;
-		let scrollY = direction * y;
+		const direction = reverseScrolling ? 1 : -1;
+		const scrollX = direction * x;
+		const scrollY = direction * y;
 
 		renderer.scrollBy(scrollX, scrollY);
 	}

src/components/WebComponents/wcPage.js

@@ -61,7 +61,7 @@ export default class WCPage extends HTMLElement {
 	}
 
 	appendBody(...$els) {
-		let $main = this.body;
+		const $main = this.body;
 		if (!$main) return;
 		for (const $el of $els) {
 			$main.append($el);
@@ -262,7 +262,7 @@ class PageHandler {
  */
 function handlePagesForSmoothExperience() {
 	const $pages = [...tag.getAll("wc-page")];
-	for (let $page of $pages.slice(0, -1)) {
+	for (const $page of $pages.slice(0, -1)) {
 		$page.handler.replaceEl();
 	}
 }

src/components/contextmenu/index.js

@@ -121,7 +121,7 @@ export default function Contextmenu(content, options) {
 	function addTabindex() {
 		/**@type {Array<HTMLLIElement>} */
 		const children = [...$el.children];
-		for (let $el of children) $el.tabIndex = "0";
+		for (const $el of children) $el.tabIndex = "0";
 	}
 
 	function destroy() {

src/components/page.js

@@ -9,7 +9,7 @@ import WCPage from "./WebComponents/wcPage";
  * @returns {WCPage}
  */
 function Page(title, options = {}) {
-	let page = <wc-page />;
+	const page = <wc-page />;
 	page.append = page.appendBody;
 	page.initializeIfNotAlreadyInitialized();
 	page.settitle(title);

src/components/scrollbar/index.js

@@ -57,7 +57,7 @@ export default function ScrollBar(options) {
 	const isVertical = placement === "right" || placement === "left";
 	const observer = new MutationObserver(observerCallback);
 	let scroll = 0;
-	let touchStartValue = {
+	const touchStartValue = {
 		x: 0,
 		y: 0,
 	};

src/components/sidebar/index.js

@@ -5,7 +5,7 @@ import constants from "lib/constants";
 
 let $sidebar;
 /**@type {Array<(el:HTMLElement)=>boolean>} */
-let preventSlideTests = [];
+const preventSlideTests = [];
 
 const events = {
 	show: [],
@@ -247,7 +247,7 @@ function create($container, $toggler) {
 		touch.totalX = touch.endX - touch.startX;
 		touch.totalY = touch.endY - touch.startY;
 
-		let width = $el.getWidth();
+		const width = $el.getWidth();
 
 		if (
 			!$el.activated &&
@@ -347,7 +347,7 @@ function create($container, $toggler) {
 	$el.hide = hide;
 	$el.toggle = toggle;
 	$el.onshow = () => {};
-	$el.getWidth = function () {
+	$el.getWidth = () => {
 		const width = innerWidth * 0.7;
 		return mode === "phone" ? (width >= 350 ? 350 : width) : MIN_WIDTH;
 	};

src/dialogs/alert.js

@@ -16,9 +16,7 @@ function alert(titleText, message, onhide) {
 
 	const regex = /(https?:\/\/[^\s]+)/g;
 	if (regex.test(message)) {
-		message = message.replace(regex, function (url) {
-			return `<a href='${url}'>${url}</a>`;
-		});
+		message = message.replace(regex, (url) => `<a href='${url}'>${url}</a>`);
 	}
 
 	const titleSpan = tag("strong", {

src/dialogs/box.js

@@ -31,7 +31,8 @@ function box(titleText, html, hideButtonText, cancelButtonText) {
 	};
 
 	let cancelBtn;
-	let hideButton = typeof hideButtonText === "boolean" ? hideButtonText : false;
+	const hideButton =
+		typeof hideButtonText === "boolean" ? hideButtonText : false;
 
 	if (cancelButtonText) {
 		cancelBtn = tag("button", {
@@ -117,7 +118,7 @@ function box(titleText, html, hideButtonText, cancelButtonText) {
 		if (waitFor) return;
 		const imgs = box.getAll("img");
 		if (imgs) {
-			for (let img of imgs) {
+			for (const img of imgs) {
 				URL.revokeObjectURL(img.src);
 			}
 		}