colorino 0.4.0 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colorino",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "A super simple colorized logger that gets the most out of your terminal",
   "type": "module",
   "license": "MIT",
@@ -45,10 +45,11 @@
     "build": "unbuild",
     "format": "oxlint --fix && oxfmt",
     "test:all": "npm run test:node && npm run test:browser",
-    "test:node": "vitest run --config vitest.config.ts",
-    "test:browser": "vitest run --config vitest.browser.config.ts",
-    "test:coverage": "vitest run --config vitest.config.ts --coverage",
-    "test:ui": "vitest --ui --config vitest.config.ts",
+    "test:node": "vitest run --project=node",
+    "test:browser": "vitest run --project=chromium --browser=chromium",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
     "version:patch": "npm version patch",
     "version:minor": "npm version minor",
     "version:major": "npm version major",
@@ -61,18 +62,20 @@
     "neverthrow": "^8.2.0"
   },
   "devDependencies": {
-    "@sindresorhus/tsconfig": "^8.1.0",
+    "@playwright/test": "^1.57.0",
     "@types/node": "^24.9.2",
-    "@vitest/coverage-v8": "^4.0.6",
-    "@vitest/ui": "^4.0.6",
+    "@vitest/browser-playwright": "^4.0.15",
+    "@vitest/coverage-v8": "^4.0.15",
+    "@vitest/ui": "^4.0.15",
     "husky": "^9.0.0",
-    "jsdom": "^27.1.0",
     "lint-staged": "^15.2.0",
     "oxfmt": "^0.9.0",
     "oxlint": "^0.2.0",
+    "playwright": "^1.57.0",
     "tsx": "^4.20.6",
+    "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
-    "vitest": "^4.0.6"
+    "vitest": "^4.0.15"
   },
   "lint-staged": {
     "*.{ts,json}": [
@@ -82,7 +85,7 @@
     "*.ts": "vitest related --run"
   },
   "engines": {
-    "node": ">=16.0.0",
+    "node": ">=17.0.0",
     "npm": ">=8.0.0"
   },
   "publishConfig": {

package/dist/shared/colorino.B16XJPJ-.mjs

@@ -1,281 +0,0 @@
-import { err, ok } from 'neverthrow';
-
-function hexToRgb(hex) {
-  const match = hex.toString().match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
-  if (!match) {
-    return [0, 0, 0];
-  }
-  let colorString = match[0];
-  if (match[0].length === 3) {
-    colorString = [...colorString].map((char) => char + char).join("");
-  }
-  const integer = parseInt(colorString, 16);
-  const r = integer >> 16 & 255;
-  const g = integer >> 8 & 255;
-  const b = integer & 255;
-  return [r, g, b];
-}
-function rgbToAnsi256(rgb) {
-  const [r, g, b] = rgb;
-  if (r === g && g === b) {
-    if (r < 8) return 16;
-    if (r > 248) return 231;
-    return Math.round((r - 8) / 247 * 24) + 232;
-  }
-  return 16 + 36 * Math.round(r / 255 * 5) + 6 * Math.round(g / 255 * 5) + Math.round(b / 255 * 5);
-}
-function rgbToHsvValue(rgb) {
-  const r = rgb[0] / 255;
-  const g = rgb[1] / 255;
-  const b = rgb[2] / 255;
-  const v = Math.max(r, g, b);
-  return v * 100;
-}
-function rgbToAnsi16(rgb) {
-  const [r, g, b] = rgb;
-  const value = rgbToHsvValue(rgb);
-  const roundedValue = Math.round(value / 50);
-  if (roundedValue === 0) {
-    return 30;
-  }
-  let ansi = 30 + (Math.round(b / 255) << 2 | Math.round(g / 255) << 1 | Math.round(r / 255));
-  if (roundedValue === 2) {
-    ansi += 60;
-  }
-  return ansi;
-}
-const colorConverter = {
-  hex: {
-    toRgb: hexToRgb,
-    toAnsi16: (hex) => rgbToAnsi16(hexToRgb(hex)),
-    toAnsi256: (hex) => rgbToAnsi256(hexToRgb(hex))
-  }};
-
-var ColorLevel = /* @__PURE__ */ ((ColorLevel2) => {
-  ColorLevel2[ColorLevel2["NO_COLOR"] = 0] = "NO_COLOR";
-  ColorLevel2[ColorLevel2["ANSI"] = 1] = "ANSI";
-  ColorLevel2[ColorLevel2["ANSI256"] = 2] = "ANSI256";
-  ColorLevel2[ColorLevel2["TRUECOLOR"] = 3] = "TRUECOLOR";
-  return ColorLevel2;
-})(ColorLevel || {});
-
-function isConsoleMethod(level) {
-  return ["log", "info", "warn", "error", "trace", "debug"].includes(level);
-}
-
-class Colorino {
-  constructor(_palette, _validator, _browserColorSupportDetector, _nodeColorSupportDetector, _options = {}) {
-    this._palette = _palette;
-    this._validator = _validator;
-    this._browserColorSupportDetector = _browserColorSupportDetector;
-    this._nodeColorSupportDetector = _nodeColorSupportDetector;
-    this._options = _options;
-    this.isBrowser = !!this._browserColorSupportDetector;
-    this._colorLevel = this._detectColorSupport();
-    const validatePaletteResult = this._validator.validatePalette(this._palette);
-    if (validatePaletteResult.isErr()) throw validatePaletteResult.error;
-    if (!this.isBrowser && (this._colorLevel === ColorLevel.NO_COLOR || this._colorLevel === "UnknownEnv") && !this._options.disableWarnings) {
-      this._maybeWarnUser();
-    }
-  }
-  _alreadyWarned = false;
-  _colorLevel;
-  isBrowser;
-  log(...args) {
-    this._out("log", args);
-  }
-  info(...args) {
-    this._out("info", args);
-  }
-  warn(...args) {
-    this._out("warn", args);
-  }
-  error(...args) {
-    this._out("error", args);
-  }
-  trace(...args) {
-    this._out("trace", args);
-  }
-  debug(...args) {
-    this._out("debug", args);
-  }
-  _detectColorSupport() {
-    if (this.isBrowser) {
-      return this._browserColorSupportDetector?.getColorLevel() ?? "UnknownEnv";
-    }
-    if (this._nodeColorSupportDetector?.isNodeEnv()) {
-      return this._nodeColorSupportDetector?.getColorLevel() ?? "UnknownEnv";
-    }
-    return "UnknownEnv";
-  }
-  _maybeWarnUser() {
-    if (this._alreadyWarned) return;
-    this._alreadyWarned = true;
-    console.warn(
-      "[Colorino] No ANSI color support detected in this terminal. See [https://github.com/chalk/supports-color#support-matrix](https://github.com/chalk/supports-color#support-matrix) to learn how to enable terminal color."
-    );
-  }
-  _out(level, args) {
-    const consoleMethod = isConsoleMethod(level) ? level : "log";
-    if (this._colorLevel === ColorLevel.NO_COLOR || this._colorLevel === "UnknownEnv") {
-      if (level === "trace") console.trace(...args);
-      else console[consoleMethod](...args);
-      return;
-    }
-    if (this.isBrowser) {
-      const hex2 = this._palette[level];
-      if (typeof args[0] === "string") {
-        console[consoleMethod](`%c${args[0]}`, `color:${hex2}`, ...args.slice(1));
-      } else {
-        console[consoleMethod](...args);
-      }
-      return;
-    }
-    const hex = this._palette[level];
-    let ansiCode;
-    switch (this._colorLevel) {
-      case ColorLevel.TRUECOLOR: {
-        const [r, g, b] = colorConverter.hex.toRgb(hex);
-        ansiCode = `\x1B[38;2;${r};${g};${b}m`;
-        break;
-      }
-      case ColorLevel.ANSI256: {
-        const code = colorConverter.hex.toAnsi256(hex);
-        ansiCode = `\x1B[38;5;${code}m`;
-        break;
-      }
-      case ColorLevel.ANSI:
-      default: {
-        const code = colorConverter.hex.toAnsi16(hex);
-        ansiCode = `\x1B[${code}m`;
-        break;
-      }
-    }
-    const processedArgs = [...args];
-    const firstStringIndex = processedArgs.findIndex(
-      (arg) => typeof arg === "string"
-    );
-    if (firstStringIndex !== -1) {
-      processedArgs[firstStringIndex] = `${ansiCode}${processedArgs[firstStringIndex]}\x1B[0m`;
-    }
-    if (level === "trace") {
-      console.trace(...processedArgs);
-    } else {
-      console[consoleMethod](...processedArgs);
-    }
-  }
-}
-
-class ColorinoError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "ColorinoError";
-    Object.setPrototypeOf(this, ColorinoError.prototype);
-  }
-}
-
-class InputValidator {
-  validateHex(hex) {
-    const trimmedHex = hex.trim();
-    const isHexValid = /^#[0-9A-F]{6}$/i.test(trimmedHex);
-    if (!isHexValid) {
-      return err(new ColorinoError(`Invalid hex color: '${hex}'`));
-    }
-    return ok(true);
-  }
-  validatePalette(palette) {
-    for (const level in palette) {
-      const hex = palette[level];
-      const result = this.validateHex(hex);
-      if (result.isErr()) {
-        return err(result.error);
-      }
-    }
-    return ok(true);
-  }
-}
-
-const catppuccinMochaPalette = {
-  log: "#cdd6f4",
-  // Text
-  info: "#89b4fa",
-  // Blue
-  warn: "#f9e2af",
-  // Yellow
-  error: "#f38ba8",
-  // Red
-  debug: "#a6adc8",
-  // Subtext0
-  trace: "#9399b2"
-  // Subtext1
-};
-const catppuccinLattePalette = {
-  log: "#4c4f69",
-  // Text
-  info: "#1e66f5",
-  // Blue
-  warn: "#df8e1d",
-  // Yellow
-  error: "#d20f39",
-  // Red
-  debug: "#7c7f93",
-  // Subtext0
-  trace: "#8c8fa1"
-  // Subtext1
-};
-const draculaPalette = {
-  log: "#f8f8f2",
-  // Foreground
-  info: "#8be9fd",
-  // Cyan
-  warn: "#f1fa8c",
-  // Yellow
-  error: "#ff5555",
-  // Red
-  debug: "#bd93f9",
-  // Purple
-  trace: "#6272a4"
-  // Comment
-};
-const githubLightPalette = {
-  log: "#24292e",
-  // Text
-  info: "#0366d6",
-  // Blue
-  warn: "#f9a002",
-  // Yellow
-  error: "#d73a49",
-  // Red
-  debug: "#586069",
-  // Gray
-  trace: "#6a737d"
-  // Gray-light
-};
-
-const themePalettes = {
-  "catppuccin-mocha": catppuccinMochaPalette,
-  "catppuccin-latte": catppuccinLattePalette,
-  dracula: draculaPalette,
-  "github-light": githubLightPalette
-};
-const defaultDarkTheme = "catppuccin-mocha";
-const defaultLightTheme = "github-light";
-function isThemeName(theme) {
-  return theme in themePalettes;
-}
-
-function determineBaseTheme(themeOpt, detectedBrowserTheme) {
-  let baseThemeName;
-  if (isThemeName(themeOpt)) {
-    baseThemeName = themeOpt;
-  } else if (themeOpt === "light") {
-    baseThemeName = defaultLightTheme;
-  } else if (themeOpt === "dark") {
-    baseThemeName = defaultDarkTheme;
-  } else {
-    baseThemeName = detectedBrowserTheme === "light" ? defaultLightTheme : defaultDarkTheme;
-  }
-  return baseThemeName;
-}
-
-export { ColorLevel as C, InputValidator as I, Colorino as a, determineBaseTheme as d, themePalettes as t };

package/dist/shared/colorino.BUBv72sF.cjs

@@ -1,287 +0,0 @@
-'use strict';
-
-const neverthrow = require('neverthrow');
-
-function hexToRgb(hex) {
-  const match = hex.toString().match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
-  if (!match) {
-    return [0, 0, 0];
-  }
-  let colorString = match[0];
-  if (match[0].length === 3) {
-    colorString = [...colorString].map((char) => char + char).join("");
-  }
-  const integer = parseInt(colorString, 16);
-  const r = integer >> 16 & 255;
-  const g = integer >> 8 & 255;
-  const b = integer & 255;
-  return [r, g, b];
-}
-function rgbToAnsi256(rgb) {
-  const [r, g, b] = rgb;
-  if (r === g && g === b) {
-    if (r < 8) return 16;
-    if (r > 248) return 231;
-    return Math.round((r - 8) / 247 * 24) + 232;
-  }
-  return 16 + 36 * Math.round(r / 255 * 5) + 6 * Math.round(g / 255 * 5) + Math.round(b / 255 * 5);
-}
-function rgbToHsvValue(rgb) {
-  const r = rgb[0] / 255;
-  const g = rgb[1] / 255;
-  const b = rgb[2] / 255;
-  const v = Math.max(r, g, b);
-  return v * 100;
-}
-function rgbToAnsi16(rgb) {
-  const [r, g, b] = rgb;
-  const value = rgbToHsvValue(rgb);
-  const roundedValue = Math.round(value / 50);
-  if (roundedValue === 0) {
-    return 30;
-  }
-  let ansi = 30 + (Math.round(b / 255) << 2 | Math.round(g / 255) << 1 | Math.round(r / 255));
-  if (roundedValue === 2) {
-    ansi += 60;
-  }
-  return ansi;
-}
-const colorConverter = {
-  hex: {
-    toRgb: hexToRgb,
-    toAnsi16: (hex) => rgbToAnsi16(hexToRgb(hex)),
-    toAnsi256: (hex) => rgbToAnsi256(hexToRgb(hex))
-  }};
-
-var ColorLevel = /* @__PURE__ */ ((ColorLevel2) => {
-  ColorLevel2[ColorLevel2["NO_COLOR"] = 0] = "NO_COLOR";
-  ColorLevel2[ColorLevel2["ANSI"] = 1] = "ANSI";
-  ColorLevel2[ColorLevel2["ANSI256"] = 2] = "ANSI256";
-  ColorLevel2[ColorLevel2["TRUECOLOR"] = 3] = "TRUECOLOR";
-  return ColorLevel2;
-})(ColorLevel || {});
-
-function isConsoleMethod(level) {
-  return ["log", "info", "warn", "error", "trace", "debug"].includes(level);
-}
-
-class Colorino {
-  constructor(_palette, _validator, _browserColorSupportDetector, _nodeColorSupportDetector, _options = {}) {
-    this._palette = _palette;
-    this._validator = _validator;
-    this._browserColorSupportDetector = _browserColorSupportDetector;
-    this._nodeColorSupportDetector = _nodeColorSupportDetector;
-    this._options = _options;
-    this.isBrowser = !!this._browserColorSupportDetector;
-    this._colorLevel = this._detectColorSupport();
-    const validatePaletteResult = this._validator.validatePalette(this._palette);
-    if (validatePaletteResult.isErr()) throw validatePaletteResult.error;
-    if (!this.isBrowser && (this._colorLevel === ColorLevel.NO_COLOR || this._colorLevel === "UnknownEnv") && !this._options.disableWarnings) {
-      this._maybeWarnUser();
-    }
-  }
-  _alreadyWarned = false;
-  _colorLevel;
-  isBrowser;
-  log(...args) {
-    this._out("log", args);
-  }
-  info(...args) {
-    this._out("info", args);
-  }
-  warn(...args) {
-    this._out("warn", args);
-  }
-  error(...args) {
-    this._out("error", args);
-  }
-  trace(...args) {
-    this._out("trace", args);
-  }
-  debug(...args) {
-    this._out("debug", args);
-  }
-  _detectColorSupport() {
-    if (this.isBrowser) {
-      return this._browserColorSupportDetector?.getColorLevel() ?? "UnknownEnv";
-    }
-    if (this._nodeColorSupportDetector?.isNodeEnv()) {
-      return this._nodeColorSupportDetector?.getColorLevel() ?? "UnknownEnv";
-    }
-    return "UnknownEnv";
-  }
-  _maybeWarnUser() {
-    if (this._alreadyWarned) return;
-    this._alreadyWarned = true;
-    console.warn(
-      "[Colorino] No ANSI color support detected in this terminal. See [https://github.com/chalk/supports-color#support-matrix](https://github.com/chalk/supports-color#support-matrix) to learn how to enable terminal color."
-    );
-  }
-  _out(level, args) {
-    const consoleMethod = isConsoleMethod(level) ? level : "log";
-    if (this._colorLevel === ColorLevel.NO_COLOR || this._colorLevel === "UnknownEnv") {
-      if (level === "trace") console.trace(...args);
-      else console[consoleMethod](...args);
-      return;
-    }
-    if (this.isBrowser) {
-      const hex2 = this._palette[level];
-      if (typeof args[0] === "string") {
-        console[consoleMethod](`%c${args[0]}`, `color:${hex2}`, ...args.slice(1));
-      } else {
-        console[consoleMethod](...args);
-      }
-      return;
-    }
-    const hex = this._palette[level];
-    let ansiCode;
-    switch (this._colorLevel) {
-      case ColorLevel.TRUECOLOR: {
-        const [r, g, b] = colorConverter.hex.toRgb(hex);
-        ansiCode = `\x1B[38;2;${r};${g};${b}m`;
-        break;
-      }
-      case ColorLevel.ANSI256: {
-        const code = colorConverter.hex.toAnsi256(hex);
-        ansiCode = `\x1B[38;5;${code}m`;
-        break;
-      }
-      case ColorLevel.ANSI:
-      default: {
-        const code = colorConverter.hex.toAnsi16(hex);
-        ansiCode = `\x1B[${code}m`;
-        break;
-      }
-    }
-    const processedArgs = [...args];
-    const firstStringIndex = processedArgs.findIndex(
-      (arg) => typeof arg === "string"
-    );
-    if (firstStringIndex !== -1) {
-      processedArgs[firstStringIndex] = `${ansiCode}${processedArgs[firstStringIndex]}\x1B[0m`;
-    }
-    if (level === "trace") {
-      console.trace(...processedArgs);
-    } else {
-      console[consoleMethod](...processedArgs);
-    }
-  }
-}
-
-class ColorinoError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "ColorinoError";
-    Object.setPrototypeOf(this, ColorinoError.prototype);
-  }
-}
-
-class InputValidator {
-  validateHex(hex) {
-    const trimmedHex = hex.trim();
-    const isHexValid = /^#[0-9A-F]{6}$/i.test(trimmedHex);
-    if (!isHexValid) {
-      return neverthrow.err(new ColorinoError(`Invalid hex color: '${hex}'`));
-    }
-    return neverthrow.ok(true);
-  }
-  validatePalette(palette) {
-    for (const level in palette) {
-      const hex = palette[level];
-      const result = this.validateHex(hex);
-      if (result.isErr()) {
-        return neverthrow.err(result.error);
-      }
-    }
-    return neverthrow.ok(true);
-  }
-}
-
-const catppuccinMochaPalette = {
-  log: "#cdd6f4",
-  // Text
-  info: "#89b4fa",
-  // Blue
-  warn: "#f9e2af",
-  // Yellow
-  error: "#f38ba8",
-  // Red
-  debug: "#a6adc8",
-  // Subtext0
-  trace: "#9399b2"
-  // Subtext1
-};
-const catppuccinLattePalette = {
-  log: "#4c4f69",
-  // Text
-  info: "#1e66f5",
-  // Blue
-  warn: "#df8e1d",
-  // Yellow
-  error: "#d20f39",
-  // Red
-  debug: "#7c7f93",
-  // Subtext0
-  trace: "#8c8fa1"
-  // Subtext1
-};
-const draculaPalette = {
-  log: "#f8f8f2",
-  // Foreground
-  info: "#8be9fd",
-  // Cyan
-  warn: "#f1fa8c",
-  // Yellow
-  error: "#ff5555",
-  // Red
-  debug: "#bd93f9",
-  // Purple
-  trace: "#6272a4"
-  // Comment
-};
-const githubLightPalette = {
-  log: "#24292e",
-  // Text
-  info: "#0366d6",
-  // Blue
-  warn: "#f9a002",
-  // Yellow
-  error: "#d73a49",
-  // Red
-  debug: "#586069",
-  // Gray
-  trace: "#6a737d"
-  // Gray-light
-};
-
-const themePalettes = {
-  "catppuccin-mocha": catppuccinMochaPalette,
-  "catppuccin-latte": catppuccinLattePalette,
-  dracula: draculaPalette,
-  "github-light": githubLightPalette
-};
-const defaultDarkTheme = "catppuccin-mocha";
-const defaultLightTheme = "github-light";
-function isThemeName(theme) {
-  return theme in themePalettes;
-}
-
-function determineBaseTheme(themeOpt, detectedBrowserTheme) {
-  let baseThemeName;
-  if (isThemeName(themeOpt)) {
-    baseThemeName = themeOpt;
-  } else if (themeOpt === "light") {
-    baseThemeName = defaultLightTheme;
-  } else if (themeOpt === "dark") {
-    baseThemeName = defaultDarkTheme;
-  } else {
-    baseThemeName = detectedBrowserTheme === "light" ? defaultLightTheme : defaultDarkTheme;
-  }
-  return baseThemeName;
-}
-
-exports.ColorLevel = ColorLevel;
-exports.Colorino = Colorino;
-exports.InputValidator = InputValidator;
-exports.determineBaseTheme = determineBaseTheme;
-exports.themePalettes = themePalettes;