@pmndrs/uikit/dist/panel/material/color.js

Build performant 3D user interfaces with Three.js and yoga.

import { Color } from 'three';
const colorHelper = new Color();
const rgbaRegex = /^rgba\((\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\)$/;
const hexAlphaRegex = /^#(?:([0-9a-f]{3})([0-9a-f])|([0-9a-f]{6})([0-9a-f]{2}))$/i;
export function writeColor(target, offset, color, opacity, onUpdate) {
    let match;
    if (Array.isArray(color)) {
        for (let i = 0; i < color.length; i++) {
            target[i + offset] = color[i];
        }
        target[offset + 3] = (color.length === 3 ? 1 : target[offset + 3]) * opacity;
    }
    else if (color === 'transparent') {
        target.fill(0, offset, offset + 4);
    }
    else if (typeof color === 'string' && (match = color.match(rgbaRegex)) != null) {
        for (let i = 0; i < 3; i++) {
            target[i + offset] = parseFloat(match[i + 1]) / 255;
        }
        target[3 + offset] = parseFloat(match[4]) * opacity;
    }
    else if (typeof color === 'string' && (match = color.match(hexAlphaRegex)) != null) {
        const rgb = match[1] ?? match[3];
        const alpha = match[2] == null ? match[4] : `${match[2]}${match[2]}`;
        colorHelper.set(`#${rgb}`).toArray(target, offset);
        target[offset + 3] = (Number.parseInt(alpha, 16) / 255) * opacity;
    }
    else {
        colorHelper.set(color).toArray(target, offset);
        target[offset + 3] = opacity;
    }
    onUpdate?.(offset, 4);
}