ccstatusline 2.2.5 → 2.2.6

package/README.md

@@ -46,7 +46,7 @@
 
 ## 🆕 Recent Updates
 
-### v2.2.0 - v2.2.5 - Token Speed + Skills widget updates
+### v2.2.0 - v2.2.6 - Speed, widgets, links, and reliability updates
 
 - **🚀 New Token Speed widgets** - Added three widgets: **Input Speed**, **Output Speed**, and **Total Speed**.
   - Each speed widget supports a configurable window of `0-120` seconds in the widget editor (`w` key).
@@ -57,6 +57,7 @@
 - **🧠 New Thinking Effort widget (v2.2.4)** - Added a widget that shows the current Claude Code thinking effort level.
 - **🍎 Better macOS usage lookup reliability (v2.2.5)** - Improved reliability when loading usage API tokens on macOS.
 - **⌨️ New Vim Mode widget (v2.2.5)** - Added a widget that shows the current vim mode, with ASCII and optional Nerd Font icon display.
+- **🔗 Git widget link modes (v2.2.6)** - `Git Branch` can render clickable GitHub branch links, and `Git Root Dir` can render clickable IDE links for VS Code and Cursor.
 - **🤝 Better subagent-aware speed reporting** - Token speed calculations continue to include referenced subagent activity so displayed speeds better reflect actual concurrent work.
 
 ### v2.1.0 - v2.1.10 - Usage widgets, links, new git insertions / deletions widgets, and reliability fixes
@@ -467,6 +468,7 @@ bun run example
 - **Weekly Reset Timer** - Shows time remaining until weekly usage reset
 - **Context Bar** - Shows context usage as a progress bar with short/full display modes
 - **Skills** - Shows skill activity as last used, total count, or unique list (with optional list limit and hide-when-empty toggle)
+- **Vim Mode** - Displays current vim editor mode
 - **Separator** - Visual divider between widgets (available when Powerline mode is off and no default separator is configured)
 - **Flex Separator** - Expands to fill available space (available when Powerline mode is off)
 

package/dist/ccstatusline.js

@@ -54864,6 +54864,75 @@ function getGitChangeCounts(context) {
 }
 var init_git = () => {};
 
+// src/utils/hyperlink.ts
+function renderOsc8Link(url2, text) {
+  return `\x1B]8;;${url2}\x1B\\${text}\x1B]8;;\x1B\\`;
+}
+function parseGitHubRepositoryPath(pathname) {
+  const trimmedPath = pathname.replace(/^\/+|\/+$/g, "").replace(/\.git$/, "");
+  const segments = trimmedPath.split("/").filter(Boolean);
+  if (segments.length !== 2) {
+    return null;
+  }
+  return `${segments[0]}/${segments[1]}`;
+}
+function parseGitHubBaseUrl(remoteUrl) {
+  const trimmed = remoteUrl.trim();
+  if (trimmed.length === 0) {
+    return null;
+  }
+  const sshMatch = /^(?:[^@]+@)?github\.com:([^/]+\/[^/]+?)(?:\.git)?\/?$/.exec(trimmed);
+  if (sshMatch?.[1]) {
+    return `https://github.com/${sshMatch[1]}`;
+  }
+  try {
+    const parsedUrl = new URL(trimmed);
+    const supportedProtocols = new Set([
+      "http:",
+      "https:",
+      "ssh:",
+      "git:"
+    ]);
+    if (parsedUrl.hostname.toLowerCase() !== "github.com" || !supportedProtocols.has(parsedUrl.protocol)) {
+      return null;
+    }
+    const repoPath = parseGitHubRepositoryPath(parsedUrl.pathname);
+    if (!repoPath) {
+      return null;
+    }
+    return `https://github.com/${repoPath}`;
+  } catch {
+    return null;
+  }
+}
+function encodeGitRefForUrlPath(ref) {
+  return ref.split("/").map((segment) => encodeURIComponent(segment)).join("/");
+}
+function encodeFilePathForUri(path) {
+  return path.replace(/\\/g, "/").split("/").map((segment) => encodeURIComponent(segment)).join("/");
+}
+function buildIdeFileUrl(filePath, ideLinkMode) {
+  const normalizedPath = filePath.replace(/\\/g, "/");
+  const uncMatch = /^\/\/([^/]+)(\/.*)?$/.exec(normalizedPath);
+  if (uncMatch?.[1]) {
+    const encodedPath = encodeFilePathForUri(uncMatch[2] ?? "/");
+    return `${ideLinkMode}://file//${uncMatch[1]}${encodedPath}`;
+  }
+  const driveMatch = /^([A-Za-z]:)(\/.*)?$/.exec(normalizedPath);
+  if (driveMatch?.[1]) {
+    const encodedPath = encodeFilePathForUri(driveMatch[2] ?? "/");
+    return `${ideLinkMode}://file/${driveMatch[1]}${encodedPath}`;
+  }
+  return `${ideLinkMode}://file${encodeFilePathForUri(normalizedPath)}`;
+}
+var IDE_LINK_MODES;
+var init_hyperlink = __esm(() => {
+  IDE_LINK_MODES = [
+    "vscode",
+    "cursor"
+  ];
+});
+
 // src/widgets/shared/editor-display.ts
 function makeModifierText(modifiers) {
   return modifiers.length > 0 ? `(${modifiers.join(", ")})` : undefined;
@@ -54930,32 +54999,56 @@ class GitBranchWidget {
     return "Git";
   }
   getEditorDisplay(item) {
+    const isLink = isMetadataFlagEnabled(item, LINK_KEY);
+    const modifiers = [];
+    const noGitText = getHideNoGitModifierText(item);
+    if (noGitText)
+      modifiers.push("hide 'no git'");
+    if (isLink)
+      modifiers.push("GitHub link");
     return {
       displayText: this.getDisplayName(),
-      modifierText: getHideNoGitModifierText(item)
+      modifierText: makeModifierText(modifiers)
     };
   }
   handleEditorAction(action, item) {
+    if (action === TOGGLE_LINK_ACTION) {
+      return toggleMetadataFlag(item, LINK_KEY);
+    }
     return handleToggleNoGitAction(action, item);
   }
   render(item, context, settings) {
     const hideNoGit = isHideNoGitEnabled(item);
+    const isLink = isMetadataFlagEnabled(item, LINK_KEY);
     if (context.isPreview) {
-      return item.rawValue ? "main" : "⎇ main";
+      const text = item.rawValue ? "main" : "⎇ main";
+      return isLink ? renderOsc8Link("https://github.com/owner/repo/tree/main", text) : text;
     }
     if (!isInsideGitWorkTree(context)) {
       return hideNoGit ? null : "⎇ no git";
     }
     const branch = this.getGitBranch(context);
-    if (branch)
-      return item.rawValue ? branch : `⎇ ${branch}`;
-    return hideNoGit ? null : "⎇ no git";
+    if (!branch) {
+      return hideNoGit ? null : "⎇ no git";
+    }
+    const displayText = item.rawValue ? branch : `⎇ ${branch}`;
+    if (isLink) {
+      const remoteUrl = runGit("remote get-url origin", context);
+      const baseUrl = remoteUrl ? parseGitHubBaseUrl(remoteUrl) : null;
+      if (baseUrl) {
+        return renderOsc8Link(`${baseUrl}/tree/${encodeGitRefForUrlPath(branch)}`, displayText);
+      }
+    }
+    return displayText;
   }
   getGitBranch(context) {
     return runGit("branch --show-current", context);
   }
   getCustomKeybinds() {
-    return getHideNoGitKeybinds();
+    return [
+      ...getHideNoGitKeybinds(),
+      { key: "l", label: "(l)ink to GitHub", action: TOGGLE_LINK_ACTION }
+    ];
   }
   supportsRawValue() {
     return true;
@@ -54964,8 +55057,10 @@ class GitBranchWidget {
     return true;
   }
 }
+var LINK_KEY = "linkToGitHub", TOGGLE_LINK_ACTION = "toggle-link";
 var init_GitBranch = __esm(() => {
   init_git();
+  init_hyperlink();
   init_git_no_git();
 });
 
@@ -55131,27 +55226,43 @@ class GitRootDirWidget {
     return "Git";
   }
   getEditorDisplay(item) {
+    const ideLinkMode = this.getIdeLinkMode(item);
+    const modifiers = [];
+    const noGitText = getHideNoGitModifierText(item);
+    if (noGitText)
+      modifiers.push("hide 'no git'");
+    if (ideLinkMode)
+      modifiers.push(IDE_LINK_LABELS[ideLinkMode]);
     return {
       displayText: this.getDisplayName(),
-      modifierText: getHideNoGitModifierText(item)
+      modifierText: makeModifierText(modifiers)
     };
   }
   handleEditorAction(action, item) {
+    if (action === TOGGLE_LINK_ACTION2) {
+      return this.cycleIdeLinkMode(item);
+    }
     return handleToggleNoGitAction(action, item);
   }
   render(item, context, _settings) {
     const hideNoGit = isHideNoGitEnabled(item);
+    const ideLinkMode = this.getIdeLinkMode(item);
     if (context.isPreview) {
-      return "my-repo";
+      const name2 = "my-repo";
+      return ideLinkMode ? renderOsc8Link(buildIdeFileUrl("/Users/example/my-repo", ideLinkMode), name2) : name2;
     }
     if (!isInsideGitWorkTree(context)) {
       return hideNoGit ? null : "no git";
     }
     const rootDir = this.getGitRootDir(context);
-    if (rootDir) {
-      return this.getRootDirName(rootDir);
+    if (!rootDir) {
+      return hideNoGit ? null : "no git";
     }
-    return hideNoGit ? null : "no git";
+    const name = this.getRootDirName(rootDir);
+    if (ideLinkMode) {
+      return renderOsc8Link(buildIdeFileUrl(rootDir, ideLinkMode), name);
+    }
+    return name;
   }
   getGitRootDir(context) {
     return runGit("rev-parse --show-toplevel", context);
@@ -55164,7 +55275,10 @@ class GitRootDirWidget {
     return lastPart && lastPart.length > 0 ? lastPart : normalizedRootDir;
   }
   getCustomKeybinds() {
-    return getHideNoGitKeybinds();
+    return [
+      ...getHideNoGitKeybinds(),
+      { key: "l", label: "(l)ink to IDE", action: TOGGLE_LINK_ACTION2 }
+    ];
   }
   supportsRawValue() {
     return false;
@@ -55172,10 +55286,43 @@ class GitRootDirWidget {
   supportsColors(item) {
     return true;
   }
+  getIdeLinkMode(item) {
+    const configuredMode = item.metadata?.[IDE_LINK_KEY];
+    if (configuredMode && IDE_LINK_MODES.includes(configuredMode)) {
+      return configuredMode;
+    }
+    if (isMetadataFlagEnabled(item, LEGACY_CURSOR_LINK_KEY)) {
+      return "cursor";
+    }
+    return null;
+  }
+  cycleIdeLinkMode(item) {
+    const currentMode = this.getIdeLinkMode(item);
+    const currentIndex = currentMode ? IDE_LINK_MODES.indexOf(currentMode) : -1;
+    const nextMode = currentIndex === IDE_LINK_MODES.length - 1 ? null : IDE_LINK_MODES[currentIndex + 1] ?? null;
+    const {
+      [IDE_LINK_KEY]: removedIdeLink,
+      [LEGACY_CURSOR_LINK_KEY]: removedLegacyLink,
+      ...restMetadata
+    } = item.metadata ?? {};
+    return {
+      ...item,
+      metadata: nextMode ? {
+        ...restMetadata,
+        [IDE_LINK_KEY]: nextMode
+      } : Object.keys(restMetadata).length > 0 ? restMetadata : undefined
+    };
+  }
 }
+var IDE_LINK_KEY = "linkToIDE", LEGACY_CURSOR_LINK_KEY = "linkToCursor", TOGGLE_LINK_ACTION2 = "toggle-link", IDE_LINK_LABELS;
 var init_GitRootDir = __esm(() => {
   init_git();
+  init_hyperlink();
   init_git_no_git();
+  IDE_LINK_LABELS = {
+    vscode: "link-vscode",
+    cursor: "link-cursor"
+  };
 });
 
 // src/widgets/GitWorktree.ts
@@ -56027,7 +56174,7 @@ function getTerminalWidth() {
 function canDetectTerminalWidth() {
   return probeTerminalWidth() !== null;
 }
-var __dirname = "/Users/sirmalloc/Projects/Personal/ccstatusline/src/utils", PACKAGE_VERSION = "2.2.5";
+var __dirname = "/Users/sirmalloc/Projects/Personal/ccstatusline/src/utils", PACKAGE_VERSION = "2.2.6";
 var init_terminal = () => {};
 
 // src/utils/renderer.ts
@@ -63740,9 +63887,6 @@ function buildMetadata(widget, urlValue, textValue) {
     metadata
   };
 }
-function renderOsc8Link(url2, text) {
-  return `\x1B]8;;${url2}\x1B\\${text}\x1B]8;;\x1B\\`;
-}
 function getLinkLabel(item) {
   const url2 = item.metadata?.url?.trim() ?? "";
   const metadataText = item.metadata?.text?.trim();
@@ -63896,6 +64040,7 @@ var import_react31, jsx_dev_runtime5, LinkEditor = ({ widget, onComplete, onCanc
   }, undefined, true, undefined, this);
 };
 var init_Link = __esm(async () => {
+  init_hyperlink();
   init_input_guards();
   await init_build2();
   import_react31 = __toESM(require_react(), 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstatusline",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "description": "A customizable status line formatter for Claude Code CLI",
   "module": "src/ccstatusline.ts",
   "type": "module",