Add typings

src/data/lovelace.ts

@@ -17,9 +17,9 @@ export interface LovelacePanelConfig {
   mode: "yaml" | "storage";
 }
 
-export interface LovelaceStrategyConfig {
+export interface LovelaceStrategyConfig<S = Record<string, unknown>> {
   type: string;
-  options?: Record<string, unknown>;
+  options?: S;
 }
 
 export interface LovelaceConfig {
@@ -83,10 +83,7 @@ export interface LovelaceViewConfig {
   index?: number;
   title?: string;
   type?: string;
-  strategy?: {
-    type: string;
-    options?: Record<string, unknown>;
-  };
+  strategy?: LovelaceStrategyConfig;
   badges?: Array<string | LovelaceBadgeConfig>;
   cards?: LovelaceCardConfig[];
   path?: string;

src/panels/lovelace/editor/dashboard-strategy-editor/hui-dashboard-strategy-element-editor.ts

@@ -1,18 +1,16 @@
 import { customElement } from "lit/decorators";
 import { LovelaceConfig } from "../../../../data/lovelace";
-import {
-  getLovelaceStrategy,
-  LovelaceDashboardStrategy,
-  type LovelaceDashboardStrategyEditor,
-} from "../../strategies/get-strategy";
+import { getLovelaceStrategy } from "../../strategies/get-strategy";
+import { LovelaceStrategyEditor } from "../../strategies/types";
 import { HuiElementEditor } from "../hui-element-editor";
 
 @customElement("hui-dashboard-strategy-element-editor")
 export class HuiDashboardStrategyElementEditor extends HuiElementEditor<LovelaceConfig> {
   protected async getConfigElement(): Promise<
-    LovelaceDashboardStrategyEditor | undefined
+    LovelaceStrategyEditor | undefined
   > {
-    const elClass = await getLovelaceStrategy<LovelaceDashboardStrategy>(
+    const elClass = await getLovelaceStrategy(
+      "dashboard",
       this.configElementType!
     );
 

src/panels/lovelace/editor/dashboard-strategy-editor/hui-original-states-dashboard-strategy-editor.ts

@@ -6,9 +6,10 @@ import type {
   HaFormSchema,
   SchemaUnion,
 } from "../../../../components/ha-form/types";
-import { LovelaceStrategyConfig } from "../../../../data/lovelace";
+import type { LovelaceStrategyConfig } from "../../../../data/lovelace";
 import type { HomeAssistant } from "../../../../types";
-import { LovelaceDashboardStrategyEditor } from "../../strategies/get-strategy";
+import { OriginalStatesDashboardStrategyOptions } from "../../strategies/original-states-dashboard-strategy";
+import { LovelaceStrategyEditor } from "../../strategies/types";
 
 const SCHEMA = [
   {
@@ -20,15 +21,18 @@ const SCHEMA = [
 ] as const satisfies readonly HaFormSchema[];
 
 @customElement("hui-original-states-dashboard-strategy-editor")
-export class HuiSensorCardEditor
+export class HuiOriginalStatesDashboarStrategyEditor
   extends LitElement
-  implements LovelaceDashboardStrategyEditor
+  implements LovelaceStrategyEditor
 {
   @property({ attribute: false }) public hass?: HomeAssistant;
 
-  @state() private _config?: LovelaceStrategyConfig;
+  @state()
+  private _config?: LovelaceStrategyConfig<OriginalStatesDashboardStrategyOptions>;
 
-  public setConfig(config: LovelaceStrategyConfig): void {
+  public setConfig(
+    config: LovelaceStrategyConfig<OriginalStatesDashboardStrategyOptions>
+  ): void {
     this._config = config;
   }
 
@@ -72,6 +76,6 @@ export class HuiSensorCardEditor
 
 declare global {
   interface HTMLElementTagNameMap {
-    "hui-original-states-dashboard-strategy-editor": HuiSensorCardEditor;
+    "hui-original-states-dashboard-strategy-editor": HuiOriginalStatesDashboarStrategyEditor;
   }
 }

src/panels/lovelace/strategies/get-strategy.ts

@@ -32,7 +32,7 @@ type StrategyConfig<T extends LovelaceStrategyConfigType> = AsyncReturnType<
   Strategies[T]["generate"]
 >;
 
-const getLovelaceStrategy = async <T extends LovelaceStrategyConfigType>(
+export const getLovelaceStrategy = async <T extends LovelaceStrategyConfigType>(
   configType: T,
   strategyType: string
 ): Promise<LovelaceStrategy> => {

src/panels/lovelace/strategies/original-states-dashboard-strategy.ts

@@ -4,18 +4,22 @@ import { LovelaceConfig } from "../../../data/lovelace";
 import { HomeAssistant } from "../../../types";
 import { LovelaceStrategyConfig, LovelaceStrategyParams } from "./types";
 
+export type OriginalStatesDashboardStrategyOptions = {
+  no_area_group?: boolean;
+};
+
 @customElement("original-states-dashboard-strategy")
 export class OriginalStatesDashboardStrategy extends ReactiveElement {
   static async generate(
-    _config: LovelaceStrategyConfig,
+    config: LovelaceStrategyConfig<OriginalStatesDashboardStrategyOptions>,
     hass: HomeAssistant,
     _params?: LovelaceStrategyParams
   ): Promise<LovelaceConfig> {
     return {
       title: hass.config.location_name,
       views: [
         {
-          strategy: { type: "original-states" },
+          strategy: { type: "original-states", options: config.options },
         },
       ],
     };

src/panels/lovelace/strategies/original-states-view-strategy.ts

@@ -8,10 +8,14 @@ import { HomeAssistant } from "../../../types";
 import { generateDefaultViewConfig } from "../common/generate-lovelace-config";
 import { LovelaceStrategyConfig, LovelaceStrategyParams } from "./types";
 
+export type OriginalStatesViewStrategyOptions = {
+  no_area_group?: boolean;
+};
+
 @customElement("original-states-view-strategy")
 export class OriginalStatesViewStrategy extends ReactiveElement {
   static async generate(
-    _config: LovelaceStrategyConfig,
+    config: LovelaceStrategyConfig<OriginalStatesViewStrategyOptions>,
     hass: HomeAssistant,
     _params?: LovelaceStrategyParams
   ): Promise<LovelaceViewConfig> {
@@ -38,7 +42,7 @@ export class OriginalStatesViewStrategy extends ReactiveElement {
     // User can override default view. If they didn't, we will add one
     // that contains all entities.
     const view = generateDefaultViewConfig(
-      info.view.strategy?.options?.no_area_group ? {} : hass.areas,
+      config.options?.no_area_group ? {} : hass.areas,
       hass.devices,
       hass.entities,
       hass.states,

src/panels/lovelace/strategies/types.ts

@@ -19,6 +19,7 @@ export type LovelaceStrategy<T = any> = {
     hass: HomeAssistant,
     params?: LovelaceStrategyParams
   ): Promise<T>;
+  getConfigElement?: () => LovelaceStrategyEditor;
 };
 
 export interface LovelaceDashboardStrategy