obsidian-plugin-config/src/modals/GenericConfirmModal.ts

Système d'injection pour plugins Obsidian autonomes

import { App, Modal } from "obsidian";
import { capitalize } from "lodash";

export interface ConfirmModalOptions {
  title: string;
  message: string;
  confirmText?: string;
  cancelText?: string;
  onConfirm: () => void;
  onCancel?: () => void;
}

export class GenericConfirmModal extends Modal {
  private options: ConfirmModalOptions;

  constructor(app: App, options: ConfirmModalOptions) {
    super(app);
    this.options = options;
  }

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

    // Title (using lodash capitalize for demo)
    contentEl.createEl("h2", { text: capitalize(this.options.title) });

    // Message
    contentEl.createEl("p", { text: this.options.message });

    // 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();
    });

    // 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();
  }

  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();
}