@sushant-kum/ccstatus 0.4.0 → 0.4.1

package/dist/{app-BOF26BYJ.js → app-6T35K6F2.js}

@@ -14,7 +14,7 @@ import {
   saveConfigFile,
   snapshotPath,
   writeLinkedLines
-} from "./chunk-WRDBB7IU.js";
+} from "./chunk-3SF24XVL.js";
 
 // src/app.tsx
 import { Box as Box12, Text as Text12, useApp, useInput as useInput10 } from "ink";
@@ -132,7 +132,8 @@ import { Box as Box3, Text as Text3, useInput } from "ink";
 import { useState } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var SEPARATORS = ["powerline", "space", "none"];
-var FIELDS = ["separator", "padding"];
+var ALIGNS = ["left", "center", "right"];
+var FIELDS = ["separator", "padding", "alignColumns", "align"];
 function Defaults({ config, setConfig, goHome }) {
   const [focus, setFocus] = useState(0);
   const d = config.defaults;
@@ -142,11 +143,17 @@ function Defaults({ config, setConfig, goHome }) {
       const i = SEPARATORS.indexOf(d.separator);
       const next = SEPARATORS[(i + dir + SEPARATORS.length) % SEPARATORS.length] ?? d.separator;
       setConfig({ ...config, defaults: { ...d, separator: next } });
-    } else {
+    } else if (field === "padding") {
       const next = Math.min(4, Math.max(0, d.padding + dir));
       if (next !== d.padding) {
         setConfig({ ...config, defaults: { ...d, padding: next } });
       }
+    } else if (field === "alignColumns") {
+      setConfig({ ...config, defaults: { ...d, alignColumns: !d.alignColumns } });
+    } else {
+      const i = ALIGNS.indexOf(d.align);
+      const next = ALIGNS[(i + dir + ALIGNS.length) % ALIGNS.length] ?? d.align;
+      setConfig({ ...config, defaults: { ...d, align: next } });
     }
   };
   useInput((_i, key) => {
@@ -162,21 +169,22 @@ function Defaults({ config, setConfig, goHome }) {
       cycle(1);
     }
   });
-  const row = (idx, name, value) => /* @__PURE__ */ jsxs2(Text3, { color: focus === idx ? "cyan" : void 0, children: [
+  const row = (idx, name, value, note) => /* @__PURE__ */ jsxs2(Text3, { color: focus === idx ? "cyan" : void 0, children: [
     focus === idx ? "\u25B8 " : "  ",
     name,
     ": ",
-    value
+    value,
+    note ? /* @__PURE__ */ jsxs2(Text3, { color: "gray", children: [
+      " ",
+      note
+    ] }) : null
   ] });
   return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx2(Text3, { bold: true, children: "Global defaults" }),
     row(0, "separator", d.separator),
     row(1, "padding", String(d.padding)),
-    /* @__PURE__ */ jsxs2(Text3, { color: "gray", children: [
-      " align: ",
-      d.align,
-      " (stored, not yet applied)"
-    ] }),
+    row(2, "align columns", d.alignColumns ? "on" : "off"),
+    row(3, "align", d.align, d.alignColumns ? void 0 : "(applies when align columns is on)"),
     /* @__PURE__ */ jsx2(Text3, { dimColor: true, children: "\u2191/\u2193 field \xB7 \u2190/\u2192 change \xB7 esc back" })
   ] });
 }
@@ -318,7 +326,7 @@ import { useState as useState3 } from "react";
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var SURFACES = LINKABLE;
 var FIELDS2 = ["raw", "merge", "align"];
-var ALIGNS = ["left", "center", "right"];
+var ALIGNS2 = ["left", "center", "right"];
 var WIDGETS = Object.values(registry);
 var wrap = (i, n) => (i + n) % n;
 var makeId = (type) => `${type}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
@@ -413,7 +421,7 @@ function Items({ config, setConfig, goHome }) {
     } else if (f === "merge") {
       patch({ merge: !cur.merge });
     } else {
-      patch({ align: ALIGNS[wrap(ALIGNS.indexOf(cur.align ?? "left") + dir + 3, 3)] ?? "left" });
+      patch({ align: ALIGNS2[wrap(ALIGNS2.indexOf(cur.align ?? "left") + dir + 3, 3)] ?? "left" });
     }
   };
   const move = (dir) => {

package/dist/{chunk-WRDBB7IU.js → chunk-3SF24XVL.js}

@@ -29,6 +29,35 @@ function itemToCell(item, config, snapshot, commandOutputs) {
 function lineToCells(items, config, snapshot, commandOutputs) {
   return items.map((it) => itemToCell(it, config, snapshot, commandOutputs)).filter((c) => c !== null);
 }
+function justify(text, width, align2) {
+  const deficit = width - text.length;
+  if (deficit <= 0) {
+    return text;
+  }
+  if (align2 === "right") {
+    return " ".repeat(deficit) + text;
+  }
+  if (align2 === "center") {
+    const left = Math.floor(deficit / 2);
+    return " ".repeat(left) + text + " ".repeat(deficit - left);
+  }
+  return text + " ".repeat(deficit);
+}
+function alignColumns(lines, align2) {
+  const widths = [];
+  for (const cells of lines) {
+    cells.forEach((c, i) => {
+      if (!c.flex) {
+        widths[i] = Math.max(widths[i] ?? 0, c.text.length);
+      }
+    });
+  }
+  return lines.map(
+    (cells) => cells.map(
+      (c, i) => c.flex ? c : { ...c, text: justify(c.text, widths[i] ?? c.text.length, align2) }
+    )
+  );
+}
 
 // ../core/src/layout/compose.ts
 function mergeCells(cells) {
@@ -477,7 +506,11 @@ function render(config, snapshot, opts) {
   }
   const outputs = opts.commandOutputs ?? {};
   const theme = Object.hasOwn(config.themes, config.theme) ? config.themes[config.theme] ?? [] : [];
-  const lines = surface.lines.map((items) => lineToCells(items, config, snapshot, outputs)).filter((cells) => cells.length > 0).map((cells) => assignPaletteColors(cells, theme)).map((cells) => ({
+  let lineCells = surface.lines.map((items) => lineToCells(items, config, snapshot, outputs)).filter((cells) => cells.length > 0);
+  if (config.defaults.alignColumns) {
+    lineCells = alignColumns(lineCells, config.defaults.align);
+  }
+  const lines = lineCells.map((cells) => assignPaletteColors(cells, theme)).map((cells) => ({
     segments: composeLine(cells, config.defaults.separator, opts.width, config.defaults.glyph)
   }));
   return { lines };
@@ -662,7 +695,14 @@ var defaultConfig = {
   version: 1,
   theme: "default",
   themes: structuredClone(builtinThemes),
-  defaults: { separator: "powerline", padding: 1, align: "left", glyph: "\u2592", invert: false },
+  defaults: {
+    separator: "powerline",
+    padding: 1,
+    align: "left",
+    glyph: "\u2592",
+    invert: false,
+    alignColumns: false
+  },
   surfaces: {
     band: {
       enabled: true,
@@ -4806,7 +4846,8 @@ var configSchema = external_exports.object({
     padding: external_exports.number().int().min(0).catch(1),
     align,
     glyph: external_exports.string().min(1),
-    invert: external_exports.boolean()
+    invert: external_exports.boolean(),
+    alignColumns: external_exports.boolean()
   }).partial().default({}),
   surfaces: external_exports.object({
     band: surfaceLayoutSchema.optional(),

package/dist/index.js

@@ -4,10 +4,10 @@
 import { jsx } from "react/jsx-runtime";
 var sub = process.argv[2];
 if (sub === "statusline") {
-  const { runStatusline } = await import("./statusline-cmd-AL2OWYAP.js");
+  const { runStatusline } = await import("./statusline-cmd-UZEENPJL.js");
   await runStatusline();
 } else {
   const { render } = await import("ink");
-  const { App } = await import("./app-BOF26BYJ.js");
+  const { App } = await import("./app-6T35K6F2.js");
   render(/* @__PURE__ */ jsx(App, {}));
 }

package/dist/{statusline-cmd-AL2OWYAP.js → statusline-cmd-UZEENPJL.js}

@@ -6,7 +6,7 @@ import {
   render,
   snapshotPath,
   toAnsi
-} from "./chunk-WRDBB7IU.js";
+} from "./chunk-3SF24XVL.js";
 
 // src/statusline-cmd.ts
 function renderStatuslineAnsi(config, snapshot) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sushant-kum/ccstatus",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Interactive configurator (npx @sushant-kum/ccstatus) for the ccstatus Claude Code status bar — band, status line, pane, and threshold toasts from one config.",
   "license": "MIT",
   "author": "Sushant Kumar",