essai

Author: 3C0D

README.md

@@ -53,4 +53,37 @@ Important: if you develop from another folder, you need to fill the `.env` file
 ### SASS Support (need to be reviewed)
 
 For SASS support, check out the `sass-ready` branch in the original template repository. 
-When you are using the template for this branch, you need to check use all branchs option. then after you clone your new plugin, there is a batch in the root folder to replace the master branch by sass-ready one. run this once
+When you are using the template for this branch, you need to check use all branchs option. then after you clone your new plugin, there is a batch in the root folder to replace the master branch by sass-ready one. run this once
+
+### Notes perso
+
+#### Type Definitions Synchronization
+
+To automatically install TypeScript type definitions for your dependencies:
+
+```bash
+# Installation globale
+npm install -g typesync
+
+# Dans votre projet
+typesync
+npm install
+```
+
+#### Git Aliases Alternative
+
+Instead of using npm/yarn commands that group multiple functions, you can directly create Git aliases:
+
+```bash
+# Add + Commit + Push
+git config --global alias.acp '!f() { git add -A && git commit -m "$@" && git push; }; f'
+
+# Build + Add + Commit + Push (for projects with build step)
+git config --global alias.bacp '!f() { npm run build && git add -A && git commit -m "$@" && git push; }; f'
+```
+
+Usage:
+```bash
+git acp "Your commit message"
+git bacp "Your commit message after build"
+```

src/common/generic-confirm-modal.ts

@@ -0,0 +1,59 @@
+import { App, Modal, Setting } from "obsidian";
+
+/**
+ * Type definition for the confirmation callback
+ */
+export type ConfirmCallback = (confirmed: boolean) => void;
+
+/**
+ * A generic confirmation modal that can be used by different features
+ */
+export class GenericConfirmModal extends Modal {
+    constructor(
+        app: App,
+        public title: string,
+        public messages: string[],
+        public confirmButtonText: string = "Confirm",
+        public cancelButtonText: string = "Cancel",
+        public onSubmit: ConfirmCallback
+    ) {
+        super(app);
+    }
+
+    onOpen() {
+        const { contentEl } = this;
+        contentEl.empty();
+
+        // Set modal size for better readability
+        this.modalEl.style.width = `500px`;
+        
+        // Add title
+        contentEl.createEl("h2", { text: this.title });
+        
+        // Add messages
+        for (const message of this.messages) {
+            contentEl.createEl("p", { text: message });
+        }
+
+        // Add buttons
+        new Setting(contentEl)
+            .addButton((btn) => {
+                btn.setButtonText(this.confirmButtonText)
+                    .setCta()
+                    .onClick(() => {
+                        this.onSubmit(true);
+                        this.close();
+                    });
+            })
+            .addButton((btn) =>
+                btn.setButtonText(this.cancelButtonText)
+                    .onClick(() => {
+                        this.onSubmit(false);
+                        this.close();
+                    }));
+    }
+
+    onClose() {
+        this.contentEl.empty();
+    }
+}

src/main.ts

@@ -1,7 +1,11 @@
-import { App,
+import {
+  App,
   Plugin,
   PluginSettingTab,
-  Setting } from "obsidian";
+  Setting,
+  Notice
+} from "obsidian";
+import { GenericConfirmModal } from "./common/generic-confirm-modal.js";
 
 // Remember to rename these classes and interfaces
 
@@ -19,9 +23,44 @@ export default class MyPlugin extends Plugin {
   async onload(): Promise<void> {
     console.log("loading plugin");
     await this.loadSettings();
+
+    // Ajouter une commande pour tester le modal de confirmation
+    this.addCommand({
+      id: 'show-confirmation-modal',
+      name: 'Show Confirmation Modal',
+      callback: () => this.showConfirmationModal()
+    });
+
     this.addSettingTab(new SampleSettingTab(this.app, this));
   }
 
+  /**
+   * Affiche un modal de confirmation pour tester la fonctionnalité
+   */
+  private showConfirmationModal(): void {
+    const modal = new GenericConfirmModal(
+      this.app,
+      "Confirmation requise",
+      [
+        "Êtes-vous sûr de vouloir effectuer cette action ?",
+        "Cette action ne peut pas être annulée."
+      ],
+      "Confirmer",
+      "Annuler",
+      (confirmed: boolean) => {
+        if (confirmed) {
+          new Notice("Action confirmée !");
+          console.log("Action confirmée par l'utilisateur");
+        } else {
+          new Notice("Action annulée.");
+          console.log("Action annulée par l'utilisateur");
+        }
+      }
+    );
+
+    modal.open();
+  }
+
   async loadSettings(): Promise<void> {
     this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
   }
@@ -40,7 +79,7 @@ class SampleSettingTab extends PluginSettingTab {
   }
 
   display(): void {
-    const {containerEl} = this;
+    const { containerEl } = this;
 
     containerEl.empty();
 

tsconfig.json

@@ -4,11 +4,13 @@
     "strictPropertyInitialization": false,
     "allowImportingTsExtensions": true,
     "allowJs": true,
-    "allowSyntheticDefaultImports": true,
+    // Removing allowSyntheticDefaultImports since it's already included in esModuleInterop
+    "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "importHelpers": true,
-    "inlineSourceMap": true,
-    "inlineSources": true,
+    // Removing inlineSourceMap and inlineSources since they are not needed with noEmit
+    // "inlineSourceMap": true,
+    // "inlineSources": true,
     "lib": [
       "DOM",
       "ES2023"
@@ -18,16 +20,24 @@
     "moduleResolution": "nodenext",
     "resolveJsonModule" : true,
     "noEmit": true,
-    "skipLibCheck": false,
+    // already false in npm run build. And true in npm run dev
+    // "skipLibCheck": false,
     "target": "ESNext",
     "types": [
       "node",
       "obsidian-typings"
     ],
     "verbatimModuleSyntax": true,
+    // Uncomment the following options if you want to generate .d.ts declaration files.
+    // This is useful if you're building a plugin that will be used as a dependency by other plugins.
+    // "declaration": true,
+    // "declarationMap": true,  // Creates source maps for declaration files
   },
   "include": [
     "./src/**/*.ts",
     "./scripts/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
   ]
 }