feat: support drag folder to editor to insert link

close #45

Author: aidenlx

src/drag-patch.ts

@@ -0,0 +1,97 @@
+import { around } from "monkey-around";
+import "obsidian";
+import { DragManager, TFile, TFolder } from "obsidian";
+import type ALxFolderNote from "./fn-main";
+
+declare module "obsidian" {
+  interface App {
+    dragManager: DragManager;
+  }
+  interface DragInfo {
+    source: string | undefined;
+    type: string;
+    icon: string;
+    title: string;
+  }
+  interface DragFolderInfo extends DragInfo {
+    type: "folder";
+    file: TFolder;
+  }
+  interface DragFileInfo extends DragInfo {
+    type: "file";
+    file: TFile;
+  }
+  interface DragFilesInfo extends DragInfo {
+    type: "files";
+    files: TFile[];
+  }
+  class DragManager {
+    dragFile(evt: DragEvent, file: TFile, source?: string): DragFolderInfo;
+    dragFiles(evt: DragEvent, files: TFile[], source?: string): DragFilesInfo;
+    dragFolder(
+      evt: DragEvent,
+      folder: TFolder,
+      source?: string,
+    ): DragFolderInfo;
+  }
+}
+
+const PatchDragManager = (plugin: ALxFolderNote) => {
+  const { getFolderNote } = plugin.CoreApi;
+
+  plugin.register(
+    around(plugin.app.dragManager.constructor.prototype as DragManager, {
+      dragFolder: (next) =>
+        function (this: DragManager, evt, folder, source, ...args) {
+          const fallback = () => next.call(this, evt, folder, source, ...args);
+          try {
+            let note = getFolderNote(folder);
+            if (note) {
+              return this.dragFile(evt, note, source);
+            } else {
+              return fallback();
+            }
+          } catch (error) {
+            console.error(error);
+            return fallback();
+          }
+        },
+      // dragFiles: (next) =>
+      //   function (this: DragManager, evt, files, source, ...args) {
+      //     const fallback = () => next.call(this, evt, files, source, ...args);
+      //     try {
+      //       let dragedFiles = files as (TFile | number)[];
+      //       let pathFolderNoteMap: Map<string, TFile> = new Map();
+      //       let index = -1;
+      //       // find all folder with note,
+      //       // save folder note in map,
+      //       // and replace them with index to map sequence
+      //       for (let i = 0; i < files.length; i++) {
+      //         const af = dragedFiles[i];
+      //         let note;
+      //         if (af instanceof TFolder && (note = getFolderNote(af))) {
+      //           pathFolderNoteMap.set(note.path, note) && index++;
+      //           dragedFiles[i] = index;
+      //         }
+      //       }
+      //       if (index < 0) return fallback();
+      //       // filter out duplicate folder note
+      //       dragedFiles = dragedFiles.filter(
+      //         (af) => typeof af === "number" || !pathFolderNoteMap.has(af.path),
+      //       );
+      //       // put folder note back to original sequence
+      //       const folderNotes = [...pathFolderNoteMap.values()];
+      //       for (let i = 0; i < dragedFiles.length; i++) {
+      //         const file = dragedFiles[i];
+      //         if (typeof file === "number")
+      //           dragedFiles[file] = folderNotes[file];
+      //       }
+      //     } catch (error) {
+      //       fallback();
+      //     }
+      //     return fallback();
+      //   },
+    }),
+  );
+};
+export default PatchDragManager;

src/fe-patch.ts

@@ -34,7 +34,7 @@ const resetFileExplorer = async (plugin: ALxFolderNote) => {
   }
 };
 
-export const monkeyPatch = (plugin: ALxFolderNote) => {
+const PatchFileExplorer = (plugin: ALxFolderNote) => {
   const { getFolderFromNote } = plugin.CoreApi,
     clickHandler = getClickHandler(plugin);
 
@@ -140,3 +140,4 @@ export const monkeyPatch = (plugin: ALxFolderNote) => {
     resetFileExplorer(plugin);
   });
 };
+export default PatchFileExplorer;

src/fn-main.ts

@@ -4,7 +4,7 @@ import { FolderNoteAPI, getApi as getFNCApi } from "@aidenlx/folder-note-core";
 import { getApi as getISCApi } from "@aidenlx/obsidian-icon-shortcodes";
 import { Notice, Plugin } from "obsidian";
 
-import { monkeyPatch } from "./fe-patch";
+import PatchFileExplorer from "./fe-patch";
 import { ClickNotice } from "./misc";
 import registerSetFolderIconCmd from "./modules/set-folder-icon";
 import {
@@ -14,6 +14,7 @@ import {
   MobileNoClickMark,
   noHideNoteMark,
 } from "./settings";
+import PatchDragManager from "./drag-patch";
 
 const foldervNotifiedKey = "foldervNotified";
 
@@ -72,7 +73,7 @@ export default class ALxFolderNote extends Plugin {
   initialized = false;
   initialize() {
     if (this.initialized) return;
-    monkeyPatch(this);
+    PatchFileExplorer(this);
     document.body.toggleClass(
       MobileNoClickMark,
       !this.settings.mobileClickToOpen,
@@ -98,6 +99,7 @@ export default class ALxFolderNote extends Plugin {
     this.addSettingTab(tab);
     registerSetFolderIconCmd(this);
 
+    PatchDragManager(this);
     this.app.workspace.onLayoutReady(this.initialize.bind(this));
     this.noticeFoldervChange();
   }