devonthesofa_obsidian-note-status/integrations/settings/settings-controller.ts

import { App } from "obsidian";
import { Status } from "../../models/types";
import NoteStatus from "main";
import { StatusService } from "services/status-service";
import { NoteStatusSettingsUIManager } from "./SettingsUI";
import { SettingsUICallbacks } from "./types";

/**
 * Controller for settings UI, handles business logic and plugin state updates
 */
export class NoteStatusSettingsController implements SettingsUICallbacks {
	private app: App;
	private plugin: NoteStatus;
	private statusService: StatusService;
	private ui: NoteStatusSettingsUIManager;

	constructor(app: App, plugin: NoteStatus, statusService: StatusService) {
		this.app = app;
		this.plugin = plugin;
		this.statusService = statusService;
		this.ui = new NoteStatusSettingsUIManager(this);
	}

	/**
	 * Renders the settings interface
	 */
	display(containerEl: HTMLElement): void {
		this.ui.render(containerEl, this.plugin.settings);
	}

	/**
	 * Handles template enable/disable toggle
	 */
	onTemplateToggle: SettingsUICallbacks["onTemplateToggle"] = async (
		templateId,
		enabled,
	) => {
		if (enabled) {
			if (!this.plugin.settings.enabledTemplates.includes(templateId)) {
				this.plugin.settings.enabledTemplates.push(templateId);
			}
		} else {
			this.plugin.settings.enabledTemplates =
				this.plugin.settings.enabledTemplates.filter(
					(id: string) => id !== templateId,
				);
		}

		await this.plugin.saveSettings();
	};

	/**
	 * Handles general setting changes
	 */
	onSettingChange: SettingsUICallbacks["onSettingChange"] = async (
		key,
		value,
	) => {
		this.plugin.settings[key] = value;
		await this.plugin.saveSettings();
	};

	/**
	 * Handles custom status field changes
	 */
	onCustomStatusChange: SettingsUICallbacks["onCustomStatusChange"] = async (
		index,
		field,
		value,
	) => {
		const status = this.plugin.settings.customStatuses[index];
		if (!status) return;

		if (field === "name") {
			const oldName = status.name;
			status.name = value;

			if (oldName !== status.name) {
				this.plugin.settings.statusColors[status.name] =
					this.plugin.settings.statusColors[oldName];
				delete this.plugin.settings.statusColors[oldName];
			}
		} else if (field === "color") {
			this.plugin.settings.statusColors[status.name] = value;
		} else {
			status[field] = value;
		}

		await this.plugin.saveSettings();
	};

	/**
	 * Handles custom status removal
	 */
	onCustomStatusRemove: SettingsUICallbacks["onCustomStatusRemove"] = async (
		index,
	) => {
		const status = this.plugin.settings.customStatuses[index];
		if (!status) return;

		this.plugin.settings.customStatuses.splice(index, 1);
		delete this.plugin.settings.statusColors[status.name];

		await this.plugin.saveSettings();

		// Re-render the entire settings interface
		const container = document.querySelector(".note-status-settings")
			?.parentElement as HTMLElement;
		if (container) {
			this.display(container);
		}
	};

	/**
	 * Handles adding new custom status
	 */

	onCustomStatusAdd: SettingsUICallbacks["onCustomStatusAdd"] = async () => {
		const newStatus: Status = {
			name: `status${this.plugin.settings.customStatuses.length + 1}`,
			icon: "⭐",
		};

		this.plugin.settings.customStatuses.push(newStatus);
		this.plugin.settings.statusColors[newStatus.name] = "#ffffff";

		await this.plugin.saveSettings();

		// Re-render the entire settings interface
		const container = document.querySelector(".note-status-settings")
			?.parentElement as HTMLElement;
		if (container) {
			this.display(container);
		}
	};
}