startupScript setting inspired by css-snippets

Author: Cube707

jsEngine/main.ts

@@ -60,7 +60,7 @@ export default class JsEnginePlugin extends Plugin {
 	async loadSettings(): Promise<void> {
 		const loadedSettings = (await this.loadData()) as JsEnginePluginSettings;
 		this.settings = Object.assign({}, JS_ENGINE_DEFAULT_SETTINGS, loadedSettings);
-		if (this.settings.startupScriptsDirectory === undefined) {
+		if (!this.settings.startupScriptsDirectory) {
 			this.settings.startupScriptsDirectory = normalizePath(this.app.vault.configDir + '/snippets');
 		}
 	}

jsEngine/settings/Settings.ts

@@ -3,6 +3,12 @@ import { StartupScriptsModal } from 'jsEngine/settings/StartupScriptModal';
 import type { App } from 'obsidian';
 import { PluginSettingTab, Setting } from 'obsidian';
 
+declare module 'obsidian' {
+	interface App {
+		openWithDefaultApp(path: string): void;
+	}
+}
+
 export interface JsEnginePluginSettings {
 	startupScriptsDirectory: string | undefined;
 	enabledStartupScripts: string[];
@@ -37,5 +43,33 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 				new StartupScriptsModal(this.plugin).open();
 			});
 		});
+
+		new Setting(containerEl)
+			.setName('JS snippets (loaded on startup)')
+			.setHeading()
+			.addExtraButton(el => {
+				el.setTooltip('Reload snippets')
+					.setIcon('refresh-cw')
+					.onClick(() => {
+						/* TODO */
+					});
+			})
+			.addExtraButton(el => {
+				el.setTooltip('Open snippets folder')
+					.setIcon('folder-open')
+					.onClick(() => this.app.openWithDefaultApp(settings.startupScriptsDirectory ?? ''));
+			});
+
+		new Setting(containerEl)
+			.setName('JS Snippets Folder')
+			.setDesc('The folder to search for JavaScript files to load')
+			.addText(el => {
+				el.setPlaceholder('Folder')
+					.setValue(settings.startupScriptsDirectory ?? '')
+					.onChange(async (value: string) => {
+						settings.startupScriptsDirectory = value;
+						await this.plugin.saveSettings();
+					});
+			});
 	}
 }