Skip to content

Commit

Permalink
Rework color API (denoland/std#134)
Browse files Browse the repository at this point in the history
  • Loading branch information
kitsonk authored and ry committed Jan 19, 2019
1 parent 15f372c commit a489edc
Show file tree
Hide file tree
Showing 5 changed files with 147 additions and 118 deletions.
11 changes: 6 additions & 5 deletions colors/README.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,19 @@
# colors

Is a basic console color module intended for [Deno](https://deno.land/). It is
inspired by [chalk](https://www.npmjs.com/package/chalk) and
inspired by [chalk](https://www.npmjs.com/package/chalk),
[kleur](https://www.npmjs.com/package/kleur), and
[colors](https://www.npmjs.com/package/colors) on npm.

## Usage

The main modules exports a single function name `color` which is a function that
provides chaining to stack colors. Basic usage looks like this:
The main modules exports several functions which can color the output to the
console:

```ts
import { color } from "https://deno.land/x/std/colors/mod.ts";
import { bgBlue, red, bold } from "https://deno.land/x/std/colors/mod.ts";

console.log(color.bgBlue.red.bold("Hello world!"));
console.log(bgBlue(red(bold("Hello world!"))));
```

## TODO
Expand Down
4 changes: 2 additions & 2 deletions colors/example.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
import { color } from "./mod.ts";
import { bgBlue, red, bold, italic } from "./mod.ts";

console.log(color.bgBlue.red.bold("Hello world!"));
console.log(bgBlue(italic(red(bold("Hello world!")))));
160 changes: 129 additions & 31 deletions colors/mod.ts
Original file line number Diff line number Diff line change
@@ -1,33 +1,131 @@
// Copyright 2018-2019 the Deno authors. All rights reserved. MIT license.
import { styles } from "./styles.ts";

type Styles = { readonly [S in keyof typeof styles]: Color };

type Color = Styles & {
(str: string): string;
};

const styleStack: string[] = [];

export const color = function color(str: string): string {
styleStack.reverse();
while (styleStack.length) {
const style = styleStack.pop();
const code = styles[style];
str = `${code.open}${str.replace(code.closeRe, code.open)}${
code.close
}`.replace(/\r?\n/g, `${code.close}$&${code.open}`);
}
return str;
} as Color;

for (const style of Object.keys(styles)) {
Object.defineProperty(color, style, {
get() {
styleStack.push(style);
return color;
},
enumerable: true,
configurable: false
});

interface Code {
open: string;
close: string;
regexp: RegExp;
}

let enabled = true;

export function setEnabled(value: boolean) {
enabled = value;
}

export function getEnabled(): boolean {
return enabled;
}

function code(open: number, close: number): Code {
return {
open: `\x1b[${open}m`,
close: `\x1b[${close}m`,
regexp: new RegExp(`\\x1b\\[${close}m`, "g")
};
}

function run(str: string, code: Code) {
return enabled
? `${code.open}${str.replace(code.regexp, code.open)}${code.close}`
: str;
}

export function reset(str: string): string {
return run(str, code(0, 0));
}

export function bold(str: string): string {
return run(str, code(1, 22));
}

export function dim(str: string): string {
return run(str, code(2, 22));
}

export function italic(str: string): string {
return run(str, code(3, 23));
}

export function underline(str: string): string {
return run(str, code(4, 24));
}

export function inverse(str: string): string {
return run(str, code(7, 27));
}

export function hidden(str: string): string {
return run(str, code(8, 28));
}

export function strikethrough(str: string): string {
return run(str, code(9, 29));
}

export function black(str: string): string {
return run(str, code(30, 39));
}

export function red(str: string): string {
return run(str, code(31, 39));
}

export function green(str: string): string {
return run(str, code(32, 39));
}

export function yellow(str: string): string {
return run(str, code(33, 39));
}

export function blue(str: string): string {
return run(str, code(34, 39));
}

export function magenta(str: string): string {
return run(str, code(35, 39));
}

export function cyan(str: string): string {
return run(str, code(36, 39));
}

export function white(str: string): string {
return run(str, code(37, 39));
}

export function gray(str: string): string {
return run(str, code(90, 39));
}

export function bgBlack(str: string): string {
return run(str, code(40, 49));
}

export function bgRed(str: string): string {
return run(str, code(41, 49));
}

export function bgGreen(str: string): string {
return run(str, code(42, 49));
}

export function bgYellow(str: string): string {
return run(str, code(43, 49));
}

export function bgBlue(str: string): string {
return run(str, code(44, 49));
}

export function bgMagenta(str: string): string {
return run(str, code(45, 49));
}

export function bgCyan(str: string): string {
return run(str, code(46, 49));
}

export function bgWhite(str: string): string {
return run(str, code(47, 49));
}
66 changes: 0 additions & 66 deletions colors/styles.ts

This file was deleted.

24 changes: 10 additions & 14 deletions colors/test.ts
Original file line number Diff line number Diff line change
@@ -1,25 +1,21 @@
import { assertEqual, test } from "../testing/mod.ts";
import { color } from "./mod.ts";
import { assert, test } from "../testing/mod.ts";
import { red, bgBlue, setEnabled, getEnabled } from "./mod.ts";
import "./example.ts";

test(function singleColor() {
assertEqual(color.red("Hello world"), "[31mHello world[39m");
assert.equal(red("Hello world"), "[31mHello world[39m");
});

test(function doubleColor() {
assertEqual(color.red.bgBlue("Hello world"),
"Hello world");
assert.equal(bgBlue(red("Hello world")), "Hello world");
});

test(function newLinesContinueColors() {
assertEqual(color.red("Hello\nworld"),
"Hello\nworld");
assertEqual(color.red("Hello\r\nworld"),
"Hello\r\nworld");
assertEqual(color.red("Hello\n\nworld"),
"Hello\n\nworld");
test(function replacesCloseCharacters() {
assert.equal(red("Hello"), "Hello");
});

test(function replacesCloseCharacters() {
assertEqual(color.red("Hello"), "Hello");
test(function enablingColors() {
assert.equal(getEnabled(), true);
setEnabled(false);
assert.equal(bgBlue(red("Hello world")), "Hello world");
});

0 comments on commit a489edc

Please sign in to comment.