obsidian-plugin-config 1.3.9 → 1.3.10

package/bin/obsidian-inject.js

@@ -3,7 +3,7 @@
 /**
  * Obsidian Plugin Config - CLI Entry Point
  * Global command: obsidian-inject
- * Version: 1.3.9
+ * Version: 1.3.10
  */
 
 import { execSync } from 'child_process';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "obsidian-plugin-config",
-  "version": "1.3.9",
+  "version": "1.3.10",
   "description": "Système d'injection pour plugins Obsidian autonomes",
   "type": "module",
   "main": "src/index.ts",

package/scripts/help.ts

@@ -29,8 +29,10 @@ INJECTION (Development phase):
   yarn inject <path> --sass       # Injection with SASS support
   yarn check-plugin <path>        # Verification only (dry-run)
 
-NPM PUBLISHING:
-  yarn npm-publish                # Complete NPM workflow (exports + bin + publish)
+NPM PUBLISHING (all-in-one - no acp needed before):
+  yarn npm-publish                # Full workflow:
+                                  # version → exports → bin
+                                  # → commit+push → publish
   yarn build-npm                  # Alias for npm-publish
 
 HELP:
@@ -82,17 +84,15 @@ Plugin Config Development:
   6. yarn npm-publish             # Publish to NPM
 
 Injection Usage:
-  Recommended structure:
-    my-plugins/
-    ├── obsidian-plugin-config/   # This repo
-    ├── my-plugin-1/
-    └── my-plugin-2/
-
-  Usage:
-    yarn inject-prompt ../my-plugin   # Interactive (recommended)
-    yarn inject-path ../my-plugin     # Direct injection
-    yarn inject ../my-plugin --sass   # With SASS support
-    yarn check-plugin ../my-plugin    # Verification only
+  Usage (from plugin directory or by path):
+    obsidian-inject               # Inject in current dir
+    obsidian-inject ../my-plugin  # Inject by path
+    obsidian-inject ../my-plugin --sass  # With SASS
+
+  Or with local yarn commands:
+    yarn inject-prompt            # Interactive
+    yarn inject-path ../my-plugin # Direct injection
+    yarn check-plugin ../my-plugin # Dry-run only
 
 SASS Support (--sass flag):
   What gets added to the target plugin:
@@ -109,23 +109,22 @@ SASS Support (--sass flag):
 
 STANDARD DEVELOPMENT WORKFLOW:
   1. yarn i                       # Install dependencies
-  2. Make changes to obsidian-plugin-config
-  3. yarn update-exports          # Update exports if needed
-  4. yarn lint:fix                # Fix any linting issues
-  5. yarn v                       # Update version + commit + push GitHub
-  6. yarn npm-publish             # Complete NPM workflow
-
-AUTOMATED WORKFLOW (One command):
-  yarn npm-publish                # Does EVERYTHING automatically:
-                                  # → Update version
+  2. Make changes to src/ or templates/
+  3. yarn lint:fix                # Fix any linting issues
+  4. yarn npm-publish             # Does EVERYTHING:
+                                  # → Ask for version bump type
                                   # → Update exports
-                                  # → Generate bin/obsidian-inject.js
+                                  # → Generate bin file
                                   # → Verify package
+                                  # → Commit + push to GitHub
                                   # → Publish to NPM
 
-AFTER NPM PUBLISH - Testing:
+  Note: yarn acp is only needed for intermediate commits
+  (not required before npm-publish).
+
+AFTER NPM PUBLISH - Update global CLI:
   npm install -g obsidian-plugin-config@latest
-  obsidian-inject ../test-plugin
+  obsidian-inject                 # Test in current plugin dir
   obsidian-inject ../test-plugin --sass
 
 TESTING AS PLUGIN (Optional):

package/src/main.ts

@@ -1,121 +1,118 @@
-import {
-  App,
-  Plugin,
-  PluginSettingTab,
-  Setting,
-  Notice
-} from "obsidian";
-import { showConfirmModal } from "./modals/GenericConfirmModal.ts";
+import { App, Plugin, PluginSettingTab, Setting, Notice } from 'obsidian';
+import { showConfirmModal } from './modals/GenericConfirmModal.ts';
 // import { showTestMessage, getRandomEmoji } from "obsidian-plugin-config/tools";
 
 interface MyPluginSettings {
-  mySetting: string;
+	mySetting: string;
 }
 
 const DEFAULT_SETTINGS: MyPluginSettings = {
-  mySetting: "default"
+	mySetting: 'default'
 };
 
 export default class ObsidianPluginConfigPlugin extends Plugin {
-  settings: MyPluginSettings;
-
-  async onload(): Promise<void> {
-    console.log("Loading obsidian-plugin-config plugin for testing NPM exports");
-    await this.loadSettings();
-
-    this.addCommand({
-      id: 'show-confirmation-modal',
-      name: 'Test Confirmation Modal (Local)',
-      callback: () => this.showConfirmationModal()
-    });
-
-    this.addCommand({
-      id: 'show-centralized-modal',
-      name: 'Test Confirmation Modal (Centralized)',
-      callback: () => this.showCentralizedModal()
-    });
-
-    this.addCommand({
-      id: 'test-tools',
-      name: 'Test Centralized Tools',
-      callback: () => {
-        // const message = showTestMessage();
-        // const emoji = getRandomEmoji();
-        new Notice(`🎯 Test centralized tools (commented for autonomous mode)`);
-      }
-    });
-
-    this.addSettingTab(new PluginConfigSettingTab(this.app, this));
-  }
-
-  private showConfirmationModal(): void {
-    showConfirmModal(this.app, {
-      title: "Confirmation requise",
-      message: "Êtes-vous sûr de vouloir effectuer cette action ? Cette action ne peut pas être annulée.",
-      confirmText: "Confirmer",
-      cancelText: "Annuler",
-      onConfirm: () => {
-        new Notice("Action confirmée !");
-        console.log("Action confirmée par l'utilisateur");
-      },
-      onCancel: () => {
-        new Notice("Action annulée.");
-        console.log("Action annulée par l'utilisateur");
-      }
-    });
-  }
-
-  private showCentralizedModal(): void {
-    showConfirmModal(this.app, {
-      title: "Centralized Modal Test",
-      message: "This modal comes from the centralized configuration! Pretty cool, right?",
-      confirmText: "Awesome!",
-      cancelText: "Not bad",
-      onConfirm: () => {
-        new Notice("Centralized modal confirmed! 🎉");
-      },
-      onCancel: () => {
-        new Notice("Centralized modal cancelled 😢");
-      }
-    });
-  }
-
-  async loadSettings(): Promise<void> {
-    this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
-  }
-
-  async saveSettings(): Promise<void> {
-    await this.saveData(this.settings);
-  }
+	settings: MyPluginSettings;
+
+	async onload(): Promise<void> {
+		console.log('Loading obsidian-plugin-config plugin for testing NPM exports');
+		await this.loadSettings();
+
+		this.addCommand({
+			id: 'show-confirmation-modal',
+			name: 'Test Confirmation Modal (Local)',
+			callback: () => this.showConfirmationModal()
+		});
+
+		this.addCommand({
+			id: 'show-centralized-modal',
+			name: 'Test Confirmation Modal (Centralized)',
+			callback: () => this.showCentralizedModal()
+		});
+
+		this.addCommand({
+			id: 'test-tools',
+			name: 'Test Centralized Tools',
+			callback: () => {
+				// const message = showTestMessage();
+				// const emoji = getRandomEmoji();
+				new Notice(`🎯 Test centralized tools (commented for autonomous mode)`);
+			}
+		});
+
+		this.addSettingTab(new PluginConfigSettingTab(this.app, this));
+	}
+
+	private showConfirmationModal(): void {
+		showConfirmModal(this.app, {
+			title: 'Confirmation requise',
+			message:
+				'Êtes-vous sûr de vouloir effectuer cette action ? Cette action ne peut pas être annulée.',
+			confirmText: 'Confirmer',
+			cancelText: 'Annuler',
+			onConfirm: () => {
+				new Notice('Action confirmée !');
+				console.log("Action confirmée par l'utilisateur");
+			},
+			onCancel: () => {
+				new Notice('Action annulée.');
+				console.log("Action annulée par l'utilisateur");
+			}
+		});
+	}
+
+	private showCentralizedModal(): void {
+		showConfirmModal(this.app, {
+			title: 'Centralized Modal Test',
+			message:
+				'This modal comes from the centralized configuration! Pretty cool, right?',
+			confirmText: 'Awesome!',
+			cancelText: 'Not bad',
+			onConfirm: () => {
+				new Notice('Centralized modal confirmed! 🎉');
+			},
+			onCancel: () => {
+				new Notice('Centralized modal cancelled 😢');
+			}
+		});
+	}
+
+	async loadSettings(): Promise<void> {
+		this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
+	}
+
+	async saveSettings(): Promise<void> {
+		await this.saveData(this.settings);
+	}
 }
 
 class PluginConfigSettingTab extends PluginSettingTab {
-  plugin: ObsidianPluginConfigPlugin;
-
-  constructor(app: App, plugin: ObsidianPluginConfigPlugin) {
-    super(app, plugin);
-    this.plugin = plugin;
-  }
-
-  display(): void {
-    const { containerEl } = this;
-    containerEl.empty();
-
-    containerEl.createEl('h2', { text: 'Obsidian Plugin Config Settings' });
-    containerEl.createEl('p', {
-      text: 'This plugin is used for testing NPM exports and development of the obsidian-plugin-config system.'
-    });
-
-    new Setting(containerEl)
-      .setName('Test Setting')
-      .setDesc('A test setting for development purposes')
-      .addText(text => text
-        .setPlaceholder('Enter test value')
-        .setValue(this.plugin.settings.mySetting)
-        .onChange(async (value) => {
-          this.plugin.settings.mySetting = value;
-          await this.plugin.saveSettings();
-        }));
-  }
+	plugin: ObsidianPluginConfigPlugin;
+
+	constructor(app: App, plugin: ObsidianPluginConfigPlugin) {
+		super(app, plugin);
+		this.plugin = plugin;
+	}
+
+	display(): void {
+		const { containerEl } = this;
+		containerEl.empty();
+
+		containerEl.createEl('h2', { text: 'Obsidian Plugin Config Settings' });
+		containerEl.createEl('p', {
+			text: 'This plugin is used for testing NPM exports and development of the obsidian-plugin-config system.'
+		});
+
+		new Setting(containerEl)
+			.setName('Test Setting')
+			.setDesc('A test setting for development purposes')
+			.addText((text) =>
+				text
+					.setPlaceholder('Enter test value')
+					.setValue(this.plugin.settings.mySetting)
+					.onChange(async (value) => {
+						this.plugin.settings.mySetting = value;
+						await this.plugin.saveSettings();
+					})
+			);
+	}
 }
-

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/scripts/esbuild.config.ts

@@ -173,7 +173,7 @@ async function createBuildContext(buildPath: string, isProd: boolean, entryPoint
     ...(hasSass ? [
       await (async () => {
         try {
-          // @ts-ignore - esbuild-sass-plugin is installed during injection
+          // @ts-expect-error - esbuild-sass-plugin is installed during injection
           const { sassPlugin } = await import('esbuild-sass-plugin');
           return sassPlugin({
             syntax: 'scss',

package/versions.json

@@ -35,5 +35,6 @@
 	"1.3.6": "1.8.9",
 	"1.3.7": "1.8.9",
 	"1.3.8": "1.8.9",
-	"1.3.9": "1.8.9"
+	"1.3.9": "1.8.9",
+	"1.3.10": "1.8.9"
 }