Add delete to context menu (#360)

* chore: bump version

* refactor: remove unused code

* feat: add delete to context menu

* feat: add confirm delete setting

Author: decaf-dev

manifest.json

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

package.json

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

src/constants.ts

@@ -80,6 +80,7 @@ export const DEFAULT_SETTINGS: VaultExplorerPluginSettings = {
 			isEnabled: false,
 		},
 	},
+	confirmBeforeDelete: true,
 	currentView: TExplorerView.GRID,
 	titleWrapping: "normal",
 	enableClockUpdates: true,

src/migrations/index.ts

@@ -32,6 +32,7 @@ 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";
+import Migrate_1_45_0 from "./migrate_1_45_0";
 
 const migrations: TMigration[] = [
 	{
@@ -189,6 +190,11 @@ const migrations: TMigration[] = [
 		to: "1.42.0",
 		migrate: Migrate_1_42_0,
 	},
+	{
+		from: "1.44.6",
+		to: "1.45.0",
+		migrate: Migrate_1_45_0,
+	},
 ];
 
 export const preformMigrations = (

src/migrations/migrate_1_41_0.ts

@@ -1,11 +1,11 @@
-import { VaultExplorerPluginSettings } from "src/types";
 import MigrationInterface from "./migration_interface";
 import { VaultExplorerPluginSettings_1_40_2 } from "src/types/types-1.40.2";
+import { VaultExplorerPluginSettings_1_41_1 } from "src/types/types-1.41.1";
 
 export default class Migrate_1_41_0 implements MigrationInterface {
 	migrate(data: Record<string, unknown>) {
 		const typedData = data as unknown as VaultExplorerPluginSettings_1_40_2;
-		const newData: VaultExplorerPluginSettings = {
+		const newData: VaultExplorerPluginSettings_1_41_1 = {
 			...typedData,
 			properties: {
 				...typedData.properties,

src/migrations/migrate_1_42_0.ts

@@ -1,11 +1,11 @@
-import { VaultExplorerPluginSettings } from "src/types";
 import MigrationInterface from "./migration_interface";
 import { VaultExplorerPluginSettings_1_41_1 } from "src/types/types-1.41.1";
+import { VaultExplorerPluginSettings_1_44_6 } from "src/types/types-1.44.6";
 
 export default class Migrate_1_42_0 implements MigrationInterface {
 	migrate(data: Record<string, unknown>) {
 		const typedData = data as unknown as VaultExplorerPluginSettings_1_41_1;
-		const newData: VaultExplorerPluginSettings = {
+		const newData: VaultExplorerPluginSettings_1_44_6 = {
 			...typedData,
 			properties: {
 				...typedData.properties,

src/migrations/migrate_1_45_0.ts

@@ -0,0 +1,30 @@
+import { VaultExplorerPluginSettings_1_44_6 } from "src/types/types-1.44.6";
+import MigrationInterface from "./migration_interface";
+import { TExplorerView, VaultExplorerPluginSettings } from "src/types";
+
+export default class Migrate_1_45_0 implements MigrationInterface {
+	migrate(data: Record<string, unknown>) {
+		const typedData = data as unknown as VaultExplorerPluginSettings_1_44_6;
+
+		let viewOrder = [];
+		if (typedData.views.grid.isEnabled) {
+			viewOrder.push(TExplorerView.GRID);
+		}
+		if (typedData.views.list.isEnabled) {
+			viewOrder.push(TExplorerView.LIST);
+		}
+		if (typedData.views.feed.isEnabled) {
+			viewOrder.push(TExplorerView.FEED);
+		}
+		if (typedData.views.table.isEnabled) {
+			viewOrder.push(TExplorerView.TABLE);
+		}
+
+		const newData: VaultExplorerPluginSettings = {
+			...typedData,
+			confirmBeforeDelete: true,
+			viewOrder,
+		};
+		return newData as unknown as Record<string, unknown>;
+	}
+}

src/obsidian/vault-explorer-settings-tab.ts

@@ -46,10 +46,6 @@ export default class VaultExplorerSettingsTab extends PluginSettingTab {
 			this.app,
 			"datetime"
 		);
-		const checkboxProperties = getObsidianPropertiesByType(
-			this.app,
-			"checkbox"
-		);
 
 		new Setting(containerEl).setName("General").setHeading();
 
@@ -108,6 +104,20 @@ export default class VaultExplorerSettingsTab extends PluginSettingTab {
 					})
 			);
 
+		new Setting(containerEl).setName("Context menu").setHeading();
+
+		new Setting(containerEl)
+			.setName("Confirm before delete")
+			.setDesc("Ask for confirmation before deleting a file.")
+			.addToggle((toggle) =>
+				toggle
+					.setValue(this.plugin.settings.confirmBeforeDelete)
+					.onChange(async (value) => {
+						this.plugin.settings.confirmBeforeDelete = value;
+						await this.plugin.saveSettings();
+					})
+			);
+
 		new Setting(containerEl).setName("Filters").setHeading();
 
 		new Setting(containerEl).setName("Search filter").addToggle((toggle) =>

src/svelte/app/components/feed-card.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { createEventDispatcher, onMount } from "svelte";
+	import { onMount } from "svelte";
 	import { CollapseStyle } from "src/types";
 	import EventManager from "src/event/event-manager";
 	import VaultExplorerPlugin from "src/main";
@@ -35,6 +35,7 @@
 	export let path: string;
 	export let createdMillis: number;
 	export let content: string | null;
+	export let enablePremiumFeatures: boolean;
 
 	let ref: HTMLElement | null = null;
 	let enableFileIcons = false;
@@ -45,8 +46,6 @@
 	let collapseStyle: CollapseStyle = "no-new-lines";
 	let currentLineClamp: number = lineClampLarge;
 
-	const dispatch = createEventDispatcher();
-
 	let plugin: VaultExplorerPlugin;
 	store.plugin.subscribe((p) => {
 		plugin = p;
@@ -147,7 +146,15 @@
 
 	function handleCardContextMenu(e: Event) {
 		const nativeEvent = e as MouseEvent;
-		openContextMenu(plugin, path, nativeEvent, {});
+		const { app, settings } = plugin;
+		openContextMenu(
+			nativeEvent,
+			path,
+			app,
+			settings,
+			enablePremiumFeatures,
+			{},
+		);
 	}
 
 	function handleCardMouseOver(e: MouseEvent) {

src/svelte/app/components/feed-view.svelte

@@ -5,6 +5,7 @@
 	export let data: FileRenderData[] = [];
 	export let startIndex;
 	export let pageLength;
+	export let enablePremiumFeatures: boolean;
 
 	let filteredItems: FileRenderData[] = [];
 
@@ -23,6 +24,7 @@
 <div class="vault-explorer-feed-view">
 	{#each filteredItems as fileRenderData (fileRenderData.id)}
 		<FeedCard
+			{enablePremiumFeatures}
 			displayName={fileRenderData.displayName}
 			extension={fileRenderData.extension}
 			baseName={fileRenderData.baseName}