Merge pull request #463 from jinghaihan/feat/align-priority

feat: custom status bar item position

Author: alanhamlett

README.md

@@ -36,6 +36,15 @@ For example, to hide today's coding activity in your status bar:
 
 Press `⌘ + Shift + P` then set `WakaTime: Status Bar Coding Activity` to `false`.
 
+### Status Bar Alignment
+
+You can customize the position and priority of the WakaTime status bar item:
+
+- **Alignment**: Set `wakatime.align` to `left` or `right` to control which side of the status bar shows the WakaTime item
+- **Priority**: Set `wakatime.alignPriority` to a number to control the order (higher values appear more to the left)
+
+Both settings require restarting VS Code to take effect.
+
 Extension settings are stored in the INI file at `$HOME/.wakatime.cfg`.
 
 More information can be found from [wakatime-cli][wakatime-cli configs].

package.json

@@ -127,6 +127,20 @@
           "type": "string",
           "description": "Defaults to https://api.wakatime.com/api/v1.",
           "scope": "application"
+        },
+        "wakatime.align": {
+          "type": "string",
+          "enum": [
+            "left",
+            "right"
+          ],
+          "default": "left",
+          "description": "Defines the alignment of the status bar item, requires restart of VS Code"
+        },
+        "wakatime.alignPriority": {
+          "type": "number",
+          "default": 1,
+          "description": "Defines priority of the status bar item. Higher values mean the item should be shown more to the left, requires restart of VS Code"
         }
       }
     }

src/options.ts

@@ -309,6 +309,23 @@ export class Options {
     return vscode.workspace.getConfiguration().get('wakatime.apiUrl') || '';
   }
 
+  public getStatusBarAlignment(): vscode.StatusBarAlignment {
+    const align: string = vscode.workspace.getConfiguration().get('wakatime.align') as string
+    switch (align) {
+      case 'left':
+        return vscode.StatusBarAlignment.Left
+      case 'right':
+        return vscode.StatusBarAlignment.Right
+      default:
+        return vscode.StatusBarAlignment.Left
+    }
+  }
+
+  public getStatusBarPriority(): number {
+    const priority = vscode.workspace.getConfiguration().get('wakatime.alignPriority') as number;
+    return typeof priority === 'number' ? priority : 1;
+  }
+
   // Support for gitpod.io https://github.com/wakatime/vscode-wakatime/pull/220
   public getApiKeyFromEnv(): string {
     if (this.cache.api_key_from_env !== undefined) return this.cache.api_key_from_env;

src/wakatime.ts

@@ -123,25 +123,28 @@ export class WakaTime {
   public initializeDependencies(): void {
     this.logger.debug(`Initializing WakaTime v${this.extension.version}`);
 
+    const align = this.options.getStatusBarAlignment();
+    const priority = this.options.getStatusBarPriority();
+
     this.statusBar = vscode.window.createStatusBarItem(
       'com.wakatime.statusbar',
-      vscode.StatusBarAlignment.Left,
-      3,
+      align,
+      priority + 2,
     );
     this.statusBar.name = 'WakaTime';
     this.statusBar.command = COMMAND_DASHBOARD;
 
     this.statusBarTeamYou = vscode.window.createStatusBarItem(
       'com.wakatime.teamyou',
-      vscode.StatusBarAlignment.Left,
-      2,
+      align,
+      priority + 1,
     );
     this.statusBarTeamYou.name = 'WakaTime Top dev';
 
     this.statusBarTeamOther = vscode.window.createStatusBarItem(
       'com.wakatime.teamother',
-      vscode.StatusBarAlignment.Left,
-      1,
+      align,
+      priority,
     );
     this.statusBarTeamOther.name = 'WakaTime Team Total';