Add the Lit card toolchain and auto-register the Lovelace bundle

frontend/src/cards/admin.ts

@@ -0,0 +1,35 @@
+import { LitElement, html } from "lit";
+
+import { registerCustomCard, type CardConfig, type HassLike } from "../types";
+
+export class NestQuestAdminCard extends LitElement {
+  static properties = {
+    hass: { attribute: false },
+    _config: { state: true },
+  };
+
+  hass?: HassLike;
+  _config?: CardConfig;
+
+  setConfig(config: CardConfig): void {
+    if (!config || typeof config !== "object") {
+      throw new Error("Invalid configuration");
+    }
+    this._config = config;
+  }
+
+  getCardSize(): number {
+    return 8;
+  }
+
+  render() {
+    return html`<div>NestQuest Admin</div>`;
+  }
+}
+
+customElements.define("nestquest-admin-card", NestQuestAdminCard);
+registerCustomCard({
+  type: "nestquest-admin-card",
+  name: "NestQuest Admin",
+  description: "Parent phone view for today, tasks, schedule, and history.",
+});

frontend/src/cards/party-board.ts

@@ -0,0 +1,35 @@
+import { LitElement, html } from "lit";
+
+import { registerCustomCard, type CardConfig, type HassLike } from "../types";
+
+export class NestQuestPartyBoardCard extends LitElement {
+  static properties = {
+    hass: { attribute: false },
+    _config: { state: true },
+  };
+
+  hass?: HassLike;
+  _config?: CardConfig;
+
+  setConfig(config: CardConfig): void {
+    if (!config || typeof config !== "object") {
+      throw new Error("Invalid configuration");
+    }
+    this._config = config;
+  }
+
+  getCardSize(): number {
+    return 6;
+  }
+
+  render() {
+    return html`<div>NestQuest Party Board</div>`;
+  }
+}
+
+customElements.define("nestquest-party-board-card", NestQuestPartyBoardCard);
+registerCustomCard({
+  type: "nestquest-party-board-card",
+  name: "NestQuest Party Board",
+  description: "Kids' attract screen for present and away adventurers.",
+});

frontend/src/cards/quest-log.ts

@@ -0,0 +1,35 @@
+import { LitElement, html } from "lit";
+
+import { registerCustomCard, type CardConfig, type HassLike } from "../types";
+
+export class NestQuestQuestLogCard extends LitElement {
+  static properties = {
+    hass: { attribute: false },
+    _config: { state: true },
+  };
+
+  hass?: HassLike;
+  _config?: CardConfig;
+
+  setConfig(config: CardConfig): void {
+    if (!config || typeof config !== "object") {
+      throw new Error("Invalid configuration");
+    }
+    this._config = config;
+  }
+
+  getCardSize(): number {
+    return 8;
+  }
+
+  render() {
+    return html`<div>NestQuest Quest Log</div>`;
+  }
+}
+
+customElements.define("nestquest-quest-log-card", NestQuestQuestLogCard);
+registerCustomCard({
+  type: "nestquest-quest-log-card",
+  name: "NestQuest Quest Log",
+  description: "One child's daily quests, grouped by window.",
+});

frontend/src/nestquest-cards.ts

@@ -0,0 +1,3 @@
+import "./cards/party-board";
+import "./cards/quest-log";
+import "./cards/admin";

frontend/src/types.ts

@@ -0,0 +1,20 @@
+export type HassLike = Record<string, unknown>;
+
+export type CardConfig = Record<string, unknown>;
+
+export type CustomCardInfo = {
+  type: string;
+  name: string;
+  description: string;
+};
+
+declare global {
+  interface Window {
+    customCards?: CustomCardInfo[];
+  }
+}
+
+export function registerCustomCard(info: CustomCardInfo): void {
+  window.customCards = window.customCards ?? [];
+  window.customCards.push(info);
+}