Feature: expanded and custom task icons (Lucide + Font Awesome + emoji) (#248)

Co-authored-by: dev_agent <17+dev_agent@code.cubecraftcreations.com> Co-committed-by: dev_agent <17+dev_agent@code.cubecraftcreations.com>
2026-09-26 09:02:07 -04:00
parent fb9907ae7f
commit bdf6d0aca1
33 changed files with 5108 additions and 1023 deletions
@@ -0,0 +1,48 @@
+/**
+ * Lit rendering for the shared icon registry (`registry.generated.ts`,
+ * generated from tools/icons/curated-icons.json). 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;
+  }
+}