Tune status bar length

Author: wenlzhang

src/main.ts

@@ -1034,22 +1034,51 @@ export default class Main extends Plugin {
         }
     }
 
+    /**
+     * Truncates a filename to the specified maximum length,
+     * adding an ellipsis if truncated
+     * @param filename The filename to truncate
+     * @param maxLength Maximum length before truncation
+     * @returns Truncated filename
+     */
+    truncateFilename(filename: string, maxLength: number): string {
+        if (filename.length <= maxLength) {
+            return filename;
+        }
+        
+        // Truncate and add ellipsis
+        return filename.slice(0, maxLength) + '…';
+    }
+    
     updateStatusBar() {
         if (!this.statusBarItem) return;
 
         // Empty the element but don't remove the event listener
         this.statusBarItem.empty();
 
         if (this.selectedCanvas) {
+            const truncatedName = this.truncateFilename(
+                this.selectedCanvas.basename,
+                this.settings.statusBarMaxFilenameLength
+            );
+            
             this.statusBarItem.setText(
-                `Canvas: ${this.selectedCanvas.basename}`,
+                `Canvas: ${truncatedName}`,
             );
             this.statusBarItem.addClass("has-canvas-selected");
             this.statusBarItem.removeClass("no-canvas-selected");
+            
+            // Add tooltip with the full filename if truncated
+            if (truncatedName !== this.selectedCanvas.basename) {
+                this.statusBarItem.setAttribute("aria-label", this.selectedCanvas.basename);
+            } else {
+                this.statusBarItem.removeAttribute("aria-label");
+            }
         } else {
             this.statusBarItem.setText("No Canvas selected");
             this.statusBarItem.addClass("no-canvas-selected");
             this.statusBarItem.removeClass("has-canvas-selected");
+            this.statusBarItem.removeAttribute("aria-label");
         }
     }
 

src/settings.ts

@@ -12,6 +12,9 @@ export interface SendToCanvasSettings {
     appendTextToOpenTasks: boolean;
     openTaskAppendText: string;
 
+    // Status bar customization
+    statusBarMaxFilenameLength: number; // Maximum number of characters to display for Canvas filenames in status bar
+    
     // Node size settings
     linkNodeWidth: number;
     linkNodeHeight: number;
@@ -33,6 +36,9 @@ export const DEFAULT_SETTINGS: SendToCanvasSettings = {
     appendTextToOpenTasks: false,
     openTaskAppendText: "[l:: #Canvas ]",
 
+    // Default status bar customization
+    statusBarMaxFilenameLength: 20, // Default to 20 characters before truncation
+
     // Default node sizes
     linkNodeWidth: 400,
     linkNodeHeight: 100,

src/settingsTab.ts

@@ -14,7 +14,7 @@ export class SettingsTab extends PluginSettingTab {
         const { containerEl } = this;
         containerEl.empty();
 
-        // General settings
+        // General
         new Setting(containerEl)
             .setName("Remember last Canvas")
             .setDesc(
@@ -31,7 +31,7 @@ export class SettingsTab extends PluginSettingTab {
                     }),
             );
 
-        // Open task settings
+        // Open task
         new Setting(containerEl)
             .setName("Open task")
             .setDesc(
@@ -70,7 +70,7 @@ export class SettingsTab extends PluginSettingTab {
                 );
         }
 
-        // Block ID settings
+        // Block ID
         new Setting(containerEl)
             .setName("Block ID")
             .setDesc(
@@ -112,7 +112,7 @@ export class SettingsTab extends PluginSettingTab {
                 );
         }
 
-        // Link timestamp settings
+        // Link timestamp
         new Setting(containerEl)
             .setName("Link timestamp")
             .setDesc(
@@ -155,15 +155,15 @@ export class SettingsTab extends PluginSettingTab {
                 });
         }
 
-        // Canvas node size settings
+        // Canvas node size
         new Setting(containerEl)
             .setName("Canvas node size")
             .setDesc(
                 "Customize the dimensions of nodes created in Canvas files. Default sizes are 400×100 for links, 400×200 for content, and 400×400 for note content.",
             )
             .setHeading();
 
-        // Link and block link node size settings
+        // Link and block link node size
         new Setting(containerEl)
             .setName("Link nodes (note links and block links)")
             .setDesc("Configure size settings for note links and block links");
@@ -198,7 +198,7 @@ export class SettingsTab extends PluginSettingTab {
                     }),
             );
 
-        // Content node size settings (block embeds and plain text)
+        // Content node size (block embeds and plain text)
         new Setting(containerEl)
             .setName("Content nodes (block embeds and plain text)")
             .setDesc("Configure size settings for block embeds and plain text");
@@ -233,7 +233,7 @@ export class SettingsTab extends PluginSettingTab {
                     }),
             );
 
-        // File node size settings (note content)
+        // File node size (note content)
         new Setting(containerEl)
             .setName("File nodes (note content)")
             .setDesc("Configure size settings for note content");
@@ -267,5 +267,25 @@ export class SettingsTab extends PluginSettingTab {
                         }
                     }),
             );
+        
+        // Status bar
+        new Setting(containerEl)
+            .setName("Status bar")
+            .setDesc("Customize the status bar display")
+            .setHeading();
+        
+        new Setting(containerEl)
+            .setName("Maximum Canvas filename length")
+            .setDesc("Maximum number of characters to display for Canvas filenames in the status bar. Longer filenames will be truncated with an ellipsis.")
+            .addSlider(slider => slider
+                .setLimits(5, 50, 5)
+                .setValue(this.plugin.settings.statusBarMaxFilenameLength)
+                .setDynamicTooltip()
+                .onChange(async (value) => {
+                    this.plugin.settings.statusBarMaxFilenameLength = value;
+                    await this.plugin.saveSettings();
+                    this.plugin.updateStatusBar(); // Update immediately to show effect
+                })
+            );
     }
 }