dev_agentandClaude Opus 5.5
5bd34f7822
definitionIcons.tsx and frontend render.ts still described Font Awesome as a curated subset; fa:<name> resolves against the full Free Solid set. Test names updated to match. Comments and test titles only. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
/**
|
|
* Lit rendering for the shared icon registry (`registry.generated.ts`,
|
|
* generated by tools/icons/generate.mjs: the curated Lucide set plus the full
|
|
* Font Awesome Free Solid set). The glyph path data is bundled — no CDN and
|
|
* no runtime fetch.
|
|
*/
|
|
import { html, svg, type TemplateResult } from "lit";
|
|
|
|
import { resolveIcon } from "./registry.generated";
|
|
|
|
/**
|
|
* A stored definition icon (`lucide:<name>`, `fa:<name>`, `emoji:<grapheme>`
|
|
* or a legacy bare Lucide name) as a template; anything that resolves to the
|
|
* registry fallback renders `fallback` instead.
|
|
*/
|
|
export function renderQuestIcon(
|
|
value: string | null,
|
|
fallback: TemplateResult
|
|
): TemplateResult {
|
|
const icon = resolveIcon(value);
|
|
switch (icon.kind) {
|
|
case "lucide":
|
|
return html`<svg
|
|
viewBox=${icon.viewBox}
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
aria-hidden="true"
|
|
data-icon=${icon.key}
|
|
>
|
|
${icon.paths.map((d) => svg`<path d=${d}></path>`)}
|
|
</svg>`;
|
|
case "fa":
|
|
return html`<svg
|
|
viewBox=${icon.viewBox}
|
|
fill="currentColor"
|
|
aria-hidden="true"
|
|
data-icon=${icon.key}
|
|
>
|
|
${icon.paths.map((d) => svg`<path d=${d}></path>`)}
|
|
</svg>`;
|
|
case "emoji":
|
|
return html`<span class="emoji" data-icon=${icon.key}>${icon.text}</span>`;
|
|
case "fallback":
|
|
return fallback;
|
|
}
|
|
}
|