chore!: add biome instead of prettier for formatting

.vscode/extensions.json

@@ -1,7 +1,7 @@
 {
 	"recommendations": [
 		"kimlimjustin.jsdoc-generator",
-		"esbenp.prettier-vscode",
-		"orta.vscode-jest"
+		"orta.vscode-jest",
+		"biomejs.biome"
 	]
 }

.vscode/settings.json

@@ -1,11 +1,12 @@
 {
-	"eslint.format.enable": true,
-	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": "explicit"
-	},
-	"editor.defaultFormatter": "esbenp.prettier-vscode",
-	"editor.formatOnSave": true,
-	"[rust]": {
-		"editor.defaultFormatter": "rust-lang.rust"
-	}
+    "eslint.format.enable": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "explicit",
+        "source.organizeImports.biome": "explicit"
+    },
+    "editor.defaultFormatter": "biomejs.biome",
+    "editor.formatOnSave": true,
+    "[rust]": {
+        "editor.defaultFormatter": "rust-lang.rust"
+    }
 }

biome.json

@@ -0,0 +1,39 @@
+{
+    "$schema": "https://biomejs.dev/schemas/1.6.4/schema.json",
+    "files": {
+        "ignore": ["node_modules", "out", "src-tauri", "build", "dist", "*.min.js"]
+    },
+    "organizeImports": {
+        "enabled": true
+    },
+    "linter": {
+        "enabled": true,
+        "rules": {
+            "recommended": true,
+            "style": {
+                "useDefaultParameterLast": "warn",
+                "noParameterAssign": "warn"
+            },
+            "complexity": {
+                "noForEach": "warn"
+            },
+            "suspicious": {
+                "noExplicitAny": "warn",
+                "noAssignInExpressions": "warn"
+            },
+            "a11y": {
+                "useValidAnchor": "warn"
+            },
+            "performance": {
+                "noAccumulatingSpread": "warn",
+                "noDelete": "warn"
+            }
+        }
+    },
+    "formatter": {
+        "enabled": true,
+        "indentStyle": "space",
+        "indentWidth": 4,
+        "lineWidth": 150
+    }
+}

package.json

@@ -33,7 +33,8 @@
         "postcrowdin:pull": "node scripts/post_crowdin_pull.js",
         "crowdin:sync": "yarn --cwd ./docs write-translations && crowdin upload && crowdin download",
         "lint": "eslint -c .eslintrc.yml --ext .ts ./src",
-        "prettier": "prettier --write src",
+        "lint:biome": "biome lint src",
+        "format": "biome format --write src",
         "grunt": "grunt",
         "css:minify": "cleancss --batch --batch-suffix \"\" out/**/*.css ",
         "prebuild": "yarn compile && yarn grunt && yarn css:minify",
@@ -55,6 +56,7 @@
     ],
     "license": "Apache-2.0",
     "devDependencies": {
+        "@biomejs/biome": "1.6.4",
         "@crowdin/cli": "^3.6.5",
         "@tauri-apps/cli": "^2.0.0-beta.14",
         "@types/jest": "^29.5.12",
@@ -87,7 +89,6 @@
         "node-watch": "^0.7.1",
         "patch-package": "^8.0.0",
         "postinstall-postinstall": "^2.1.0",
-        "prettier": "3.2.5",
         "rimraf": "^5.0.5",
         "sass": "^1.63.4",
         "sass-loader": "^14.1.1",

src/App.tsx

@@ -6,16 +6,16 @@ import SettingsView from "./Components/SettingsView";
 
 import ContextMenu from "./Components/ContextMenu";
 import Header from "./Components/Header";
+import Infobar from "./Components/Infobar";
 import LoadingBar from "./Components/LoadingBar";
+import OperationBar from "./Components/OperationBar";
 import Properties from "./Components/Properties";
 import Sidebar from "./Components/Sidebar";
-import Infobar from "./Components/Infobar";
-import OperationBar from "./Components/OperationBar";
 
-import { setActiveTab } from "./Store/ActionCreators/TabActionCreators";
-import { IAppState } from "./Store/Reducers";
-import "./Public/style.scss";
 import { ThemedDiv } from "./Components/Theme";
+import "./Public/style.scss";
+import { setActiveTab } from "./Store/ActionCreators/TabActionCreators";
+import type { IAppState } from "./Store/Reducers";
 
 const App = () => {
     const dispatch = useDispatch();
@@ -26,15 +26,13 @@ const App = () => {
 
     const [isLoaded, setIsLoaded] = useState(false); // TODO REPLACE WITH SKELETON LOADING
 
-    const setCurrentDirectory = (path: string) => dispatch(setActiveTab({ ...activeTab, path }));
-
     // Waits for homeDirectory to load on initial favorites request
     useEffect(() => {
-        if (homeDirectory) {
+        if (homeDirectory && activeTab.path !== homeDirectory) {
             setIsLoaded(true);
-            setCurrentDirectory(homeDirectory);
+            dispatch(setActiveTab({ ...activeTab, path: homeDirectory }));
         }
-    }, [homeDirectory]);
+    }, [homeDirectory, dispatch, activeTab]);
 
     if (!isLoaded) return <div>Loading...</div>;