auto-detect js files and add setting for them

Author: Cube707

jsEngine/settings/Settings.ts

@@ -10,12 +10,12 @@ declare module 'obsidian' {
 }
 
 export interface JsEnginePluginSettings {
-	startupScriptsDirectory: string | undefined;
+	startupScriptsDirectory: string;
 	enabledStartupScripts: string[];
 }
 
 export const JS_ENGINE_DEFAULT_SETTINGS: JsEnginePluginSettings = {
-	startupScriptsDirectory: undefined,
+	startupScriptsDirectory: '',
 	enabledStartupScripts: [],
 };
 
@@ -27,6 +27,11 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 		this.plugin = plugin;
 	}
 
+	private async listJSfilesInDirectory(directory: string): Promise<string[]> {
+		const { adapter } = this.app.vault;
+		return (await adapter.list(directory)).files.filter(file => file.endsWith('.js'));
+	}
+
 	display(): void {
 		const { containerEl } = this;
 		const { settings } = this.plugin;
@@ -50,14 +55,12 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 			.addExtraButton(el => {
 				el.setTooltip('Reload snippets')
 					.setIcon('refresh-cw')
-					.onClick(() => {
-						/* TODO */
-					});
+					.onClick(() => this.display());
 			})
 			.addExtraButton(el => {
 				el.setTooltip('Open snippets folder')
 					.setIcon('folder-open')
-					.onClick(() => this.app.openWithDefaultApp(settings.startupScriptsDirectory ?? ''));
+					.onClick(() => this.app.openWithDefaultApp(settings.startupScriptsDirectory));
 			});
 
 		new Setting(containerEl)
@@ -71,5 +74,25 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 						await this.plugin.saveSettings();
 					});
 			});
+
+		void this.listJSfilesInDirectory(settings.startupScriptsDirectory).then(fileList =>
+			fileList.forEach(file => {
+				const fileName = file.split('/').last()!;
+				new Setting(containerEl)
+					.setName(fileName)
+					.setDesc(`Apply JS snippet from "vault/${file}"`)
+					.addToggle(el => {
+						el.setValue(settings.enabledStartupScripts.includes(fileName))
+							.onChange(async (val: boolean) => {
+								if (val) {
+									settings.enabledStartupScripts.push(fileName);
+								} else {
+									settings.enabledStartupScripts.remove(fileName);
+								}
+								await this.plugin.saveSettings();
+							});
+					});
+			}),
+		);
 	}
 }