@bastra-recall/statusline 0.7.0-beta.1

package/src/themes/index.ts

@@ -0,0 +1,161 @@
+import { darkTheme, darkAnsi256Theme, darkAnsiTheme } from "./dark";
+import { lightTheme, lightAnsi256Theme, lightAnsiTheme } from "./light";
+import { nordTheme, nordAnsi256Theme, nordAnsiTheme } from "./nord";
+import {
+  tokyoNightTheme,
+  tokyoNightAnsi256Theme,
+  tokyoNightAnsiTheme,
+} from "./tokyo-night";
+import {
+  rosePineTheme,
+  rosePineAnsi256Theme,
+  rosePineAnsiTheme,
+} from "./rose-pine";
+import { gruvboxTheme, gruvboxAnsi256Theme, gruvboxAnsiTheme } from "./gruvbox";
+
+export interface SegmentColor {
+  bg: string;
+  fg: string;
+  bold?: boolean;
+}
+
+export interface ColorTheme {
+  directory: SegmentColor;
+  git: SegmentColor;
+  model: SegmentColor;
+  session: SegmentColor;
+  block: SegmentColor;
+  today: SegmentColor;
+  tmux: SegmentColor;
+  context: SegmentColor;
+  contextWarning: SegmentColor;
+  contextCritical: SegmentColor;
+  metrics: SegmentColor;
+  version: SegmentColor;
+  env: SegmentColor;
+  weekly: SegmentColor;
+  agent: SegmentColor;
+  thinking: SegmentColor;
+  cacheTimer: SegmentColor;
+}
+
+export interface PowerlineColors {
+  reset: string;
+  modeBg: string;
+  modeFg: string;
+  modeBold: boolean;
+  gitBg: string;
+  gitFg: string;
+  gitBold: boolean;
+  modelBg: string;
+  modelFg: string;
+  modelBold: boolean;
+  sessionBg: string;
+  sessionFg: string;
+  sessionBold: boolean;
+  blockBg: string;
+  blockFg: string;
+  blockBold: boolean;
+  todayBg: string;
+  todayFg: string;
+  todayBold: boolean;
+  tmuxBg: string;
+  tmuxFg: string;
+  tmuxBold: boolean;
+  contextBg: string;
+  contextFg: string;
+  contextBold: boolean;
+  contextWarningBg: string;
+  contextWarningFg: string;
+  contextWarningBold: boolean;
+  contextCriticalBg: string;
+  contextCriticalFg: string;
+  contextCriticalBold: boolean;
+  metricsBg: string;
+  metricsFg: string;
+  metricsBold: boolean;
+  versionBg: string;
+  versionFg: string;
+  versionBold: boolean;
+  envBg: string;
+  envFg: string;
+  envBold: boolean;
+  weeklyBg: string;
+  weeklyFg: string;
+  weeklyBold: boolean;
+  agentBg: string;
+  agentFg: string;
+  agentBold: boolean;
+  thinkingBg: string;
+  thinkingFg: string;
+  thinkingBold: boolean;
+  cacheTimerBg: string;
+  cacheTimerFg: string;
+  cacheTimerBold: boolean;
+  bastraBg: string;
+  bastraFg: string;
+  bastraBold: boolean;
+  partFg: Record<string, string>;
+}
+
+export const BUILT_IN_THEMES: Record<string, ColorTheme> = {
+  dark: darkTheme,
+  "dark-ansi256": darkAnsi256Theme,
+  "dark-ansi": darkAnsiTheme,
+  light: lightTheme,
+  "light-ansi256": lightAnsi256Theme,
+  "light-ansi": lightAnsiTheme,
+  nord: nordTheme,
+  "nord-ansi256": nordAnsi256Theme,
+  "nord-ansi": nordAnsiTheme,
+  "tokyo-night": tokyoNightTheme,
+  "tokyo-night-ansi256": tokyoNightAnsi256Theme,
+  "tokyo-night-ansi": tokyoNightAnsiTheme,
+  "rose-pine": rosePineTheme,
+  "rose-pine-ansi256": rosePineAnsi256Theme,
+  "rose-pine-ansi": rosePineAnsiTheme,
+  gruvbox: gruvboxTheme,
+  "gruvbox-ansi256": gruvboxAnsi256Theme,
+  "gruvbox-ansi": gruvboxAnsiTheme,
+};
+
+export function getTheme(
+  themeName: string,
+  colorSupport?: "none" | "ansi" | "ansi256" | "truecolor",
+): ColorTheme | null {
+  const baseTheme = BUILT_IN_THEMES[themeName];
+  if (!baseTheme) return null;
+
+  if (colorSupport === "none" || colorSupport === "ansi") {
+    const ansiVariant = BUILT_IN_THEMES[`${themeName}-ansi`];
+    if (ansiVariant) return ansiVariant;
+  }
+
+  if (colorSupport === "ansi256") {
+    const ansi256Variant = BUILT_IN_THEMES[`${themeName}-ansi256`];
+    if (ansi256Variant) return ansi256Variant;
+  }
+
+  return baseTheme;
+}
+
+export {
+  darkTheme,
+  darkAnsi256Theme,
+  darkAnsiTheme,
+  lightTheme,
+  lightAnsi256Theme,
+  lightAnsiTheme,
+  nordTheme,
+  nordAnsi256Theme,
+  nordAnsiTheme,
+  tokyoNightTheme,
+  tokyoNightAnsi256Theme,
+  tokyoNightAnsiTheme,
+  rosePineTheme,
+  rosePineAnsi256Theme,
+  rosePineAnsiTheme,
+  gruvboxTheme,
+  gruvboxAnsi256Theme,
+  gruvboxAnsiTheme,
+};

package/src/themes/light.ts

@@ -0,0 +1,61 @@
+import type { ColorTheme } from "./index";
+
+export const lightTheme: ColorTheme = {
+  directory: { bg: "#ff6b47", fg: "#ffffff" },
+  git: { bg: "#4fb3d9", fg: "#ffffff" },
+  model: { bg: "#87ceeb", fg: "#000000" },
+  session: { bg: "#da70d6", fg: "#ffffff" },
+  block: { bg: "#6366f1", fg: "#ffffff" },
+  today: { bg: "#10b981", fg: "#ffffff" },
+  tmux: { bg: "#32cd32", fg: "#ffffff" },
+  context: { bg: "#718096", fg: "#ffffff" },
+  contextWarning: { bg: "#d97706", fg: "#ffffff" },
+  contextCritical: { bg: "#dc2626", fg: "#ffffff" },
+  metrics: { bg: "#6b7280", fg: "#ffffff" },
+  version: { bg: "#8b7dd8", fg: "#ffffff" },
+  env: { bg: "#d45dbf", fg: "#ffffff" },
+  weekly: { bg: "#4f46e5", fg: "#ffffff" },
+  agent: { bg: "#7c3aed", fg: "#ffffff" },
+  thinking: { bg: "#7c3aed", fg: "#ffffff" },
+  cacheTimer: { bg: "#059669", fg: "#ffffff" },
+};
+
+export const lightAnsi256Theme: ColorTheme = {
+  directory: { bg: "#ff5f5f", fg: "#ffffff" },
+  git: { bg: "#5fafff", fg: "#ffffff" },
+  model: { bg: "#87d7ff", fg: "#000000" },
+  session: { bg: "#ff5fff", fg: "#ffffff" },
+  block: { bg: "#5f5fff", fg: "#ffffff" },
+  today: { bg: "#00d787", fg: "#ffffff" },
+  tmux: { bg: "#00ff5f", fg: "#ffffff" },
+  context: { bg: "#808080", fg: "#ffffff" },
+  contextWarning: { bg: "#d78700", fg: "#ffffff" },
+  contextCritical: { bg: "#d70000", fg: "#ffffff" },
+  metrics: { bg: "#767676", fg: "#ffffff" },
+  version: { bg: "#af87ff", fg: "#ffffff" },
+  env: { bg: "#d787af", fg: "#ffffff" },
+  weekly: { bg: "#5f5fff", fg: "#ffffff" },
+  agent: { bg: "#8787d7", fg: "#ffffff" },
+  thinking: { bg: "#8700d7", fg: "#ffffff" },
+  cacheTimer: { bg: "#00875f", fg: "#ffffff" },
+};
+
+export const lightAnsiTheme: ColorTheme = {
+  directory: { bg: "#ff5f5f", fg: "#ffffff" },
+  git: { bg: "#5fafff", fg: "#ffffff" },
+  model: { bg: "#87d7ff", fg: "#000000" },
+  session: { bg: "#ff5fff", fg: "#ffffff" },
+  block: { bg: "#5f5fff", fg: "#ffffff" },
+  today: { bg: "#00d787", fg: "#ffffff" },
+  tmux: { bg: "#00ff5f", fg: "#ffffff" },
+  context: { bg: "#808080", fg: "#ffffff" },
+  contextWarning: { bg: "#d78700", fg: "#ffffff" },
+  contextCritical: { bg: "#d70000", fg: "#ffffff" },
+  metrics: { bg: "#767676", fg: "#ffffff" },
+  version: { bg: "#af87ff", fg: "#ffffff" },
+  env: { bg: "#d787af", fg: "#ffffff" },
+  weekly: { bg: "#5f5fff", fg: "#ffffff" },
+  agent: { bg: "#5f5fff", fg: "#ffffff" },
+  thinking: { bg: "#8700d7", fg: "#ffffff" },
+  cacheTimer: { bg: "#00875f", fg: "#ffffff" },
+};

package/src/themes/nord.ts

@@ -0,0 +1,61 @@
+import type { ColorTheme } from "./index";
+
+export const nordTheme: ColorTheme = {
+  directory: { bg: "#434c5e", fg: "#d8dee9" },
+  git: { bg: "#3b4252", fg: "#a3be8c" },
+  model: { bg: "#4c566a", fg: "#81a1c1" },
+  session: { bg: "#2e3440", fg: "#88c0d0" },
+  block: { bg: "#3b4252", fg: "#81a1c1" },
+  today: { bg: "#2e3440", fg: "#8fbcbb" },
+  tmux: { bg: "#2e3440", fg: "#8fbcbb" },
+  context: { bg: "#5e81ac", fg: "#eceff4" },
+  contextWarning: { bg: "#d08770", fg: "#2e3440" },
+  contextCritical: { bg: "#bf616a", fg: "#eceff4" },
+  metrics: { bg: "#b48ead", fg: "#2e3440" },
+  version: { bg: "#434c5e", fg: "#88c0d0" },
+  env: { bg: "#3b4252", fg: "#b48ead" },
+  weekly: { bg: "#3b4252", fg: "#88c0d0" },
+  agent: { bg: "#4c566a", fg: "#b48ead" },
+  thinking: { bg: "#3b4252", fg: "#b48ead" },
+  cacheTimer: { bg: "#3b4252", fg: "#a3be8c" },
+};
+
+export const nordAnsi256Theme: ColorTheme = {
+  directory: { bg: "#5f87af", fg: "#e4e4e4" },
+  git: { bg: "#4e4e4e", fg: "#87d787" },
+  model: { bg: "#6c6c6c", fg: "#87afd7" },
+  session: { bg: "#3a3a3a", fg: "#5fafaf" },
+  block: { bg: "#4e4e4e", fg: "#87afd7" },
+  today: { bg: "#3a3a3a", fg: "#5fd7d7" },
+  tmux: { bg: "#3a3a3a", fg: "#5fd7d7" },
+  context: { bg: "#5f87d7", fg: "#ffffff" },
+  contextWarning: { bg: "#d7875f", fg: "#3a3a3a" },
+  contextCritical: { bg: "#d75f5f", fg: "#ffffff" },
+  metrics: { bg: "#d787af", fg: "#3a3a3a" },
+  version: { bg: "#5f87af", fg: "#5fafaf" },
+  env: { bg: "#4e4e4e", fg: "#d787af" },
+  weekly: { bg: "#4e4e4e", fg: "#5fafaf" },
+  agent: { bg: "#6c6c6c", fg: "#d787af" },
+  thinking: { bg: "#4e4e4e", fg: "#d787af" },
+  cacheTimer: { bg: "#4e4e4e", fg: "#87af87" },
+};
+
+export const nordAnsiTheme: ColorTheme = {
+  directory: { bg: "#0087af", fg: "#ffffff" },
+  git: { bg: "#585858", fg: "#87d700" },
+  model: { bg: "#808080", fg: "#87afff" },
+  session: { bg: "#444444", fg: "#00d7d7" },
+  block: { bg: "#585858", fg: "#87afff" },
+  today: { bg: "#444444", fg: "#00ffff" },
+  tmux: { bg: "#444444", fg: "#00ffff" },
+  context: { bg: "#0087ff", fg: "#ffffff" },
+  contextWarning: { bg: "#d78700", fg: "#000000" },
+  contextCritical: { bg: "#d75f5f", fg: "#ffffff" },
+  metrics: { bg: "#ff87d7", fg: "#444444" },
+  version: { bg: "#0087af", fg: "#00d7d7" },
+  env: { bg: "#585858", fg: "#ff87af" },
+  weekly: { bg: "#585858", fg: "#00d7d7" },
+  agent: { bg: "#808080", fg: "#ff87af" },
+  thinking: { bg: "#585858", fg: "#ff87d7" },
+  cacheTimer: { bg: "#585858", fg: "#87d787" },
+};

package/src/themes/rose-pine.ts

@@ -0,0 +1,61 @@
+import type { ColorTheme } from "./index";
+
+export const rosePineTheme: ColorTheme = {
+  directory: { bg: "#26233a", fg: "#c4a7e7" },
+  git: { bg: "#1f1d2e", fg: "#9ccfd8" },
+  model: { bg: "#191724", fg: "#ebbcba" },
+  session: { bg: "#26233a", fg: "#f6c177" },
+  block: { bg: "#2a273f", fg: "#eb6f92" },
+  today: { bg: "#232136", fg: "#9ccfd8" },
+  tmux: { bg: "#26233a", fg: "#908caa" },
+  context: { bg: "#393552", fg: "#e0def4" },
+  contextWarning: { bg: "#f6c177", fg: "#191724" },
+  contextCritical: { bg: "#eb6f92", fg: "#191724" },
+  metrics: { bg: "#524f67", fg: "#e0def4" },
+  version: { bg: "#2a273f", fg: "#c4a7e7" },
+  env: { bg: "#21202e", fg: "#eb6f92" },
+  weekly: { bg: "#21202e", fg: "#c4a7e7" },
+  agent: { bg: "#2a273f", fg: "#c4a7e7" },
+  thinking: { bg: "#26223a", fg: "#c4a7e7" },
+  cacheTimer: { bg: "#1f2d2e", fg: "#9ccfd8" },
+};
+
+export const rosePineAnsi256Theme: ColorTheme = {
+  directory: { bg: "#444444", fg: "#d787d7" },
+  git: { bg: "#262626", fg: "#87d7d7" },
+  model: { bg: "#1c1c1c", fg: "#ffaf87" },
+  session: { bg: "#444444", fg: "#d7af5f" },
+  block: { bg: "#4e4e4e", fg: "#ff5f87" },
+  today: { bg: "#3a3a3a", fg: "#87d7d7" },
+  tmux: { bg: "#444444", fg: "#9e9e9e" },
+  context: { bg: "#585858", fg: "#e4e4e4" },
+  contextWarning: { bg: "#d7af5f", fg: "#1c1c1c" },
+  contextCritical: { bg: "#ff5f87", fg: "#1c1c1c" },
+  metrics: { bg: "#767676", fg: "#e4e4e4" },
+  version: { bg: "#4e4e4e", fg: "#d787d7" },
+  env: { bg: "#303030", fg: "#ff5f87" },
+  weekly: { bg: "#303030", fg: "#d787d7" },
+  agent: { bg: "#4e4e4e", fg: "#d787d7" },
+  thinking: { bg: "#303030", fg: "#d787d7" },
+  cacheTimer: { bg: "#303030", fg: "#87d7d7" },
+};
+
+export const rosePineAnsiTheme: ColorTheme = {
+  directory: { bg: "#585858", fg: "#ff87ff" },
+  git: { bg: "#303030", fg: "#00d7d7" },
+  model: { bg: "#262626", fg: "#ffaf87" },
+  session: { bg: "#585858", fg: "#d7af00" },
+  block: { bg: "#666666", fg: "#ff5f87" },
+  today: { bg: "#444444", fg: "#00d7d7" },
+  tmux: { bg: "#585858", fg: "#bcbcbc" },
+  context: { bg: "#808080", fg: "#ffffff" },
+  contextWarning: { bg: "#d7af00", fg: "#000000" },
+  contextCritical: { bg: "#ff5f5f", fg: "#000000" },
+  metrics: { bg: "#a8a8a8", fg: "#000000" },
+  version: { bg: "#666666", fg: "#ff87ff" },
+  env: { bg: "#444444", fg: "#ff5f87" },
+  weekly: { bg: "#444444", fg: "#ff87ff" },
+  agent: { bg: "#666666", fg: "#ff87ff" },
+  thinking: { bg: "#444444", fg: "#ff87ff" },
+  cacheTimer: { bg: "#444444", fg: "#00d7d7" },
+};

package/src/themes/tokyo-night.ts

@@ -0,0 +1,61 @@
+import type { ColorTheme } from "./index";
+
+export const tokyoNightTheme: ColorTheme = {
+  directory: { bg: "#2f334d", fg: "#82aaff" },
+  git: { bg: "#1e2030", fg: "#c3e88d" },
+  model: { bg: "#191b29", fg: "#fca7ea" },
+  session: { bg: "#222436", fg: "#86e1fc" },
+  block: { bg: "#2d3748", fg: "#7aa2f7" },
+  today: { bg: "#1a202c", fg: "#4fd6be" },
+  tmux: { bg: "#191b29", fg: "#4fd6be" },
+  context: { bg: "#414868", fg: "#c0caf5" },
+  contextWarning: { bg: "#ff9e64", fg: "#1a1b26" },
+  contextCritical: { bg: "#f7768e", fg: "#1a1b26" },
+  metrics: { bg: "#3d59a1", fg: "#c0caf5" },
+  version: { bg: "#292e42", fg: "#bb9af7" },
+  env: { bg: "#24283b", fg: "#fca7ea" },
+  weekly: { bg: "#24283b", fg: "#7dcfff" },
+  agent: { bg: "#2d2b55", fg: "#bb9af7" },
+  thinking: { bg: "#2f2a3d", fg: "#bb9af7" },
+  cacheTimer: { bg: "#1f2e2a", fg: "#9ece6a" },
+};
+
+export const tokyoNightAnsi256Theme: ColorTheme = {
+  directory: { bg: "#444478", fg: "#87afff" },
+  git: { bg: "#262640", fg: "#afff87" },
+  model: { bg: "#1c1c30", fg: "#ff87ff" },
+  session: { bg: "#3a3a50", fg: "#5fd7ff" },
+  block: { bg: "#4e4e68", fg: "#5f87ff" },
+  today: { bg: "#262640", fg: "#00d7af" },
+  tmux: { bg: "#1c1c30", fg: "#00d7af" },
+  context: { bg: "#5f5f87", fg: "#d7d7ff" },
+  contextWarning: { bg: "#ffaf5f", fg: "#262626" },
+  contextCritical: { bg: "#ff5f87", fg: "#262626" },
+  metrics: { bg: "#5f5faf", fg: "#d7d7ff" },
+  version: { bg: "#444460", fg: "#d787ff" },
+  env: { bg: "#303050", fg: "#ff87ff" },
+  weekly: { bg: "#303050", fg: "#5fd7ff" },
+  agent: { bg: "#5f5f87", fg: "#af87ff" },
+  thinking: { bg: "#444460", fg: "#d787ff" },
+  cacheTimer: { bg: "#1c3a30", fg: "#87d787" },
+};
+
+export const tokyoNightAnsiTheme: ColorTheme = {
+  directory: { bg: "#5f5faf", fg: "#87afff" },
+  git: { bg: "#303050", fg: "#87ff87" },
+  model: { bg: "#262640", fg: "#ff87ff" },
+  session: { bg: "#444470", fg: "#00d7ff" },
+  block: { bg: "#666680", fg: "#5f87ff" },
+  today: { bg: "#303050", fg: "#00d787" },
+  tmux: { bg: "#262640", fg: "#00d787" },
+  context: { bg: "#808080", fg: "#ffffff" },
+  contextWarning: { bg: "#ffaf00", fg: "#000000" },
+  contextCritical: { bg: "#ff5f5f", fg: "#000000" },
+  metrics: { bg: "#8787d7", fg: "#ffffff" },
+  version: { bg: "#585870", fg: "#d787ff" },
+  env: { bg: "#444470", fg: "#ff87ff" },
+  weekly: { bg: "#444470", fg: "#00d7ff" },
+  agent: { bg: "#5f5faf", fg: "#d787ff" },
+  thinking: { bg: "#585870", fg: "#d787ff" },
+  cacheTimer: { bg: "#305050", fg: "#00d787" },
+};