@clhaas/palette-kit 0.3.0 → 0.4.0

package/src/utils/parseColor.test.ts

@@ -1,66 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-import { parseColor } from "./parseColor.js";
-
-describe("parseColor", () => {
-  it("parses #fff with alpha 1", () => {
-    const result = parseColor("#fff");
-
-    expect(result.input).toBe("#fff");
-    expect(result.srgb.space).toBe("srgb");
-    expect(result.srgb.alpha).toBe(1);
-    expect(result.srgb.channels[0]).toBeCloseTo(1, 6);
-    expect(result.srgb.channels[1]).toBeCloseTo(1, 6);
-    expect(result.srgb.channels[2]).toBeCloseTo(1, 6);
-  });
-
-  it("parses #112233", () => {
-    const result = parseColor("#112233");
-
-    expect(result.srgb.channels[0]).toBeCloseTo(0x11 / 255, 6);
-    expect(result.srgb.channels[1]).toBeCloseTo(0x22 / 255, 6);
-    expect(result.srgb.channels[2]).toBeCloseTo(0x33 / 255, 6);
-    expect(result.srgb.alpha).toBe(1);
-  });
-
-  it("parses #11223380 with alpha", () => {
-    const result = parseColor("#11223380");
-
-    expect(result.srgb.alpha).toBeCloseTo(0x80 / 255, 3);
-  });
-
-  it("normalizes okLch channels", () => {
-    const result = parseColor("#ffffff");
-    const [l, c, h] = result.okLch.channels;
-
-    expect(result.okLch.space).toBe("oklch");
-    expect(result.okLch.alpha).toBe(1);
-    expect(l).toBeGreaterThanOrEqual(0);
-    expect(l).toBeLessThanOrEqual(100);
-    expect(c).toBeGreaterThanOrEqual(0);
-    expect(h).toBeGreaterThanOrEqual(0);
-    expect(h).toBeLessThan(360);
-  });
-
-  it("preserves okLch alpha", () => {
-    const result = parseColor("#33669980");
-
-    expect(result.okLch.alpha).toBeCloseTo(0x80 / 255, 3);
-  });
-
-  it("throws on invalid input", () => {
-    expect(() => parseColor("#12")).toThrowError(/#12/);
-    expect(() => parseColor("#GGGGGG")).toThrowError(/#GGGGGG/);
-  });
-
-  it("includes rgb values when conversion fails", async () => {
-    vi.resetModules();
-    vi.doMock("culori", () => ({
-      converter: () => () => undefined,
-    }));
-
-    const { parseColor: mockedParseColor } = await import("./parseColor.js");
-
-    expect(() => mockedParseColor("#ffffff")).toThrowError(/r=1, g=1, b=1/);
-  });
-});

package/src/utils/parseColor.ts

@@ -1,87 +0,0 @@
-import { converter } from "culori";
-
-import type { CssColorString, RawColor } from "../types/index.js";
-
-const hexPattern = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
-const toOklch = converter("oklch");
-
-const OKLCH_L_MAX = 100;
-const OKLCH_H_MAX = 360;
-const MAX_OKLCH_CHROMA = 0.4;
-const NEGATIVE_CHROMA_EPSILON = 1e-6;
-
-const toChannel = (hex: string) => Number.parseInt(hex, 16) / 255;
-
-const normalizeHue = (hue: number) => ((hue % OKLCH_H_MAX) + OKLCH_H_MAX) % OKLCH_H_MAX;
-const clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));
-
-export function parseColor(input: CssColorString): {
-  input: CssColorString;
-  okLch: RawColor;
-  srgb: RawColor;
-} {
-  const normalizedInput = input.trim();
-
-  if (!hexPattern.test(normalizedInput)) {
-    throw new Error(`Invalid color input: "${input}"`);
-  }
-
-  const hex = normalizedInput.slice(1);
-  let r = 0;
-  let g = 0;
-  let b = 0;
-  let alpha = 1;
-
-  if (hex.length === 3) {
-    r = toChannel(`${hex[0]}${hex[0]}`);
-    g = toChannel(`${hex[1]}${hex[1]}`);
-    b = toChannel(`${hex[2]}${hex[2]}`);
-  } else if (hex.length === 6 || hex.length === 8) {
-    r = toChannel(hex.slice(0, 2));
-    g = toChannel(hex.slice(2, 4));
-    b = toChannel(hex.slice(4, 6));
-
-    if (hex.length === 8) {
-      alpha = toChannel(hex.slice(6, 8));
-    }
-  } else {
-    throw new Error(`Invalid hex length: "${normalizedInput}"`);
-  }
-
-  const oklchValue = toOklch({ mode: "rgb", r, g, b });
-
-  if (!oklchValue) {
-    throw new Error(`Unable to convert color input: "${normalizedInput}" (r=${r}, g=${g}, b=${b})`);
-  }
-
-  const l = typeof oklchValue.l === "number" && Number.isFinite(oklchValue.l) ? oklchValue.l : 0;
-  const c = typeof oklchValue.c === "number" && Number.isFinite(oklchValue.c) ? oklchValue.c : 0;
-  const h = typeof oklchValue.h === "number" && Number.isFinite(oklchValue.h) ? oklchValue.h : 0;
-  const scaledLightness = l * 100;
-
-  if (c < -NEGATIVE_CHROMA_EPSILON) {
-    throw new Error(`Invalid OKLCH chroma value: ${c} for "${input}"`);
-  }
-
-  const okLch: RawColor = {
-    space: "oklch",
-    channels: [
-      clamp(scaledLightness, 0, OKLCH_L_MAX),
-      clamp(Math.max(0, c), 0, MAX_OKLCH_CHROMA),
-      normalizeHue(h),
-    ],
-    alpha,
-  };
-
-  const srgb: RawColor = {
-    space: "srgb",
-    channels: [r, g, b],
-    alpha,
-  };
-
-  return {
-    input: normalizedInput,
-    okLch,
-    srgb,
-  };
-}

package/src/utils/smoothstep.ts

@@ -1,6 +0,0 @@
-import { clamp } from "./clamp.js";
-
-export const smoothstep = (t: number) => {
-  const x = clamp(t, 0, 1);
-  return x * x * (3 - 2 * x);
-};

package/tsconfig.build.json

@@ -1,11 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "noEmit": false,
-    "declaration": true,
-    "emitDeclarationOnly": false,
-    "outDir": "dist"
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["tests/**", "examples/**", "node_modules/**"]
-}

package/tsconfig.json

@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "declaration": true,
-    "strict": true,
-    "types": ["node"],
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.ts"],
-  "exclude": ["examples/**", "tests/**", "node_modules/**"]
-}