startupScript settings inspired by css-snippets

Author: Cube707

jsEngine/settings/Settings.ts

@@ -1,7 +1,7 @@
 import type JsEnginePlugin from 'jsEngine/main';
 import { StartupScriptsModal } from 'jsEngine/settings/StartupScriptModal';
 import type { App } from 'obsidian';
-import { normalizePath, PluginSettingTab, Setting } from 'obsidian';
+import { normalizePath, PluginSettingTab, Setting, TFolder, TFile } from 'obsidian';
 
 export interface JsEnginePluginSettings {
 	startupScriptsDirectory: string | undefined;
@@ -41,6 +41,11 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 		new Setting(containerEl)
 			.setName('JS snippets (loaded on startup)')
 			.setHeading()
+			.addExtraButton(el => {
+				el.setTooltip('Reload snippets')
+					.setIcon('refresh-cw')
+					.onClick(() => this.display());
+			})
 			.addExtraButton(el => {
 				el.setTooltip('Open snippets folder')
 					.setIcon('folder-open')
@@ -53,27 +58,67 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 			.addText(el => {
 				el.setPlaceholder(this.getDefaultStartupScriptsDirectory())
 					.setValue(settings.startupScriptsDirectory ?? '')
-					.onChange(async (val: string) => {
-						if (val) {
-							settings.startupScriptsDirectory = normalizePath(val);
-						} else {
-							settings.startupScriptsDirectory = undefined;
-						}
-						await this.plugin.saveSettings();
-					});
+					.onChange(async val => await this.setStartupScriptsDirectory(val));
 			});
+
+		const startupScriptsDirectory = this.app.vault.getFolderByPath(this.getStartupScriptsDirectory());
+		let startupScripts: TFile[] = [];
+		if (startupScriptsDirectory != null) {
+			startupScripts = this.listJSfilesInDirectory(startupScriptsDirectory);
+		}
+		if (startupScriptsDirectory == null || startupScripts.length == 0) {
+			new Setting(containerEl).setName('No JS snippets found').setDesc(`JS snippets are stored in "vault/${this.getStartupScriptsDirectory()}"`);
+		} else {
+			for (const file of startupScripts) {
+				new Setting(containerEl)
+					.setName(file.basename)
+					.setDesc(`Apply JS snippet from "vault/${file.path}"`)
+					.addToggle(el => {
+						el.setValue(settings.startupScripts.contains(file.path)).onChange(val => this.toggleStartupScript(file, val));
+					});
+			}
+		}
 	}
 
 	getDefaultStartupScriptsDirectory(): string {
 		return normalizePath(''.concat(this.app.vault.configDir, '/scripts'));
 	}
 
+	getStartupScriptsDirectory(): string {
+		return this.plugin.settings.startupScriptsDirectory ?? this.getDefaultStartupScriptsDirectory();
+	}
+
+	async setStartupScriptsDirectory(directory: string): Promise<void> {
+		const settings = this.plugin.settings;
+		if (directory) {
+			settings.startupScriptsDirectory = normalizePath(directory);
+		} else {
+			settings.startupScriptsDirectory = undefined;
+		}
+		await this.plugin.saveSettings();
+	}
+
 	async openStartupScriptsDirectory(): Promise<void> {
 		const vault = this.app.vault;
-		const directory = this.plugin.settings.startupScriptsDirectory ?? this.getDefaultStartupScriptsDirectory();
+		const directory = this.getStartupScriptsDirectory();
 		if ((await vault.adapter.exists(directory)) == false) {
 			await vault.createFolder(directory);
 		}
 		this.app.openWithDefaultApp(directory);
 	}
+
+	listJSfilesInDirectory(directory: TFolder): TFile[] {
+		const files = directory.children.filter(el => el instanceof TFile);
+		const folders = directory.children.filter(el => el instanceof TFolder);
+		return files.concat(folders.flatMap(dir => this.listJSfilesInDirectory(dir)))
+	}
+
+	toggleStartupScript(file: TFile, enable: boolean): void {
+		const settings = this.plugin.settings;
+		if (enable) {
+			settings.startupScripts.push(file.path);
+		} else {
+			settings.startupScripts.remove(file.path);
+		}
+	}
 }