@suds-cli/statusbar 0.1.0-alpha.0 → 0.1.0-alpha.1

package/README.md

@@ -19,33 +19,33 @@ pnpm add @suds-cli/statusbar
 ## Usage
 
 ```typescript
-import { StatusbarModel } from "@suds-cli/statusbar";
-import type { ColorConfig } from "@suds-cli/statusbar";
+import { StatusbarModel } from '@suds-cli/statusbar'
+import type { ColorConfig } from '@suds-cli/statusbar'
 
 const sb = StatusbarModel.new(
-  { foreground: "#ffffff", background: "#F25D94" },  // Pink - first column
-  { foreground: "#ffffff", background: "#3c3836" },  // Gray - second column
-  { foreground: "#ffffff", background: "#A550DF" },  // Purple - third column
-  { foreground: "#ffffff", background: "#6124DF" },  // Indigo - fourth column
-);
+  { foreground: '#ffffff', background: '#F25D94' }, // Pink - first column
+  { foreground: '#ffffff', background: '#3c3836' }, // Gray - second column
+  { foreground: '#ffffff', background: '#A550DF' }, // Purple - third column
+  { foreground: '#ffffff', background: '#6124DF' }, // Indigo - fourth column
+)
 
 // Set size and content
 const updated = sb
   .setSize(80)
-  .setContent("file.txt", "~/.config/nvim", "1/23", "OK");
+  .setContent('file.txt', '~/.config/nvim', '1/23', 'OK')
 
 // Render
-console.log(updated.view());
+console.log(updated.view())
 ```
 
 ## Column Layout
 
-| Column | Alignment | Width | Truncation |
-|--------|-----------|-------|------------|
-| First  | Left      | Auto (max 30 chars) | Yes, with "..." |
+| Column | Alignment | Width                  | Truncation      |
+| ------ | --------- | ---------------------- | --------------- |
+| First  | Left      | Auto (max 30 chars)    | Yes, with "..." |
 | Second | Left      | Flexible (fills space) | Yes, with "..." |
-| Third  | Right     | Auto | No |
-| Fourth | Left      | Auto | No |
+| Third  | Right     | Auto                   | No              |
+| Fourth | Left      | Auto                   | No              |
 
 ## API
 

package/dist/index.cjs

@@ -0,0 +1,162 @@
+'use strict';
+
+var chapstick = require('@suds-cli/chapstick');
+var tea = require('@suds-cli/tea');
+
+// src/model.ts
+var Height = 1;
+var MAX_FIRST_COLUMN_WIDTH = 30;
+function truncate(text, maxWidth) {
+  if (chapstick.width(text) <= maxWidth) {
+    return text;
+  }
+  const ellipsis = "...";
+  const availableWidth = maxWidth - chapstick.width(ellipsis);
+  if (availableWidth <= 0) {
+    return ellipsis.slice(0, maxWidth);
+  }
+  let result = "";
+  for (const char of text) {
+    if (chapstick.width(result + char) > availableWidth) {
+      break;
+    }
+    result += char;
+  }
+  return result + ellipsis;
+}
+var StatusbarModel = class _StatusbarModel {
+  constructor(state) {
+    this.state = state;
+  }
+  /**
+   * Create a new statusbar with column colors.
+   * @param first - Color configuration for the first column
+   * @param second - Color configuration for the second column
+   * @param third - Color configuration for the third column
+   * @param fourth - Color configuration for the fourth column
+   * @returns A new StatusbarModel instance
+   * @public
+   */
+  static new(first, second, third, fourth) {
+    return new _StatusbarModel({
+      width: 0,
+      height: Height,
+      firstColumn: "",
+      secondColumn: "",
+      thirdColumn: "",
+      fourthColumn: "",
+      firstColumnColors: first,
+      secondColumnColors: second,
+      thirdColumnColors: third,
+      fourthColumnColors: fourth
+    });
+  }
+  /**
+   * Set the total width of the statusbar.
+   * @param width - The total width in characters
+   * @returns A new StatusbarModel with updated width
+   * @public
+   */
+  setSize(width) {
+    return new _StatusbarModel({
+      ...this.state,
+      width: Math.max(0, width)
+    });
+  }
+  /**
+   * Set text content for all columns.
+   * @param first - Text for the first column
+   * @param second - Text for the second column
+   * @param third - Text for the third column
+   * @param fourth - Text for the fourth column
+   * @returns A new StatusbarModel with updated content
+   * @public
+   */
+  setContent(first, second, third, fourth) {
+    return new _StatusbarModel({
+      ...this.state,
+      firstColumn: first,
+      secondColumn: second,
+      thirdColumn: third,
+      fourthColumn: fourth
+    });
+  }
+  /**
+   * Update colors for all columns.
+   * @param first - Color configuration for the first column
+   * @param second - Color configuration for the second column
+   * @param third - Color configuration for the third column
+   * @param fourth - Color configuration for the fourth column
+   * @returns A new StatusbarModel with updated colors
+   * @public
+   */
+  setColors(first, second, third, fourth) {
+    return new _StatusbarModel({
+      ...this.state,
+      firstColumnColors: first,
+      secondColumnColors: second,
+      thirdColumnColors: third,
+      fourthColumnColors: fourth
+    });
+  }
+  /**
+   * Handle messages (primarily window resize).
+   * @param msg - The message to handle
+   * @returns A tuple of the updated model and command
+   * @public
+   */
+  update(msg) {
+    if (msg instanceof tea.WindowSizeMsg) {
+      return [this.setSize(msg.width), null];
+    }
+    return [this, null];
+  }
+  /**
+   * Render the statusbar as a string.
+   * @returns The rendered statusbar
+   * @public
+   */
+  view() {
+    const { width: totalWidth } = this.state;
+    if (totalWidth === 0) {
+      return "";
+    }
+    const firstStyle = new chapstick.Style().foreground(this.state.firstColumnColors.foreground).background(this.state.firstColumnColors.background).padding(0, 1).height(Height);
+    const secondStyle = new chapstick.Style().foreground(this.state.secondColumnColors.foreground).background(this.state.secondColumnColors.background).padding(0, 1).height(Height);
+    const thirdStyle = new chapstick.Style().foreground(this.state.thirdColumnColors.foreground).background(this.state.thirdColumnColors.background).padding(0, 1).height(Height).alignHorizontal("right");
+    const fourthStyle = new chapstick.Style().foreground(this.state.fourthColumnColors.foreground).background(this.state.fourthColumnColors.background).padding(0, 1).height(Height);
+    const thirdRendered = thirdStyle.render(this.state.thirdColumn);
+    const fourthRendered = fourthStyle.render(this.state.fourthColumn);
+    const thirdWidth = chapstick.width(thirdRendered);
+    const fourthWidth = chapstick.width(fourthRendered);
+    const maxFirstContentWidth = Math.min(
+      MAX_FIRST_COLUMN_WIDTH,
+      Math.max(0, totalWidth - thirdWidth - fourthWidth - 4)
+      // -4 for second column padding
+    );
+    const firstTruncated = truncate(
+      this.state.firstColumn,
+      maxFirstContentWidth
+    );
+    const firstRendered = firstStyle.render(firstTruncated);
+    const firstWidth = chapstick.width(firstRendered);
+    const secondContentWidth = Math.max(
+      0,
+      totalWidth - firstWidth - thirdWidth - fourthWidth - 2
+      // -2 for padding
+    );
+    const secondTruncated = truncate(
+      this.state.secondColumn,
+      secondContentWidth
+    );
+    const secondRendered = secondStyle.width(secondContentWidth + 2).render(secondTruncated);
+    return [firstRendered, secondRendered, thirdRendered, fourthRendered].join(
+      ""
+    );
+  }
+};
+
+exports.Height = Height;
+exports.StatusbarModel = StatusbarModel;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/model.ts"],"names":["textWidth","WindowSizeMsg","Style"],"mappings":"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","file":"index.cjs","sourcesContent":["import { Style, width as textWidth } from '@suds-cli/chapstick'\nimport { WindowSizeMsg, type Cmd, type Msg } from '@suds-cli/tea'\nimport type { ColorConfig, StatusbarState } from './types.js'\n\n/**\n * Height of the status bar (always 1 row).\n * @public\n */\nexport const Height = 1\n\n/**\n * Maximum width for the first column before truncation.\n * @internal\n */\nconst MAX_FIRST_COLUMN_WIDTH = 30\n\n/**\n * Truncate text with ellipsis if it exceeds maxWidth.\n * @internal\n */\nfunction truncate(text: string, maxWidth: number): string {\n  if (textWidth(text) <= maxWidth) {\n    return text\n  }\n\n  const ellipsis = '...'\n  const availableWidth = maxWidth - textWidth(ellipsis)\n  if (availableWidth <= 0) {\n    return ellipsis.slice(0, maxWidth)\n  }\n\n  let result = ''\n  for (const char of text) {\n    if (textWidth(result + char) > availableWidth) {\n      break\n    }\n    result += char\n  }\n\n  return result + ellipsis\n}\n\n/**\n * StatusbarModel represents a 4-column status bar component.\n * @public\n */\nexport class StatusbarModel {\n  private constructor(private readonly state: StatusbarState) {}\n\n  /**\n   * Create a new statusbar with column colors.\n   * @param first - Color configuration for the first column\n   * @param second - Color configuration for the second column\n   * @param third - Color configuration for the third column\n   * @param fourth - Color configuration for the fourth column\n   * @returns A new StatusbarModel instance\n   * @public\n   */\n  static new(\n    first: ColorConfig,\n    second: ColorConfig,\n    third: ColorConfig,\n    fourth: ColorConfig,\n  ): StatusbarModel {\n    return new StatusbarModel({\n      width: 0,\n      height: Height,\n      firstColumn: '',\n      secondColumn: '',\n      thirdColumn: '',\n      fourthColumn: '',\n      firstColumnColors: first,\n      secondColumnColors: second,\n      thirdColumnColors: third,\n      fourthColumnColors: fourth,\n    })\n  }\n\n  /**\n   * Set the total width of the statusbar.\n   * @param width - The total width in characters\n   * @returns A new StatusbarModel with updated width\n   * @public\n   */\n  setSize(width: number): StatusbarModel {\n    return new StatusbarModel({\n      ...this.state,\n      width: Math.max(0, width),\n    })\n  }\n\n  /**\n   * Set text content for all columns.\n   * @param first - Text for the first column\n   * @param second - Text for the second column\n   * @param third - Text for the third column\n   * @param fourth - Text for the fourth column\n   * @returns A new StatusbarModel with updated content\n   * @public\n   */\n  setContent(\n    first: string,\n    second: string,\n    third: string,\n    fourth: string,\n  ): StatusbarModel {\n    return new StatusbarModel({\n      ...this.state,\n      firstColumn: first,\n      secondColumn: second,\n      thirdColumn: third,\n      fourthColumn: fourth,\n    })\n  }\n\n  /**\n   * Update colors for all columns.\n   * @param first - Color configuration for the first column\n   * @param second - Color configuration for the second column\n   * @param third - Color configuration for the third column\n   * @param fourth - Color configuration for the fourth column\n   * @returns A new StatusbarModel with updated colors\n   * @public\n   */\n  setColors(\n    first: ColorConfig,\n    second: ColorConfig,\n    third: ColorConfig,\n    fourth: ColorConfig,\n  ): StatusbarModel {\n    return new StatusbarModel({\n      ...this.state,\n      firstColumnColors: first,\n      secondColumnColors: second,\n      thirdColumnColors: third,\n      fourthColumnColors: fourth,\n    })\n  }\n\n  /**\n   * Handle messages (primarily window resize).\n   * @param msg - The message to handle\n   * @returns A tuple of the updated model and command\n   * @public\n   */\n  update(msg: Msg): [StatusbarModel, Cmd<Msg>] {\n    if (msg instanceof WindowSizeMsg) {\n      return [this.setSize(msg.width), null]\n    }\n    return [this, null]\n  }\n\n  /**\n   * Render the statusbar as a string.\n   * @returns The rendered statusbar\n   * @public\n   */\n  view(): string {\n    const { width: totalWidth } = this.state\n\n    if (totalWidth === 0) {\n      return ''\n    }\n\n    // Build styled columns\n    const firstStyle = new Style()\n      .foreground(this.state.firstColumnColors.foreground)\n      .background(this.state.firstColumnColors.background)\n      .padding(0, 1)\n      .height(Height)\n\n    const secondStyle = new Style()\n      .foreground(this.state.secondColumnColors.foreground)\n      .background(this.state.secondColumnColors.background)\n      .padding(0, 1)\n      .height(Height)\n\n    const thirdStyle = new Style()\n      .foreground(this.state.thirdColumnColors.foreground)\n      .background(this.state.thirdColumnColors.background)\n      .padding(0, 1)\n      .height(Height)\n      .alignHorizontal('right')\n\n    const fourthStyle = new Style()\n      .foreground(this.state.fourthColumnColors.foreground)\n      .background(this.state.fourthColumnColors.background)\n      .padding(0, 1)\n      .height(Height)\n\n    // Render third and fourth columns (they don't truncate)\n    const thirdRendered = thirdStyle.render(this.state.thirdColumn)\n    const fourthRendered = fourthStyle.render(this.state.fourthColumn)\n    const thirdWidth = textWidth(thirdRendered)\n    const fourthWidth = textWidth(fourthRendered)\n\n    // Calculate max width for first column (limited to 30 chars of content + padding)\n    const maxFirstContentWidth = Math.min(\n      MAX_FIRST_COLUMN_WIDTH,\n      Math.max(0, totalWidth - thirdWidth - fourthWidth - 4), // -4 for second column padding\n    )\n    const firstTruncated = truncate(\n      this.state.firstColumn,\n      maxFirstContentWidth,\n    )\n    const firstRendered = firstStyle.render(firstTruncated)\n    const firstWidth = textWidth(firstRendered)\n\n    // Calculate remaining width for second column\n    const secondContentWidth = Math.max(\n      0,\n      totalWidth - firstWidth - thirdWidth - fourthWidth - 2, // -2 for padding\n    )\n    const secondTruncated = truncate(\n      this.state.secondColumn,\n      secondContentWidth,\n    )\n\n    // Set width for second column to fill remaining space\n    const secondRendered = secondStyle\n      .width(secondContentWidth + 2)\n      .render(secondTruncated)\n\n    // Join columns horizontally\n    return [firstRendered, secondRendered, thirdRendered, fourthRendered].join(\n      '',\n    )\n  }\n}\n"]}

package/dist/{model.d.ts → index.d.cts}

@@ -1,15 +1,25 @@
-import { type Cmd, type Msg } from "@suds-cli/tea";
-import type { ColorConfig } from "./types.js";
+import { Msg, Cmd } from '@suds-cli/tea';
+import { ColorInput } from '@suds-cli/chapstick';
+
+/**
+ * Color configuration for a statusbar column.
+ * @public
+ */
+interface ColorConfig {
+    foreground: ColorInput;
+    background: ColorInput;
+}
+
 /**
  * Height of the status bar (always 1 row).
  * @public
  */
-export declare const Height = 1;
+declare const Height = 1;
 /**
  * StatusbarModel represents a 4-column status bar component.
  * @public
  */
-export declare class StatusbarModel {
+declare class StatusbarModel {
     private readonly state;
     private constructor();
     /**
@@ -63,4 +73,5 @@ export declare class StatusbarModel {
      */
     view(): string;
 }
-//# sourceMappingURL=model.d.ts.map
+
+export { type ColorConfig, Height, StatusbarModel };

package/dist/index.d.ts

@@ -1,3 +1,77 @@
-export { StatusbarModel, Height } from "./model.js";
-export type { ColorConfig } from "./types.js";
-//# sourceMappingURL=index.d.ts.map
+import { Msg, Cmd } from '@suds-cli/tea';
+import { ColorInput } from '@suds-cli/chapstick';
+
+/**
+ * Color configuration for a statusbar column.
+ * @public
+ */
+interface ColorConfig {
+    foreground: ColorInput;
+    background: ColorInput;
+}
+
+/**
+ * Height of the status bar (always 1 row).
+ * @public
+ */
+declare const Height = 1;
+/**
+ * StatusbarModel represents a 4-column status bar component.
+ * @public
+ */
+declare class StatusbarModel {
+    private readonly state;
+    private constructor();
+    /**
+     * Create a new statusbar with column colors.
+     * @param first - Color configuration for the first column
+     * @param second - Color configuration for the second column
+     * @param third - Color configuration for the third column
+     * @param fourth - Color configuration for the fourth column
+     * @returns A new StatusbarModel instance
+     * @public
+     */
+    static new(first: ColorConfig, second: ColorConfig, third: ColorConfig, fourth: ColorConfig): StatusbarModel;
+    /**
+     * Set the total width of the statusbar.
+     * @param width - The total width in characters
+     * @returns A new StatusbarModel with updated width
+     * @public
+     */
+    setSize(width: number): StatusbarModel;
+    /**
+     * Set text content for all columns.
+     * @param first - Text for the first column
+     * @param second - Text for the second column
+     * @param third - Text for the third column
+     * @param fourth - Text for the fourth column
+     * @returns A new StatusbarModel with updated content
+     * @public
+     */
+    setContent(first: string, second: string, third: string, fourth: string): StatusbarModel;
+    /**
+     * Update colors for all columns.
+     * @param first - Color configuration for the first column
+     * @param second - Color configuration for the second column
+     * @param third - Color configuration for the third column
+     * @param fourth - Color configuration for the fourth column
+     * @returns A new StatusbarModel with updated colors
+     * @public
+     */
+    setColors(first: ColorConfig, second: ColorConfig, third: ColorConfig, fourth: ColorConfig): StatusbarModel;
+    /**
+     * Handle messages (primarily window resize).
+     * @param msg - The message to handle
+     * @returns A tuple of the updated model and command
+     * @public
+     */
+    update(msg: Msg): [StatusbarModel, Cmd<Msg>];
+    /**
+     * Render the statusbar as a string.
+     * @returns The rendered statusbar
+     * @public
+     */
+    view(): string;
+}
+
+export { type ColorConfig, Height, StatusbarModel };

package/dist/index.js

@@ -1,2 +1,159 @@
-export { StatusbarModel, Height } from "./model.js";
+import { Style, width } from '@suds-cli/chapstick';
+import { WindowSizeMsg } from '@suds-cli/tea';
+
+// src/model.ts
+var Height = 1;
+var MAX_FIRST_COLUMN_WIDTH = 30;
+function truncate(text, maxWidth) {
+  if (width(text) <= maxWidth) {
+    return text;
+  }
+  const ellipsis = "...";
+  const availableWidth = maxWidth - width(ellipsis);
+  if (availableWidth <= 0) {
+    return ellipsis.slice(0, maxWidth);
+  }
+  let result = "";
+  for (const char of text) {
+    if (width(result + char) > availableWidth) {
+      break;
+    }
+    result += char;
+  }
+  return result + ellipsis;
+}
+var StatusbarModel = class _StatusbarModel {
+  constructor(state) {
+    this.state = state;
+  }
+  /**
+   * Create a new statusbar with column colors.
+   * @param first - Color configuration for the first column
+   * @param second - Color configuration for the second column
+   * @param third - Color configuration for the third column
+   * @param fourth - Color configuration for the fourth column
+   * @returns A new StatusbarModel instance
+   * @public
+   */
+  static new(first, second, third, fourth) {
+    return new _StatusbarModel({
+      width: 0,
+      height: Height,
+      firstColumn: "",
+      secondColumn: "",
+      thirdColumn: "",
+      fourthColumn: "",
+      firstColumnColors: first,
+      secondColumnColors: second,
+      thirdColumnColors: third,
+      fourthColumnColors: fourth
+    });
+  }
+  /**
+   * Set the total width of the statusbar.
+   * @param width - The total width in characters
+   * @returns A new StatusbarModel with updated width
+   * @public
+   */
+  setSize(width) {
+    return new _StatusbarModel({
+      ...this.state,
+      width: Math.max(0, width)
+    });
+  }
+  /**
+   * Set text content for all columns.
+   * @param first - Text for the first column
+   * @param second - Text for the second column
+   * @param third - Text for the third column
+   * @param fourth - Text for the fourth column
+   * @returns A new StatusbarModel with updated content
+   * @public
+   */
+  setContent(first, second, third, fourth) {
+    return new _StatusbarModel({
+      ...this.state,
+      firstColumn: first,
+      secondColumn: second,
+      thirdColumn: third,
+      fourthColumn: fourth
+    });
+  }
+  /**
+   * Update colors for all columns.
+   * @param first - Color configuration for the first column
+   * @param second - Color configuration for the second column
+   * @param third - Color configuration for the third column
+   * @param fourth - Color configuration for the fourth column
+   * @returns A new StatusbarModel with updated colors
+   * @public
+   */
+  setColors(first, second, third, fourth) {
+    return new _StatusbarModel({
+      ...this.state,
+      firstColumnColors: first,
+      secondColumnColors: second,
+      thirdColumnColors: third,
+      fourthColumnColors: fourth
+    });
+  }
+  /**
+   * Handle messages (primarily window resize).
+   * @param msg - The message to handle
+   * @returns A tuple of the updated model and command
+   * @public
+   */
+  update(msg) {
+    if (msg instanceof WindowSizeMsg) {
+      return [this.setSize(msg.width), null];
+    }
+    return [this, null];
+  }
+  /**
+   * Render the statusbar as a string.
+   * @returns The rendered statusbar
+   * @public
+   */
+  view() {
+    const { width: totalWidth } = this.state;
+    if (totalWidth === 0) {
+      return "";
+    }
+    const firstStyle = new Style().foreground(this.state.firstColumnColors.foreground).background(this.state.firstColumnColors.background).padding(0, 1).height(Height);
+    const secondStyle = new Style().foreground(this.state.secondColumnColors.foreground).background(this.state.secondColumnColors.background).padding(0, 1).height(Height);
+    const thirdStyle = new Style().foreground(this.state.thirdColumnColors.foreground).background(this.state.thirdColumnColors.background).padding(0, 1).height(Height).alignHorizontal("right");
+    const fourthStyle = new Style().foreground(this.state.fourthColumnColors.foreground).background(this.state.fourthColumnColors.background).padding(0, 1).height(Height);
+    const thirdRendered = thirdStyle.render(this.state.thirdColumn);
+    const fourthRendered = fourthStyle.render(this.state.fourthColumn);
+    const thirdWidth = width(thirdRendered);
+    const fourthWidth = width(fourthRendered);
+    const maxFirstContentWidth = Math.min(
+      MAX_FIRST_COLUMN_WIDTH,
+      Math.max(0, totalWidth - thirdWidth - fourthWidth - 4)
+      // -4 for second column padding
+    );
+    const firstTruncated = truncate(
+      this.state.firstColumn,
+      maxFirstContentWidth
+    );
+    const firstRendered = firstStyle.render(firstTruncated);
+    const firstWidth = width(firstRendered);
+    const secondContentWidth = Math.max(
+      0,
+      totalWidth - firstWidth - thirdWidth - fourthWidth - 2
+      // -2 for padding
+    );
+    const secondTruncated = truncate(
+      this.state.secondColumn,
+      secondContentWidth
+    );
+    const secondRendered = secondStyle.width(secondContentWidth + 2).render(secondTruncated);
+    return [firstRendered, secondRendered, thirdRendered, fourthRendered].join(
+      ""
+    );
+  }
+};
+
+export { Height, StatusbarModel };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"sources":["../src/model.ts"],"names":["textWidth"],"mappings":"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","file":"index.js","sourcesContent":["import { Style, width as textWidth } from '@suds-cli/chapstick'\nimport { WindowSizeMsg, type Cmd, type Msg } from '@suds-cli/tea'\nimport type { ColorConfig, StatusbarState } from './types.js'\n\n/**\n * Height of the status bar (always 1 row).\n * @public\n */\nexport const Height = 1\n\n/**\n * Maximum width for the first column before truncation.\n * @internal\n */\nconst MAX_FIRST_COLUMN_WIDTH = 30\n\n/**\n * Truncate text with ellipsis if it exceeds maxWidth.\n * @internal\n */\nfunction truncate(text: string, maxWidth: number): string {\n  if (textWidth(text) <= maxWidth) {\n    return text\n  }\n\n  const ellipsis = '...'\n  const availableWidth = maxWidth - textWidth(ellipsis)\n  if (availableWidth <= 0) {\n    return ellipsis.slice(0, maxWidth)\n  }\n\n  let result = ''\n  for (const char of text) {\n    if (textWidth(result + char) > availableWidth) {\n      break\n    }\n    result += char\n  }\n\n  return result + ellipsis\n}\n\n/**\n * StatusbarModel represents a 4-column status bar component.\n * @public\n */\nexport class StatusbarModel {\n  private constructor(private readonly state: StatusbarState) {}\n\n  /**\n   * Create a new statusbar with column colors.\n   * @param first - Color configuration for the first column\n   * @param second - Color configuration for the second column\n   * @param third - Color configuration for the third column\n   * @param fourth - Color configuration for the fourth column\n   * @returns A new StatusbarModel instance\n   * @public\n   */\n  static new(\n    first: ColorConfig,\n    second: ColorConfig,\n    third: ColorConfig,\n    fourth: ColorConfig,\n  ): StatusbarModel {\n    return new StatusbarModel({\n      width: 0,\n      height: Height,\n      firstColumn: '',\n      secondColumn: '',\n      thirdColumn: '',\n      fourthColumn: '',\n      firstColumnColors: first,\n      secondColumnColors: second,\n      thirdColumnColors: third,\n      fourthColumnColors: fourth,\n    })\n  }\n\n  /**\n   * Set the total width of the statusbar.\n   * @param width - The total width in characters\n   * @returns A new StatusbarModel with updated width\n   * @public\n   */\n  setSize(width: number): StatusbarModel {\n    return new StatusbarModel({\n      ...this.state,\n      width: Math.max(0, width),\n    })\n  }\n\n  /**\n   * Set text content for all columns.\n   * @param first - Text for the first column\n   * @param second - Text for the second column\n   * @param third - Text for the third column\n   * @param fourth - Text for the fourth column\n   * @returns A new StatusbarModel with updated content\n   * @public\n   */\n  setContent(\n    first: string,\n    second: string,\n    third: string,\n    fourth: string,\n  ): StatusbarModel {\n    return new StatusbarModel({\n      ...this.state,\n      firstColumn: first,\n      secondColumn: second,\n      thirdColumn: third,\n      fourthColumn: fourth,\n    })\n  }\n\n  /**\n   * Update colors for all columns.\n   * @param first - Color configuration for the first column\n   * @param second - Color configuration for the second column\n   * @param third - Color configuration for the third column\n   * @param fourth - Color configuration for the fourth column\n   * @returns A new StatusbarModel with updated colors\n   * @public\n   */\n  setColors(\n    first: ColorConfig,\n    second: ColorConfig,\n    third: ColorConfig,\n    fourth: ColorConfig,\n  ): StatusbarModel {\n    return new StatusbarModel({\n      ...this.state,\n      firstColumnColors: first,\n      secondColumnColors: second,\n      thirdColumnColors: third,\n      fourthColumnColors: fourth,\n    })\n  }\n\n  /**\n   * Handle messages (primarily window resize).\n   * @param msg - The message to handle\n   * @returns A tuple of the updated model and command\n   * @public\n   */\n  update(msg: Msg): [StatusbarModel, Cmd<Msg>] {\n    if (msg instanceof WindowSizeMsg) {\n      return [this.setSize(msg.width), null]\n    }\n    return [this, null]\n  }\n\n  /**\n   * Render the statusbar as a string.\n   * @returns The rendered statusbar\n   * @public\n   */\n  view(): string {\n    const { width: totalWidth } = this.state\n\n    if (totalWidth === 0) {\n      return ''\n    }\n\n    // Build styled columns\n    const firstStyle = new Style()\n      .foreground(this.state.firstColumnColors.foreground)\n      .background(this.state.firstColumnColors.background)\n      .padding(0, 1)\n      .height(Height)\n\n    const secondStyle = new Style()\n      .foreground(this.state.secondColumnColors.foreground)\n      .background(this.state.secondColumnColors.background)\n      .padding(0, 1)\n      .height(Height)\n\n    const thirdStyle = new Style()\n      .foreground(this.state.thirdColumnColors.foreground)\n      .background(this.state.thirdColumnColors.background)\n      .padding(0, 1)\n      .height(Height)\n      .alignHorizontal('right')\n\n    const fourthStyle = new Style()\n      .foreground(this.state.fourthColumnColors.foreground)\n      .background(this.state.fourthColumnColors.background)\n      .padding(0, 1)\n      .height(Height)\n\n    // Render third and fourth columns (they don't truncate)\n    const thirdRendered = thirdStyle.render(this.state.thirdColumn)\n    const fourthRendered = fourthStyle.render(this.state.fourthColumn)\n    const thirdWidth = textWidth(thirdRendered)\n    const fourthWidth = textWidth(fourthRendered)\n\n    // Calculate max width for first column (limited to 30 chars of content + padding)\n    const maxFirstContentWidth = Math.min(\n      MAX_FIRST_COLUMN_WIDTH,\n      Math.max(0, totalWidth - thirdWidth - fourthWidth - 4), // -4 for second column padding\n    )\n    const firstTruncated = truncate(\n      this.state.firstColumn,\n      maxFirstContentWidth,\n    )\n    const firstRendered = firstStyle.render(firstTruncated)\n    const firstWidth = textWidth(firstRendered)\n\n    // Calculate remaining width for second column\n    const secondContentWidth = Math.max(\n      0,\n      totalWidth - firstWidth - thirdWidth - fourthWidth - 2, // -2 for padding\n    )\n    const secondTruncated = truncate(\n      this.state.secondColumn,\n      secondContentWidth,\n    )\n\n    // Set width for second column to fill remaining space\n    const secondRendered = secondStyle\n      .width(secondContentWidth + 2)\n      .render(secondTruncated)\n\n    // Join columns horizontally\n    return [firstRendered, secondRendered, thirdRendered, fourthRendered].join(\n      '',\n    )\n  }\n}\n"]}

package/package.json

@@ -1,31 +1,44 @@
 {
   "name": "@suds-cli/statusbar",
-  "version": "0.1.0-alpha.0",
   "description": "Status bar component for Suds terminal UIs",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "version": "0.1.0-alpha.1",
   "dependencies": {
-    "@suds-cli/chapstick": "0.1.0-alpha.0",
-    "@suds-cli/tea": "0.0.0"
+    "@suds-cli/chapstick": "0.1.0-alpha.1",
+    "@suds-cli/tea": "0.1.0-alpha.0"
   },
   "devDependencies": {
     "typescript": "5.8.2",
-    "vitest": "^4.0.15"
+    "vitest": "^4.0.16"
   },
   "engines": {
     "node": ">=20.0.0"
   },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "type": "module",
+  "types": "./dist/index.d.ts",
   "scripts": {
-    "clean": "rm -rf dist",
-    "build": "pnpm run clean && tsc -p ./tsconfig.json",
-    "test": "vitest run",
-    "generate:api-report": "api-extractor run --local",
+    "build": "tsup",
     "check:api-report": "pnpm run generate:api-report",
     "check:eslint": "pnpm run lint",
-    "lint": "eslint \"{src,test}/**/*.{ts,tsx}\""
+    "generate:api-report": "api-extractor run --local",
+    "lint": "eslint \"{src,test}/**/*.{ts,tsx}\"",
+    "test": "vitest run"
   }
 }

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../src/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,YAAY,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,MAAM,IAAI,CAAC;AAkCxB;;;GAGG;AACH,qBAAa,cAAc;IACL,OAAO,CAAC,QAAQ,CAAC,KAAK;IAA1C,OAAO;IAEP;;;;;;;;OAQG;IACH,MAAM,CAAC,GAAG,CACR,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,WAAW,GAClB,cAAc;IAejB;;;;;OAKG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;IAOtC;;;;;;;;OAQG;IACH,UAAU,CACR,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,cAAc;IAUjB;;;;;;;;OAQG;IACH,SAAS,CACP,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,WAAW,GAClB,cAAc;IAUjB;;;;;OAKG;IACH,MAAM,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,cAAc,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAO5C;;;;OAIG;IACH,IAAI,IAAI,MAAM;CA8Df"}

package/dist/model.js

@@ -1,179 +0,0 @@
-import { Style, width as textWidth } from "@suds-cli/chapstick";
-import { WindowSizeMsg } from "@suds-cli/tea";
-/**
- * Height of the status bar (always 1 row).
- * @public
- */
-export const Height = 1;
-/**
- * Maximum width for the first column before truncation.
- * @internal
- */
-const MAX_FIRST_COLUMN_WIDTH = 30;
-/**
- * Truncate text with ellipsis if it exceeds maxWidth.
- * @internal
- */
-function truncate(text, maxWidth) {
-    if (textWidth(text) <= maxWidth) {
-        return text;
-    }
-    const ellipsis = "...";
-    const availableWidth = maxWidth - textWidth(ellipsis);
-    if (availableWidth <= 0) {
-        return ellipsis.slice(0, maxWidth);
-    }
-    let result = "";
-    for (const char of text) {
-        if (textWidth(result + char) > availableWidth) {
-            break;
-        }
-        result += char;
-    }
-    return result + ellipsis;
-}
-/**
- * StatusbarModel represents a 4-column status bar component.
- * @public
- */
-export class StatusbarModel {
-    state;
-    constructor(state) {
-        this.state = state;
-    }
-    /**
-     * Create a new statusbar with column colors.
-     * @param first - Color configuration for the first column
-     * @param second - Color configuration for the second column
-     * @param third - Color configuration for the third column
-     * @param fourth - Color configuration for the fourth column
-     * @returns A new StatusbarModel instance
-     * @public
-     */
-    static new(first, second, third, fourth) {
-        return new StatusbarModel({
-            width: 0,
-            height: Height,
-            firstColumn: "",
-            secondColumn: "",
-            thirdColumn: "",
-            fourthColumn: "",
-            firstColumnColors: first,
-            secondColumnColors: second,
-            thirdColumnColors: third,
-            fourthColumnColors: fourth,
-        });
-    }
-    /**
-     * Set the total width of the statusbar.
-     * @param width - The total width in characters
-     * @returns A new StatusbarModel with updated width
-     * @public
-     */
-    setSize(width) {
-        return new StatusbarModel({
-            ...this.state,
-            width: Math.max(0, width),
-        });
-    }
-    /**
-     * Set text content for all columns.
-     * @param first - Text for the first column
-     * @param second - Text for the second column
-     * @param third - Text for the third column
-     * @param fourth - Text for the fourth column
-     * @returns A new StatusbarModel with updated content
-     * @public
-     */
-    setContent(first, second, third, fourth) {
-        return new StatusbarModel({
-            ...this.state,
-            firstColumn: first,
-            secondColumn: second,
-            thirdColumn: third,
-            fourthColumn: fourth,
-        });
-    }
-    /**
-     * Update colors for all columns.
-     * @param first - Color configuration for the first column
-     * @param second - Color configuration for the second column
-     * @param third - Color configuration for the third column
-     * @param fourth - Color configuration for the fourth column
-     * @returns A new StatusbarModel with updated colors
-     * @public
-     */
-    setColors(first, second, third, fourth) {
-        return new StatusbarModel({
-            ...this.state,
-            firstColumnColors: first,
-            secondColumnColors: second,
-            thirdColumnColors: third,
-            fourthColumnColors: fourth,
-        });
-    }
-    /**
-     * Handle messages (primarily window resize).
-     * @param msg - The message to handle
-     * @returns A tuple of the updated model and command
-     * @public
-     */
-    update(msg) {
-        if (msg instanceof WindowSizeMsg) {
-            return [this.setSize(msg.width), null];
-        }
-        return [this, null];
-    }
-    /**
-     * Render the statusbar as a string.
-     * @returns The rendered statusbar
-     * @public
-     */
-    view() {
-        const { width: totalWidth } = this.state;
-        if (totalWidth === 0) {
-            return "";
-        }
-        // Build styled columns
-        const firstStyle = new Style()
-            .foreground(this.state.firstColumnColors.foreground)
-            .background(this.state.firstColumnColors.background)
-            .padding(0, 1)
-            .height(Height);
-        const secondStyle = new Style()
-            .foreground(this.state.secondColumnColors.foreground)
-            .background(this.state.secondColumnColors.background)
-            .padding(0, 1)
-            .height(Height);
-        const thirdStyle = new Style()
-            .foreground(this.state.thirdColumnColors.foreground)
-            .background(this.state.thirdColumnColors.background)
-            .padding(0, 1)
-            .height(Height)
-            .alignHorizontal("right");
-        const fourthStyle = new Style()
-            .foreground(this.state.fourthColumnColors.foreground)
-            .background(this.state.fourthColumnColors.background)
-            .padding(0, 1)
-            .height(Height);
-        // Render third and fourth columns (they don't truncate)
-        const thirdRendered = thirdStyle.render(this.state.thirdColumn);
-        const fourthRendered = fourthStyle.render(this.state.fourthColumn);
-        const thirdWidth = textWidth(thirdRendered);
-        const fourthWidth = textWidth(fourthRendered);
-        // Calculate max width for first column (limited to 30 chars of content + padding)
-        const maxFirstContentWidth = Math.min(MAX_FIRST_COLUMN_WIDTH, Math.max(0, totalWidth - thirdWidth - fourthWidth - 4));
-        const firstTruncated = truncate(this.state.firstColumn, maxFirstContentWidth);
-        const firstRendered = firstStyle.render(firstTruncated);
-        const firstWidth = textWidth(firstRendered);
-        // Calculate remaining width for second column
-        const secondContentWidth = Math.max(0, totalWidth - firstWidth - thirdWidth - fourthWidth - 2);
-        const secondTruncated = truncate(this.state.secondColumn, secondContentWidth);
-        // Set width for second column to fill remaining space
-        const secondRendered = secondStyle.width(secondContentWidth + 2).render(secondTruncated);
-        // Join columns horizontally
-        return [firstRendered, secondRendered, thirdRendered, fourthRendered]
-            .join("");
-    }
-}
-//# sourceMappingURL=model.js.map

package/dist/model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../src/model.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -1,26 +0,0 @@
-import type { ColorInput } from "@suds-cli/chapstick";
-/**
- * Color configuration for a statusbar column.
- * @public
- */
-export interface ColorConfig {
-    foreground: ColorInput;
-    background: ColorInput;
-}
-/**
- * Internal state for the statusbar model.
- * @internal
- */
-export interface StatusbarState {
-    width: number;
-    height: number;
-    firstColumn: string;
-    secondColumn: string;
-    thirdColumn: string;
-    fourthColumn: string;
-    firstColumnColors: ColorConfig;
-    secondColumnColors: ColorConfig;
-    thirdColumnColors: ColorConfig;
-    fourthColumnColors: ColorConfig;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,WAAW,CAAC;IAC/B,kBAAkB,EAAE,WAAW,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,kBAAkB,EAAE,WAAW,CAAC;CACjC"}

package/dist/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}