@kianax/wt 0.1.3 → 0.1.5

package/dist/cli.js

@@ -14851,7 +14851,7 @@ var package_default;
 var init_package = __esm(() => {
   package_default = {
     name: "@kianax/wt",
-    version: "0.1.3",
+    version: "0.1.5",
     description: "Git worktree manager - make worktrees as effortless as branches",
     type: "module",
     main: "dist/cli.js",
@@ -53452,6 +53452,45 @@ var init_version = __esm(() => {
   VERSION2 = package_default.version;
 });
 
+// src/tui/components/columns.ts
+function formatRow(parts) {
+  const { cursor, icon, name, path, age, status, suffix = "" } = parts;
+  const gap = " ".repeat(GAP);
+  return [
+    cursor.padEnd(COLUMNS.cursor),
+    icon.padEnd(COLUMNS.icon),
+    name.padEnd(COLUMNS.name),
+    gap,
+    path.padEnd(COLUMNS.path),
+    gap,
+    age.padEnd(COLUMNS.age),
+    gap,
+    status.padEnd(COLUMNS.status),
+    suffix
+  ].join("");
+}
+function formatHeader() {
+  return formatRow({
+    cursor: "",
+    icon: "",
+    name: "name",
+    path: "path",
+    age: "age",
+    status: "status"
+  });
+}
+var COLUMNS, GAP = 2;
+var init_columns = __esm(() => {
+  COLUMNS = {
+    cursor: 2,
+    icon: 2,
+    name: 20,
+    path: 32,
+    age: 4,
+    status: 8
+  };
+});
+
 // src/tui/components/WorktreeItem.tsx
 function WorktreeItem({
   worktree,
@@ -53466,8 +53505,6 @@ function WorktreeItem({
       }
     }).catch(() => {});
   }, [worktree.path]);
-  const cursor = isSelected ? ">" : " ";
-  const icon = isCurrent ? "●" : "○";
   const path = contractHome(worktree.path);
   let statusBadge = "";
   let statusColor;
@@ -53493,79 +53530,61 @@ function WorktreeItem({
     statusBadge = "synced";
     statusColor = theme.status.synced;
   }
-  const maxPathLen = 32;
-  const displayPath = path.length > maxPathLen ? `...${path.slice(-(maxPathLen - 3))}` : path;
-  const { ahead, behind } = worktree;
-  const nameWidth = 20;
+  const displayPath = path.length > COLUMNS.path ? `...${path.slice(-(COLUMNS.path - 3))}` : path;
   const primarySuffix = worktree.isPrimary ? " *" : "";
-  const maxNameLen = nameWidth - primarySuffix.length;
-  const truncatedName = worktree.name.slice(0, maxNameLen);
-  const namePadding = " ".repeat(nameWidth - truncatedName.length - primarySuffix.length);
-  const pathStr = displayPath.padEnd(32);
-  const ageStr = (age || "").padEnd(4);
-  const statusStr = statusBadge.padEnd(8);
+  const maxNameLen = COLUMNS.name - primarySuffix.length;
+  const displayName = worktree.name.slice(0, maxNameLen) + primarySuffix;
+  const { ahead, behind } = worktree;
+  let syncSuffix = "";
+  if (ahead !== undefined && ahead > 0)
+    syncSuffix += `+${ahead}`;
+  if (behind !== undefined && behind > 0)
+    syncSuffix += `-${behind}`;
+  const rowText = formatRow({
+    cursor: isSelected ? ">" : "",
+    icon: isCurrent ? "●" : "○",
+    name: displayName,
+    path: displayPath,
+    age: age || "",
+    status: statusBadge,
+    suffix: syncSuffix
+  });
+  const cursorEnd = COLUMNS.cursor;
+  const iconEnd = cursorEnd + COLUMNS.icon;
+  const nameEnd = iconEnd + COLUMNS.name;
+  const pathEnd = nameEnd + GAP + COLUMNS.path;
+  const ageEnd = pathEnd + GAP + COLUMNS.age;
+  const statusEnd = ageEnd + GAP + COLUMNS.status;
   return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
     children: [
       /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         color: isSelected ? theme.accent : undefined,
-        children: [
-          cursor,
-          " "
-        ]
-      }, undefined, true, undefined, this),
+        children: rowText.slice(0, cursorEnd)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         color: isCurrent ? theme.accent : "dim",
-        children: icon
+        children: rowText.slice(cursorEnd, iconEnd)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         color: isSelected ? theme.accent : undefined,
-        children: [
-          " ",
-          truncatedName
-        ]
-      }, undefined, true, undefined, this),
-      worktree.isPrimary && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
-        color: theme.status.primary,
-        children: primarySuffix
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
-        children: namePadding
+        children: rowText.slice(iconEnd, nameEnd)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         dimColor: true,
-        children: [
-          " ",
-          pathStr
-        ]
-      }, undefined, true, undefined, this),
+        children: rowText.slice(nameEnd, pathEnd)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         dimColor: true,
-        children: [
-          " ",
-          ageStr
-        ]
-      }, undefined, true, undefined, this),
+        children: rowText.slice(pathEnd, ageEnd)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         color: statusColor,
-        children: [
-          " ",
-          statusStr
-        ]
-      }, undefined, true, undefined, this),
-      ahead !== undefined && ahead > 0 && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
-        color: theme.ui.success,
-        children: [
-          "↑",
-          ahead
-        ]
-      }, undefined, true, undefined, this),
-      behind !== undefined && behind > 0 && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
-        color: theme.status.behind,
-        children: [
-          "↓",
-          behind
-        ]
-      }, undefined, true, undefined, this)
+        children: rowText.slice(ageEnd, statusEnd)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+        color: ahead && ahead > 0 ? theme.ui.success : theme.status.behind,
+        children: rowText.slice(statusEnd)
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
@@ -53574,6 +53593,7 @@ var init_WorktreeItem = __esm(async () => {
   init_log();
   init_paths();
   init_theme();
+  init_columns();
   await init_build2();
   import_react30 = __toESM(require_react(), 1);
   jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
@@ -53640,17 +53660,8 @@ function WorktreeList({
             width: boxWidth - 2,
             children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
               dimColor: true,
-              children: [
-                "    ",
-                "name".padEnd(20),
-                "  ",
-                "path".padEnd(32),
-                "  ",
-                "age".padEnd(4),
-                "  ",
-                "status".padEnd(8)
-              ]
-            }, undefined, true, undefined, this)
+              children: formatHeader()
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
             dimColor: true,
@@ -53692,6 +53703,7 @@ function WorktreeList({
 var jsx_dev_runtime7;
 var init_WorktreeList = __esm(async () => {
   init_version();
+  init_columns();
   await __promiseAll([
     init_build2(),
     init_WorktreeItem()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kianax/wt",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Git worktree manager - make worktrees as effortless as branches",
   "type": "module",
   "main": "dist/cli.js",