0.1.12

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "excalibrain",
 	"name": "ExcaliBrain",
-	"version": "0.1.11",
+	"version": "0.1.12",
 	"minAppVersion": "0.15.6",
 	"description": "A clean, intuitive and editable graph view for Obsidian",
 	"author": "Zsolt Viczian",

package.json

@@ -16,7 +16,7 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "obsidian-dataview": "^0.5.51",
+    "obsidian-dataview": "^0.5.55",
     "@popperjs/core": "^2.11.6"
   },
   "devDependencies": {
@@ -31,7 +31,7 @@
     "@rollup/plugin-typescript": "^8.3.0",
     "@types/node": "^18.11.9",
     "cross-env": "^7.0.3",
-    "obsidian": "^0.16.3",
+    "obsidian": "^1.1.1",
     "rollup": "^2.79.1",
     "rollup-plugin-visualizer": "^5.6.0",
     "rollup-plugin-terser": "^7.0.2",

rollup.config.js

@@ -14,7 +14,7 @@ export default {
   output: {
     dir: '.',
     entryFileNames: 'main.js',
-    sourcemap: 'inline',
+    sourcemap: isProd?false:'inline',
     format: 'cjs',
     exports: 'default',
   },

src/Scene.ts

@@ -237,6 +237,9 @@ export class Scene {
     ea.style.fontSize = style.fontSize;
     this.textSize = ea.measureText("m".repeat(style.maxLabelLength+3));
     this.nodeWidth = this.textSize.width + 3 * style.padding;
+    if(this.plugin.settings.compactView) {
+      this.nodeWidth = this.nodeWidth * 0.6;
+    }
     this.nodeHeight = 2 * (this.textSize.height + 2 * style.padding);
 
     const frame1 = () => {
@@ -390,13 +393,20 @@ export class Scene {
       : siblings.length >= 10
         ? 2
         : 1;
-    const childrenCols = children.length <= 12 
-      ? [1, 1, 2, 3, 3, 3, 3, 4, 4, 5, 5, 4, 4][children.length]
-      : 5;
-    const parentCols = parents.length < 5
-      ? [1, 1, 2, 3, 2][parents.length]
-      : 3;
-
+    const childrenCols = this.plugin.settings.compactView
+      ? (children.length <= 12 
+        ? [1, 1, 2, 3, 3, 3, 3, 2, 2, 3, 3, 2, 2][children.length]
+        : 3)
+      : (children.length <= 12 
+        ? [1, 1, 2, 3, 3, 3, 3, 4, 4, 5, 5, 4, 4][children.length]
+        : 5);
+    const parentCols = this.plugin.settings.compactView
+      ? (parents.length < 2
+        ? 1
+        : 2)
+      : (parents.length < 5
+        ? [1, 1, 2, 3, 2][parents.length]
+        : 3);
 
 
     const lCenter = new Layout({

src/Settings.ts

@@ -22,6 +22,7 @@ import { Link } from "./graph/Link";
 import { DEFAULT_LINK_STYLE, DEFAULT_NODE_STYLE, PREDEFINED_LINK_STYLES } from "./constants/constants";
 
 export interface ExcaliBrainSettings {
+  compactView: boolean;
   excalibrainFilepath: string;
   indexUpdateInterval: number;
   hierarchy: Hierarchy;
@@ -69,6 +70,7 @@ export interface ExcaliBrainSettings {
 }
 
 export const DEFAULT_SETTINGS: ExcaliBrainSettings = {
+  compactView: false,
   excalibrainFilepath: "excalibrain.md",
   indexUpdateInterval: 5000,
   hierarchy: {
@@ -1564,6 +1566,17 @@ export class ExcaliBrainSettingTab extends PluginSettingTab {
       text: t("DISPLAY_HEAD") 
     });
 
+    new Setting(containerEl)
+      .setName(t("COMPACT_VIEW_NAME"))
+      .setDesc(fragWithHTML(t("COMPACT_VIEW_DESC")))
+      .addToggle(toggle => toggle
+        .setValue(this.plugin.settings.compactView)
+        .onChange(value => {
+          this.plugin.settings.compactView = value;
+          this.dirty = true;
+        })
+      )
+
     const filepathList = new Setting(containerEl)
       .setName(t("EXCLUDE_PATHLIST_NAME"))
       .setDesc(fragWithHTML(t("EXCLUDE_PATHLIST_DESC")))

src/Suggesters/PageSuggester.ts

@@ -79,7 +79,7 @@ export class PageSuggest extends TextInputSuggest<Page> {
         el.ariaLabel = page.path;
         el.setText(
           (page.isFolder || page.isTag)
-            ? page.path
+            ? page.path.replace(/^folder:/,this.plugin.settings.folderNodeStyle.prefix??"📂").replace(/^tag:/,this.plugin.settings.tagNodeStyle.prefix??"🏷️")
             : page.name
         );
     }

src/excalibrain-main.ts

@@ -196,16 +196,39 @@ export default class ExcaliBrain extends Plugin {
     const self = this;
     setTimeout(async()=>{
       //@ts-ignore
-      const starredPlugin = app.internalPlugins.getPluginById("starred");
-      if(!starredPlugin) {
+      const bookmarksPlugin = app.internalPlugins.getPluginById("bookmarks");
+      if(!bookmarksPlugin) { //code to be removed when bookmarks plugin is released, only leave return
+        //@ts-ignore
+        const starredPlugin = app.internalPlugins.getPluginById("starred");
+        if(!starredPlugin) {
+          return;
+        }
+        self.starred = (await starredPlugin.loadData())
+          .items
+          .filter((i: any)=>i.type==="file")
+          .map((i: any)=>i.path)
+          .filter((p:string)=>(p!==self.settings.excalibrainFilepath) && self.pages.has(p))
+          .map((p:string)=>self.pages.get(p));
         return;
       }
-      self.starred = (await starredPlugin.loadData())
-        .items
-        .filter((i: any)=>i.type==="file")
-        .map((i: any)=>i.path)
-        .filter((p:string)=>(p!==self.settings.excalibrainFilepath) && self.pages.has(p))
-        .map((p:string)=>self.pages.get(p));
+      if(!bookmarksPlugin._loaded) await bookmarksPlugin.loadData();
+      const groupElements = (items: any[]):any[] => {
+        if(!items) return;
+        let elements = items
+          .filter((i: any)=>i.type==="file")
+          .map((i: any)=>i.path)
+          .filter((p:string)=>(p!==self.settings.excalibrainFilepath) && self.pages.has(p))
+          .map((p:string)=>self.pages.get(p));
+        elements = elements.concat(items
+          .filter((i: any)=>i.type==="folder")
+          .map((i: any)=>i.path)
+          .filter((p:string)=>(p!==self.settings.excalibrainFilepath) && self.pages.has(`folder:${p}`))
+          .map((p:string)=>self.pages.get(`folder:${p}`)));
+        items.filter((i: any)=>i.type==="group").forEach((g: any)=>
+          elements = elements.concat(groupElements(g.items)));
+        return elements;
+      }
+      self.starred = groupElements(bookmarksPlugin.instance.items);      
     })
   }
 

src/lang/locale/en.ts

@@ -51,6 +51,8 @@ export default {
   BOLD_FIELDS_NAME: "Add selected field with BOLD",
   BOLD_FIELDS_DESC: "Add selected field to text with bold typeface, i.e. (**field name**:: ) resulting in (<b>field name</b>:: )",
   DISPLAY_HEAD: "Display",
+  COMPACT_VIEW_NAME: "Compact view",
+  COMPACT_VIEW_DESC: "Display the graph in a compact view",
   EXCLUDE_PATHLIST_NAME: "Filepaths to exclude",
   EXCLUDE_PATHLIST_DESC: "Enter comma-separated list of filepaths to exclude from the index.",
   RENDERALIAS_NAME: "Display alias if available",

styles.css

@@ -59,7 +59,8 @@
   z-index: 1;
   position: absolute;
   bottom: 0px;
-  padding-left: 10px;
+  padding-left: 7rem;
+  padding-bottom: 10px;
   width: 100%;
   padding-right: 10px;
   overflow: hidden;