@imisbahk/hive 0.1.1 → 0.1.3

package/src/cli/theme.ts

@@ -0,0 +1,88 @@
+import chalk, { type ChalkInstance } from "chalk";
+
+import {
+  closeHiveDatabase,
+  getMetaValue,
+  openHiveDatabase,
+} from "../storage/db.js";
+
+export const DEFAULT_THEME_NAME = "amber";
+export const DEFAULT_THEME_HEX = "#FFA500";
+
+export const BUILT_IN_THEMES = {
+  amber: "#FFA500",
+  cyan: "#00BCD4",
+  rose: "#FF4081",
+  slate: "#90A4AE",
+  green: "#00E676",
+} as const;
+
+export const HEX_COLOR_PATTERN = /^#[0-9A-Fa-f]{6}$/;
+
+export type BuiltInThemeName = keyof typeof BUILT_IN_THEMES;
+export type ThemeName = BuiltInThemeName | "custom";
+
+export interface HiveTheme {
+  name: ThemeName;
+  hex: string;
+  accent: ChalkInstance;
+}
+
+export function applyTheme(hex: string): ChalkInstance {
+  const normalizedHex = normalizeHex(hex);
+  return chalk.hex(normalizedHex);
+}
+
+export function getTheme(): HiveTheme {
+  let db: ReturnType<typeof openHiveDatabase> | null = null;
+
+  try {
+    db = openHiveDatabase();
+    const storedName = getMetaValue(db, "theme");
+    const storedHex = getMetaValue(db, "theme_hex");
+    return resolveTheme(storedName, storedHex);
+  } catch {
+    return makeTheme(DEFAULT_THEME_NAME, DEFAULT_THEME_HEX);
+  } finally {
+    if (db) {
+      closeHiveDatabase(db);
+    }
+  }
+}
+
+export function isValidHexColor(value: string): boolean {
+  return HEX_COLOR_PATTERN.test(value);
+}
+
+function resolveTheme(storedName: string | null, storedHex: string | null): HiveTheme {
+  if (isBuiltInTheme(storedName)) {
+    return makeTheme(storedName, BUILT_IN_THEMES[storedName]);
+  }
+
+  if (storedName === "custom" && storedHex && isValidHexColor(storedHex)) {
+    return makeTheme("custom", storedHex);
+  }
+
+  return makeTheme(DEFAULT_THEME_NAME, DEFAULT_THEME_HEX);
+}
+
+function makeTheme(name: ThemeName, hex: string): HiveTheme {
+  const normalizedHex = normalizeHex(hex);
+  return {
+    name,
+    hex: normalizedHex,
+    accent: applyTheme(normalizedHex),
+  };
+}
+
+function normalizeHex(value: string): string {
+  if (!isValidHexColor(value)) {
+    return DEFAULT_THEME_HEX;
+  }
+
+  return value.toUpperCase();
+}
+
+function isBuiltInTheme(value: string | null): value is BuiltInThemeName {
+  return value !== null && value in BUILT_IN_THEMES;
+}

package/src/cli/ui.ts

@@ -3,6 +3,8 @@ import process from "node:process";
 
 import chalk from "chalk";
 
+import { getTheme } from "./theme.js";
+
 const WORDMARK_LINES = [
   "  ██╗  ██╗██╗██╗   ██╗███████╗",
   "  ██║  ██║██║██║   ██║██╔════╝",
@@ -21,9 +23,10 @@ let cachedVersion: string | null = null;
 export function renderHiveHeader(pageTitle?: string): void {
   const terminalWidth = getTerminalWidth();
   const separator = "─".repeat(getSeparatorWidth(terminalWidth));
+  const accent = getTheme().accent;
 
   for (const line of WORDMARK_LINES) {
-    console.log(chalk.bold.whiteBright(centerText(line, terminalWidth)));
+    console.log(accent.bold(centerText(line, terminalWidth)));
   }
 
   console.log("");
@@ -34,12 +37,13 @@ export function renderHiveHeader(pageTitle?: string): void {
     ? `${COMMAND_CENTRE_LABEL} · ${normalizedTitle}`
     : COMMAND_CENTRE_LABEL;
 
-  console.log(chalk.whiteBright(centerText(commandCentreTitle, terminalWidth)));
-  console.log(chalk.dim(centerText(separator, terminalWidth)));
+  console.log(accent(centerText(commandCentreTitle, terminalWidth)));
+  console.log(accent(centerText(separator, terminalWidth)));
 }
 
 export function renderSuccess(message: string): void {
-  console.log(chalk.green(message));
+  const accent = getTheme().accent;
+  console.log(`${accent("✓")} ${message}`);
 }
 
 export function renderError(message: string): void {
@@ -47,7 +51,8 @@ export function renderError(message: string): void {
 }
 
 export function renderStep(message: string): void {
-  console.log(chalk.whiteBright(message));
+  const accent = getTheme().accent;
+  console.log(`${accent("›")} ${message}`);
 }
 
 export function renderInfo(message: string): void {
@@ -55,12 +60,14 @@ export function renderInfo(message: string): void {
 }
 
 export function renderSeparator(text?: string): void {
+  const accent = getTheme().accent;
+
   if (text) {
-    console.log(chalk.dim(text));
+    console.log(accent(text));
     return;
   }
 
-  console.log(chalk.dim("─".repeat(getSeparatorWidth(getTerminalWidth()))));
+  console.log(accent("─".repeat(getSeparatorWidth(getTerminalWidth()))));
 }
 
 function getCliVersion(): string {