SettingsTab.ts

import {App, PluginSettingTab, Setting} from "obsidian";
import ExecuteCodePlugin from "./main";

export interface ExecutorSettings {
	timeout: number;
	nodePath: string;
	nodeArgs: string;
	pythonPath: string;
	pythonArgs: string;
	pythonEmbedPlots: boolean;
	shellPath: string;
	shellArgs: string;
	shellFileExtension: string;
	groovyPath: string;
	groovyArgs: any;
	groovyFileExtension: string;
	maxPrologAnswers: number;
}

export class SettingsTab extends PluginSettingTab {
	plugin: ExecuteCodePlugin;

	constructor(app: App, plugin: ExecuteCodePlugin) {
		super(app, plugin);
		this.plugin = plugin;
	}

	display() {
		const {containerEl} = this;
		containerEl.empty();

		containerEl.createEl('h2', {text: 'Settings for the Code Execution Plugin.'});

		// ========== Timeout ==========
		containerEl.createEl('h3', {text: 'Timout Settings'});
		new Setting(containerEl)
			.setName('Timeout (in seconds)')
			.setDesc('The time after which a program gets shut down automatically. This is to prevent infinite loops. ')
			.addText(text => text
				.setValue("" + this.plugin.settings.timeout/1000)
				.onChange(async (value) => {
					if( Number(value) * 1000){
						console.log('Timeout set to: ' + value);
						this.plugin.settings.timeout = Number(value) * 1000;
					}
					await this.plugin.saveSettings();
				}));

		// ========== JavaScript / Node ==========
		containerEl.createEl('h3', {text: 'JavaScript / Node Settings'});
		new Setting(containerEl)
			.setName('Node path')
			.addText(text => text
				.setValue(this.plugin.settings.nodePath)
				.onChange(async (value) => {
					this.plugin.settings.nodePath = value;
					console.log('Node path set to: ' + value);
					await this.plugin.saveSettings();
				}));
		new Setting(containerEl)
			.setName('Node arguments')
			.addText(text => text
				.setValue(this.plugin.settings.nodeArgs)
				.onChange(async (value) => {
					this.plugin.settings.nodeArgs = value;
					console.log('Node args set to: ' + value);
					await this.plugin.saveSettings();
				}));

		// ========== Python ==========
		containerEl.createEl('h3', {text: 'Python Settings'});
		new Setting(containerEl)
			.setName('Python path')
			.setDesc('The path to your Python installation.')
			.addText(text => text
				.setValue(this.plugin.settings.pythonPath)
				.onChange(async (value) => {
					this.plugin.settings.pythonPath = value;
					console.log('Python path set to: ' + value);
					await this.plugin.saveSettings();
				}));
		new Setting(containerEl)
			.setName('Python arguments')
			.addText(text => text
				.setValue(this.plugin.settings.pythonArgs)
				.onChange(async (value) => {
					this.plugin.settings.pythonArgs = value;
					console.log('Python args set to: ' + value);
					await this.plugin.saveSettings();
				}));
		new Setting(containerEl)
			.setName('Embed Python Plots')
			.addToggle(toggle => toggle
				.setValue(this.plugin.settings.pythonEmbedPlots)
				.onChange(async (value) => {
					this.plugin.settings.pythonEmbedPlots = value;
					console.log(value ? 'Embedding Plots into Notes.' : "Not embedding Plots into Notes.");
					await this.plugin.saveSettings();
				}));

		// ========== Shell ==========
		containerEl.createEl('h3', {text: 'Shell Settings'});
		new Setting(containerEl)
			.setName('Shell path')
			.setDesc('The path to shell. Default is Bash but you can use any shell you want, e.g. bash, zsh, fish, ...')
			.addText(text => text
				.setValue(this.plugin.settings.shellPath)
				.onChange(async (value) => {
					this.plugin.settings.shellPath = value;
						console.log('Shell path set to: ' + value);
						await this.plugin.saveSettings();
					}));
		new Setting(containerEl)
				.setName('Shell arguments')
				.addText(text => text
					.setValue(this.plugin.settings.shellArgs)
					.onChange(async (value) => {
						this.plugin.settings.shellArgs = value;
						console.log('Shell args set to: ' + value);
						await this.plugin.saveSettings();
					}));
		new Setting(containerEl)
			.setName('Shell file extension')
			.setDesc('Changes the file extension for generated shell scripts. This is useful if you want to use a shell other than bash.')
			.addText(text => text
				.setValue(this.plugin.settings.shellFileExtension)
				.onChange(async (value) => {
					this.plugin.settings.shellFileExtension = value;
					console.log('Shell file extension set to: ' + value);
					await this.plugin.saveSettings();
				}));

		// ========== Prolog ==========
		containerEl.createEl('h3', {text: 'Prolog Settings'});
		new Setting(containerEl)
			.setName('Prolog Answer Limit')
			.setDesc('Maximal number of answers to be returned by the Prolog engine. This is to prevent creating too huge texts in the notebook.')
			.addText(text => text
				.setValue("" + this.plugin.settings.maxPrologAnswers)
				.onChange(async (value) => {
					if( Number(value) * 1000){
						console.log('Answer limit set to: ' + value);
						this.plugin.settings.maxPrologAnswers = Number(value);
					}
					await this.plugin.saveSettings();
				}));

		// ========== Groovy ==========
		containerEl.createEl('h3', {text: 'Groovy Settings'});
		new Setting(containerEl)
			.setName('Groovy path')
			.setDesc('The path to your Groovy installation.')
			.addText(text => text
				.setValue(this.plugin.settings.groovyPath)
				.onChange(async (value) => {
					this.plugin.settings.groovyPath = value;
					console.log('Groovy path set to: ' + value);
					await this.plugin.saveSettings();
				}));
		new Setting(containerEl)
			.setName('Groovy arguments')
			.addText(text => text
				.setValue(this.plugin.settings.groovyArgs)
				.onChange(async (value) => {
					this.plugin.settings.groovyArgs = value;
					console.log('Groovy args set to: ' + value);
					await this.plugin.saveSettings();
				}));
	}
}