obsidian-plugin-config 1.3.9 → 1.3.12

package/src/modals/GenericConfirmModal.ts

@@ -1,66 +1,67 @@
-import { App, Modal } from "obsidian";
+import { App, Modal } from 'obsidian';
 
 export interface ConfirmModalOptions {
-  title: string;
-  message: string;
-  confirmText?: string;
-  cancelText?: string;
-  onConfirm: () => void;
-  onCancel?: () => void;
+	title: string;
+	message: string;
+	confirmText?: string;
+	cancelText?: string;
+	onConfirm: () => void;
+	onCancel?: () => void;
 }
 
 export class GenericConfirmModal extends Modal {
-  private options: ConfirmModalOptions;
+	private options: ConfirmModalOptions;
 
-  constructor(app: App, options: ConfirmModalOptions) {
-    super(app);
-    this.options = options;
-  }
+	constructor(app: App, options: ConfirmModalOptions) {
+		super(app);
+		this.options = options;
+	}
 
-  onOpen(): void {
-    const { contentEl } = this;
-    contentEl.empty();
+	onOpen(): void {
+		const { contentEl } = this;
+		contentEl.empty();
 
-    const title = this.options.title.charAt(0).toUpperCase() + this.options.title.slice(1);
-    contentEl.createEl("h2", { text: title });
+		const title =
+			this.options.title.charAt(0).toUpperCase() + this.options.title.slice(1);
+		contentEl.createEl('h2', { text: title });
 
-    // Message
-    contentEl.createEl("p", { text: this.options.message });
+		// Message
+		contentEl.createEl('p', { text: this.options.message });
 
-    // Buttons container
-    const buttonContainer = contentEl.createDiv("modal-button-container");
+		// Buttons container
+		const buttonContainer = contentEl.createDiv('modal-button-container');
 
-    // Cancel button
-    const cancelBtn = buttonContainer.createEl("button", {
-      text: this.options.cancelText || "Cancel",
-      cls: "mod-cta"
-    });
-    cancelBtn.addEventListener("click", () => {
-      this.options.onCancel?.();
-      this.close();
-    });
+		// Cancel button
+		const cancelBtn = buttonContainer.createEl('button', {
+			text: this.options.cancelText || 'Cancel',
+			cls: 'mod-cta'
+		});
+		cancelBtn.addEventListener('click', () => {
+			this.options.onCancel?.();
+			this.close();
+		});
 
-    // Confirm button
-    const confirmBtn = buttonContainer.createEl("button", {
-      text: this.options.confirmText || "Confirm",
-      cls: "mod-cta mod-warning"
-    });
-    confirmBtn.addEventListener("click", () => {
-      this.options.onConfirm();
-      this.close();
-    });
+		// Confirm button
+		const confirmBtn = buttonContainer.createEl('button', {
+			text: this.options.confirmText || 'Confirm',
+			cls: 'mod-cta mod-warning'
+		});
+		confirmBtn.addEventListener('click', () => {
+			this.options.onConfirm();
+			this.close();
+		});
 
-    // Focus on confirm button
-    confirmBtn.focus();
-  }
+		// Focus on confirm button
+		confirmBtn.focus();
+	}
 
-  onClose(): void {
-    const { contentEl } = this;
-    contentEl.empty();
-  }
+	onClose(): void {
+		const { contentEl } = this;
+		contentEl.empty();
+	}
 }
 
 // Utility function for quick usage
 export function showConfirmModal(app: App, options: ConfirmModalOptions): void {
-  new GenericConfirmModal(app, options).open();
+	new GenericConfirmModal(app, options).open();
 }

package/src/tools/index.ts

@@ -1,9 +1,9 @@
 // Simple tools for testing
 export function showTestMessage(): string {
-    return "✅ CENTRALIZED TOOLS WORK! This comes from obsidian-plugin-config!";
+	return '✅ CENTRALIZED TOOLS WORK! This comes from obsidian-plugin-config!';
 }
 
 export function getRandomEmoji(): string {
-    const emojis = ["🚀", "🎉", "✨", "🔥", "💯", "⚡", "🎯", "🌟"];
-    return emojis[Math.floor(Math.random() * emojis.length)];
+	const emojis = ['🚀', '🎉', '✨', '🔥', '💯', '⚡', '🎯', '🌟'];
+	return emojis[Math.floor(Math.random() * emojis.length)];
 }

package/src/utils/NoticeHelper.ts

@@ -1,102 +1,85 @@
-import { Notice } from "obsidian";
+import { Notice } from 'obsidian';
 
 /**
  * Enhanced Notice helper with different types and durations
  */
 export class NoticeHelper {
-    private static readonly DEFAULT_DURATION = 5000;
-    private static readonly SUCCESS_DURATION = 3000;
-    private static readonly ERROR_DURATION = 8000;
-    private static readonly WARNING_DURATION = 6000;
+	private static readonly DEFAULT_DURATION = 5000;
+	private static readonly SUCCESS_DURATION = 3000;
+	private static readonly ERROR_DURATION = 8000;
+	private static readonly WARNING_DURATION = 6000;
 
-    /**
-     * Show a success notice with green styling
-     */
-    static success(message: string, duration?: number): Notice {
-        const notice = new Notice(
-            `✅ ${message}`,
-            duration ?? this.SUCCESS_DURATION
-        );
-        return notice;
-    }
+	/**
+	 * Show a success notice with green styling
+	 */
+	static success(message: string, duration?: number): Notice {
+		const notice = new Notice(`✅ ${message}`, duration ?? this.SUCCESS_DURATION);
+		return notice;
+	}
 
-    /**
-     * Show an error notice with red styling
-     */
-    static error(message: string, duration?: number): Notice {
-        const notice = new Notice(
-            `❌ ${message}`,
-            duration ?? this.ERROR_DURATION
-        );
-        return notice;
-    }
+	/**
+	 * Show an error notice with red styling
+	 */
+	static error(message: string, duration?: number): Notice {
+		const notice = new Notice(`❌ ${message}`, duration ?? this.ERROR_DURATION);
+		return notice;
+	}
 
-    /**
-     * Show a warning notice with yellow styling
-     */
-    static warning(message: string, duration?: number): Notice {
-        const notice = new Notice(
-            `⚠️ ${message}`,
-            duration ?? this.WARNING_DURATION
-        );
-        return notice;
-    }
+	/**
+	 * Show a warning notice with yellow styling
+	 */
+	static warning(message: string, duration?: number): Notice {
+		const notice = new Notice(`⚠️ ${message}`, duration ?? this.WARNING_DURATION);
+		return notice;
+	}
 
-    /**
-     * Show an info notice with blue styling
-     */
-    static info(message: string, duration?: number): Notice {
-        const notice = new Notice(
-            `ℹ️ ${message}`,
-            duration ?? this.DEFAULT_DURATION
-        );
-        return notice;
-    }
+	/**
+	 * Show an info notice with blue styling
+	 */
+	static info(message: string, duration?: number): Notice {
+		const notice = new Notice(`ℹ️ ${message}`, duration ?? this.DEFAULT_DURATION);
+		return notice;
+	}
 
-    /**
-     * Show a loading notice that can be updated
-     */
-    static loading(message: string): Notice {
-        return new Notice(`⏳ ${message}`, 0); // 0 = permanent until manually hidden
-    }
+	/**
+	 * Show a loading notice that can be updated
+	 */
+	static loading(message: string): Notice {
+		return new Notice(`⏳ ${message}`, 0); // 0 = permanent until manually hidden
+	}
 
-    /**
-     * Update a loading notice to success and auto-hide
-     */
-    static updateToSuccess(notice: Notice, message: string): void {
-        notice.setMessage(`✅ ${message}`);
-        setTimeout(() => notice.hide(), this.SUCCESS_DURATION);
-    }
+	/**
+	 * Update a loading notice to success and auto-hide
+	 */
+	static updateToSuccess(notice: Notice, message: string): void {
+		notice.setMessage(`✅ ${message}`);
+		setTimeout(() => notice.hide(), this.SUCCESS_DURATION);
+	}
 
-    /**
-     * Update a loading notice to error and auto-hide
-     */
-    static updateToError(notice: Notice, message: string): void {
-        notice.setMessage(`❌ ${message}`);
-        setTimeout(() => notice.hide(), this.ERROR_DURATION);
-    }
+	/**
+	 * Update a loading notice to error and auto-hide
+	 */
+	static updateToError(notice: Notice, message: string): void {
+		notice.setMessage(`❌ ${message}`);
+		setTimeout(() => notice.hide(), this.ERROR_DURATION);
+	}
 
-    /**
-     * Show a notice with custom emoji and duration
-     */
-    static custom(emoji: string, message: string, duration?: number): Notice {
-        return new Notice(
-            `${emoji} ${message}`,
-            duration ?? this.DEFAULT_DURATION
-        );
-    }
+	/**
+	 * Show a notice with custom emoji and duration
+	 */
+	static custom(emoji: string, message: string, duration?: number): Notice {
+		return new Notice(`${emoji} ${message}`, duration ?? this.DEFAULT_DURATION);
+	}
 
-    /**
-     * Show a progress notice for long operations
-     */
-    static progress(message: string, current: number, total: number): Notice {
-        const percentage = Math.round((current / total) * 100);
-        const progressBar = "█".repeat(Math.floor(percentage / 5)) + 
-                           "░".repeat(20 - Math.floor(percentage / 5));
-        
-        return new Notice(
-            `🔄 ${message}\n[${progressBar}] ${percentage}%`,
-            0
-        );
-    }
+	/**
+	 * Show a progress notice for long operations
+	 */
+	static progress(message: string, current: number, total: number): Notice {
+		const percentage = Math.round((current / total) * 100);
+		const progressBar =
+			'█'.repeat(Math.floor(percentage / 5)) +
+			'░'.repeat(20 - Math.floor(percentage / 5));
+
+		return new Notice(`🔄 ${message}\n[${progressBar}] ${percentage}%`, 0);
+	}
 }

package/src/utils/SettingsHelper.ts

@@ -1,180 +1,170 @@
-import { Setting } from "obsidian";
+import { Setting } from 'obsidian';
 
 /**
  * Helper for creating common setting types with consistent styling
  */
 export class SettingsHelper {
-    
-    /**
-     * Create a text input setting
-     */
-    static createTextSetting(
-        containerEl: HTMLElement,
-        name: string,
-        desc: string,
-        value: string,
-        onChange: (value: string) => void,
-        placeholder?: string
-    ): Setting {
-        return new Setting(containerEl)
-            .setName(name)
-            .setDesc(desc)
-            .addText(text => text
-                .setPlaceholder(placeholder || "")
-                .setValue(value)
-                .onChange(onChange)
-            );
-    }
+	/**
+	 * Create a text input setting
+	 */
+	static createTextSetting(
+		containerEl: HTMLElement,
+		name: string,
+		desc: string,
+		value: string,
+		onChange: (value: string) => void,
+		placeholder?: string
+	): Setting {
+		return new Setting(containerEl)
+			.setName(name)
+			.setDesc(desc)
+			.addText((text) =>
+				text
+					.setPlaceholder(placeholder || '')
+					.setValue(value)
+					.onChange(onChange)
+			);
+	}
 
-    /**
-     * Create a toggle setting
-     */
-    static createToggleSetting(
-        containerEl: HTMLElement,
-        name: string,
-        desc: string,
-        value: boolean,
-        onChange: (value: boolean) => void
-    ): Setting {
-        return new Setting(containerEl)
-            .setName(name)
-            .setDesc(desc)
-            .addToggle(toggle => toggle
-                .setValue(value)
-                .onChange(onChange)
-            );
-    }
+	/**
+	 * Create a toggle setting
+	 */
+	static createToggleSetting(
+		containerEl: HTMLElement,
+		name: string,
+		desc: string,
+		value: boolean,
+		onChange: (value: boolean) => void
+	): Setting {
+		return new Setting(containerEl)
+			.setName(name)
+			.setDesc(desc)
+			.addToggle((toggle) => toggle.setValue(value).onChange(onChange));
+	}
 
-    /**
-     * Create a dropdown setting
-     */
-    static createDropdownSetting(
-        containerEl: HTMLElement,
-        name: string,
-        desc: string,
-        options: Record<string, string>,
-        value: string,
-        onChange: (value: string) => void
-    ): Setting {
-        return new Setting(containerEl)
-            .setName(name)
-            .setDesc(desc)
-            .addDropdown(dropdown => {
-                Object.entries(options).forEach(([key, label]) => {
-                    dropdown.addOption(key, label);
-                });
-                dropdown
-                    .setValue(value)
-                    .onChange(onChange);
-            });
-    }
+	/**
+	 * Create a dropdown setting
+	 */
+	static createDropdownSetting(
+		containerEl: HTMLElement,
+		name: string,
+		desc: string,
+		options: Record<string, string>,
+		value: string,
+		onChange: (value: string) => void
+	): Setting {
+		return new Setting(containerEl)
+			.setName(name)
+			.setDesc(desc)
+			.addDropdown((dropdown) => {
+				Object.entries(options).forEach(([key, label]) => {
+					dropdown.addOption(key, label);
+				});
+				dropdown.setValue(value).onChange(onChange);
+			});
+	}
 
-    /**
-     * Create a number input setting
-     */
-    static createNumberSetting(
-        containerEl: HTMLElement,
-        name: string,
-        desc: string,
-        value: number,
-        onChange: (value: number) => void,
-        min?: number,
-        max?: number,
-        step?: number
-    ): Setting {
-        return new Setting(containerEl)
-            .setName(name)
-            .setDesc(desc)
-            .addText(text => {
-                text.inputEl.type = "number";
-                if (min !== undefined) text.inputEl.min = min.toString();
-                if (max !== undefined) text.inputEl.max = max.toString();
-                if (step !== undefined) text.inputEl.step = step.toString();
-                
-                text
-                    .setValue(value.toString())
-                    .onChange(val => {
-                        const num = parseFloat(val);
-                        if (!isNaN(num)) onChange(num);
-                    });
-            });
-    }
+	/**
+	 * Create a number input setting
+	 */
+	static createNumberSetting(
+		containerEl: HTMLElement,
+		name: string,
+		desc: string,
+		value: number,
+		onChange: (value: number) => void,
+		min?: number,
+		max?: number,
+		step?: number
+	): Setting {
+		return new Setting(containerEl)
+			.setName(name)
+			.setDesc(desc)
+			.addText((text) => {
+				text.inputEl.type = 'number';
+				if (min !== undefined) text.inputEl.min = min.toString();
+				if (max !== undefined) text.inputEl.max = max.toString();
+				if (step !== undefined) text.inputEl.step = step.toString();
 
-    /**
-     * Create a button setting
-     */
-    static createButtonSetting(
-        containerEl: HTMLElement,
-        name: string,
-        desc: string,
-        buttonText: string,
-        onClick: () => void
-    ): Setting {
-        return new Setting(containerEl)
-            .setName(name)
-            .setDesc(desc)
-            .addButton(button => button
-                .setButtonText(buttonText)
-                .onClick(onClick)
-            );
-    }
+				text.setValue(value.toString()).onChange((val) => {
+					const num = parseFloat(val);
+					if (!isNaN(num)) onChange(num);
+				});
+			});
+	}
 
-    /**
-     * Create a section header
-     */
-    static createHeader(
-        containerEl: HTMLElement,
-        title: string,
-        description?: string
-    ): void {
-        const headerEl = containerEl.createEl("h3", { text: title });
-        headerEl.style.marginTop = "20px";
-        headerEl.style.marginBottom = "10px";
-        headerEl.style.borderBottom = "1px solid var(--background-modifier-border)";
-        headerEl.style.paddingBottom = "5px";
-        
-        if (description) {
-            const descEl = containerEl.createEl("p", { text: description });
-            descEl.style.marginTop = "0";
-            descEl.style.marginBottom = "15px";
-            descEl.style.color = "var(--text-muted)";
-            descEl.style.fontSize = "0.9em";
-        }
-    }
+	/**
+	 * Create a button setting
+	 */
+	static createButtonSetting(
+		containerEl: HTMLElement,
+		name: string,
+		desc: string,
+		buttonText: string,
+		onClick: () => void
+	): Setting {
+		return new Setting(containerEl)
+			.setName(name)
+			.setDesc(desc)
+			.addButton((button) => button.setButtonText(buttonText).onClick(onClick));
+	}
 
-    /**
-     * Create a collapsible section
-     */
-    static createCollapsibleSection(
-        containerEl: HTMLElement,
-        title: string,
-        isOpen: boolean = false
-    ): { container: HTMLElement; toggle: () => void } {
-        const sectionEl = containerEl.createDiv("setting-item");
-        const headerEl = sectionEl.createDiv("setting-item-info");
-        const nameEl = headerEl.createDiv("setting-item-name");
-        nameEl.setText(title);
-        nameEl.style.cursor = "pointer";
-        nameEl.style.userSelect = "none";
-        
-        const contentEl = containerEl.createDiv("collapsible-content");
-        contentEl.style.display = isOpen ? "block" : "none";
-        contentEl.style.marginLeft = "20px";
-        contentEl.style.marginTop = "10px";
-        
-        const arrow = nameEl.createSpan("collapse-icon");
-        arrow.setText(isOpen ? "▼" : "▶");
-        arrow.style.marginRight = "8px";
-        arrow.style.fontSize = "0.8em";
-        
-        const toggle = () : void => {
-            const isCurrentlyOpen = contentEl.style.display !== "none";
-            contentEl.style.display = isCurrentlyOpen ? "none" : "block";
-            arrow.setText(isCurrentlyOpen ? "▶" : "▼");
-        };
-        
-        nameEl.addEventListener("click", toggle);
-        
-        return { container: contentEl, toggle };
-    }
+	/**
+	 * Create a section header
+	 */
+	static createHeader(
+		containerEl: HTMLElement,
+		title: string,
+		description?: string
+	): void {
+		const headerEl = containerEl.createEl('h3', { text: title });
+		headerEl.style.marginTop = '20px';
+		headerEl.style.marginBottom = '10px';
+		headerEl.style.borderBottom = '1px solid var(--background-modifier-border)';
+		headerEl.style.paddingBottom = '5px';
+
+		if (description) {
+			const descEl = containerEl.createEl('p', { text: description });
+			descEl.style.marginTop = '0';
+			descEl.style.marginBottom = '15px';
+			descEl.style.color = 'var(--text-muted)';
+			descEl.style.fontSize = '0.9em';
+		}
+	}
+
+	/**
+	 * Create a collapsible section
+	 */
+	static createCollapsibleSection(
+		containerEl: HTMLElement,
+		title: string,
+		isOpen: boolean = false
+	): { container: HTMLElement; toggle: () => void } {
+		const sectionEl = containerEl.createDiv('setting-item');
+		const headerEl = sectionEl.createDiv('setting-item-info');
+		const nameEl = headerEl.createDiv('setting-item-name');
+		nameEl.setText(title);
+		nameEl.style.cursor = 'pointer';
+		nameEl.style.userSelect = 'none';
+
+		const contentEl = containerEl.createDiv('collapsible-content');
+		contentEl.style.display = isOpen ? 'block' : 'none';
+		contentEl.style.marginLeft = '20px';
+		contentEl.style.marginTop = '10px';
+
+		const arrow = nameEl.createSpan('collapse-icon');
+		arrow.setText(isOpen ? '▼' : '▶');
+		arrow.style.marginRight = '8px';
+		arrow.style.fontSize = '0.8em';
+
+		const toggle = (): void => {
+			const isCurrentlyOpen = contentEl.style.display !== 'none';
+			contentEl.style.display = isCurrentlyOpen ? 'none' : 'block';
+			arrow.setText(isCurrentlyOpen ? '▶' : '▼');
+		};
+
+		nameEl.addEventListener('click', toggle);
+
+		return { container: contentEl, toggle };
+	}
 }

package/templates/.editorconfig

@@ -7,4 +7,8 @@ end_of_line = lf
 insert_final_newline = true
 indent_style = tab
 indent_size = 4
-tab_width = 4
+tab_width = 4
+
+[*.json]
+indent_style = space
+indent_size = 2

package/templates/package-sass.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "esbuild-sass-plugin": "^3.3.1"
+  }
+}