Merge pull request #328 from decaf-dev/dev

* feat: remove image icon placeholder

* feat: remove status bar when view is open

* refactor: rename to image fit to just cover and contain

* feat: remove favorites filter

* feat: set pagination indicator as status bar

* feat: remove timestamp filter

* feat: move search filter up

* feat: add toggle to search

* feat: make groups front and center

* feat: update custom filter button

* chore: bump version

* fix: remove extra padding on buttons

* fix: don't replace existing tab when view opens (#323)

* Clean up code (#324)

* refactor: remove unused code

* feat: clean up old properties

* fix: display without leading zero (#325)

* feat: add created date to sort (#326)

* Update default values (#327)

* feat: add default value to properties

* feat: rename to File system

* refactor: update value

* chore: update guardgen

* chore: update workflow name

* refactor: rename to image cache

* docs: update README.md

* docs: remove unused images

Author: decaf-dev

.github/workflows/check-console-log.yml

@@ -1,4 +1,4 @@
-name: Check Console Log
+name: Check for console.log statements
 
 on: pull_request
 

README.md

@@ -1,7 +1,7 @@
 {
 	"id": "vault-explorer",
 	"name": "Vault Explorer",
-	"version": "1.41.1",
+	"version": "1.42.0",
 	"minAppVersion": "1.4.13",
 	"description": "Explore your vault in visual format",
 	"author": "DecafDev",

manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "obsidian-vault-explorer",
-	"version": "1.41.1",
+	"version": "1.42.0",
 	"description": "Explore your vault in visual format",
 	"main": "main.js",
 	"scripts": {

package.json

@@ -7,10 +7,9 @@ export const HOVER_LINK_SOURCE_ID = "vault-explorer-preview";
 
 export const DEFAULT_SETTINGS: VaultExplorerPluginSettings = {
 	properties: {
-		favorite: "",
-		url: "",
-		image: "",
-		coverImageFit: "",
+		url: "url",
+		image: "image",
+		coverImageFit: "image-fit",
 		createdDate: "",
 		modifiedDate: "",
 		custom1: "",
@@ -22,14 +21,6 @@ export const DEFAULT_SETTINGS: VaultExplorerPluginSettings = {
 			isEnabled: true,
 			value: "",
 		},
-		favorites: {
-			isEnabled: true,
-			value: false,
-		},
-		timestamp: {
-			isEnabled: true,
-			value: "all",
-		},
 		sort: {
 			isEnabled: true,
 			value: "file-name-asc",
@@ -94,8 +85,6 @@ export const DEFAULT_SETTINGS: VaultExplorerPluginSettings = {
 	enableClockUpdates: true,
 	enableFileIcons: false,
 	loadBodyTags: true,
-	filterGroupsWidth: "300px",
-	shouldWrapFilterGroups: false,
 	shouldCollapseFilters: false,
 	pageSize: 25,
 	viewOrder: [

readme/favorites-filter.png

@@ -21,7 +21,6 @@ export enum PluginEvent {
 	VIEW_TOGGLE_SETTING_CHANGE = "view-toggle-setting-change",
 	FILE_ICONS_SETTING_CHANGE = "file-icons-setting-change",
 	LOAD_BODY_TAGS_SETTING_CHANGE = "load-body-tags-setting-change",
-	WRAP_FILTER_GROUPS_SETTING_CHANGE = "wrap-filter-groups-setting-change",
 	LOAD_SOCIAL_MEDIA_IMAGE_SETTING_CHANGE = "load-social-media-image-setting-change",
 	SHOW_TAGS_SETTING_CHANGE = "show-tags-setting-change",
 }

readme/timestamp-filter.png

@@ -20,6 +20,7 @@ import { isVersionLessThan } from "./utils";
 import License from "./svelte/shared/services/license";
 import { clearSocialMediaImageCache } from "./svelte/app/services/social-media-image-cache";
 import store from "./svelte/shared/services/store";
+import "./styles.css";
 
 export default class VaultExplorerPlugin extends Plugin {
 	settings: VaultExplorerPluginSettings = DEFAULT_SETTINGS;
@@ -63,6 +64,22 @@ export default class VaultExplorerPlugin extends Plugin {
 	}
 
 	private registerEvents() {
+		this.registerEvent(
+			this.app.workspace.on("active-leaf-change", () => {
+				const explorerLeaf =
+					this.app.workspace.getActiveViewOfType(VaultExplorerView);
+				const statusBar = document.querySelector(
+					".status-bar"
+				) as HTMLElement | null;
+				if (!statusBar) return;
+				if (explorerLeaf) {
+					statusBar.classList.add("vault-explorer-status-bar");
+				} else {
+					statusBar.classList.remove("vault-explorer-status-bar");
+				}
+			})
+		);
+
 		//Callback if the file is renamed or moved
 		//This callback is already debounced by Obsidian
 		this.registerEvent(
@@ -228,7 +245,7 @@ export default class VaultExplorerPlugin extends Plugin {
 			const leaf = leaves[0];
 			this.app.workspace.revealLeaf(leaf);
 		} else {
-			this.app.workspace.getLeaf().setViewState({
+			this.app.workspace.getLeaf("tab").setViewState({
 				type: VAULT_EXPLORER_VIEW,
 				active: true,
 			});

src/constants.ts

@@ -31,6 +31,7 @@ import Migrate_1_38_0 from "./migrate_1_38_0";
 import Migrate_1_39_0 from "./migrate_1_39_0";
 import Migrate_1_40_0 from "./migrate_1_40_0";
 import Migrate_1_41_0 from "./migrate_1_41_0";
+import Migrate_1_42_0 from "./migrate_1_42_0";
 
 const migrations: TMigration[] = [
 	{
@@ -183,6 +184,11 @@ const migrations: TMigration[] = [
 		to: "1.41.0",
 		migrate: Migrate_1_41_0,
 	},
+	{
+		from: "1.41.1",
+		to: "1.42.0",
+		migrate: Migrate_1_42_0,
+	},
 ];
 
 export const preformMigrations = (