@sushant-kum/ccstatus 0.3.5 → 0.4.1

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

@@ -14,7 +14,7 @@ import {
   saveConfigFile,
   snapshotPath,
   writeLinkedLines
-} from "./chunk-YBBGXKRW.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-YBBGXKRW.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 };
@@ -504,7 +537,27 @@ function toAnsi(model) {
 
 // ../core/src/theme/themes.ts
 var mk = (rows) => rows.map(([fg, bg]) => ({ fg: asIndex(fg), bg: asIndex(bg) }));
+var zip = (fg, bg) => fg.map((f, i) => ({ fg: asIndex(f), bg: asIndex(bg[i] ?? f) }));
 var builtinThemes = {
+  default: mk([
+    [16, 44],
+    [231, 20],
+    [16, 226],
+    [231, 240],
+    [16, 40]
+  ]),
+  nord: zip([16, 254, 231, 231, 16], [73, 239, 25, 96, 152]),
+  "nord-aurora": zip([231, 16, 231, 16, 16], [131, 220, 68, 108, 176]),
+  monokai: zip([235, 255, 235, 16, 235], [148, 238, 186, 141, 81]),
+  solarized: zip([231, 234, 254, 16, 234], [33, 136, 240, 37, 254]),
+  minimal: zip([255, 232, 255, 232, 252], [240, 251, 233, 248, 236]),
+  dracula: zip([235, 235, 235, 235, 231], [141, 253, 204, 117, 236]),
+  catppuccin: zip([235, 255, 235, 235, 235], [176, 238, 150, 210, 111]),
+  gruvbox: zip([16, 235, 235, 16, 235], [167, 214, 246, 109, 142]),
+  onedark: zip([235, 251, 235, 16, 235], [75, 237, 114, 204, 180]),
+  tokyonight: zip([16, 234, 16, 234, 234], [111, 248, 176, 221, 80])
+};
+var legacyBuiltinThemes = {
   default: mk([
     [16, 44],
     [231, 20],
@@ -593,6 +646,30 @@ var builtinThemes = {
     [231, 16]
   ])
 };
+var legacyThemeAliases = {
+  "one-dark": "onedark",
+  "tokyo-night": "tokyonight",
+  classic: "default"
+};
+function sameTheme(a, b) {
+  return a.length === b.length && a.every((s, i) => s.fg === b[i]?.fg && s.bg === b[i]?.bg);
+}
+function withBuiltinThemes(saved) {
+  const out = {};
+  for (const [name, theme] of Object.entries(saved)) {
+    const legacy2 = legacyBuiltinThemes[name];
+    if (legacy2 && sameTheme(theme, legacy2)) {
+      continue;
+    }
+    out[name] = theme;
+  }
+  for (const [name, theme] of Object.entries(builtinThemes)) {
+    if (!Object.hasOwn(out, name)) {
+      out[name] = theme.map((s) => ({ ...s }));
+    }
+  }
+  return out;
+}
 
 // ../core/src/toast.ts
 var TOAST_FIELDS = {
@@ -618,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,
@@ -4762,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(),
@@ -4975,15 +5060,17 @@ function loadConfig(raw) {
     }
     return layout;
   };
-  const cleaned = cleanThemes(p.themes, warn);
-  const themes = Object.keys(cleaned).length ? cleaned : clone2(builtinThemes);
-  if (!Object.hasOwn(themes, "default")) {
-    themes["default"] = clone2(builtinThemes["default"] ?? []);
-  }
+  const themes = withBuiltinThemes(cleanThemes(p.themes, warn));
   let theme = p.theme;
   if (!Object.hasOwn(themes, theme)) {
-    warn(`theme "${theme}" not found; using "default"`);
-    theme = "default";
+    const alias = legacyThemeAliases[theme];
+    if (alias && Object.hasOwn(themes, alias)) {
+      warn(`theme "${theme}" was renamed; using "${alias}"`);
+      theme = alias;
+    } else {
+      warn(`theme "${theme}" not found; using "default"`);
+      theme = "default";
+    }
   }
   const config = {
     version: 1,

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-OX52DYX2.js");
+  const { runStatusline } = await import("./statusline-cmd-UZEENPJL.js");
   await runStatusline();
 } else {
   const { render } = await import("ink");
-  const { App } = await import("./app-TAM7W557.js");
+  const { App } = await import("./app-6T35K6F2.js");
   render(/* @__PURE__ */ jsx(App, {}));
 }

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

@@ -6,7 +6,7 @@ import {
   render,
   snapshotPath,
   toAnsi
-} from "./chunk-YBBGXKRW.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.3.5",
+  "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",