tinky 1.2.0 → 1.2.2

package/lib/core/render-border.js

@@ -1,5 +1,5 @@
 import cliBoxes from "cli-boxes";
-import chalk from "chalk";
+import ansis from "ansis";
 import { colorize } from "../utils/colorize.js";
 /**
  * Renders the border for a DOM node.
@@ -38,7 +38,7 @@ export const renderBorder = (x, y, node, output) => {
                 (showRightBorder ? box.topRight : ""), topBorderColor, "foreground")
             : undefined;
         if (showTopBorder && dimTopBorderColor) {
-            topBorder = chalk.dim(topBorder);
+            topBorder = ansis.dim(topBorder);
         }
         let verticalBorderHeight = height;
         if (showTopBorder) {
@@ -49,11 +49,11 @@ export const renderBorder = (x, y, node, output) => {
         }
         let leftBorder = (colorize(box.left, leftBorderColor, "foreground") + "\n").repeat(verticalBorderHeight);
         if (dimLeftBorderColor) {
-            leftBorder = chalk.dim(leftBorder);
+            leftBorder = ansis.dim(leftBorder);
         }
         let rightBorder = (colorize(box.right, rightBorderColor, "foreground") + "\n").repeat(verticalBorderHeight);
         if (dimRightBorderColor) {
-            rightBorder = chalk.dim(rightBorder);
+            rightBorder = ansis.dim(rightBorder);
         }
         let bottomBorder = showBottomBorder
             ? colorize((showLeftBorder ? box.bottomLeft : "") +
@@ -61,7 +61,7 @@ export const renderBorder = (x, y, node, output) => {
                 (showRightBorder ? box.bottomRight : ""), bottomBorderColor, "foreground")
             : undefined;
         if (showBottomBorder && dimBottomBorderColor) {
-            bottomBorder = chalk.dim(bottomBorder);
+            bottomBorder = ansis.dim(bottomBorder);
         }
         const offsetY = showTopBorder ? 1 : 0;
         if (topBorder) {

package/lib/index.d.ts

@@ -21,6 +21,7 @@ export { useFocusManager, type FocusManager, } from "./hooks/use-focus-manager.j
 export { useIsScreenReaderEnabled } from "./hooks/use-is-screen-reader-enabled.js";
 export { measureElement } from "./utils/measure-element.js";
 export { type Dimension } from "./utils/dimension.js";
+export { type ForegroundColorName } from "./utils/colorize.js";
 export { applyTextStyles, type TextStyles } from "./utils/apply-text-styles.js";
 export { type DOMElement, type DOMNode, type DOMNodeAttribute, type ElementNames, type NodeNames, type TextName, type TextNode, type TinkyNode, } from "./core/dom.js";
 export { type Styles } from "./core/styles.js";

package/lib/utils/apply-text-styles.d.ts

@@ -1,11 +1,11 @@
-import { type ForegroundColorName } from "chalk";
 import { type LiteralUnion } from "type-fest";
+import { type ForegroundColorName } from "./colorize.js";
 /**
  * Common text styling props used by components like Text and Separator.
  */
 export interface TextStyles {
     /**
-     * Change text color. Tinky uses Chalk under the hood, so all its functionality
+     * Change text color. Tinky uses Ansis under the hood, so all its functionality
      * is supported.
      */
     readonly color?: LiteralUnion<ForegroundColorName, string>;
@@ -39,7 +39,7 @@ export interface TextStyles {
     readonly inverse?: boolean;
 }
 /**
- * Applies text styles (color, bold, etc.) to a string using Chalk.
+ * Applies text styles (color, bold, etc.) to a string using Ansis.
  *
  * @param text - The text to apply styles to.
  * @param styles - The styles to apply.

package/lib/utils/apply-text-styles.js

@@ -1,7 +1,7 @@
-import chalk from "chalk";
+import ansis from "ansis";
 import { colorize } from "./colorize.js";
 /**
- * Applies text styles (color, bold, etc.) to a string using Chalk.
+ * Applies text styles (color, bold, etc.) to a string using Ansis.
  *
  * @param text - The text to apply styles to.
  * @param styles - The styles to apply.
@@ -9,7 +9,7 @@ import { colorize } from "./colorize.js";
  */
 export const applyTextStyles = (text, styles) => {
     if (styles.dimColor) {
-        text = chalk.dim(text);
+        text = ansis.dim(text);
     }
     if (styles.color) {
         text = colorize(text, styles.color, "foreground");
@@ -18,19 +18,19 @@ export const applyTextStyles = (text, styles) => {
         text = colorize(text, styles.backgroundColor, "background");
     }
     if (styles.bold) {
-        text = chalk.bold(text);
+        text = ansis.bold(text);
     }
     if (styles.italic) {
-        text = chalk.italic(text);
+        text = ansis.italic(text);
     }
     if (styles.underline) {
-        text = chalk.underline(text);
+        text = ansis.underline(text);
     }
     if (styles.strikethrough) {
-        text = chalk.strikethrough(text);
+        text = ansis.strikethrough(text);
     }
     if (styles.inverse) {
-        text = chalk.inverse(text);
+        text = ansis.inverse(text);
     }
     return text;
 };

package/lib/utils/colorize.d.ts

@@ -1,10 +1,18 @@
+/**
+ * Supported foreground color names.
+ */
+export type ForegroundColorName = "black" | "blue" | "blueBright" | "cyan" | "cyanBright" | "gray" | "green" | "greenBright" | "magenta" | "magentaBright" | "red" | "redBright" | "white" | "whiteBright" | "yellow" | "yellowBright";
+/**
+ * Supported background color names.
+ */
+export type BackgroundColorName = "bgBlack" | "bgBlue" | "bgBlueBright" | "bgCyan" | "bgCyanBright" | "bgGray" | "bgGreen" | "bgGreenBright" | "bgMagenta" | "bgMagentaBright" | "bgRed" | "bgRedBright" | "bgWhite" | "bgWhiteBright" | "bgYellow" | "bgYellowBright";
 /**
  * Type representing the target of the color application (foreground or
  * background).
  */
 type ColorType = "foreground" | "background";
 /**
- * Applies a color to a string using Chalk.
+ * Applies a color to a string using Ansis.
  * Supports named colors, hex codes, RGB values, and ANSI-256 color codes.
  *
  * @param str - The string to colorize.

package/lib/utils/colorize.js

@@ -1,11 +1,11 @@
-import chalk from "chalk";
+import ansis from "ansis";
 const rgbRegex = /^rgb\(\s?(\d+),\s?(\d+),\s?(\d+)\s?\)$/;
 const ansiRegex = /^ansi256\(\s?(\d+)\s?\)$/;
 const isNamedColor = (color) => {
-    return color in chalk;
+    return color in ansis;
 };
 /**
- * Applies a color to a string using Chalk.
+ * Applies a color to a string using Ansis.
  * Supports named colors, hex codes, RGB values, and ANSI-256 color codes.
  *
  * @param str - The string to colorize.
@@ -19,15 +19,15 @@ export const colorize = (str, color, type) => {
     }
     if (isNamedColor(color)) {
         if (type === "foreground") {
-            return chalk[color](str);
+            return ansis[color](str);
         }
         const methodName = `bg${color.charAt(0).toUpperCase() + color.slice(1)}`;
-        return chalk[methodName](str);
+        return ansis[methodName](str);
     }
     if (color.startsWith("#")) {
         return type === "foreground"
-            ? chalk.hex(color)(str)
-            : chalk.bgHex(color)(str);
+            ? ansis.hex(color)(str)
+            : ansis.bgHex(color)(str);
     }
     if (color.startsWith("ansi256")) {
         const matches = ansiRegex.exec(color);
@@ -35,9 +35,7 @@ export const colorize = (str, color, type) => {
             return str;
         }
         const value = Number(matches[1]);
-        return type === "foreground"
-            ? chalk.ansi256(value)(str)
-            : chalk.bgAnsi256(value)(str);
+        return type === "foreground" ? ansis.fg(value)(str) : ansis.bg(value)(str);
     }
     if (color.startsWith("rgb")) {
         const matches = rgbRegex.exec(color);
@@ -48,8 +46,8 @@ export const colorize = (str, color, type) => {
         const secondValue = Number(matches[2]);
         const thirdValue = Number(matches[3]);
         return type === "foreground"
-            ? chalk.rgb(firstValue, secondValue, thirdValue)(str)
-            : chalk.bgRgb(firstValue, secondValue, thirdValue)(str);
+            ? ansis.rgb(firstValue, secondValue, thirdValue)(str)
+            : ansis.bgRgb(firstValue, secondValue, thirdValue)(str);
     }
     return str;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinky",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "React for CLIs, re-imagined with the Taffy engine",
   "keywords": [
     "react",
@@ -42,8 +42,8 @@
     "@alcalzone/ansi-tokenize": "^0.2.3",
     "ansi-escapes": "^7.2.0",
     "ansi-styles": "^6.2.3",
+    "ansis": "^4.2.0",
     "auto-bind": "^5.0.1",
-    "chalk": "^5.6.2",
     "cli-boxes": "^4.0.1",
     "cli-truncate": "^5.1.1",
     "code-excerpt": "^4.0.0",
@@ -70,9 +70,11 @@
     "@commitlint/cli": "^20.3.0",
     "@commitlint/config-conventional": "^20.3.0",
     "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/commit-analyzer": "^13.0.1",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^12.0.0",
+    "@semantic-release/github": "^12.0.2",
     "@semantic-release/npm": "^13.1.3",
+    "@semantic-release/release-notes-generator": "^14.1.0",
     "@sinonjs/fake-timers": "^15.1.0",
     "@types/bun": "^1.3.6",
     "@types/react-reconciler": "^0.32.3",
@@ -80,6 +82,7 @@
     "@types/stack-utils": "^2.0.3",
     "@types/ws": "^8.18.1",
     "boxen": "^8.0.1",
+    "conventional-changelog-conventionalcommits": "^9.1.0",
     "delay": "^7.0.0",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",