colorino 0.10.1 → 0.12.0

package/dist/shared/{colorino.B4p-EEl9.cjs → colorino.BgxwS1Lc.cjs}

@@ -63,13 +63,97 @@ function isConsoleMethod(level) {
   return ["log", "info", "warn", "error", "trace", "debug"].includes(level);
 }
 
+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 = "dracula";
+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;
+}
+
 class MyColorino {
-  constructor(_palette, _validator, _browserColorSupportDetector, _nodeColorSupportDetector, _options = {}) {
-    this._palette = _palette;
+  constructor(initialPalette, _userPalette, _validator, _browserColorSupportDetector, _nodeColorSupportDetector, _options = {}) {
+    this._userPalette = _userPalette;
     this._validator = _validator;
     this._browserColorSupportDetector = _browserColorSupportDetector;
     this._nodeColorSupportDetector = _nodeColorSupportDetector;
     this._options = _options;
+    this._palette = initialPalette;
     this.isBrowser = !!this._browserColorSupportDetector;
     this._colorLevel = this._detectColorSupport();
     const validatePaletteResult = this._validator.validatePalette(this._palette);
@@ -77,10 +161,23 @@ class MyColorino {
     if (this._colorLevel !== ColorLevel.NO_COLOR && !this._options.disableWarnings && this._colorLevel === "UnknownEnv") {
       this._maybeWarnUser();
     }
+    const themeOpt = this._options.theme ?? "auto";
+    if (themeOpt === "auto" && this._nodeColorSupportDetector) {
+      this._nodeColorSupportDetector.onTheme((resolvedTheme) => {
+        this._appllyResolvedTheme(resolvedTheme);
+      });
+    }
   }
   _alreadyWarned = false;
   _colorLevel;
   isBrowser;
+  _palette;
+  _appllyResolvedTheme(resolvedTheme) {
+    const themeOpt = this._options.theme ?? "auto";
+    const baseThemeName = determineBaseTheme(themeOpt, resolvedTheme);
+    const basePalette = themePalettes[baseThemeName];
+    this._palette = { ...basePalette, ...this._userPalette };
+  }
   log(...args) {
     this._out("log", args);
   }
@@ -112,10 +209,10 @@ class MyColorino {
     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."
+      "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."
     );
   }
-  _formatValue(value, maxDepth = 5) {
+  _formatValue(value, maxDepth = this._options.maxDepth ?? 5) {
     const seen = /* @__PURE__ */ new WeakSet();
     const sanitize = (val, currentDepth) => {
       if (val === null || typeof val !== "object") return val;
@@ -200,7 +297,7 @@ ${arg}`);
   }
   _output(consoleMethod, args) {
     if (consoleMethod === "trace") {
-      this._printCleanTrace(args, consoleMethod);
+      this._printCleanTrace(args);
     } else {
       console[consoleMethod](...args);
     }
@@ -221,9 +318,7 @@ ${arg}`);
     this._output(consoleMethod, coloredArgs);
   }
   _filterStack(stack) {
-    return stack.split("\n").filter(
-      (line) => !line.includes("colorino.js") && !line.includes("Colorino._out") && !line.includes("Colorino.error") && !line.includes("Colorino.warn") && !line.includes("Colorino.debug") && !line.includes("Colorino.info") && !line.includes("Colorino.log") && !line.includes("Colorino.trace") && !line.includes("Colorino._cleanErrorStack") && !line.includes("Colorino._printCleanTrace") && !line.includes("Colorino._filterStack")
-    ).join("\n");
+    return stack.split("\n").filter((line) => !line.match(/.*colorino.*/gi)).join("\n");
   }
   _cleanErrorStack(error) {
     if (!error.stack) return error;
@@ -233,14 +328,14 @@ ${arg}`);
     cloned.stack = cleanStack;
     return cloned;
   }
-  _printCleanTrace(args, method) {
+  _printCleanTrace(args) {
     const error = new Error();
     if (error.stack) {
       const cleanStack = this._filterStack(error.stack);
-      console[method](...args, `
+      console.log(...args, `
 ${cleanStack}`);
     } else {
-      console[method](...args);
+      console.log(...args);
     }
   }
 }
@@ -734,13 +829,6 @@ class ColorinoError extends Error {
     Object.setPrototypeOf(this, ColorinoError.prototype);
   }
 }
-class OscQueryError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "OscQueryError";
-    Object.setPrototypeOf(this, OscQueryError.prototype);
-  }
-}
 
 class InputValidator {
   validateHex(hex) {
@@ -763,112 +851,8 @@ class InputValidator {
   }
 }
 
-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 minimalDarkPalette = {
-  log: "#ffffff",
-  info: "#ffffff",
-  warn: "#ffffff",
-  error: "#ffffff",
-  debug: "#ffffff",
-  trace: "#ffffff"
-};
-const minimalLightPalette = {
-  log: "#000000",
-  info: "#000000",
-  warn: "#000000",
-  error: "#000000",
-  debug: "#000000",
-  trace: "#000000"
-};
-
-const themePalettes = {
-  "catppuccin-mocha": catppuccinMochaPalette,
-  "catppuccin-latte": catppuccinLattePalette,
-  dracula: draculaPalette,
-  "github-light": githubLightPalette,
-  "minimal-dark": minimalDarkPalette,
-  "minimal-light": minimalLightPalette
-};
-const defaultDarkTheme = "minimal-dark";
-const defaultLightTheme = "minimal-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.InputValidator = InputValidator;
 exports.MyColorino = MyColorino;
-exports.OscQueryError = OscQueryError;
 exports.determineBaseTheme = determineBaseTheme;
-exports.err = err;
-exports.ok = ok;
 exports.themePalettes = themePalettes;

package/dist/shared/{colorino.BnDovC2X.mjs → colorino.ClDpLv-k.mjs}

@@ -61,13 +61,97 @@ function isConsoleMethod(level) {
   return ["log", "info", "warn", "error", "trace", "debug"].includes(level);
 }
 
+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 = "dracula";
+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;
+}
+
 class MyColorino {
-  constructor(_palette, _validator, _browserColorSupportDetector, _nodeColorSupportDetector, _options = {}) {
-    this._palette = _palette;
+  constructor(initialPalette, _userPalette, _validator, _browserColorSupportDetector, _nodeColorSupportDetector, _options = {}) {
+    this._userPalette = _userPalette;
     this._validator = _validator;
     this._browserColorSupportDetector = _browserColorSupportDetector;
     this._nodeColorSupportDetector = _nodeColorSupportDetector;
     this._options = _options;
+    this._palette = initialPalette;
     this.isBrowser = !!this._browserColorSupportDetector;
     this._colorLevel = this._detectColorSupport();
     const validatePaletteResult = this._validator.validatePalette(this._palette);
@@ -75,10 +159,23 @@ class MyColorino {
     if (this._colorLevel !== ColorLevel.NO_COLOR && !this._options.disableWarnings && this._colorLevel === "UnknownEnv") {
       this._maybeWarnUser();
     }
+    const themeOpt = this._options.theme ?? "auto";
+    if (themeOpt === "auto" && this._nodeColorSupportDetector) {
+      this._nodeColorSupportDetector.onTheme((resolvedTheme) => {
+        this._appllyResolvedTheme(resolvedTheme);
+      });
+    }
   }
   _alreadyWarned = false;
   _colorLevel;
   isBrowser;
+  _palette;
+  _appllyResolvedTheme(resolvedTheme) {
+    const themeOpt = this._options.theme ?? "auto";
+    const baseThemeName = determineBaseTheme(themeOpt, resolvedTheme);
+    const basePalette = themePalettes[baseThemeName];
+    this._palette = { ...basePalette, ...this._userPalette };
+  }
   log(...args) {
     this._out("log", args);
   }
@@ -110,10 +207,10 @@ class MyColorino {
     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."
+      "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."
     );
   }
-  _formatValue(value, maxDepth = 5) {
+  _formatValue(value, maxDepth = this._options.maxDepth ?? 5) {
     const seen = /* @__PURE__ */ new WeakSet();
     const sanitize = (val, currentDepth) => {
       if (val === null || typeof val !== "object") return val;
@@ -198,7 +295,7 @@ ${arg}`);
   }
   _output(consoleMethod, args) {
     if (consoleMethod === "trace") {
-      this._printCleanTrace(args, consoleMethod);
+      this._printCleanTrace(args);
     } else {
       console[consoleMethod](...args);
     }
@@ -219,9 +316,7 @@ ${arg}`);
     this._output(consoleMethod, coloredArgs);
   }
   _filterStack(stack) {
-    return stack.split("\n").filter(
-      (line) => !line.includes("colorino.js") && !line.includes("Colorino._out") && !line.includes("Colorino.error") && !line.includes("Colorino.warn") && !line.includes("Colorino.debug") && !line.includes("Colorino.info") && !line.includes("Colorino.log") && !line.includes("Colorino.trace") && !line.includes("Colorino._cleanErrorStack") && !line.includes("Colorino._printCleanTrace") && !line.includes("Colorino._filterStack")
-    ).join("\n");
+    return stack.split("\n").filter((line) => !line.match(/.*colorino.*/gi)).join("\n");
   }
   _cleanErrorStack(error) {
     if (!error.stack) return error;
@@ -231,14 +326,14 @@ ${arg}`);
     cloned.stack = cleanStack;
     return cloned;
   }
-  _printCleanTrace(args, method) {
+  _printCleanTrace(args) {
     const error = new Error();
     if (error.stack) {
       const cleanStack = this._filterStack(error.stack);
-      console[method](...args, `
+      console.log(...args, `
 ${cleanStack}`);
     } else {
-      console[method](...args);
+      console.log(...args);
     }
   }
 }
@@ -732,13 +827,6 @@ class ColorinoError extends Error {
     Object.setPrototypeOf(this, ColorinoError.prototype);
   }
 }
-class OscQueryError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "OscQueryError";
-    Object.setPrototypeOf(this, OscQueryError.prototype);
-  }
-}
 
 class InputValidator {
   validateHex(hex) {
@@ -761,105 +849,4 @@ class InputValidator {
   }
 }
 
-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 minimalDarkPalette = {
-  log: "#ffffff",
-  info: "#ffffff",
-  warn: "#ffffff",
-  error: "#ffffff",
-  debug: "#ffffff",
-  trace: "#ffffff"
-};
-const minimalLightPalette = {
-  log: "#000000",
-  info: "#000000",
-  warn: "#000000",
-  error: "#000000",
-  debug: "#000000",
-  trace: "#000000"
-};
-
-const themePalettes = {
-  "catppuccin-mocha": catppuccinMochaPalette,
-  "catppuccin-latte": catppuccinLattePalette,
-  dracula: draculaPalette,
-  "github-light": githubLightPalette,
-  "minimal-dark": minimalDarkPalette,
-  "minimal-light": minimalLightPalette
-};
-const defaultDarkTheme = "minimal-dark";
-const defaultLightTheme = "minimal-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, MyColorino as M, OscQueryError as O, determineBaseTheme as d, err as e, ok as o, themePalettes as t };
+export { ColorLevel as C, InputValidator as I, MyColorino as M, determineBaseTheme as d, themePalettes as t };

package/dist/shared/{colorino.DjY5jpGa.d.ts → colorino.Dh_05jaQ.d.cts}

@@ -2,10 +2,12 @@ type ConsoleMethod = 'log' | 'info' | 'warn' | 'error' | 'trace' | 'debug';
 type LogLevel = ConsoleMethod & string;
 type Palette = Record<LogLevel, string>;
 type TerminalTheme = 'dark' | 'light' | 'unknown';
-type ThemeName = 'catppuccin-mocha' | 'catppuccin-latte' | 'dracula' | 'github-light' | 'minimal-dark' | 'minimal-light';
+type ThemeName = 'catppuccin-mocha' | 'catppuccin-latte' | 'dracula' | 'github-light';
 interface ColorinoOptions {
     disableWarnings?: boolean;
     theme?: TerminalTheme | ThemeName | 'auto';
+    disableOscProbe?: boolean;
+    maxDepth?: number;
 }
 interface Colorino {
     log(...args: unknown[]): void;
@@ -16,7 +18,4 @@ interface Colorino {
     trace(...args: unknown[]): void;
 }
 
-declare const themePalettes: Record<ThemeName, Palette>;
-
-export { themePalettes as t };
 export type { ColorinoOptions as C, LogLevel as L, Palette as P, ThemeName as T, Colorino as a };

package/dist/shared/{colorino.DjY5jpGa.d.cts → colorino.Dh_05jaQ.d.mts}

@@ -2,10 +2,12 @@ type ConsoleMethod = 'log' | 'info' | 'warn' | 'error' | 'trace' | 'debug';
 type LogLevel = ConsoleMethod & string;
 type Palette = Record<LogLevel, string>;
 type TerminalTheme = 'dark' | 'light' | 'unknown';
-type ThemeName = 'catppuccin-mocha' | 'catppuccin-latte' | 'dracula' | 'github-light' | 'minimal-dark' | 'minimal-light';
+type ThemeName = 'catppuccin-mocha' | 'catppuccin-latte' | 'dracula' | 'github-light';
 interface ColorinoOptions {
     disableWarnings?: boolean;
     theme?: TerminalTheme | ThemeName | 'auto';
+    disableOscProbe?: boolean;
+    maxDepth?: number;
 }
 interface Colorino {
     log(...args: unknown[]): void;
@@ -16,7 +18,4 @@ interface Colorino {
     trace(...args: unknown[]): void;
 }
 
-declare const themePalettes: Record<ThemeName, Palette>;
-
-export { themePalettes as t };
 export type { ColorinoOptions as C, LogLevel as L, Palette as P, ThemeName as T, Colorino as a };

package/dist/shared/{colorino.DjY5jpGa.d.mts → colorino.Dh_05jaQ.d.ts}

@@ -2,10 +2,12 @@ type ConsoleMethod = 'log' | 'info' | 'warn' | 'error' | 'trace' | 'debug';
 type LogLevel = ConsoleMethod & string;
 type Palette = Record<LogLevel, string>;
 type TerminalTheme = 'dark' | 'light' | 'unknown';
-type ThemeName = 'catppuccin-mocha' | 'catppuccin-latte' | 'dracula' | 'github-light' | 'minimal-dark' | 'minimal-light';
+type ThemeName = 'catppuccin-mocha' | 'catppuccin-latte' | 'dracula' | 'github-light';
 interface ColorinoOptions {
     disableWarnings?: boolean;
     theme?: TerminalTheme | ThemeName | 'auto';
+    disableOscProbe?: boolean;
+    maxDepth?: number;
 }
 interface Colorino {
     log(...args: unknown[]): void;
@@ -16,7 +18,4 @@ interface Colorino {
     trace(...args: unknown[]): void;
 }
 
-declare const themePalettes: Record<ThemeName, Palette>;
-
-export { themePalettes as t };
 export type { ColorinoOptions as C, LogLevel as L, Palette as P, ThemeName as T, Colorino as a };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colorino",
-  "version": "0.10.1",
+  "version": "0.12.0",
   "description": "A super simple colorized logger that gets the most out of your terminal",
   "type": "module",
   "license": "MIT",
@@ -75,6 +75,7 @@
     "husky": "^9.0.0",
     "lint-staged": "^15.2.0",
     "md-toc-cli": "^3.1.1",
+    "node-pty": "^1.1.0",
     "oxfmt": "^0.9.0",
     "oxlint": "^0.2.0",
     "playwright": "^1.57.0",