Refactor frontend organization

Author: chrisdoherty4

custom_components/maint/frontend/dist/main.js.map

@@ -1,4 +1,29 @@
-import type { HassConnection, MaintEntry, MaintTask, TaskPayload } from "./types.js";
+export type FrequencyUnit = "days" | "weeks" | "months";
+
+export interface MaintEntry {
+  entry_id: string;
+  title: string;
+}
+
+export interface MaintTask {
+  task_id: string;
+  description: string;
+  frequency: number;
+  frequency_unit: FrequencyUnit;
+  last_completed: string | null;
+  next_scheduled?: string | null;
+}
+
+export interface TaskPayload {
+  description: string;
+  frequency: number;
+  frequency_unit: FrequencyUnit;
+  last_completed: string;
+}
+
+export interface HassConnection {
+  callWS<T>(params: Record<string, unknown>): Promise<T>;
+}
 
 const DOMAIN = "maint";
 

custom_components/maint/frontend/src/api.ts

@@ -1,4 +1,4 @@
-import type { FrequencyUnit, MaintTask } from "./types.js";
+import type { FrequencyUnit, MaintTask } from "./api.js";
 
 export const normalizeFrequencyUnit = (value: string): FrequencyUnit => {
   const normalized = (value ?? "").toString().trim();

custom_components/maint/frontend/src/formatting.ts

@@ -1,5 +1,5 @@
 import { parseDate, parseFrequency, parseFrequencyUnit } from "./formatting.js";
-import type { FrequencyUnit, TaskPayload } from "./types.js";
+import type { FrequencyUnit, TaskPayload } from "./api.js";
 
 export interface ValidationResult {
   values?: TaskPayload;

custom_components/maint/frontend/src/forms.ts

@@ -1,7 +1,17 @@
 import { html, LitElement, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 
-import { createTask, deleteTask, fetchEntries, fetchTasks, updateTask } from "./api.js";
+import {
+  createTask,
+  deleteTask,
+  fetchEntries,
+  fetchTasks,
+  updateTask,
+  type FrequencyUnit,
+  type HassConnection,
+  type MaintEntry,
+  type MaintTask
+} from "./api.js";
 import { validateTaskFields } from "./forms.js";
 import {
   formatDate,
@@ -12,7 +22,6 @@ import {
   normalizeTask
 } from "./formatting.js";
 import { styles } from "./styles.js";
-import type { FrequencyUnit, HassConnection, MaintEntry, MaintTask } from "./types.js";
 
 @customElement("maint-panel")
 export class MaintPanel extends LitElement {

custom_components/maint/frontend/src/main.ts

@@ -2,6 +2,7 @@
 
 set -e
 
+# Move into the root directory.
 cd "$(dirname "$0")/.."
 
 # Create config dir if not present
@@ -16,5 +17,8 @@ fi
 ## without resulting to symlinks.
 export PYTHONPATH="${PYTHONPATH}:${PWD}/custom_components"
 
+# Build the frontend.
+./scripts/frontend
+
 # Start Home Assistant
 hass --config "${PWD}/config" --debug