Function resolveColors

ui/src/components/colors/nodeColors.ts:70–103

()

let cache: ColorCache | null = null;

function resolveColors(): ColorCache {
  if (typeof document === 'undefined') {
    // Non-browser (tests, SSR) — use fallbacks
    return {
      themeKey: '__fallback__',
      known: new Map(Object.entries(FALLBACK_KNOWN)),
      palette: FALLBACK_PALETTE,
    };
  }

  const root = document.documentElement;
  const themeKey = `${root.dataset.theme ?? ''}_${root.dataset.mode ?? ''}`;
  if (cache && cache.themeKey === themeKey) return cache;

  const style = getComputedStyle(root);

  // Read known type colors
  const known = new Map<string, string>();
  for (const [type, fallback] of Object.entries(FALLBACK_KNOWN)) {
    const varName = `--graph-node-${type.toLowerCase()}`;
    const val = style.getPropertyValue(varName).trim();
    known.set(type, val || fallback);
  }

  // Read palette
  const palette: string[] = [];
  for (let i = 0; i < PALETTE_SIZE; i++) {
    const val = style.getPropertyValue(`--graph-node-palette-${i}`).trim();
    palette.push(val || FALLBACK_PALETTE[i]);
  }

  cache = { themeKey, known, palette };
  return cache;
}

export function getNodeColor(type: string): string {
  const { known, palette } = resolveColors();