import { VisibilityToggleCommand } from './commands/toggleVisibility';
import { VisibilityToggleSetting } from './settings/hiddenToggle';
import { App, Plugin, PluginSettingTab, TFolder } from 'obsidian';
import { ManageHiddenPaths } from './settings/manageHiddenPaths';
import { changePathVisibility } from './utils';

interface FileHiderSettings {
	hidden: boolean;
	hiddenList: string[];
}


export default class FileHider extends Plugin {
	settings: FileHiderSettings = {
		hidden: true,
		hiddenList: [],
	};

	style: CSSStyleSheet|null = null;

	async onload() {

		await this.loadSettings();
		console.log('FileHider loaded');
		this.registerEvent(
			this.app.workspace.on(`file-menu`, (menu, file) => {
				if (file instanceof TFolder) {
					menu.addItem((i) => {
						if (this.settings.hiddenList.includes(file.path)) {
							i
								.setTitle(`Unhide Folder`)
								.setIcon(`eye`)
								.onClick(() => {
									this.unhidePath(file.path);
								});
						} else {
							i
								.setTitle(`Hide Folder`)
								.setIcon(`eye-off`)
								.onClick(() => {
									changePathVisibility(file.path, this.settings.hidden);
									this.settings.hiddenList.push(file.path);
									this.saveSettings();
								});
						}
					});
				} else {
					menu.addItem((i) => {
						if (this.settings.hiddenList.includes(file.path)) {
							i
								.setTitle(`Unhide File`)
								.setIcon(`eye`)
								.onClick(() => {
									this.unhidePath(file.path);
								});
						} else {
							i
								.setTitle(`Hide File`)
								.setIcon(`eye-off`)
								.onClick(() => {
									changePathVisibility(file.path, this.settings.hidden);
									this.settings.hiddenList.push(file.path);
									this.saveSettings();
								});
						}
					});
				}
			})
		);


		this.app.workspace.onLayoutReady(async () => {
			await sleep(50);
			for (const path of this.settings.hiddenList) {
				changePathVisibility(path, this.settings.hidden);
			}
		});

		new VisibilityToggleCommand(this);
		this.addSettingTab(new FileHiderSettingsTab(this.app, this));
	};

	/*
	Loads the config settings, with defaults created where needed.
	*/
	async loadSettings() {
		this.settings = Object.assign({}, this.settings, await this.loadData());
	};

	/* Saves the setting data */
	async saveSettings() {
		await this.saveData(this.settings);
	};

	/*
	Enables/Disables the file visibility based. (gets the stylesheet if needed)
	*/
	async toggleVisibility() {
		this.settings.hidden = !this.settings.hidden;
		for (const path of this.settings.hiddenList) {
			changePathVisibility(path, this.settings.hidden);
		}
		await this.saveSettings();
	};

	async unhidePath(path: string) {
		let i = this.settings.hiddenList.indexOf(path);
		this.settings.hiddenList.splice(i, 1);
		changePathVisibility(path, false);
		await this.saveSettings();
	};
};


/**
 * All of the settings for the FileHider
 */
class FileHiderSettingsTab extends PluginSettingTab {
	plugin: FileHider;

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

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

		container.empty();
		VisibilityToggleSetting.create(this.plugin, container);
		ManageHiddenPaths.create(this.plugin, container);
	};
}