display preexisting scripts as separate list

Author: Cube707

jsEngine/settings/Settings.ts

@@ -22,6 +22,7 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 
 	display(): void {
 		const containerEl = this.containerEl;
+		const vault = this.app.vault;
 		const settings = this.plugin.settings;
 		containerEl.empty();
 
@@ -55,7 +56,7 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 					});
 			});
 
-		const startupScriptsDirectory = this.app.vault.getFolderByPath(settings.startupScriptsDirectory ?? '/');
+		const startupScriptsDirectory = vault.getFolderByPath(settings.startupScriptsDirectory ?? '/');
 		let startupScripts: TFile[] = [];
 		if (startupScriptsDirectory != null) {
 			startupScripts = this.listJSfilesInDirectory(startupScriptsDirectory);
@@ -71,6 +72,23 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 					el.setValue(settings.startupScripts.contains(file.path)).onChange(async val => this.toggleStartupScript(file, val));
 				});
 		}
+
+		const oldScripts = settings.startupScripts
+			.map(file => vault.getFileByPath(file)!)
+			.filter(file => !file.parent?.path.startsWith(settings.startupScriptsDirectory ?? ''));
+		if (oldScripts.length > 0) {
+			this.containerEl.createEl('div', { cls: 'callout js-engine-settings-warning', text: 'These scripts are not in the Snippets Folder' });
+		}
+		for (const file of oldScripts) {
+			new Setting(containerEl)
+				.setName(file.basename)
+				.setDesc(`Apply JS snippet from "vault/${file.path}"`)
+				.addExtraButton(el => {
+					el.setTooltip('Move to current Snippets Folder')
+						.setIcon('archive-restore')
+						.onClick(async () => await this.moveStartupScriptToNewDirectory(file));
+				});
+		}
 	}
 
 	async openStartupScriptsDirectory(): Promise<void> {
@@ -97,4 +115,19 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 		}
 		await this.plugin.saveSettings();
 	}
+
+	async moveStartupScriptToNewDirectory(script: TFile): Promise<void> {
+		const settings = this.plugin.settings;
+		const vault = this.app.vault;
+		const startupScriptsDirectory = settings.startupScriptsDirectory ?? '/';
+		const newPath = startupScriptsDirectory.concat('/', script.name);
+		if ((await vault.adapter.exists(startupScriptsDirectory)) == false) {
+			await vault.createFolder(startupScriptsDirectory);
+		}
+		settings.startupScripts.remove(script.path);
+		await this.app.vault.rename(script, newPath);
+		settings.startupScripts.push(newPath);
+		await this.plugin.saveSettings();
+		this.display();
+	}
 }

styles.css

@@ -175,3 +175,12 @@ If your plugin does not need CSS, delete this file.
 	left: 0;
 	right: 0;
 }
+
+.js-engine-settings-warning {
+	--callout-color: var(--callout-warning);
+	color: rgb(var(--callout-color));
+	margin-bottom: 0;
+	padding-block: 0.25em;
+	border-bottom-left-radius: unset;
+	border-bottom-right-radius: unset;
+}