feat(settings): add clickable notice that jump to setting tab when fo…

…lder-note-core not enabled

src/fn-main.ts

@@ -1,13 +1,10 @@
 import "./styles/main.css";
 
-import {
-  FolderNoteAPI,
-  getApi,
-  isPluginEnabled,
-} from "@aidenlx/folder-note-core";
+import { FolderNoteAPI, getApi } from "@aidenlx/folder-note-core";
 import { debounce, Debouncer, Notice, Plugin } from "obsidian";
 
 import initialize from "./initialize";
+import { ClickNotice } from "./misc";
 import FEHandler from "./modules/fe-handler";
 import {
   ALxFolderNoteSettings,
@@ -56,8 +53,10 @@ export default class ALxFolderNote extends Plugin {
       return api;
     } else {
       message =
-        "Failed to initialize alx-folder-note: Check out the Setting Tab for more details";
-      new Notice(message);
+        "Failed to initialize alx-folder-note: Click here for more details";
+      new ClickNotice(message, () =>
+        this.app.setting.openTabById(this.manifest.id),
+      );
       throw new Error(message);
     }
   }

src/misc.ts

@@ -3,6 +3,7 @@ import {
   AFItem,
   FolderItem,
   Modifier,
+  Notice,
   Platform,
   TAbstractFile,
   TFile,
@@ -57,3 +58,14 @@ export const getParentPath = (src: string) => {
   if (path === ".") return "/";
   else return path;
 };
+
+export class ClickNotice extends Notice {
+  constructor(
+    message: string,
+    action: (evt: MouseEvent) => any,
+    timeout?: number,
+  ) {
+    super(message, timeout);
+    this.noticeEl.addEventListener("click", action);
+  }
+}

src/settings.ts

@@ -78,6 +78,7 @@ export class ALxFolderNoteSettingTab extends PluginSettingTab {
           .onClick(async () => {
             await this.app.plugins.disablePlugin(this.plugin.manifest.id);
             await this.app.plugins.enablePlugin(this.plugin.manifest.id);
+            this.app.setting.openTabById(this.plugin.manifest.id);
           }),
       );
   }

src/typings/obsidian-ex.d.ts

@@ -65,5 +65,11 @@ declare module "obsidian" {
         };
       };
     };
+    setting: {
+      openTabById(id: string): any;
+    };
+  }
+  interface Notice {
+    noticeEl: HTMLElement;
   }
 }