refactor file-getter to use the TFile interface

Author: Cube707

jsEngine/settings/Settings.ts

@@ -1,6 +1,6 @@
 import type JsEnginePlugin from 'jsEngine/main';
 import { StartupScriptsModal } from 'jsEngine/settings/StartupScriptModal';
-import type { App } from 'obsidian';
+import type { App , TFile } from 'obsidian';
 import { normalizePath, PluginSettingTab, Setting } from 'obsidian';
 
 declare module 'obsidian' {
@@ -27,9 +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'));
+	private async listJSfilesInDirectory(directory: string): Promise<TFile[]> {
+		const { vault } = this.app;
+		return (await vault.adapter.list(directory)).files
+			.map(file => vault.getFileByPath(file)!)
+			.filter(file => file.extension == 'js');
 	}
 
 	display(): void {
@@ -77,17 +79,16 @@ export class JsEnginePluginSettingTab extends PluginSettingTab {
 
 		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}"`)
+					.setName(file.basename)
+					.setDesc(`Apply JS snippet from "vault/${file.path}"`)
 					.addToggle(el => {
-						el.setValue(settings.enabledStartupScripts.includes(fileName))
+						el.setValue(settings.enabledStartupScripts.includes(file.basename))
 							.onChange(async (val: boolean) => {
 								if (val) {
-									settings.enabledStartupScripts.push(fileName);
+									settings.enabledStartupScripts.push(file.basename);
 								} else {
-									settings.enabledStartupScripts.remove(fileName);
+									settings.enabledStartupScripts.remove(file.basename);
 								}
 								await this.plugin.saveSettings();
 							});