sidebarView.ts

import SimpleNoteReviewPlugin from "main";
import {
	ItemView,
	Setting,
	WorkspaceLeaf,
} from "obsidian";
import { INoteSet } from "src/noteSet/INoteSet";
import { NoteSetInfoModal } from "../noteset/noteSetInfoModal";
import { ReviewFrequency } from "src/noteSet/reviewFrequency";
import { NoteSetEmptyError } from "src/noteSet/noteSetService";

export class SimpleNoteReviewSidebarView extends ItemView {
	static readonly VIEW_TYPE = "simple-note-review-sidebar-view";
	static readonly DISPLAY_TEXT = "Simple Note Review";
	static readonly SNR_ICON_NAME = "glasses";

	constructor(leaf: WorkspaceLeaf, private _plugin: SimpleNoteReviewPlugin) {
		super(leaf);
	}

	async onOpen() {
		await this.renderView();
	}

	async onClose() {
		// Nothing to clean up.
	}

	async renderView(): Promise<void> {
		this.contentEl.empty();

		this.createGeneralActionsEl(this.contentEl);

		this.createCurrentFileActionsEl(this.contentEl);

		this.contentEl.createEl("h4", { text: "Note Sets" });

		this._plugin.settings.noteSets.forEach((noteSet) => {
			this.createNotesetSection(noteSet);
		});
	}

	private createGeneralActionsEl(parentEl: HTMLElement): HTMLElement {
		const actionsEl = new Setting(parentEl);

		actionsEl.setDesc("general actions:");

		actionsEl.addExtraButton((cb) => {
			cb.setIcon("refresh-cw")
				.setTooltip("refresh sidebar")
				.onClick(async () => {
					await this.onOpen();
				});
		});

		actionsEl.addExtraButton((cb) => {
			cb.setIcon("settings")
				.setTooltip("open plugin settings")
				.onClick(() => {
					// eslint-disable-next-line @typescript-eslint/no-explicit-any
					(this.app as any).setting.open();
					// eslint-disable-next-line @typescript-eslint/no-explicit-any
					(this.app as any).setting.openTabById("simple-note-review");
				});
		});

		return actionsEl.settingEl;
	}

	private createCurrentFileActionsEl(parentEl: HTMLElement): HTMLElement {
		const actionsEl = new Setting(parentEl);

		actionsEl.setDesc("current file actions:");

		actionsEl.addExtraButton((cb) => {
			cb.setIcon("ban")
				.setTooltip("ignore this note in all reviews")
				.onClick(() => {
					this._plugin.fileService.setReviewFrequency(
						this.app.workspace.getActiveFile(),
						ReviewFrequency.ignore
					);
				});
		});

		actionsEl.addExtraButton((cb) => {
			cb.setIcon("signal-low")
				.setTooltip("set review frequency to low")
				.onClick(() => {
					this._plugin.fileService.setReviewFrequency(
						this.app.workspace.getActiveFile(),
						ReviewFrequency.low
					);
				});
		});

		actionsEl.addExtraButton((cb) => {
			cb.setIcon("signal-medium")
				.setTooltip("set review frequency to normal")
				.onClick(() => {
					this._plugin.fileService.setReviewFrequency(
						this.app.workspace.getActiveFile(),
						ReviewFrequency.normal
					);
				});
		});

		actionsEl.addExtraButton((cb) => {
			cb.setIcon("signal")
				.setTooltip("set review frequency to high")
				.onClick(() => {
					this._plugin.fileService.setReviewFrequency(
						this.app.workspace.getActiveFile(),
						ReviewFrequency.high
					);
				});
		});

		actionsEl.addExtraButton((cb) => {
			cb.setIcon("skip-forward")
				.setTooltip("skip note for current review")
				.onClick(() => {
					this._plugin.reviewService.skipNote(
						this.app.workspace.getActiveFile(),
						this._plugin.settings.currentNoteSetId
					);
				});
		});

		actionsEl.addExtraButton((cb) => {
			cb.setIcon("file-check")
				.setTooltip(
					"mark current note as reviewed & go to the next file"
				)
				.onClick(() => {
					this._plugin.reviewService.reviewNote(
						this.app.workspace.getActiveFile(),
						this._plugin.settings.currentNoteSetId
					);
				});
		});

		return actionsEl.settingEl;
	}

	private createNotesetSection(noteSet: INoteSet): HTMLElement {
		const section = new Setting(this.contentEl);

		const trimmedName =
			noteSet.displayName.length > 20
				? noteSet.displayName.substring(0, 20) + "..."
				: noteSet.displayName;
		section.setName(trimmedName);

		if (
			this._plugin.settings.currentNoteSetId &&
			this._plugin.settings.currentNoteSetId === noteSet.id
		) {
			section.setDesc("current note set");
		} else {
			section.setDesc("");
		}

		if (noteSet?.validationErrors?.length > 0) {
			section.addExtraButton((cb) => {
				cb.setIcon("alert-triangle")
				.setTooltip(noteSet?.validationErrors.join(";\n"));
			});
		}

		section.addExtraButton((cb) => {
			cb.setIcon("info")
				.setTooltip("view note set info & stats")
				.onClick(() => {
					new NoteSetInfoModal(
						this.app,
						noteSet,
						this._plugin.noteSetService
					).open();
				});
		});

		section.addExtraButton((cb) => {
			cb.setIcon("dices")
				.setTooltip("open random note from this note set")
				.onClick(async () =>
					this.startReviewWithDelegate(
						noteSet.id,
						this._plugin.reviewService.openRandomNoteInQueue
					)
				);
		});

		// TODO: confirmation window
		section.addExtraButton((cb) => {
			cb.setIcon("rotate-cw")
				.setTooltip("reset review queue for this note set")
				.onClick(async () => {
					await this._plugin.noteSetService.validateRulesAndSave(noteSet);
					await this._plugin.reviewService.resetNotesetQueueWithValidation(noteSet.id);
					await this.renderView();
				}
				);
		});

		section.addExtraButton((cb) => {
			cb.setIcon("play")
				.setTooltip("review this note set")
				.onClick(async () =>
					this.startReviewWithDelegate(
						noteSet.id,
						this._plugin.reviewService.startReview
					)
				);
		});

		return section.settingEl;
	}

	getViewType(): string {
		return SimpleNoteReviewSidebarView.VIEW_TYPE;
	}

	getDisplayText(): string {
		return SimpleNoteReviewSidebarView.DISPLAY_TEXT;
	}

	getIcon(): string {
		return SimpleNoteReviewSidebarView.SNR_ICON_NAME;
	}

	private async startReviewWithDelegate(
		noteSetId: string,
		delegate: (noteSetId: string) => Promise<void>
	) {
		const noteSet = this._plugin.noteSetService.getNoteSet(noteSetId);
		try {
			await delegate.bind(this._plugin.reviewService)(noteSetId);
		} catch (error) {
			const noteSet = this._plugin.noteSetService.getNoteSet(noteSetId);
			if (error instanceof NoteSetEmptyError) {
				this._plugin.showNotice(`note set ${noteSet.displayName ?? noteSet.name} is empty.`)
			} 
			throw error;
		}
		
		if (this._plugin.settings.currentNoteSetId !== noteSet.id) {
			this._plugin.settings.currentNoteSetId = noteSet.id;
			await this._plugin.saveSettings();
			this._plugin.showNotice(
				`Set current note set to ${noteSet.displayName}.`
			);
		}
		this._plugin.activateView();
	}
}