color-bits 1.1.0 → 1.2.0

package/build/parsing/tokenizer.js

@@ -0,0 +1,78 @@
+"use strict";
+// Nesting-aware scanner for CSS color functions. Unlike the fast-path regex in
+// the fast parser, it correctly handles nested parentheses — needed for relative colors
+// whose origin can be another function (`rgb(from hsl(0 100% 50%) r g b)`) and
+// for `calc(...)` channel expressions — and it keeps `/` (the alpha separator)
+// as its own token.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokenize = tokenize;
+const SPACE = 32; // ' '
+const TAB = 9; // '\t'
+const NEWLINE = 10; // '\n'
+const RETURN = 13; // '\r'
+const COMMA = 44; // ','
+const SLASH = 47; // '/'
+const OPEN = 40; // '('
+const CLOSE = 41; // ')'
+function isSeparator(c) {
+    return c === SPACE || c === TAB || c === NEWLINE || c === RETURN;
+}
+/**
+ * Tokenize a CSS color function string, e.g. "oklch(from green l c h / .5)".
+ * @returns the function name and its top-level tokens, or null if the input is
+ *   not a function call (no parentheses).
+ */
+function tokenize(input) {
+    const open = input.indexOf('(');
+    if (open === -1) {
+        return null;
+    }
+    const name = input.slice(0, open).trim().toLowerCase();
+    // Inner content is everything between the first '(' and the matching last ')'.
+    let end = input.length;
+    while (end > open && input.charCodeAt(end - 1) !== CLOSE) {
+        end--;
+    }
+    if (end <= open) {
+        return null; // unterminated
+    }
+    const tokens = [];
+    let depth = 0;
+    let start = -1; // start index of the current token, or -1 when between tokens
+    for (let i = open + 1; i < end - 1; i++) {
+        const c = input.charCodeAt(i);
+        if (depth === 0 && (isSeparator(c) || c === SLASH || c === COMMA)) {
+            if (start !== -1) {
+                tokens.push(input.slice(start, i));
+                start = -1;
+            }
+            if (c === SLASH) {
+                tokens.push('/');
+            }
+            else if (c === COMMA) {
+                tokens.push(',');
+            }
+            continue;
+        }
+        if (c === OPEN) {
+            depth++;
+        }
+        else if (c === CLOSE) {
+            depth--;
+            if (depth < 0) {
+                return null; // unbalanced
+            }
+        }
+        if (start === -1) {
+            start = i;
+        }
+    }
+    if (depth !== 0) {
+        return null; // unbalanced
+    }
+    if (start !== -1) {
+        tokens.push(input.slice(start, end - 1));
+    }
+    return { name, tokens };
+}
+//# sourceMappingURL=tokenizer.js.map

package/build/parsing/tokenizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenizer.js","sourceRoot":"","sources":["../../src/parsing/tokenizer.ts"],"names":[],"mappings":"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"}

package/build/parsing/values.d.ts

@@ -0,0 +1,41 @@
+/** ASCII case-insensitive check for the `from` keyword of relative colors. */
+export declare function isFromKeyword(token: string): boolean;
+/**
+ * Accepts: "50%", "128", "none"
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb#values
+ * @returns a value clamped to the 0 to 255 range
+ */
+export declare function parseColorChannel(channel: string): number;
+/**
+ * Accepts: "50%", ".5", "0.5", "none"
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/alpha-value
+ * @returns a value clamped to the [0, 255] range
+ */
+export declare function parseAlphaChannel(channel: string): number;
+/**
+ * Accepts: "50%", ".5", "0.5", "none"
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/alpha-value
+ * @returns a value in the [0, 1] range
+ */
+export declare function parseAlphaValue(channel: string): number;
+/**
+ * Accepts: "360", "360deg", "400grad", "6.28rad", "1turn", "none"
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/angle
+ * @returns a value in degrees
+ */
+export declare function parseAngle(angle: string): number;
+/**
+ * Accepts: "100%", "50", "none"
+ * @returns the numeric value, with percentages resolved against 100 (so "50%" -> 50)
+ */
+export declare function parsePercent(value: string): number;
+/**
+ * Accepts: "1.0", "100%", "none"
+ * @returns a value in the 0.0 to 1.0 range
+ */
+export declare function parsePercentageOrValue(value: string): number;
+/**
+ * Accepts: "100", "100%", "none"
+ * @returns a raw number, with percentages resolved against @range (so "50%" -> 0.5 * range)
+ */
+export declare function parseNumberOrPercentage(value: string, range: number): number;

package/build/parsing/values.js

@@ -0,0 +1,139 @@
+"use strict";
+// Primitive CSS value parsers shared by the fast and relative parsers. Kept in
+// their own module so both paths use the exact same unit conventions and neither
+// can drift from the other.
+//
+// Keyword and unit matching is ASCII case-insensitive, as CSS is: comparisons
+// use `charCode | 0x20`, which lowercases A-Z and leaves digits, '.', '-', '+'
+// and '%' unchanged.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFromKeyword = isFromKeyword;
+exports.parseColorChannel = parseColorChannel;
+exports.parseAlphaChannel = parseAlphaChannel;
+exports.parseAlphaValue = parseAlphaValue;
+exports.parseAngle = parseAngle;
+exports.parsePercent = parsePercent;
+exports.parsePercentageOrValue = parsePercentageOrValue;
+exports.parseNumberOrPercentage = parseNumberOrPercentage;
+const bytes_1 = require("../core/bytes");
+const PERCENT = 37; // '%'
+const G = 103; // 'g'
+const N = 110; // 'n'
+const D = 100; // 'd'
+const E = 101; // 'e'
+/** ASCII case-insensitive check for the `from` keyword of relative colors. */
+function isFromKeyword(token) {
+    return token.length === 4
+        && (token.charCodeAt(0) | 0x20) === 102 // 'f'
+        && (token.charCodeAt(1) | 0x20) === 114 // 'r'
+        && (token.charCodeAt(2) | 0x20) === 111 // 'o'
+        && (token.charCodeAt(3) | 0x20) === 109; // 'm'
+}
+/**
+ * Accepts: "50%", "128", "none"
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb#values
+ * @returns a value clamped to the 0 to 255 range
+ */
+function parseColorChannel(channel) {
+    // No explicit 'none' check: parseFloat('none') is NaN, which clampByte
+    // passes through and newColor packs as 0 — exactly CSS none = 0.
+    if (channel.charCodeAt(channel.length - 1) === PERCENT) {
+        return (0, bytes_1.clampByte)((parseFloat(channel) / 100) * 255);
+    }
+    return (0, bytes_1.clampByte)(parseFloat(channel));
+}
+/**
+ * Accepts: "50%", ".5", "0.5", "none"
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/alpha-value
+ * @returns a value clamped to the [0, 255] range
+ */
+function parseAlphaChannel(channel) {
+    return (0, bytes_1.clampByte)(parseAlphaValue(channel) * 255);
+}
+/**
+ * Accepts: "50%", ".5", "0.5", "none"
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/alpha-value
+ * @returns a value in the [0, 1] range
+ */
+function parseAlphaValue(channel) {
+    if ((channel.charCodeAt(0) | 0x20) === N) {
+        return 0;
+    }
+    if (channel.charCodeAt(channel.length - 1) === PERCENT) {
+        return parseFloat(channel) / 100;
+    }
+    return parseFloat(channel);
+}
+/**
+ * Accepts: "360", "360deg", "400grad", "6.28rad", "1turn", "none"
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/angle
+ * @returns a value in degrees
+ */
+function parseAngle(angle) {
+    let factor = 1;
+    switch (angle.charCodeAt(angle.length - 1) | 0x20) {
+        case E: {
+            // 'none'
+            return 0;
+        }
+        case D: {
+            // 'rad', 'grad'
+            if ((angle.charCodeAt(Math.max(0, angle.length - 4)) | 0x20) === G) {
+                // 'grad': 400grad = 360deg
+                factor = 360 / 400;
+            }
+            else {
+                // 'rad': 2π rad = 360deg
+                factor = 360 / (2 * Math.PI); // 360 / TAU
+            }
+            break;
+        }
+        case N: {
+            // 'turn': 1turn = 360deg
+            factor = 360;
+            break;
+        }
+        // case G: // 'deg', but no need to check as it's also the default
+        default: {
+            return parseFloat(angle); // degrees
+        }
+    }
+    return parseFloat(angle) * factor;
+}
+/**
+ * Accepts: "100%", "50", "none"
+ * @returns the numeric value, with percentages resolved against 100 (so "50%" -> 50)
+ */
+function parsePercent(value) {
+    if ((value.charCodeAt(0) | 0x20) === N) {
+        return 0;
+    }
+    return parseFloat(value);
+}
+/**
+ * Accepts: "1.0", "100%", "none"
+ * @returns a value in the 0.0 to 1.0 range
+ */
+function parsePercentageOrValue(value) {
+    if ((value.charCodeAt(0) | 0x20) === N) {
+        return 0;
+    }
+    if (value.charCodeAt(value.length - 1) === PERCENT) {
+        return parseFloat(value) / 100;
+    }
+    return parseFloat(value);
+}
+/**
+ * Accepts: "100", "100%", "none"
+ * @returns a raw number, with percentages resolved against @range (so "50%" -> 0.5 * range)
+ */
+function parseNumberOrPercentage(value, range) {
+    if ((value.charCodeAt(0) | 0x20) === N) {
+        return 0;
+    }
+    if (value.charCodeAt(value.length - 1) === PERCENT) {
+        return (parseFloat(value) / 100) * range;
+    }
+    return parseFloat(value);
+}
+//# sourceMappingURL=values.js.map

package/build/parsing/values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"values.js","sourceRoot":"","sources":["../../src/parsing/values.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,12 +1,37 @@
 {
   "name": "color-bits",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "main": "./build/index.js",
   "sideEffects": false,
+  "homepage": "https://github.com/romgrk/color-bits",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/romgrk/color-bits.git"
+  },
+  "scripts": {
+    "prepack": "pnpm run build && npmignore --auto",
+    "build": "tsc",
+    "start": "tsc --watch",
+    "docs": "pnpm run docs:core && pnpm run docs:string",
+    "docs:core": "typedoc --readme none --plugin typedoc-plugin-markdown --out ./docs ./src/index.ts",
+    "docs:string": "typedoc --readme none --plugin typedoc-plugin-markdown --out ./docs/string ./src/string.ts",
+    "benchmark": "pnpm run benchmark:srgb",
+    "benchmark:srgb": "tsx ./benchmarks/compare-srgb.ts",
+    "benchmark:oklab": "tsx ./benchmarks/compare-oklab.ts",
+    "test": "NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" jest --watch"
+  },
   "exports": {
     ".": "./build/index.js",
     "./*": "./build/*",
-    "./string": "./build/string.js"
+    "./string": "./build/string.js",
+    "./css": {
+      "types": "./build/css.d.ts",
+      "default": "./build/css.js"
+    },
+    "./named": {
+      "types": "./build/namedColors.d.ts",
+      "default": "./build/namedColors.js"
+    }
   },
   "types": "./build/index.d.ts",
   "keywords": [
@@ -28,6 +53,7 @@
     "@babel/preset-env": "^7.25.4",
     "@babel/preset-typescript": "^7.24.7",
     "@jest/globals": "^29.7.0",
+    "@texel/color": "^1.1.11",
     "@types/chai": "^4.3.19",
     "@types/jest": "^29.5.12",
     "benny": "^3.7.1",
@@ -35,6 +61,7 @@
     "chroma-js": "^3.0.0",
     "color": "^4.2.3",
     "colord": "^2.9.3",
+    "culori": "^4.0.2",
     "jest": "^29.7.0",
     "npmignore": "^0.3.1",
     "tinycolor2": "^1.6.0",
@@ -44,14 +71,5 @@
     "typedoc": "^0.26.6",
     "typedoc-plugin-markdown": "^4.2.6",
     "typescript": "^5.5.4"
-  },
-  "scripts": {
-    "build": "tsc",
-    "start": "tsc --watch",
-    "docs": "pnpm run docs:core && pnpm run docs:string",
-    "docs:core": "typedoc --readme none --plugin typedoc-plugin-markdown --out ./docs ./src/index.ts",
-    "docs:string": "typedoc --readme none --plugin typedoc-plugin-markdown --out ./docs/string ./src/string.ts",
-    "benchmark": "tsx ./benchmarks/index.ts",
-    "test": "NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" jest --watch"
   }
-}
+}

package/benchmarks/index.ts

@@ -1,35 +0,0 @@
-import b from 'benny'
-import { alpha as colorBitsAlpha } from '../src/string'
-import { colord } from 'colord'
-import tinycolor2 from 'tinycolor2'
-import color from 'color'
-import chroma from 'chroma-js'
-
-const input = '#808080'
-
-b.suite(
-  `Parse color, set to 0.5 opacity, and convert back to hexadecimal`,
-
-  b.add('color-bits', () => {
-    colorBitsAlpha(input, 0.5)
-  }),
-
-  b.add('colord', () => {
-    colord(input).alpha(0.5).toHex()
-  }),
-
-  b.add('color', () => {
-    color(input).alpha(0.5).hex()
-  }),
-
-  b.add('tinycolor2', () => {
-    tinycolor2(input).setAlpha(0.5).toHexString()
-  }),
-
-  b.add('chroma-js', () => {
-    chroma(input).alpha(0.5).hex()
-  }),
-
-  b.cycle(),
-  b.complete()
-)

package/build/bit.d.ts

@@ -1,3 +0,0 @@
-export declare function cast(n: number): number;
-export declare function get(n: number, offset: number): number;
-export declare function set(n: number, offset: number, byte: number): number;

package/build/bit.js

@@ -1,29 +0,0 @@
-"use strict";
-// Bitwise functions
-//
-// The color representation would ideally be 32-bits unsigned, but JS bitwise
-// operators only work as 32-bits signed. The range of Smi values on V8 is also
-// 32-bits signed. Those two factors make it that it's much more efficient to just
-// use signed integers to represent the data.
-//
-// Colors with a R channel >= 0x80 will be a negative number, but that's not really
-// an issue at any point because the bits for signed and unsigned integers are always
-// the same, only their interpretation changes.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cast = cast;
-exports.get = get;
-exports.set = set;
-const INT32_TO_UINT32_OFFSET = 2 ** 32;
-function cast(n) {
-    if (n < 0) {
-        return n + INT32_TO_UINT32_OFFSET;
-    }
-    return n;
-}
-function get(n, offset) {
-    return (n >> offset) & 0xff;
-}
-function set(n, offset, byte) {
-    return n ^ ((n ^ (byte << offset)) & (0xff << offset));
-}
-//# sourceMappingURL=bit.js.map

package/build/bit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bit.js","sourceRoot":"","sources":["../src/bit.ts"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,EAAE;AACF,6EAA6E;AAC7E,+EAA+E;AAC/E,kFAAkF;AAClF,6CAA6C;AAC7C,EAAE;AACF,mFAAmF;AACnF,qFAAqF;AACrF,+CAA+C;;AAI/C,oBAKC;AAED,kBAEC;AAED,kBAEC;AAfD,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,CAAC;AAEvC,SAAgB,IAAI,CAAC,CAAS;IAC5B,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACV,OAAO,CAAC,GAAG,sBAAsB,CAAC;IACpC,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAgB,GAAG,CAAC,CAAS,EAAE,MAAc;IAC3C,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC;AAC9B,CAAC;AAED,SAAgB,GAAG,CAAC,CAAS,EAAE,MAAc,EAAE,IAAY;IACzD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC;AACzD,CAAC"}