Feat: Use default hover functionality for nodes

This provides compatibility with the hover editor plugin
HEmile · Mar 12, 2022 · 7a6e135 · 7a6e135
1 parent 329c879
commit 7a6e135
Show file tree

Hide file tree

Showing 5 changed files with 79,720 additions and 9 deletions.
diff --git a/main.js b/main.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/viz/visualization.ts b/src/viz/visualization.ts
@@ -3,7 +3,7 @@ import {
   EventRef,
   Events,
   MarkdownRenderer,
-  Menu,
+  Menu, TFile,
   Vault,
   Workspace,
 } from 'obsidian';
@@ -206,10 +206,10 @@ export class Juggl extends Component implements IJuggl {
           if (id.storeId === 'core') {
             const file = this.plugin.metadata.getFirstLinkpathDest(id.id, '');
             if (file && file.extension === 'md' && (e.originalEvent.metaKey || !this.settings.metaKeyHover)) {
-              const content = await view.vault.cachedRead(file);
+              // const content = await view.vault.cachedRead(file);
               this.hoverTimeout[e.target.id()] = setTimeout(async () =>
-                await this.popover(content, file.path, e.target, 'advanced-graph-preview-node'),
-              400);
+                this.plugin.app.workspace.trigger('link-hover', this.element, null, file.path, ''),
+              300 );
             }
           }
         });

diff --git a/styles.css b/styles.css
@@ -58,8 +58,9 @@ div.juggl-error {
     height: 100%;
 }
 
-.juggl-hover {
+.juggl-hover.is-loaded.hover-popover.popover {
     opacity: 0.9;
+    height: max-content;
 }
 
 .juggl-preview-edge {

diff --git a/tsconfig.json b/tsconfig.json
@@ -5,6 +5,7 @@
     "module": "ESNext",
     "target": "es2020",
     "sourceMap": true,
+    "moduleResolution": "node",
     "noImplicitAny": true,
     "importHelpers": true,
     "lib": [