@tuicomponents/sparkline 0.1.1

package/dist/index.cjs

@@ -0,0 +1,185 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  HEIGHT_BLOCKS: () => HEIGHT_BLOCKS,
+  SparklineComponent: () => SparklineComponent,
+  computeSparklineLayout: () => computeSparklineLayout,
+  createSparkline: () => createSparkline,
+  renderSparklineAnsi: () => renderSparklineAnsi,
+  renderSparklineMarkdown: () => renderSparklineMarkdown,
+  sparklineInputSchema: () => sparklineInputSchema
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/sparkline.ts
+var import_core2 = require("@tuicomponents/core");
+
+// src/schema.ts
+var import_zod = require("zod");
+var sparklineInputSchema = import_zod.z.object({
+  /** Array of numeric data points to visualize (at least 1 required) */
+  values: import_zod.z.array(import_zod.z.number()).min(1),
+  /** Compress output to this width if less than values.length */
+  width: import_zod.z.number().int().positive().optional(),
+  /** Explicit minimum value for scaling (defaults to min of values) */
+  min: import_zod.z.number().optional(),
+  /** Explicit maximum value for scaling (defaults to max of values) */
+  max: import_zod.z.number().optional(),
+  /** Optional label prefix (e.g., "CPU: ") */
+  label: import_zod.z.string().optional()
+});
+
+// src/layout.ts
+var HEIGHT_BLOCKS = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
+var MIDDLE_BLOCK_INDEX = 4;
+function valueToBlockIndex(value, min, max) {
+  if (max === min) {
+    return MIDDLE_BLOCK_INDEX;
+  }
+  const normalized = (value - min) / (max - min);
+  const index = Math.floor(normalized * 8);
+  return Math.max(0, Math.min(7, index));
+}
+function bucketValues(values, targetWidth) {
+  if (targetWidth >= values.length) {
+    return values;
+  }
+  const result = [];
+  const bucketSize = values.length / targetWidth;
+  for (let i = 0; i < targetWidth; i++) {
+    const startIndex = Math.floor(i * bucketSize);
+    const endIndex = Math.floor((i + 1) * bucketSize);
+    let sum = 0;
+    let count = 0;
+    for (let j = startIndex; j < endIndex && j < values.length; j++) {
+      const value = values[j];
+      if (value !== void 0) {
+        sum += value;
+        count++;
+      }
+    }
+    result.push(count > 0 ? sum / count : 0);
+  }
+  return result;
+}
+function computeSparklineLayout(input) {
+  const { values, width, min: explicitMin, max: explicitMax, label } = input;
+  const displayValues = width !== void 0 && width < values.length ? bucketValues(values, width) : values;
+  const actualMin = Math.min(...displayValues);
+  const actualMax = Math.max(...displayValues);
+  const min = explicitMin ?? actualMin;
+  const max = explicitMax ?? actualMax;
+  const blocks = displayValues.map((v) => {
+    const clampedValue = Math.max(min, Math.min(max, v));
+    const index = valueToBlockIndex(clampedValue, min, max);
+    return HEIGHT_BLOCKS[index];
+  }).join("");
+  const labelWidth = label?.length ?? 0;
+  const blocksWidth = displayValues.length;
+  const totalWidth = labelWidth + blocksWidth;
+  return {
+    blocks,
+    label,
+    totalWidth
+  };
+}
+
+// src/renderers.ts
+var import_core = require("@tuicomponents/core");
+function renderSparklineAnsi(layout, theme) {
+  const { blocks, label } = layout;
+  const styledBlocks = theme ? theme.semantic.primary(blocks) : blocks;
+  const styledLabel = label ? theme ? theme.semantic.header(label) : label : "";
+  return styledLabel + styledBlocks;
+}
+function renderSparklineMarkdown(layout, context) {
+  const { blocks, label } = layout;
+  const styledBlocks = context.style.secondary(blocks);
+  const styledLabel = label ?? "";
+  return (0, import_core.anchorLine)(styledLabel + styledBlocks, import_core.DEFAULT_ANCHOR);
+}
+
+// src/sparkline.ts
+var SparklineComponent = class extends import_core2.BaseTuiComponent {
+  metadata = {
+    name: "sparkline",
+    description: "Compact inline sparkline visualization using height block characters (\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588)",
+    version: "0.1.0",
+    supportedModes: ["ansi", "markdown"],
+    examples: [
+      {
+        name: "basic",
+        description: "Simple ascending values",
+        input: { values: [1, 2, 3, 4, 5, 6, 7, 8] }
+      },
+      {
+        name: "with-label",
+        description: "Sparkline with a label prefix",
+        input: { values: [10, 25, 40, 35, 50, 45, 60], label: "Revenue: " }
+      },
+      {
+        name: "compressed",
+        description: "Data compressed to fewer columns",
+        input: {
+          values: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          width: 6
+        }
+      },
+      {
+        name: "explicit-range",
+        description: "Values scaled to explicit min/max range",
+        input: {
+          values: [50, 60, 70, 65, 75],
+          min: 0,
+          max: 100
+        }
+      }
+    ]
+  };
+  schema = sparklineInputSchema;
+  render(input, context) {
+    const parsed = this.schema.parse(input);
+    const layout = computeSparklineLayout(parsed);
+    const output = context.renderMode === "markdown" ? renderSparklineMarkdown(layout, context) : renderSparklineAnsi(layout, context.theme);
+    const measured = (0, import_core2.measureLines)(output);
+    return {
+      output,
+      actualWidth: measured.maxWidth,
+      lineCount: measured.lineCount
+    };
+  }
+};
+function createSparkline() {
+  return new SparklineComponent();
+}
+import_core2.registry.register(createSparkline);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HEIGHT_BLOCKS,
+  SparklineComponent,
+  computeSparklineLayout,
+  createSparkline,
+  renderSparklineAnsi,
+  renderSparklineMarkdown,
+  sparklineInputSchema
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/sparkline.ts","../src/schema.ts","../src/layout.ts","../src/renderers.ts"],"sourcesContent":["// Component exports\nexport { createSparkline, SparklineComponent } from \"./sparkline.js\";\n\n// Schema exports\nexport {\n  sparklineInputSchema,\n  type SparklineInput,\n  type SparklineInputWithDefaults,\n} from \"./schema.js\";\n\n// Layout exports (for advanced usage)\nexport {\n  HEIGHT_BLOCKS,\n  computeSparklineLayout,\n  type SparklineLayout,\n} from \"./layout.js\";\n\n// Renderer exports (for advanced usage)\nexport { renderSparklineAnsi, renderSparklineMarkdown } from \"./renderers.js\";\n","import {\n  BaseTuiComponent,\n  measureLines,\n  registry,\n  type ComponentMetadata,\n  type RenderContext,\n  type RenderResult,\n} from \"@tuicomponents/core\";\nimport { sparklineInputSchema, type SparklineInput } from \"./schema.js\";\nimport { computeSparklineLayout } from \"./layout.js\";\nimport { renderSparklineAnsi, renderSparklineMarkdown } from \"./renderers.js\";\n\n/**\n * Sparkline component for compact inline data visualization.\n *\n * Renders numeric data as a row of height block characters: ▁▂▃▄▅▆▇█\n *\n * @example\n * ```ts\n * const sparkline = createSparkline();\n * const result = sparkline.render(\n *   { values: [1, 3, 5, 7, 6, 4, 2], label: \"Trend: \" },\n *   context\n * );\n * // Output: \"Trend: ▁▃▅▇▆▄▂\"\n * ```\n */\nexport class SparklineComponent extends BaseTuiComponent<\n  SparklineInput,\n  typeof sparklineInputSchema\n> {\n  readonly metadata: ComponentMetadata<SparklineInput> = {\n    name: \"sparkline\",\n    description:\n      \"Compact inline sparkline visualization using height block characters (▁▂▃▄▅▆▇█)\",\n    version: \"0.1.0\",\n    supportedModes: [\"ansi\", \"markdown\"],\n    examples: [\n      {\n        name: \"basic\",\n        description: \"Simple ascending values\",\n        input: { values: [1, 2, 3, 4, 5, 6, 7, 8] },\n      },\n      {\n        name: \"with-label\",\n        description: \"Sparkline with a label prefix\",\n        input: { values: [10, 25, 40, 35, 50, 45, 60], label: \"Revenue: \" },\n      },\n      {\n        name: \"compressed\",\n        description: \"Data compressed to fewer columns\",\n        input: {\n          values: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],\n          width: 6,\n        },\n      },\n      {\n        name: \"explicit-range\",\n        description: \"Values scaled to explicit min/max range\",\n        input: {\n          values: [50, 60, 70, 65, 75],\n          min: 0,\n          max: 100,\n        },\n      },\n    ],\n  };\n\n  readonly schema = sparklineInputSchema;\n\n  render(input: SparklineInput, context: RenderContext): RenderResult {\n    // Parse input (applies defaults)\n    const parsed = this.schema.parse(input);\n\n    // Compute layout\n    const layout = computeSparklineLayout(parsed);\n\n    // Render based on mode\n    const output =\n      context.renderMode === \"markdown\"\n        ? renderSparklineMarkdown(layout, context)\n        : renderSparklineAnsi(layout, context.theme);\n\n    // Measure output\n    const measured = measureLines(output);\n\n    return {\n      output,\n      actualWidth: measured.maxWidth,\n      lineCount: measured.lineCount,\n    };\n  }\n}\n\n/**\n * Factory function to create a SparklineComponent instance.\n */\nexport function createSparkline(): SparklineComponent {\n  return new SparklineComponent();\n}\n\n// Auto-register with global registry\nregistry.register(createSparkline);\n","import { z } from \"zod\";\n\n/**\n * Input schema for the sparkline component.\n */\nexport const sparklineInputSchema = z.object({\n  /** Array of numeric data points to visualize (at least 1 required) */\n  values: z.array(z.number()).min(1),\n  /** Compress output to this width if less than values.length */\n  width: z.number().int().positive().optional(),\n  /** Explicit minimum value for scaling (defaults to min of values) */\n  min: z.number().optional(),\n  /** Explicit maximum value for scaling (defaults to max of values) */\n  max: z.number().optional(),\n  /** Optional label prefix (e.g., \"CPU: \") */\n  label: z.string().optional(),\n});\n\n/**\n * Input type for the sparkline component (before defaults applied).\n */\nexport type SparklineInput = z.input<typeof sparklineInputSchema>;\n\n/**\n * Input type for the sparkline component (after defaults applied).\n */\nexport type SparklineInputWithDefaults = z.output<typeof sparklineInputSchema>;\n","import type { SparklineInputWithDefaults } from \"./schema.js\";\n\n/**\n * Height block characters from lowest to highest.\n * Index 0 is the shortest bar, index 7 is the tallest.\n */\nexport const HEIGHT_BLOCKS = [\"▁\", \"▂\", \"▃\", \"▄\", \"▅\", \"▆\", \"▇\", \"█\"] as const;\n\n/**\n * Middle block index (used when all values are equal).\n */\nconst MIDDLE_BLOCK_INDEX = 4;\n\n/**\n * Layout information for a sparkline.\n */\nexport interface SparklineLayout {\n  /** The computed sparkline string (blocks only) */\n  blocks: string;\n  /** Optional label prefix */\n  label: string | undefined;\n  /** Total visual width of the output */\n  totalWidth: number;\n}\n\n/**\n * Map a value to a height block index (0-7).\n *\n * @param value - The value to map\n * @param min - Minimum value in the range\n * @param max - Maximum value in the range\n * @returns Block index (0-7)\n */\nfunction valueToBlockIndex(value: number, min: number, max: number): number {\n  // If min === max, all values are equal, use middle block\n  if (max === min) {\n    return MIDDLE_BLOCK_INDEX;\n  }\n\n  // Normalize value to 0-1 range\n  const normalized = (value - min) / (max - min);\n\n  // Scale to 0-7 range and clamp\n  // We use Math.floor and then clamp to ensure we get 0-7\n  const index = Math.floor(normalized * 8);\n\n  // Clamp to valid range (handles edge cases like value === max)\n  return Math.max(0, Math.min(7, index));\n}\n\n/**\n * Bucket values into groups and return averaged values.\n *\n * @param values - Array of values to bucket\n * @param targetWidth - Target number of buckets\n * @returns Array of averaged values\n */\nfunction bucketValues(values: number[], targetWidth: number): number[] {\n  if (targetWidth >= values.length) {\n    return values;\n  }\n\n  const result: number[] = [];\n  const bucketSize = values.length / targetWidth;\n\n  for (let i = 0; i < targetWidth; i++) {\n    const startIndex = Math.floor(i * bucketSize);\n    const endIndex = Math.floor((i + 1) * bucketSize);\n\n    // Calculate average for this bucket\n    let sum = 0;\n    let count = 0;\n    for (let j = startIndex; j < endIndex && j < values.length; j++) {\n      const value = values[j];\n      if (value !== undefined) {\n        sum += value;\n        count++;\n      }\n    }\n\n    result.push(count > 0 ? sum / count : 0);\n  }\n\n  return result;\n}\n\n/**\n * Compute the layout for a sparkline.\n *\n * @param input - Validated sparkline input\n * @returns Layout information\n */\nexport function computeSparklineLayout(\n  input: SparklineInputWithDefaults\n): SparklineLayout {\n  const { values, width, min: explicitMin, max: explicitMax, label } = input;\n\n  // Apply width compression if needed\n  const displayValues =\n    width !== undefined && width < values.length\n      ? bucketValues(values, width)\n      : values;\n\n  // Determine min/max for scaling\n  const actualMin = Math.min(...displayValues);\n  const actualMax = Math.max(...displayValues);\n  const min = explicitMin ?? actualMin;\n  const max = explicitMax ?? actualMax;\n\n  // Convert values to block characters\n  const blocks = displayValues\n    .map((v) => {\n      // Clamp value to explicit min/max range if provided\n      const clampedValue = Math.max(min, Math.min(max, v));\n      const index = valueToBlockIndex(clampedValue, min, max);\n      return HEIGHT_BLOCKS[index];\n    })\n    .join(\"\");\n\n  // Calculate total width\n  const labelWidth = label?.length ?? 0;\n  const blocksWidth = displayValues.length;\n  const totalWidth = labelWidth + blocksWidth;\n\n  return {\n    blocks,\n    label,\n    totalWidth,\n  };\n}\n","import {\n  anchorLine,\n  DEFAULT_ANCHOR,\n  type RenderContext,\n} from \"@tuicomponents/core\";\nimport type { TuiTheme } from \"@tuicomponents/core\";\nimport type { SparklineLayout } from \"./layout.js\";\n\n/**\n * Render a sparkline in ANSI mode.\n *\n * @param layout - Computed sparkline layout\n * @param theme - Optional theme for styling\n * @returns Rendered ANSI string\n */\nexport function renderSparklineAnsi(\n  layout: SparklineLayout,\n  theme?: TuiTheme\n): string {\n  const { blocks, label } = layout;\n\n  // Apply theme if available\n  const styledBlocks = theme ? theme.semantic.primary(blocks) : blocks;\n  const styledLabel = label\n    ? theme\n      ? theme.semantic.header(label)\n      : label\n    : \"\";\n\n  return styledLabel + styledBlocks;\n}\n\n/**\n * Render a sparkline in markdown mode.\n *\n * Uses context.style.secondary() to apply semantic styling to the blocks,\n * which wraps them in backticks for visual distinction in markdown renderers.\n * The anchor character is prepended to preserve leading whitespace.\n *\n * @param layout - Computed sparkline layout\n * @param context - Render context for styling\n * @returns Rendered markdown string\n */\nexport function renderSparklineMarkdown(\n  layout: SparklineLayout,\n  context: RenderContext\n): string {\n  const { blocks, label } = layout;\n\n  // Apply secondary styling to the data blocks\n  // In markdown mode, this wraps in backticks for visual distinction\n  const styledBlocks = context.style.secondary(blocks);\n  const styledLabel = label ?? \"\";\n\n  // Add anchor to preserve leading whitespace in markdown\n  return anchorLine(styledLabel + styledBlocks, DEFAULT_ANCHOR);\n}\n"],"mappings":"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","names":["import_core"]}

package/dist/index.d.cts

@@ -0,0 +1,129 @@
+import * as zod from 'zod';
+import { z } from 'zod';
+import { BaseTuiComponent, ComponentMetadata, RenderContext, RenderResult, TuiTheme } from '@tuicomponents/core';
+
+/**
+ * Input schema for the sparkline component.
+ */
+declare const sparklineInputSchema: z.ZodObject<{
+    /** Array of numeric data points to visualize (at least 1 required) */
+    values: z.ZodArray<z.ZodNumber, "many">;
+    /** Compress output to this width if less than values.length */
+    width: z.ZodOptional<z.ZodNumber>;
+    /** Explicit minimum value for scaling (defaults to min of values) */
+    min: z.ZodOptional<z.ZodNumber>;
+    /** Explicit maximum value for scaling (defaults to max of values) */
+    max: z.ZodOptional<z.ZodNumber>;
+    /** Optional label prefix (e.g., "CPU: ") */
+    label: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    values: number[];
+    width?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    label?: string | undefined;
+}, {
+    values: number[];
+    width?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    label?: string | undefined;
+}>;
+/**
+ * Input type for the sparkline component (before defaults applied).
+ */
+type SparklineInput = z.input<typeof sparklineInputSchema>;
+/**
+ * Input type for the sparkline component (after defaults applied).
+ */
+type SparklineInputWithDefaults = z.output<typeof sparklineInputSchema>;
+
+/**
+ * Sparkline component for compact inline data visualization.
+ *
+ * Renders numeric data as a row of height block characters: ▁▂▃▄▅▆▇█
+ *
+ * @example
+ * ```ts
+ * const sparkline = createSparkline();
+ * const result = sparkline.render(
+ *   { values: [1, 3, 5, 7, 6, 4, 2], label: "Trend: " },
+ *   context
+ * );
+ * // Output: "Trend: ▁▃▅▇▆▄▂"
+ * ```
+ */
+declare class SparklineComponent extends BaseTuiComponent<SparklineInput, typeof sparklineInputSchema> {
+    readonly metadata: ComponentMetadata<SparklineInput>;
+    readonly schema: zod.ZodObject<{
+        values: zod.ZodArray<zod.ZodNumber, "many">;
+        width: zod.ZodOptional<zod.ZodNumber>;
+        min: zod.ZodOptional<zod.ZodNumber>;
+        max: zod.ZodOptional<zod.ZodNumber>;
+        label: zod.ZodOptional<zod.ZodString>;
+    }, "strip", zod.ZodTypeAny, {
+        values: number[];
+        width?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        label?: string | undefined;
+    }, {
+        values: number[];
+        width?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        label?: string | undefined;
+    }>;
+    render(input: SparklineInput, context: RenderContext): RenderResult;
+}
+/**
+ * Factory function to create a SparklineComponent instance.
+ */
+declare function createSparkline(): SparklineComponent;
+
+/**
+ * Height block characters from lowest to highest.
+ * Index 0 is the shortest bar, index 7 is the tallest.
+ */
+declare const HEIGHT_BLOCKS: readonly ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█"];
+/**
+ * Layout information for a sparkline.
+ */
+interface SparklineLayout {
+    /** The computed sparkline string (blocks only) */
+    blocks: string;
+    /** Optional label prefix */
+    label: string | undefined;
+    /** Total visual width of the output */
+    totalWidth: number;
+}
+/**
+ * Compute the layout for a sparkline.
+ *
+ * @param input - Validated sparkline input
+ * @returns Layout information
+ */
+declare function computeSparklineLayout(input: SparklineInputWithDefaults): SparklineLayout;
+
+/**
+ * Render a sparkline in ANSI mode.
+ *
+ * @param layout - Computed sparkline layout
+ * @param theme - Optional theme for styling
+ * @returns Rendered ANSI string
+ */
+declare function renderSparklineAnsi(layout: SparklineLayout, theme?: TuiTheme): string;
+/**
+ * Render a sparkline in markdown mode.
+ *
+ * Uses context.style.secondary() to apply semantic styling to the blocks,
+ * which wraps them in backticks for visual distinction in markdown renderers.
+ * The anchor character is prepended to preserve leading whitespace.
+ *
+ * @param layout - Computed sparkline layout
+ * @param context - Render context for styling
+ * @returns Rendered markdown string
+ */
+declare function renderSparklineMarkdown(layout: SparklineLayout, context: RenderContext): string;
+
+export { HEIGHT_BLOCKS, SparklineComponent, type SparklineInput, type SparklineInputWithDefaults, type SparklineLayout, computeSparklineLayout, createSparkline, renderSparklineAnsi, renderSparklineMarkdown, sparklineInputSchema };

package/dist/index.d.ts

@@ -0,0 +1,129 @@
+import * as zod from 'zod';
+import { z } from 'zod';
+import { BaseTuiComponent, ComponentMetadata, RenderContext, RenderResult, TuiTheme } from '@tuicomponents/core';
+
+/**
+ * Input schema for the sparkline component.
+ */
+declare const sparklineInputSchema: z.ZodObject<{
+    /** Array of numeric data points to visualize (at least 1 required) */
+    values: z.ZodArray<z.ZodNumber, "many">;
+    /** Compress output to this width if less than values.length */
+    width: z.ZodOptional<z.ZodNumber>;
+    /** Explicit minimum value for scaling (defaults to min of values) */
+    min: z.ZodOptional<z.ZodNumber>;
+    /** Explicit maximum value for scaling (defaults to max of values) */
+    max: z.ZodOptional<z.ZodNumber>;
+    /** Optional label prefix (e.g., "CPU: ") */
+    label: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    values: number[];
+    width?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    label?: string | undefined;
+}, {
+    values: number[];
+    width?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    label?: string | undefined;
+}>;
+/**
+ * Input type for the sparkline component (before defaults applied).
+ */
+type SparklineInput = z.input<typeof sparklineInputSchema>;
+/**
+ * Input type for the sparkline component (after defaults applied).
+ */
+type SparklineInputWithDefaults = z.output<typeof sparklineInputSchema>;
+
+/**
+ * Sparkline component for compact inline data visualization.
+ *
+ * Renders numeric data as a row of height block characters: ▁▂▃▄▅▆▇█
+ *
+ * @example
+ * ```ts
+ * const sparkline = createSparkline();
+ * const result = sparkline.render(
+ *   { values: [1, 3, 5, 7, 6, 4, 2], label: "Trend: " },
+ *   context
+ * );
+ * // Output: "Trend: ▁▃▅▇▆▄▂"
+ * ```
+ */
+declare class SparklineComponent extends BaseTuiComponent<SparklineInput, typeof sparklineInputSchema> {
+    readonly metadata: ComponentMetadata<SparklineInput>;
+    readonly schema: zod.ZodObject<{
+        values: zod.ZodArray<zod.ZodNumber, "many">;
+        width: zod.ZodOptional<zod.ZodNumber>;
+        min: zod.ZodOptional<zod.ZodNumber>;
+        max: zod.ZodOptional<zod.ZodNumber>;
+        label: zod.ZodOptional<zod.ZodString>;
+    }, "strip", zod.ZodTypeAny, {
+        values: number[];
+        width?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        label?: string | undefined;
+    }, {
+        values: number[];
+        width?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        label?: string | undefined;
+    }>;
+    render(input: SparklineInput, context: RenderContext): RenderResult;
+}
+/**
+ * Factory function to create a SparklineComponent instance.
+ */
+declare function createSparkline(): SparklineComponent;
+
+/**
+ * Height block characters from lowest to highest.
+ * Index 0 is the shortest bar, index 7 is the tallest.
+ */
+declare const HEIGHT_BLOCKS: readonly ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█"];
+/**
+ * Layout information for a sparkline.
+ */
+interface SparklineLayout {
+    /** The computed sparkline string (blocks only) */
+    blocks: string;
+    /** Optional label prefix */
+    label: string | undefined;
+    /** Total visual width of the output */
+    totalWidth: number;
+}
+/**
+ * Compute the layout for a sparkline.
+ *
+ * @param input - Validated sparkline input
+ * @returns Layout information
+ */
+declare function computeSparklineLayout(input: SparklineInputWithDefaults): SparklineLayout;
+
+/**
+ * Render a sparkline in ANSI mode.
+ *
+ * @param layout - Computed sparkline layout
+ * @param theme - Optional theme for styling
+ * @returns Rendered ANSI string
+ */
+declare function renderSparklineAnsi(layout: SparklineLayout, theme?: TuiTheme): string;
+/**
+ * Render a sparkline in markdown mode.
+ *
+ * Uses context.style.secondary() to apply semantic styling to the blocks,
+ * which wraps them in backticks for visual distinction in markdown renderers.
+ * The anchor character is prepended to preserve leading whitespace.
+ *
+ * @param layout - Computed sparkline layout
+ * @param context - Render context for styling
+ * @returns Rendered markdown string
+ */
+declare function renderSparklineMarkdown(layout: SparklineLayout, context: RenderContext): string;
+
+export { HEIGHT_BLOCKS, SparklineComponent, type SparklineInput, type SparklineInputWithDefaults, type SparklineLayout, computeSparklineLayout, createSparkline, renderSparklineAnsi, renderSparklineMarkdown, sparklineInputSchema };

package/dist/index.js

@@ -0,0 +1,159 @@
+// src/sparkline.ts
+import {
+  BaseTuiComponent,
+  measureLines,
+  registry
+} from "@tuicomponents/core";
+
+// src/schema.ts
+import { z } from "zod";
+var sparklineInputSchema = z.object({
+  /** Array of numeric data points to visualize (at least 1 required) */
+  values: z.array(z.number()).min(1),
+  /** Compress output to this width if less than values.length */
+  width: z.number().int().positive().optional(),
+  /** Explicit minimum value for scaling (defaults to min of values) */
+  min: z.number().optional(),
+  /** Explicit maximum value for scaling (defaults to max of values) */
+  max: z.number().optional(),
+  /** Optional label prefix (e.g., "CPU: ") */
+  label: z.string().optional()
+});
+
+// src/layout.ts
+var HEIGHT_BLOCKS = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
+var MIDDLE_BLOCK_INDEX = 4;
+function valueToBlockIndex(value, min, max) {
+  if (max === min) {
+    return MIDDLE_BLOCK_INDEX;
+  }
+  const normalized = (value - min) / (max - min);
+  const index = Math.floor(normalized * 8);
+  return Math.max(0, Math.min(7, index));
+}
+function bucketValues(values, targetWidth) {
+  if (targetWidth >= values.length) {
+    return values;
+  }
+  const result = [];
+  const bucketSize = values.length / targetWidth;
+  for (let i = 0; i < targetWidth; i++) {
+    const startIndex = Math.floor(i * bucketSize);
+    const endIndex = Math.floor((i + 1) * bucketSize);
+    let sum = 0;
+    let count = 0;
+    for (let j = startIndex; j < endIndex && j < values.length; j++) {
+      const value = values[j];
+      if (value !== void 0) {
+        sum += value;
+        count++;
+      }
+    }
+    result.push(count > 0 ? sum / count : 0);
+  }
+  return result;
+}
+function computeSparklineLayout(input) {
+  const { values, width, min: explicitMin, max: explicitMax, label } = input;
+  const displayValues = width !== void 0 && width < values.length ? bucketValues(values, width) : values;
+  const actualMin = Math.min(...displayValues);
+  const actualMax = Math.max(...displayValues);
+  const min = explicitMin ?? actualMin;
+  const max = explicitMax ?? actualMax;
+  const blocks = displayValues.map((v) => {
+    const clampedValue = Math.max(min, Math.min(max, v));
+    const index = valueToBlockIndex(clampedValue, min, max);
+    return HEIGHT_BLOCKS[index];
+  }).join("");
+  const labelWidth = label?.length ?? 0;
+  const blocksWidth = displayValues.length;
+  const totalWidth = labelWidth + blocksWidth;
+  return {
+    blocks,
+    label,
+    totalWidth
+  };
+}
+
+// src/renderers.ts
+import {
+  anchorLine,
+  DEFAULT_ANCHOR
+} from "@tuicomponents/core";
+function renderSparklineAnsi(layout, theme) {
+  const { blocks, label } = layout;
+  const styledBlocks = theme ? theme.semantic.primary(blocks) : blocks;
+  const styledLabel = label ? theme ? theme.semantic.header(label) : label : "";
+  return styledLabel + styledBlocks;
+}
+function renderSparklineMarkdown(layout, context) {
+  const { blocks, label } = layout;
+  const styledBlocks = context.style.secondary(blocks);
+  const styledLabel = label ?? "";
+  return anchorLine(styledLabel + styledBlocks, DEFAULT_ANCHOR);
+}
+
+// src/sparkline.ts
+var SparklineComponent = class extends BaseTuiComponent {
+  metadata = {
+    name: "sparkline",
+    description: "Compact inline sparkline visualization using height block characters (\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588)",
+    version: "0.1.0",
+    supportedModes: ["ansi", "markdown"],
+    examples: [
+      {
+        name: "basic",
+        description: "Simple ascending values",
+        input: { values: [1, 2, 3, 4, 5, 6, 7, 8] }
+      },
+      {
+        name: "with-label",
+        description: "Sparkline with a label prefix",
+        input: { values: [10, 25, 40, 35, 50, 45, 60], label: "Revenue: " }
+      },
+      {
+        name: "compressed",
+        description: "Data compressed to fewer columns",
+        input: {
+          values: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          width: 6
+        }
+      },
+      {
+        name: "explicit-range",
+        description: "Values scaled to explicit min/max range",
+        input: {
+          values: [50, 60, 70, 65, 75],
+          min: 0,
+          max: 100
+        }
+      }
+    ]
+  };
+  schema = sparklineInputSchema;
+  render(input, context) {
+    const parsed = this.schema.parse(input);
+    const layout = computeSparklineLayout(parsed);
+    const output = context.renderMode === "markdown" ? renderSparklineMarkdown(layout, context) : renderSparklineAnsi(layout, context.theme);
+    const measured = measureLines(output);
+    return {
+      output,
+      actualWidth: measured.maxWidth,
+      lineCount: measured.lineCount
+    };
+  }
+};
+function createSparkline() {
+  return new SparklineComponent();
+}
+registry.register(createSparkline);
+export {
+  HEIGHT_BLOCKS,
+  SparklineComponent,
+  computeSparklineLayout,
+  createSparkline,
+  renderSparklineAnsi,
+  renderSparklineMarkdown,
+  sparklineInputSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sparkline.ts","../src/schema.ts","../src/layout.ts","../src/renderers.ts"],"sourcesContent":["import {\n  BaseTuiComponent,\n  measureLines,\n  registry,\n  type ComponentMetadata,\n  type RenderContext,\n  type RenderResult,\n} from \"@tuicomponents/core\";\nimport { sparklineInputSchema, type SparklineInput } from \"./schema.js\";\nimport { computeSparklineLayout } from \"./layout.js\";\nimport { renderSparklineAnsi, renderSparklineMarkdown } from \"./renderers.js\";\n\n/**\n * Sparkline component for compact inline data visualization.\n *\n * Renders numeric data as a row of height block characters: ▁▂▃▄▅▆▇█\n *\n * @example\n * ```ts\n * const sparkline = createSparkline();\n * const result = sparkline.render(\n *   { values: [1, 3, 5, 7, 6, 4, 2], label: \"Trend: \" },\n *   context\n * );\n * // Output: \"Trend: ▁▃▅▇▆▄▂\"\n * ```\n */\nexport class SparklineComponent extends BaseTuiComponent<\n  SparklineInput,\n  typeof sparklineInputSchema\n> {\n  readonly metadata: ComponentMetadata<SparklineInput> = {\n    name: \"sparkline\",\n    description:\n      \"Compact inline sparkline visualization using height block characters (▁▂▃▄▅▆▇█)\",\n    version: \"0.1.0\",\n    supportedModes: [\"ansi\", \"markdown\"],\n    examples: [\n      {\n        name: \"basic\",\n        description: \"Simple ascending values\",\n        input: { values: [1, 2, 3, 4, 5, 6, 7, 8] },\n      },\n      {\n        name: \"with-label\",\n        description: \"Sparkline with a label prefix\",\n        input: { values: [10, 25, 40, 35, 50, 45, 60], label: \"Revenue: \" },\n      },\n      {\n        name: \"compressed\",\n        description: \"Data compressed to fewer columns\",\n        input: {\n          values: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],\n          width: 6,\n        },\n      },\n      {\n        name: \"explicit-range\",\n        description: \"Values scaled to explicit min/max range\",\n        input: {\n          values: [50, 60, 70, 65, 75],\n          min: 0,\n          max: 100,\n        },\n      },\n    ],\n  };\n\n  readonly schema = sparklineInputSchema;\n\n  render(input: SparklineInput, context: RenderContext): RenderResult {\n    // Parse input (applies defaults)\n    const parsed = this.schema.parse(input);\n\n    // Compute layout\n    const layout = computeSparklineLayout(parsed);\n\n    // Render based on mode\n    const output =\n      context.renderMode === \"markdown\"\n        ? renderSparklineMarkdown(layout, context)\n        : renderSparklineAnsi(layout, context.theme);\n\n    // Measure output\n    const measured = measureLines(output);\n\n    return {\n      output,\n      actualWidth: measured.maxWidth,\n      lineCount: measured.lineCount,\n    };\n  }\n}\n\n/**\n * Factory function to create a SparklineComponent instance.\n */\nexport function createSparkline(): SparklineComponent {\n  return new SparklineComponent();\n}\n\n// Auto-register with global registry\nregistry.register(createSparkline);\n","import { z } from \"zod\";\n\n/**\n * Input schema for the sparkline component.\n */\nexport const sparklineInputSchema = z.object({\n  /** Array of numeric data points to visualize (at least 1 required) */\n  values: z.array(z.number()).min(1),\n  /** Compress output to this width if less than values.length */\n  width: z.number().int().positive().optional(),\n  /** Explicit minimum value for scaling (defaults to min of values) */\n  min: z.number().optional(),\n  /** Explicit maximum value for scaling (defaults to max of values) */\n  max: z.number().optional(),\n  /** Optional label prefix (e.g., \"CPU: \") */\n  label: z.string().optional(),\n});\n\n/**\n * Input type for the sparkline component (before defaults applied).\n */\nexport type SparklineInput = z.input<typeof sparklineInputSchema>;\n\n/**\n * Input type for the sparkline component (after defaults applied).\n */\nexport type SparklineInputWithDefaults = z.output<typeof sparklineInputSchema>;\n","import type { SparklineInputWithDefaults } from \"./schema.js\";\n\n/**\n * Height block characters from lowest to highest.\n * Index 0 is the shortest bar, index 7 is the tallest.\n */\nexport const HEIGHT_BLOCKS = [\"▁\", \"▂\", \"▃\", \"▄\", \"▅\", \"▆\", \"▇\", \"█\"] as const;\n\n/**\n * Middle block index (used when all values are equal).\n */\nconst MIDDLE_BLOCK_INDEX = 4;\n\n/**\n * Layout information for a sparkline.\n */\nexport interface SparklineLayout {\n  /** The computed sparkline string (blocks only) */\n  blocks: string;\n  /** Optional label prefix */\n  label: string | undefined;\n  /** Total visual width of the output */\n  totalWidth: number;\n}\n\n/**\n * Map a value to a height block index (0-7).\n *\n * @param value - The value to map\n * @param min - Minimum value in the range\n * @param max - Maximum value in the range\n * @returns Block index (0-7)\n */\nfunction valueToBlockIndex(value: number, min: number, max: number): number {\n  // If min === max, all values are equal, use middle block\n  if (max === min) {\n    return MIDDLE_BLOCK_INDEX;\n  }\n\n  // Normalize value to 0-1 range\n  const normalized = (value - min) / (max - min);\n\n  // Scale to 0-7 range and clamp\n  // We use Math.floor and then clamp to ensure we get 0-7\n  const index = Math.floor(normalized * 8);\n\n  // Clamp to valid range (handles edge cases like value === max)\n  return Math.max(0, Math.min(7, index));\n}\n\n/**\n * Bucket values into groups and return averaged values.\n *\n * @param values - Array of values to bucket\n * @param targetWidth - Target number of buckets\n * @returns Array of averaged values\n */\nfunction bucketValues(values: number[], targetWidth: number): number[] {\n  if (targetWidth >= values.length) {\n    return values;\n  }\n\n  const result: number[] = [];\n  const bucketSize = values.length / targetWidth;\n\n  for (let i = 0; i < targetWidth; i++) {\n    const startIndex = Math.floor(i * bucketSize);\n    const endIndex = Math.floor((i + 1) * bucketSize);\n\n    // Calculate average for this bucket\n    let sum = 0;\n    let count = 0;\n    for (let j = startIndex; j < endIndex && j < values.length; j++) {\n      const value = values[j];\n      if (value !== undefined) {\n        sum += value;\n        count++;\n      }\n    }\n\n    result.push(count > 0 ? sum / count : 0);\n  }\n\n  return result;\n}\n\n/**\n * Compute the layout for a sparkline.\n *\n * @param input - Validated sparkline input\n * @returns Layout information\n */\nexport function computeSparklineLayout(\n  input: SparklineInputWithDefaults\n): SparklineLayout {\n  const { values, width, min: explicitMin, max: explicitMax, label } = input;\n\n  // Apply width compression if needed\n  const displayValues =\n    width !== undefined && width < values.length\n      ? bucketValues(values, width)\n      : values;\n\n  // Determine min/max for scaling\n  const actualMin = Math.min(...displayValues);\n  const actualMax = Math.max(...displayValues);\n  const min = explicitMin ?? actualMin;\n  const max = explicitMax ?? actualMax;\n\n  // Convert values to block characters\n  const blocks = displayValues\n    .map((v) => {\n      // Clamp value to explicit min/max range if provided\n      const clampedValue = Math.max(min, Math.min(max, v));\n      const index = valueToBlockIndex(clampedValue, min, max);\n      return HEIGHT_BLOCKS[index];\n    })\n    .join(\"\");\n\n  // Calculate total width\n  const labelWidth = label?.length ?? 0;\n  const blocksWidth = displayValues.length;\n  const totalWidth = labelWidth + blocksWidth;\n\n  return {\n    blocks,\n    label,\n    totalWidth,\n  };\n}\n","import {\n  anchorLine,\n  DEFAULT_ANCHOR,\n  type RenderContext,\n} from \"@tuicomponents/core\";\nimport type { TuiTheme } from \"@tuicomponents/core\";\nimport type { SparklineLayout } from \"./layout.js\";\n\n/**\n * Render a sparkline in ANSI mode.\n *\n * @param layout - Computed sparkline layout\n * @param theme - Optional theme for styling\n * @returns Rendered ANSI string\n */\nexport function renderSparklineAnsi(\n  layout: SparklineLayout,\n  theme?: TuiTheme\n): string {\n  const { blocks, label } = layout;\n\n  // Apply theme if available\n  const styledBlocks = theme ? theme.semantic.primary(blocks) : blocks;\n  const styledLabel = label\n    ? theme\n      ? theme.semantic.header(label)\n      : label\n    : \"\";\n\n  return styledLabel + styledBlocks;\n}\n\n/**\n * Render a sparkline in markdown mode.\n *\n * Uses context.style.secondary() to apply semantic styling to the blocks,\n * which wraps them in backticks for visual distinction in markdown renderers.\n * The anchor character is prepended to preserve leading whitespace.\n *\n * @param layout - Computed sparkline layout\n * @param context - Render context for styling\n * @returns Rendered markdown string\n */\nexport function renderSparklineMarkdown(\n  layout: SparklineLayout,\n  context: RenderContext\n): string {\n  const { blocks, label } = layout;\n\n  // Apply secondary styling to the data blocks\n  // In markdown mode, this wraps in backticks for visual distinction\n  const styledBlocks = context.style.secondary(blocks);\n  const styledLabel = label ?? \"\";\n\n  // Add anchor to preserve leading whitespace in markdown\n  return anchorLine(styledLabel + styledBlocks, DEFAULT_ANCHOR);\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@tuicomponents/sparkline",
+  "version": "0.1.1",
+  "description": "Compact inline sparkline visualization using height blocks",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "tui",
+    "terminal",
+    "sparkline",
+    "chart",
+    "visualization"
+  ],
+  "license": "UNLICENSED",
+  "dependencies": {
+    "zod": "^3.25.56",
+    "zod-to-json-schema": "^3.24.5",
+    "@tuicomponents/core": "0.1.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "api-report": "api-extractor run",
+    "api-report:update": "api-extractor run --local",
+    "clean": "rm -rf dist"
+  }
+}