renderTypeBadge function presentation exported ✓ 100.0%

Last updated: 2026-03-04T23:21:38.426Z

Location

src/lib/ui/renderers.ts:15-18

Metrics

LOC: 4 Complexity: 2 Params: 2 Coverage: 100.0% (2/2 lines, 7x executed)

Signature

renderTypeBadge(type: string, prefix = ""): : string

Summary

Renders a colored badge for a field type.

Source Code

export function renderTypeBadge(type: string, prefix = ""): string {
  const color = TYPE_COLORS[type] ?? "#64748b";
  return `<span class="${prefix}type-badge" style="background:${color}">${escapeHtml(type)}</span>`;
}

Dependencies (Outgoing)

graph LR renderTypeBadge["renderTypeBadge"] DetectedFieldSummary["DetectedFieldSummary"] SavedForm["SavedForm"] escapeAttr["escapeAttr"] getConfidenceColor["getConfidenceColor"] escapeHtml["escapeHtml"] renderTypeBadge -->|uses| DetectedFieldSummary renderTypeBadge -->|uses| SavedForm renderTypeBadge -->|uses| escapeAttr renderTypeBadge -->|uses| getConfidenceColor renderTypeBadge -->|calls| escapeHtml style renderTypeBadge fill:#dbeafe,stroke:#2563eb,stroke-width:2px click renderTypeBadge "9c98fcbf039c92b3.html" click DetectedFieldSummary "bfdc4d4bda59a49c.html" click SavedForm "d0449098c37a67b9.html" click escapeAttr "cec845dea36fd058.html" click getConfidenceColor "fd03c3314b68824d.html" click escapeHtml "67836c1424e9ebff.html"

Target	Type
DetectedFieldSummary	uses
SavedForm	uses
escapeAttr	uses
getConfidenceColor	uses
escapeHtml	calls

Impact (Incoming)

graph LR renderTypeBadge["renderTypeBadge"] renderFieldRow["renderFieldRow"] renderFieldRow -->|calls| renderTypeBadge style renderTypeBadge fill:#dbeafe,stroke:#2563eb,stroke-width:2px click renderTypeBadge "9c98fcbf039c92b3.html" click renderFieldRow "b51f1878ac9d34b2.html"

Source	Type
renderFieldRow	calls