const FAVICON_BLOCK_START = "<!-- RUDDER_FAVICON_START -->";
const FAVICON_BLOCK_END = "<!-- RUDDER_FAVICON_END -->";
const RUNTIME_BRANDING_BLOCK_START = "<!-- RUDDER_RUNTIME_BRANDING_START -->";
const RUNTIME_BRANDING_BLOCK_END = "<!-- RUDDER_RUNTIME_BRANDING_END -->";
const DEFAULT_FAVICON_LINKS = [
    '<link rel="icon" href="/favicon.ico" sizes="48x48" />',
    '<link rel="icon" href="/favicon.svg" type="image/svg+xml" />',
    '<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />',
    '<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />',
].join("\n");
const DEV_FAVICON_LINKS = [
    '<link rel="icon" href="/favicon-dev.ico" sizes="48x48" />',
    '<link rel="icon" type="image/png" sizes="32x32" href="/favicon-dev-32x32.png" />',
    '<link rel="icon" type="image/png" sizes="16x16" href="/favicon-dev-16x16.png" />',
].join("\n");
function isTruthyEnvValue(value) {
    if (!value)
        return false;
    const normalized = value.trim().toLowerCase();
    return normalized === "1" || normalized === "true" || normalized === "yes" || normalized === "on";
}
function nonEmpty(value) {
    if (typeof value !== "string")
        return null;
    const normalized = value.trim();
    return normalized.length > 0 ? normalized : null;
}
function normalizeLocalEnvName(value) {
    const normalized = value?.trim().toLowerCase().replace(/-/g, "_") ?? "";
    return normalized === "dev" || normalized === "prod_local" || normalized === "e2e" ? normalized : null;
}
function normalizeHexColor(value) {
    const raw = nonEmpty(value);
    if (!raw)
        return null;
    const hex = raw.startsWith("#") ? raw.slice(1) : raw;
    if (/^[0-9a-fA-F]{3}$/.test(hex)) {
        return `#${hex.split("").map((char) => `${char}${char}`).join("").toLowerCase()}`;
    }
    if (/^[0-9a-fA-F]{6}$/.test(hex)) {
        return `#${hex.toLowerCase()}`;
    }
    return null;
}
function hslComponentToHex(n) {
    return Math.round(Math.max(0, Math.min(255, n)))
        .toString(16)
        .padStart(2, "0");
}
function hslToHex(hue, saturation, lightness) {
    const s = Math.max(0, Math.min(100, saturation)) / 100;
    const l = Math.max(0, Math.min(100, lightness)) / 100;
    const c = (1 - Math.abs((2 * l) - 1)) * s;
    const h = ((hue % 360) + 360) % 360;
    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
    const m = l - (c / 2);
    let r = 0;
    let g = 0;
    let b = 0;
    if (h < 60) {
        r = c;
        g = x;
    }
    else if (h < 120) {
        r = x;
        g = c;
    }
    else if (h < 180) {
        g = c;
        b = x;
    }
    else if (h < 240) {
        g = x;
        b = c;
    }
    else if (h < 300) {
        r = x;
        b = c;
    }
    else {
        r = c;
        b = x;
    }
    return `#${hslComponentToHex((r + m) * 255)}${hslComponentToHex((g + m) * 255)}${hslComponentToHex((b + m) * 255)}`;
}
function deriveColorFromSeed(seed) {
    let hash = 0;
    for (const char of seed) {
        hash = ((hash * 33) + char.charCodeAt(0)) >>> 0;
    }
    return hslToHex(hash % 360, 68, 56);
}
function hexToRgb(color) {
    const normalized = normalizeHexColor(color) ?? "#000000";
    return {
        r: Number.parseInt(normalized.slice(1, 3), 16),
        g: Number.parseInt(normalized.slice(3, 5), 16),
        b: Number.parseInt(normalized.slice(5, 7), 16),
    };
}
function relativeLuminanceChannel(value) {
    const normalized = value / 255;
    return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
}
function relativeLuminance(color) {
    const { r, g, b } = hexToRgb(color);
    return ((0.2126 * relativeLuminanceChannel(r)) +
        (0.7152 * relativeLuminanceChannel(g)) +
        (0.0722 * relativeLuminanceChannel(b)));
}
function pickReadableTextColor(background) {
    const backgroundLuminance = relativeLuminance(background);
    const whiteContrast = 1.05 / (backgroundLuminance + 0.05);
    const blackContrast = (backgroundLuminance + 0.05) / 0.05;
    return whiteContrast >= blackContrast ? "#f8fafc" : "#111827";
}
function escapeHtmlAttribute(value) {
    return value
        .replaceAll("&", "&amp;")
        .replaceAll('"', "&quot;")
        .replaceAll("<", "&lt;")
        .replaceAll(">", "&gt;");
}
function createFaviconDataUrl(background, foreground) {
    const svg = [
        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">',
        `<rect width="24" height="24" rx="6" fill="${background}"/>`,
        `<path stroke="${foreground}" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.15" d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/>`,
        "</svg>",
    ].join("");
    return `data:image/svg+xml,${encodeURIComponent(svg)}`;
}
export function isWorktreeUiBrandingEnabled(env = process.env) {
    return isTruthyEnvValue(env.RUDDER_IN_WORKTREE);
}
export function getWorktreeUiBranding(env = process.env) {
    if (!isWorktreeUiBrandingEnabled(env)) {
        const localEnv = normalizeLocalEnvName(env.RUDDER_LOCAL_ENV);
        return {
            enabled: false,
            name: null,
            color: null,
            textColor: null,
            faviconHref: null,
            faviconLinks: localEnv === "dev" ? DEV_FAVICON_LINKS : null,
        };
    }
    const name = nonEmpty(env.RUDDER_WORKTREE_NAME) ?? nonEmpty(env.RUDDER_INSTANCE_ID) ?? "worktree";
    const color = normalizeHexColor(env.RUDDER_WORKTREE_COLOR) ?? deriveColorFromSeed(name);
    const textColor = pickReadableTextColor(color);
    return {
        enabled: true,
        name,
        color,
        textColor,
        faviconHref: createFaviconDataUrl(color, textColor),
        faviconLinks: null,
    };
}
export function renderFaviconLinks(branding) {
    if (!branding.enabled && branding.faviconLinks)
        return branding.faviconLinks;
    if (!branding.enabled || !branding.faviconHref)
        return DEFAULT_FAVICON_LINKS;
    const href = escapeHtmlAttribute(branding.faviconHref);
    return [
        `<link rel="icon" href="${href}" type="image/svg+xml" sizes="any" />`,
        `<link rel="shortcut icon" href="${href}" type="image/svg+xml" />`,
    ].join("\n");
}
export function renderRuntimeBrandingMeta(branding) {
    if (!branding.enabled || !branding.name || !branding.color || !branding.textColor)
        return "";
    return [
        '<meta name="rudder-worktree-enabled" content="true" />',
        `<meta name="rudder-worktree-name" content="${escapeHtmlAttribute(branding.name)}" />`,
        `<meta name="rudder-worktree-color" content="${escapeHtmlAttribute(branding.color)}" />`,
        `<meta name="rudder-worktree-text-color" content="${escapeHtmlAttribute(branding.textColor)}" />`,
    ].join("\n");
}
function replaceMarkedBlock(html, startMarker, endMarker, content) {
    const start = html.indexOf(startMarker);
    const end = html.indexOf(endMarker);
    if (start === -1 || end === -1 || end < start)
        return html;
    const before = html.slice(0, start + startMarker.length);
    const after = html.slice(end);
    const indentedContent = content
        ? `\n${content
            .split("\n")
            .map((line) => `    ${line}`)
            .join("\n")}\n    `
        : "\n    ";
    return `${before}${indentedContent}${after}`;
}
export function applyUiBranding(html, env = process.env) {
    const branding = getWorktreeUiBranding(env);
    const withFavicon = replaceMarkedBlock(html, FAVICON_BLOCK_START, FAVICON_BLOCK_END, renderFaviconLinks(branding));
    return replaceMarkedBlock(withFavicon, RUNTIME_BRANDING_BLOCK_START, RUNTIME_BRANDING_BLOCK_END, renderRuntimeBrandingMeta(branding));
}
//# sourceMappingURL=ui-branding.js.map