ccstatusline 1.0.12 → 1.0.13

package/dist/ccstatusline.js

@@ -311,6 +311,15 @@ var renderSingleLine = (items, terminalWidth, widthDetectionAvailable, settings)
         const customText = item.customText || "";
         elements.push(customTextColor(customText));
         break;
+      case "custom-command":
+        const cmdText = item.commandPath ? `[cmd: ${item.commandPath.substring(0, 20)}${item.commandPath.length > 20 ? "..." : ""}]` : "[No command]";
+        if (!item.preserveColors) {
+          const cmdColor = chalk[item.color || "white"] || chalk.white;
+          elements.push(cmdColor(cmdText));
+        } else {
+          elements.push(chalk.white(cmdText));
+        }
+        break;
     }
   });
   let statusLine = "";
@@ -514,6 +523,12 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
   const [moveMode, setMoveMode] = useState(false);
   const [editingText, setEditingText] = useState(false);
   const [textInput, setTextInput] = useState("");
+  const [textCursorPos, setTextCursorPos] = useState(0);
+  const [editingCommand, setEditingCommand] = useState(false);
+  const [commandInput, setCommandInput] = useState("");
+  const [commandCursorPos, setCommandCursorPos] = useState(0);
+  const [editingMaxWidth, setEditingMaxWidth] = useState(false);
+  const [maxWidthInput, setMaxWidthInput] = useState("");
   const separatorChars = ["|", "-", ",", " "];
   useInput((input, key) => {
     if (editingText) {
@@ -526,13 +541,83 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
         }
         setEditingText(false);
         setTextInput("");
+        setTextCursorPos(0);
       } else if (key.escape) {
         setEditingText(false);
         setTextInput("");
+        setTextCursorPos(0);
+      } else if (key.leftArrow) {
+        setTextCursorPos(Math.max(0, textCursorPos - 1));
+      } else if (key.rightArrow) {
+        setTextCursorPos(Math.min(textInput.length, textCursorPos + 1));
+      } else if (key.ctrl && key.leftArrow) {
+        setTextCursorPos(0);
+      } else if (key.ctrl && key.rightArrow) {
+        setTextCursorPos(textInput.length);
       } else if (key.backspace || key.delete) {
-        setTextInput(textInput.slice(0, -1));
+        if (textCursorPos > 0) {
+          setTextInput(textInput.slice(0, textCursorPos - 1) + textInput.slice(textCursorPos));
+          setTextCursorPos(textCursorPos - 1);
+        }
       } else if (input && input.length === 1) {
-        setTextInput(textInput + input);
+        setTextInput(textInput.slice(0, textCursorPos) + input + textInput.slice(textCursorPos));
+        setTextCursorPos(textCursorPos + 1);
+      }
+    } else if (editingCommand) {
+      if (key.return) {
+        const currentItem2 = items[selectedIndex];
+        if (currentItem2) {
+          const newItems = [...items];
+          newItems[selectedIndex] = { ...currentItem2, commandPath: commandInput };
+          onUpdate(newItems);
+        }
+        setEditingCommand(false);
+        setCommandInput("");
+        setCommandCursorPos(0);
+      } else if (key.escape) {
+        setEditingCommand(false);
+        setCommandInput("");
+        setCommandCursorPos(0);
+      } else if (key.leftArrow) {
+        setCommandCursorPos(Math.max(0, commandCursorPos - 1));
+      } else if (key.rightArrow) {
+        setCommandCursorPos(Math.min(commandInput.length, commandCursorPos + 1));
+      } else if (key.ctrl && key.leftArrow) {
+        setCommandCursorPos(0);
+      } else if (key.ctrl && key.rightArrow) {
+        setCommandCursorPos(commandInput.length);
+      } else if (key.backspace || key.delete) {
+        if (commandCursorPos > 0) {
+          setCommandInput(commandInput.slice(0, commandCursorPos - 1) + commandInput.slice(commandCursorPos));
+          setCommandCursorPos(commandCursorPos - 1);
+        }
+      } else if (input) {
+        setCommandInput(commandInput.slice(0, commandCursorPos) + input + commandInput.slice(commandCursorPos));
+        setCommandCursorPos(commandCursorPos + input.length);
+      }
+    } else if (editingMaxWidth) {
+      if (key.return) {
+        const currentItem2 = items[selectedIndex];
+        if (currentItem2) {
+          const width = parseInt(maxWidthInput, 10);
+          const newItems = [...items];
+          if (!isNaN(width) && width > 0) {
+            newItems[selectedIndex] = { ...currentItem2, maxWidth: width };
+          } else {
+            const { maxWidth, ...rest } = currentItem2;
+            newItems[selectedIndex] = rest;
+          }
+          onUpdate(newItems);
+        }
+        setEditingMaxWidth(false);
+        setMaxWidthInput("");
+      } else if (key.escape) {
+        setEditingMaxWidth(false);
+        setMaxWidthInput("");
+      } else if (key.backspace || key.delete) {
+        setMaxWidthInput(maxWidthInput.slice(0, -1));
+      } else if (input && /\d/.test(input)) {
+        setMaxWidthInput(maxWidthInput + input);
       }
     } else if (moveMode) {
       if (key.upArrow && selectedIndex > 0) {
@@ -577,7 +662,8 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
           "terminal-width",
           "version",
           "flex-separator",
-          "custom-text"
+          "custom-text",
+          "custom-command"
         ];
         const currentItem2 = items[selectedIndex];
         if (currentItem2) {
@@ -607,7 +693,8 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
           "terminal-width",
           "version",
           "flex-separator",
-          "custom-text"
+          "custom-text",
+          "custom-command"
         ];
         const currentItem2 = items[selectedIndex];
         if (currentItem2) {
@@ -668,8 +755,28 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
       } else if (input === "e" && items.length > 0) {
         const currentItem2 = items[selectedIndex];
         if (currentItem2 && currentItem2.type === "custom-text") {
-          setTextInput(currentItem2.customText || "");
+          const text = currentItem2.customText || "";
+          setTextInput(text);
+          setTextCursorPos(text.length);
           setEditingText(true);
+        } else if (currentItem2 && currentItem2.type === "custom-command") {
+          const cmd = currentItem2.commandPath || "";
+          setCommandInput(cmd);
+          setCommandCursorPos(cmd.length);
+          setEditingCommand(true);
+        }
+      } else if (input === "w" && items.length > 0) {
+        const currentItem2 = items[selectedIndex];
+        if (currentItem2 && currentItem2.type === "custom-command") {
+          setMaxWidthInput(currentItem2.maxWidth ? currentItem2.maxWidth.toString() : "");
+          setEditingMaxWidth(true);
+        }
+      } else if (input === "p" && items.length > 0) {
+        const currentItem2 = items[selectedIndex];
+        if (currentItem2 && currentItem2.type === "custom-command") {
+          const newItems = [...items];
+          newItems[selectedIndex] = { ...currentItem2, preserveColors: !currentItem2.preserveColors };
+          onUpdate(newItems);
         }
       } else if (key.escape) {
         onBack();
@@ -712,6 +819,10 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
       case "custom-text":
         const text = item.customText || "Empty";
         return chalk.white(`Custom Text (${text})`);
+      case "custom-command":
+        const cmd = item.commandPath || "No command";
+        const truncatedCmd = cmd.length > 30 ? `${cmd.substring(0, 27)}...` : cmd;
+        return chalk.yellow(`Custom Command (${truncatedCmd})`);
     }
   };
   const hasFlexSeparator = items.some((item) => item.type === "flex-separator");
@@ -720,7 +831,8 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
   const isSeparator = currentItem?.type === "separator";
   const isFlexSeparator = currentItem?.type === "flex-separator";
   const isCustomText = currentItem?.type === "custom-text";
-  const canToggleRaw = currentItem && !isSeparator && !isFlexSeparator && !isCustomText;
+  const isCustomCommand = currentItem?.type === "custom-command";
+  const canToggleRaw = currentItem && !isSeparator && !isFlexSeparator && !isCustomText && !isCustomCommand;
   let helpText = "↑↓ select, ←→ change type";
   if (isSeparator) {
     helpText += ", Space edit separator";
@@ -728,6 +840,9 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
   if (isCustomText) {
     helpText += ", (e)dit text";
   }
+  if (isCustomCommand) {
+    helpText += ", (e)dit cmd, (w)idth, (p)reserve colors";
+  }
   helpText += ", Enter to move, (a)dd, (i)nsert, (d)elete, (c)lear line";
   if (canToggleRaw) {
     helpText += ", (r)aw value";
@@ -754,7 +869,47 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
           /* @__PURE__ */ jsxDEV(Text, {
             children: [
               "Enter custom text: ",
-              textInput
+              textInput.slice(0, textCursorPos),
+              /* @__PURE__ */ jsxDEV(Text, {
+                backgroundColor: "gray",
+                color: "black",
+                children: textInput[textCursorPos] || " "
+              }, undefined, false, undefined, this),
+              textInput.slice(textCursorPos + 1)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Text, {
+            dimColor: true,
+            children: "←→ move cursor, Ctrl+←→ jump to start/end, Enter save, ESC cancel"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this) : editingCommand ? /* @__PURE__ */ jsxDEV(Box, {
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsxDEV(Text, {
+            children: [
+              "Enter command path: ",
+              commandInput.slice(0, commandCursorPos),
+              /* @__PURE__ */ jsxDEV(Text, {
+                backgroundColor: "gray",
+                color: "black",
+                children: commandInput[commandCursorPos] || " "
+              }, undefined, false, undefined, this),
+              commandInput.slice(commandCursorPos + 1)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Text, {
+            dimColor: true,
+            children: "←→ move cursor, Ctrl+←→ jump to start/end, Enter save, ESC cancel"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this) : editingMaxWidth ? /* @__PURE__ */ jsxDEV(Box, {
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsxDEV(Text, {
+            children: [
+              "Enter max width (blank for no limit): ",
+              maxWidthInput
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV(Text, {
@@ -799,6 +954,18 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
               item.rawValue && /* @__PURE__ */ jsxDEV(Text, {
                 dimColor: true,
                 children: " (raw value)"
+              }, undefined, false, undefined, this),
+              item.type === "custom-command" && item.maxWidth && /* @__PURE__ */ jsxDEV(Text, {
+                dimColor: true,
+                children: [
+                  " (max: ",
+                  item.maxWidth,
+                  ")"
+                ]
+              }, undefined, true, undefined, this),
+              item.type === "custom-command" && item.preserveColors && /* @__PURE__ */ jsxDEV(Text, {
+                dimColor: true,
+                children: " (preserve colors)"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
@@ -808,7 +975,7 @@ var ItemsEditor = ({ items, onUpdate, onBack, lineNumber }) => {
   }, undefined, true, undefined, this);
 };
 var ColorMenu = ({ items, onUpdate, onBack }) => {
-  const colorableItems = items.filter((item) => ["model", "git-branch", "tokens-input", "tokens-output", "tokens-cached", "tokens-total", "context-length", "context-percentage", "session-clock", "version", "custom-text"].includes(item.type));
+  const colorableItems = items.filter((item) => ["model", "git-branch", "git-changes", "tokens-input", "tokens-output", "tokens-cached", "tokens-total", "context-length", "context-percentage", "session-clock", "terminal-width", "version", "custom-text", "custom-command"].includes(item.type) && !(item.type === "custom-command" && item.preserveColors));
   const [selectedIndex, setSelectedIndex] = useState(0);
   useInput((input, key) => {
     if (key.escape) {
@@ -871,10 +1038,14 @@ var ColorMenu = ({ items, onUpdate, onBack }) => {
         return "Context Percentage";
       case "session-clock":
         return "Session Clock";
+      case "terminal-width":
+        return "Terminal Width";
       case "version":
         return "Version";
       case "custom-text":
         return `Custom Text (${item.customText || "Empty"})`;
+      case "custom-command":
+        return `Custom Command (${item.commandPath ? item.commandPath.substring(0, 20) + (item.commandPath.length > 20 ? "..." : "") : "No command"})`;
       default:
         return item.type;
     }
@@ -1682,6 +1853,58 @@ function renderSingleLine2(items, settings, data, tokenMetrics, sessionDuration)
         const customText = item.customText || "";
         elements.push({ content: customTextColor(customText), type: "custom-text" });
         break;
+      case "custom-command":
+        if (item.commandPath) {
+          try {
+            const output = execSync2(item.commandPath, {
+              encoding: "utf8",
+              stdio: ["pipe", "pipe", "ignore"],
+              timeout: 1000
+            }).trim();
+            if (output) {
+              let finalOutput = output;
+              if (item.maxWidth && item.maxWidth > 0) {
+                const plainLength = output.replace(/\x1b\[[0-9;]*m/g, "").length;
+                if (plainLength > item.maxWidth) {
+                  let truncated = "";
+                  let currentLength = 0;
+                  let inAnsiCode = false;
+                  let ansiBuffer = "";
+                  for (let i = 0;i < output.length; i++) {
+                    const char = output[i];
+                    if (char === "\x1B") {
+                      inAnsiCode = true;
+                      ansiBuffer = char;
+                    } else if (inAnsiCode) {
+                      ansiBuffer += char;
+                      if (char === "m") {
+                        truncated += ansiBuffer;
+                        inAnsiCode = false;
+                        ansiBuffer = "";
+                      }
+                    } else {
+                      if (currentLength < item.maxWidth) {
+                        truncated += char;
+                        currentLength++;
+                      } else {
+                        break;
+                      }
+                    }
+                  }
+                  finalOutput = truncated;
+                }
+              }
+              if (!item.preserveColors) {
+                const stripped = finalOutput.replace(/\x1b\[[0-9;]*m/g, "");
+                const cmdColor = chalk2[item.color || "white"] || chalk2.white;
+                elements.push({ content: cmdColor(stripped), type: "custom-command" });
+              } else {
+                elements.push({ content: finalOutput, type: "custom-command" });
+              }
+            }
+          } catch {}
+        }
+        break;
     }
   }
   if (elements.length === 0)

package/package.json

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