Class TextInputModal

src/modals/TextInputModal.ts:15–135

 * Generic text input modal
 */
export class TextInputModal extends Modal {
	private options: TextInputModalOptions;
	private resolve: (value: string | null) => void;
	private inputEl: HTMLInputElement;

	constructor(app: App, options: TextInputModalOptions) {
		super(app);
		this.options = {
			confirmText: "Confirm",
			cancelText: "Cancel",
			...options,
		};
	}

	public show(): Promise<string | null> {
		return new Promise((resolve) => {
			this.resolve = resolve;
			this.open();
		});
	}

	onOpen() {
		const { contentEl } = this;
		contentEl.empty();

		new Setting(contentEl).setName(this.options.title).setHeading();

		new Setting(contentEl).addText((text) => {
			this.inputEl = text.inputEl;
			text.setPlaceholder(this.options.placeholder || "")
				.setValue(this.options.initialValue || "")
				.onChange(() => {
					// Optional: real-time validation could go here
				});

			// Focus the input
			window.setTimeout(() => {
				this.inputEl.focus();
				this.inputEl.select();
			}, 100);

			this.options.onInputReady?.(this.inputEl);
		});

		const buttonContainer = contentEl.createEl("div", { cls: "modal-button-container" });
		buttonContainer.classList.remove(
			"tn-static-display-block-2a1b75c9",
			"tn-static-display-flex-4d51fc62",
			"tn-static-display-flex-8bb39979",
			"tn-static-display-inline-block-60e32dcb",
			"tn-static-display-inline-cccfa456",
			"tn-static-display-inline-flex-f984c520",
			"tn-static-display-none-6b99de8b",
			"tn-static-min-height-800px-997b4c8c"
		);
		buttonContainer.classList.add("tn-static-display-flex-75816cae");
		buttonContainer.classList.remove(
			"tn-static-display-flex-8bb39979",