aqeja_ClipperMaster-for-Obsidian/main.ts

import { texts, upsertFile, Welcome } from "common";
import {
	App,
	Plugin,
	PluginSettingTab,
	Setting,
	addIcon,
} from "obsidian";
import { server } from "server";

interface ClipperMasterPluginSettings {
	port: number;
}

const DEFAULT_SETTINGS: ClipperMasterPluginSettings = {
	port: 8282,
};


export default class ClipperMasterPlugin extends Plugin {
	settings: ClipperMasterPluginSettings;

	async onload() {
		addIcon(
			"clippermaster",
			`
			<rect x="4" y="5" width="3" height="16" rx="1.5" transform="rotate(-10 4 5)"/>
			<rect x="11" y="8" width="3" height="11" rx="1.5" transform="rotate(-90 11 8)"/>
			<rect x="11" y="21" width="3" height="11" rx="1.5" transform="rotate(-90 11 21)"/>
			<rect x="11" y="9" width="11" height="6" rx="2" stroke-opacity="0.6"/>
		`
		);
		await this.loadSettings();

		// This adds a settings tab so the user can configure various aspects of the plugin
		this.addSettingTab(new ClipperMasterSettingTab(this.app, this));

		// If the plugin hooks up any global DOM events (on parts of the app that doesn't belong to this plugin)
		// Using this function will automatically remove the event listener when this plugin is disabled.
		this.registerDomEvent(document, "click", (evt: MouseEvent) => {
			console.log("click", evt);
		});
		this.onUserEnable = () => {
			upsertFile(this.app, texts.welcome, Welcome)
		}

		server.start(this.app);
	}

	onunload() {
		server.close();
	}

	async loadSettings() {
		this.settings = Object.assign(
			{},
			DEFAULT_SETTINGS,
			await this.loadData()
		);
	}

	async saveSettings() {
		await this.saveData(this.settings);
	}
}

class ClipperMasterSettingTab extends PluginSettingTab {
	plugin: ClipperMasterPlugin;

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

	}
	display(): void {
		const { containerEl } = this;

		containerEl.empty();
		containerEl.createEl("h2", {
			text: `${this.plugin.manifest.name} ${this.plugin.manifest.version}`,
		});
		const portSetting = new Setting(containerEl)
			.setName(texts.listeningPort)
			.setDesc(texts.desc)

		const invalidPortElement = portSetting.infoEl.createDiv();
		invalidPortElement.hide();
		invalidPortElement
			.createSpan("settings-error-element")
			.setText(texts.error);

		portSetting.addText((text) => {
			text.setPlaceholder(texts.enterPort)
			text.setValue(String(this.plugin.settings.port));
			text.onChange(async (value) => {
				const numValue = Number(value);
				if (isNaN(numValue) || numValue < 1 || numValue > 65535) {
					invalidPortElement.show();
					return;
				}
				invalidPortElement.hide();
				this.plugin.settings.port = numValue;
				await this.saveAndReload();
			});
		});
	}
	async saveAndReload() {
		await this.plugin.saveSettings();
		await server.close()

		// const serverIsRunning = !!this.plugin.serverController?.isRunning();
		// if (serverIsRunning) {
		//   await this.plugin.stopServer();
		//   await this.plugin.startServer();
		// }
	}
}