restructure the code for further feature

src/commands/FuzzySuggester.ts

@@ -0,0 +1,51 @@
+import { FuzzySuggestModal, FuzzyMatch } from 'obsidian';
+import MyPlugin from "../main";
+import {i18nConfig} from "../lang/I18n";
+
+/**
+ * Simple interface for what should be displayed and stored for suggester
+ */
+export interface DatabaseList {
+    name: string,        // specific database name
+    match: any               //
+}
+
+
+export class FuzzySuggester extends FuzzySuggestModal<DatabaseList>{
+    private plugin: MyPlugin;
+    private data: DatabaseList[];
+    private callback: any;
+
+    constructor(plugin: MyPlugin) {
+        super(plugin.app);
+        this.plugin = plugin;
+        this.setPlaceholder(i18nConfig.PlaceHolder);
+    }
+
+    setSuggesterData(suggesterData: Array<DatabaseList>): void { this.data = suggesterData }
+
+    async display(callBack: (item: DatabaseList, evt: MouseEvent | KeyboardEvent) => void): Promise<any> {
+        this.callback = callBack;
+        this.open();
+    }
+
+    // Store the data
+    getItems(): DatabaseList[] {
+        return this.data
+    }
+
+    getItemText(item: DatabaseList): string {
+        return item.name
+    }
+
+    onChooseItem(item: DatabaseList, evt:MouseEvent | KeyboardEvent): void { }
+
+    onChooseSuggestion(item: FuzzyMatch<DatabaseList>, evt: MouseEvent | KeyboardEvent): void {
+        this.callback(item.item, evt)
+    }
+
+    renderSuggestion(item: FuzzyMatch<DatabaseList>, el: HTMLElement): void {
+        el.createEl('div', { text: item.item.name })
+    }
+
+}

src/commands/NotionCommands.ts

@@ -0,0 +1,61 @@
+import {i18nConfig} from "src/lang/I18n";
+import {Editor, MarkdownView} from "obsidian";
+import {FuzzySuggester, DatabaseList} from "./FuzzySuggester";
+import {uploadCommand} from "../upload/uploadCommand";
+import ObsidianSyncNotionPlugin from "src/main";
+
+// create the commands list
+export default class RibbonCommands {
+    plugin: ObsidianSyncNotionPlugin;
+
+    // Total commands that will be used
+    Ncommand = [
+        {
+            id: "share-to-notionnext",
+            name: i18nConfig.ribbonIcon, // Use the translated text from i18nConfig
+            editorCallback: async (editor: Editor, view: MarkdownView) => {
+                // await this.plugin.uploadCommand()
+                await uploadCommand(this.plugin, this.plugin.settings, this.plugin.app)
+            }
+        },
+        // {
+        //     id: "share-to-notion",
+        //     name: i18nConfig.CommandNameGeneral, // Use the translated text from i18nConfig
+        //     editorCallback: async (editor: Editor, view: MarkdownView) => {
+        //         await this.plugin.upload();
+        //     }
+        // }
+    ];
+
+    async ribbonDisplay() {
+        const NcommandList: DatabaseList[] = [];
+        this.Ncommand.map(command => NcommandList.push(
+            {
+                name:command.name,
+                match: command.editorCallback
+            }
+            )
+        );
+
+        const fusg = new FuzzySuggester(this.plugin);
+
+        fusg.setSuggesterData(NcommandList);
+        await fusg.display(async (results) => {await results.match()})
+    };
+
+    constructor(plugin: ObsidianSyncNotionPlugin) {
+        this.plugin = plugin;
+
+        // Register all the commands
+        this.Ncommand.forEach(command => {
+            this.plugin.addCommand(
+                {
+                    id: command.id,
+                    name: command.name,
+                    editorCallback: command.editorCallback,
+                }
+                );
+        });
+    }
+
+}