mutiny-web/src/utils/gradientHash.ts

import { TagItem } from "@mutinywallet/mutiny-wasm";

export async function generateGradient(str: string) {
    const encoder = new TextEncoder();
    const data = encoder.encode(str);
    const digestBuffer = await crypto.subtle.digest("SHA-256", data);
    const digestArray = new Uint8Array(digestBuffer);
    const h1 = digestArray[0] % 360;
    const h2 = (h1 + 180) % 360;

    const gradient = `linear-gradient(135deg, hsl(${h1}, 50%, 50%) 0%, hsl(${h2}, 50%, 50%) 100%)`;

    return gradient;
}

export async function gradientsPerContact(contacts: TagItem[]) {
    const gradients = new Map();
    for (const contact of contacts) {
        const gradient = await generateGradient(contact.name);
        gradients.set(contact.name, gradient);
    }

    return gradients;
}