66 lines
2.1 KiB
TypeScript
66 lines
2.1 KiB
TypeScript
export type WorktreeUiBranding = {
|
|
enabled: true;
|
|
name: string;
|
|
color: string;
|
|
textColor: string;
|
|
};
|
|
|
|
function readMetaContent(name: string): string | null {
|
|
if (typeof document === "undefined") return null;
|
|
const element = document.querySelector(`meta[name="${name}"]`);
|
|
const content = element?.getAttribute("content")?.trim();
|
|
return content ? content : null;
|
|
}
|
|
|
|
function normalizeHexColor(value: string | null): string | null {
|
|
if (!value) return null;
|
|
const hex = value.startsWith("#") ? value.slice(1) : value;
|
|
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 hexToRgb(color: string): { r: number; g: number; b: number } {
|
|
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: number): number {
|
|
const normalized = value / 255;
|
|
return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
|
|
}
|
|
|
|
function pickReadableTextColor(background: string): string {
|
|
const { r, g, b } = hexToRgb(background);
|
|
const luminance =
|
|
(0.2126 * relativeLuminanceChannel(r)) +
|
|
(0.7152 * relativeLuminanceChannel(g)) +
|
|
(0.0722 * relativeLuminanceChannel(b));
|
|
const whiteContrast = 1.05 / (luminance + 0.05);
|
|
const blackContrast = (luminance + 0.05) / 0.05;
|
|
return whiteContrast >= blackContrast ? "#f8fafc" : "#111827";
|
|
}
|
|
|
|
export function getWorktreeUiBranding(): WorktreeUiBranding | null {
|
|
if (readMetaContent("paperclip-worktree-enabled") !== "true") return null;
|
|
|
|
const name = readMetaContent("paperclip-worktree-name");
|
|
const color = normalizeHexColor(readMetaContent("paperclip-worktree-color"));
|
|
if (!name || !color) return null;
|
|
|
|
return {
|
|
enabled: true,
|
|
name,
|
|
color,
|
|
textColor: normalizeHexColor(readMetaContent("paperclip-worktree-text-color")) ?? pickReadableTextColor(color),
|
|
};
|
|
}
|